@charset "UTF-8";
/* ==========================================================================
   movie
========================================================================== */
body{
  min-height: 100%;
  background: #facd00;
}

@media screen and (min-width: 1280px){
  .wrapper {
    width: 100%;
    height: calc(100vh - 40px);
    min-height: 820px;
  }
}
@media screen and (min-width: 1280px){
  .gheader{
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
    box-shadow:none;
  }
}
.content{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  min-height: 820px;
}
@media screen and (min-width: 1280px){
  .content:before{
    content: "";
    display: inline-block;
    width: 4px;
    height: 100%;
    background: rgba(0,0,0,0.25);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
  }
}
.contentbody{
  width: 960px;
  height: 740px;
  position: absolute;
  top: 100px;
  left: 50%;
  margin: 0 0 0 -480px;
}

.movie_title{
  text-align: center;
  margin: 0 0 24px 0;
}

.movie_body{
  width: 840px;
  height: 472px;
  margin: 0 auto 47px auto;
  background: #000;
}

.movie_nav{
  width: 960px;
  text-align: center;
}

.movie_nav li{
  width: 160px;
  height: 134px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px;
}
.movie_nav li a{
  width: 160px;
  height: 134px;
  display: block;
}
.movie_nav li span{
  width: 160px;
  height: 134px;
  display: block;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

.no-touchevents .movie_nav li a:hover span{
  background-position: 0 -134px;
}

.btn02 span{background-image: url(../img/movie/btn02.png);}
.btn03 span{background-image: url(../img/movie/btn03.png);}
.btn04 span{background-image: url(../img/movie/btn04.png);}
.btn05 span{background-image: url(../img/movie/btn05.png);}
.btn01 span{background-image: url(../img/movie/btn01.png);}

.movie_nav li.is-active span{
  background-position: 0 -268px;
}
.movie_nav li.is-active a:hover span{
  background-position: 0 -402px;
}