@charset "UTF-8";

/* MVを画面全体（フルスクリーン）に敷き詰める調整 */
#mv {
    width: 100% !important;
    height: 100vh !important; /* 画面の高さ100%にする */
    min-height: 100vh !important;
}

/* 画像・動画の縦横比を保ったまま、隙間なく全画面を覆う */
#mv .mv_img img,
#mv .mv_mp4,
#mv .mv_mp4 video {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important; /* 画面いっぱいに敷き詰める（はみ出た部分はトリミング） */
    object-position: center !important; /* 中央を基準に表示する */
}

/* 以前のレスポンシブ用の記述もフルスクリーン用に上書き */
@media screen and (max-width: 125vh){
   #mv.mv_mp4_cover {
      height: 100vh !important;
      min-height: 100vh !important;
   }
}