/*

z-index：
index topfade slide : -1
move bg:100 101
library-download-menu:151
fix-header:200
fix-menu:202
fix-footer:202

all

@media (min-width: 576px){
	.my-class {
		sp->tab
	}
}
@media (min-width: 768px){
	.my-class {
		tab->pc
	}
}
@media (min-width: 992px){
	.my-class {
		pc
	}
}

*/

/* movie*/
#container-wrapper {
  background: #000;
}

.movie {
  background: #000;
}

.movie-inner {
  font-size: 2.933vw;
  line-height: 2.5em;
  letter-spacing: 2px;
  margin-bottom: 30px;
  padding: 0 5.333vw;
}

@media (min-width: 768px) {
  .movie-inner {
    font-size: 1.633vw;
    line-height: 3.163vw;
    letter-spacing: 0.102vw;
    margin-bottom: 0;
    padding: 0 15px;
  }
}

@media (min-width: 992px) {
  .movie-inner {
    font-size: 16px;
    line-height: 2.5em;
    letter-spacing: 1px;
  }
}

.movie-lead {
  font-size: 2.8vw;
  padding: 20vw 0 12vw;
}

@media (min-width: 768px) {
  .movie-lead {
    font-size: 16px;
    padding: 90px 0 0;
    margin-bottom: 60px;
  }
}

/* video.jsカスタマイズ */
.video-js{
  width:90%;
  height:100%;
  margin:0 auto;
  padding-top:50.625%;
  color:#fff;
  background-color: #fff;
}
.video-js .vjs-tech{ outline:none; }
.video-js .vjs-big-play-button:focus{ background:none; }
.video-js:hover .vjs-big-play-button,
.video-js .vjs-big-play-button{
  background:rgba(255,0,0,.5);
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  display: none;
}
.vjs-poster:hover{
  background-color: #fff;
  background-color:rgba(255,255,255,0.1);
  background-blend-mode:lighten;
}
button.vjs-picture-in-picture-control{
  display: none;
}
.video-js .vjs-control-bar{
  display: flex;
}