.hero_mv {
  position: relative;
  background-image: url("../images/topmovie/bg-mv.jpg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 100%;overflow: hidden;
}
@media screen and (max-width:767px){/*スマホ設定*/
.hero_mv{background: url("../images/topmovie/bg-mv_sp.jpg") no-repeat center top;background-size: cover;}
}

.hero_mv .top_screen {  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1;  background-color: #fff;  opacity: 1;}
.hero_mv .top_screen.screen_hide {  transition: all 2s ease;  opacity: 0;}
.hero_mv .hero_mv_inner {  position: relative;width: 100%;height: 700px;display: none}
@media screen and (max-width:767px){/*スマホ設定*/
 .hero_mv .hero_mv_inner{width: 100%;}
}


.hero_mv .video_container{position: relative;width: 100%;height: 100%}
.hero_mv .video_container2 {position: relative;padding-bottom: 40%;height: 0;overflow: hidden;}
.hero_mv iframe {pointer-events: none; position: absolute;top: 50%;left: 50%;width: 142%;height:142%; -webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
   
   
@media screen and (max-width:767px){/*スマホ設定*/
.hero_mv .video_container{height:100%}
.hero_mv .video_container2 {padding-bottom: 120%; /*アスペクト比 16:9の場合の縦幅56.25%*/}
.hero_mv iframe {top: 50%; left: 50%;   -webkit-transform: translate(-50%, -50%);   transform: translate(-50%, -50%);   width: 120%;height:120%;}
}


.hero_mv .video_skip,
.hero_mv .video_replay{  position:absolute;  bottom:10px; left:10px;  background-color: #000;  color: #ffffff;  z-index: 90;  cursor: pointer;  padding: 5px 10px; font-size: 0.875rem;}