@charset "UTF-8";
/* CSS Document */
	
body{
	margin:0px;
	background-color:#000;
	font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	color:#000;
	height:100%;
}

html{
	height:100%;
}

img { border-style:none;
	vertical-align: bottom;}

a img { border-style:none; }

a:hover img { border-style:none; }

*{
margin: 0;
padding: 0;
}

ol, ul {
	list-style: none;
}

.cf:before,
.cf:after {
  content: "";
  display: table;}
.cf:after {
  clear: both;}
.cf {
  *zoom: 1;}

#loader {
    width: 200px;
    height: 320px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -160px; /* heightの半分のマイナス値 */
    margin-left: -100px; /* widthの半分のマイナス値 */
    z-index: 103;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 102;
}

#menu_wrapper{
    width:100%;
    background-color: #000;
    position: fixed;
    top:0;
    left:0;
    overflow: hidden;
    border-bottom:1px solid #444;
    z-index: 101;
}

.menu{
    position: relative;
    overflow: hidden;
    width:8.333333%;
    float: left;
    border-right:1px solid #444;
    box-sizing: border-box;
}

.menu a{
  display: block;
  position: relative;
}
  
.menu .hoverimg{
  position: absolute;
  left: -100%;
  bottom: 0;
  -webkit-transition: .4s;
     -moz-transition: .4s;
      -ms-transition: .4s;
       -o-transition: .4s;
          transition: .4s;
  z-index: 301;
}

.menu a:hover .hoverimg{
  left: 0%;
}

.pcshow{
    width:100%;
}

.spshow{
    display: none;
}

#spmain{
	display:none;
}

#spmain2{
	display:none;
}

#sptrailerarea{
	display:none;
}

#contents_wrapper{
	width:100%;
	margin:0 auto;
	font-size: 15px;
	text-align: justify;
	word-break: break-all;
	line-height: 180%;
}

#contents_wrapper img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

#top_main{
	width:100%;
	position: relative;
}

#top_image{
    width:100%;
}

#top_logo{
    width:44%;
	position: absolute;
	bottom:20%;
	right: 28%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_logo{
  opacity:1;
  -webkit-transition-delay:2s;
  transition-delay:2s;
}

#top_prize{
    width:40%;
	position: absolute;
	top:6.5%;
	left: 30%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_prize{
  opacity:1;
  -webkit-transition-delay:1.2s;
  transition-delay:1.2s;
}

#top_catch2{
    width:12%;
	position: absolute;
	top:45%;
	left: 44%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
    transform: translateX(200px);/* X軸方向に200px */
}

.showNavi #top_catch2{
  opacity:1;
  -webkit-transition-delay:1.5s;
  transition-delay:1.5s;
  transform: translateX(0);
}



#top_catch1{
    width:3.5%;
	position: absolute;
	top:15%;
	left: 7%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_catch1{
  opacity:1;
  -webkit-transition-delay:1s;
  transition-delay:1s;
}

#top_day{
    width:10%;
	position: absolute;
	bottom:38%;
	right: 21%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_day{
  opacity:1;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s;
}

#top_day2{
    width:17%;
	position: absolute;
	bottom:35%;
	left: 14%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_day2{
  opacity:1;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s;
}

#top_biling_wrapper{
	width:30%;
	position: absolute;
	right:2%;
	bottom:5%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_biling_wrapper{
  opacity:1;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s;
}

.top_biling{
    width:100%;
    margin-bottom: 10px;
}

#snsbtn_wrapper2{
	width:250px;
    float: right;
	overflow: hidden; /* heightを戻す */
}

.tweet{
	width:75px;
	float:left;
	margin-right:5px;
	line-height: 100%;
}

.like{
	width:82px;
	float:left;
	margin-right:5px;
	line-height: 100%;
}

.line{
	width:83px;
	float: right;
	line-height: 100%;
}

#snsbtn_wrapper1{
	width:30%;
	margin:0 auto;
	margin-bottom: 20px;
	overflow: hidden; /* heightを戻す */
}

.snsbtn{
    width:32%;
	float: left;
	margin-right:0.66666%;
}

.snsbtnr{
    width:24%;
	float: right;
}





#sns_wrapper_wrapper{
    width:300px;
	position:fixed;
	right:0;
	top:8%;
	opacity: 1;
    margin:0 auto;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
    transform: translateX(-300px);/* X軸方向に200px */
    z-index: 102;
}

.showNavi #sns_wrapper_wrapper{
  opacity:1;
  -webkit-transition-delay:2s;
  transition-delay:2s;
    transform: translateX(0);
}


#sns_wrapper{
	width:300px;
	right:0;
	top:0;
	background-color:#fff;
	z-index:100;
  	-webkit-transition: .4s;
  	transition: .4s;
  	-webkit-transform: translate3d(300px, 0, 0);
  	transform: translate3d(300px, 0, 0);
	padding:15px;
	box-sizing: border-box;
}
  
  
.showMenu #sns_wrapper{
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);}
  
 .snswdjbtn{
	position: absolute;
	top:100px;
	left:-40px;
	width: 40px;
	cursor: pointer;
}

.snswdjbtn img{
	width: 100%;
	height: auto;
}

.twitter_widget{
	width:100%;
}

.scrollShowEffect {
	-webkit-transition-delay: 1s;
	   -moz-transition-delay: 1s;
	    -ms-transition-delay: 1s;
	     -o-transition-delay: 1s;
	        transition-delay: 1s;
	-webkit-transition: all 1s ease-in-out;
	   -moz-transition: all 1s ease-in-out;
	    -ms-transition: all 1s ease-in-out;
	     -o-transition: all 1s ease-in-out;
	        transition: all 1s ease-in-out;
	opacity:0;
}

.scrollShowEffect-R {
	-webkit-transform: translate3d(30%, 0%, 0);
	   -moz-transform: translate3d(30%, 0%, 0);
	    -ms-transform: translate3d(30%, 0%, 0);
	     -o-transform: translate3d(30%, 0%, 0);
	        transform: translate3d(30%, 0%, 0);
}
.scrollShowEffect-L {
	-webkit-transform: translate3d(-100px, 0%, 0);
	   -moz-transform: translate3d(-100px, 0%, 0);
	    -ms-transform: translate3d(-100px, 0%, 0);
	     -o-transform: translate3d(-100px, 0%, 0);
	        transform: translate3d(-100px, 0%, 0);
}
.scrollShowEffect-B {
	-webkit-transform: translate3d(0, 50%, 0);
	   -moz-transform: translate3d(0, 50%, 0);
	    -ms-transform: translate3d(0, 50%, 0);
	     -o-transform: translate3d(0, 50%, 0);
	        transform: translate3d(0, 50%, 0);
}

.scrollShowEffect-T {
	-webkit-transform: translate3d(0, -50%, 0);
	   -moz-transform: translate3d(0, -50%, 0);
	    -ms-transform: translate3d(0, -50%, 0);
	     -o-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}

.scrollShowEffect.showItem {
	opacity:1;
	-webkit-transform: translate3d(0, 0, 0);
	   -moz-transform: translate3d(0, 0, 0);
	    -ms-transform: translate3d(0, 0, 0);
	     -o-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}


.mb0{
	width:100%;
	overflow: hidden; /* heightを戻す */
}

.mb5{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 5px;
}

.mb10{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 10px;
}

.mb20{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 20px;
}

.mb50{
	width:100%;
	overflow: hidden; /* heightを戻す */
	margin-bottom: 50px;
}

.pagetitle{
	width:200px;
    margin:0 auto;
	margin-bottom: 70px;
}

.pagetitle2{
	width:200px;
    margin:0 auto;
	margin-bottom: 70px;
}

#footer_wrapper{
	width:100%;
	background-color: #000 ;
}

#footer_inner{
	width:30%;
	margin:0 auto;
	padding:50px 0 50px 0;
}


.content {
  	position: relative;
	margin: 0 auto;
	padding: 0;
}


#intro_wrapper{
	width:100%;
	background: url(images/bg/introduction.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
	padding:0 45% 0 0;
	box-sizing: border-box;
}

#intro_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:12% 15% 12% 15%;
    background-color: #fff;
}


#story_wrapper{
	width:100%;
	background: url(images/bg/story.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
	padding-top:35%;
}

#story_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 20% 8% 20%;
	background-color: #fff;
}

#cast_wrapper{
	width:100%;
	background: url(images/bg/cast.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
	padding:0 0 0 45%;
	box-sizing: border-box;
}

#cast_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:12% 15% 12% 15%;
    background-color: #000;
	font-size: 13px;
	color: #fff;
	line-height: 160%;
}

#staff_wrapper{
	width:100%;
	background: url(images/bg/staff.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
}

#staff_inner{
	width:100%;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 7% 8% 7%;
	color: #fff;
}

#staff2_wrapper{
	width:100%;
	background-color:#fff;
	overflow: hidden; /* heightを戻す */
}

#staff2_inner{
	width:100%;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
	color: #000;
	font-size: 13px;
	line-height: 160%;
}

#review_wrapper{
	width:100%;
	background: url(images/bg/review.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
	box-sizing: border-box;
	color: #fff;
}

#review_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:12% 10% 12% 10%;
}

/* 「LtoR」の動作内容 */
@keyframes LtoR {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(-500px);/* X軸方向に200px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/* 「LtoR」を適用する箇所 */
.slide_LR {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: LtoR;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}

/* 「LeftToRight」の動作内容 */
@keyframes RtoL {
  0% {
    opacity: 0;/* 透明 */
    transform: translateX(500px);/* X軸方向に200px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateX(0);
  }
}

/* 「RightToLeft」を適用する箇所 */
.slide_RL {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: RtoL;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}

/* 「BtoT」の動作内容 */
@keyframes BtoT {
  0% {
    opacity: 0;/* 透明 */
    transform: translateY(500px);/* X軸方向に200px */
  }
  100% {
    opacity: 1;/* 不透明 */
    transform: translateY(0);
  }
}

/* 「RightToLeft」を適用する箇所 */
.slide_BT {
  animation-duration: 2s;/* アニメーション時間 */
  animation-name: BtoT;/* アニメーション名 */
  animation-iteration-count: 1;/* アニメーションの繰り返し（無限）*/
}

.story_l{
	width:47%;
	float: left;
}

.story_r{
	width:47%;
	float: right;
}

.storyphoto{
	width:32%;
	float: left;
	margin:0.66666%;
}

.cast_p{
	width:40%;
	float: left;
}

.cast_n{
	width:55%;
	float: right;
	padding-top:6%;
}

.cast_n2{
	width:55%;
	margin-bottom: 20px;
}

.cast_midashi{
	width:100%;
	font-size: 20px;
	font-weight: 700;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 10px;
	line-height: 120%;
}

.staff_l{
	width:32%;
	float: left;
	font-size: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.staff_r{
	width:32%;
	float: right;
	font-size: 14px;
	line-height: 160%;
}

.director_name1{
	width:100%;
	font-size: 16px;
	font-weight: 600;
	text-align: right;
}

.director_name2{
	width:40%;
	margin-bottom: 20px;
}

.director_photo{
	width:40%;
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}


.wrapperline{
	width:100%;
	overflow: hidden; /* heightを戻す */
	padding:0;
	display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.moviebox{
	width:30%;
	float: left;
	margin:1.6666%;
}

.moviename{
	width:100%;
	border-top:1px solid #fff;
	border-bottom: 1px solid #fff;
	padding:5px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.commentbox{
    margin:2em 0;
    position: relative;
    padding: 4%;
    border-top: solid 2px rgba(90,93,43,1.00);
    border-bottom: solid 2px rgba(90,93,43,1.00);
    box-sizing:border-box;
	width:48%;
    float: left;
    margin:1%;
}
.commentbox:before, .commentbox:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: rgba(90,93,43,1.00);
}
.commentbox:before {left: 10px;}
.commentbox:after {right: 10px;}
.commentbox p {
    margin: 0; 
    padding: 0;
}

.commenttext{
    width:100%;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.commentname1{
	width:100%;
	color:rgba(147,129,63,1.00);
	margin-bottom: 5px;
	text-align: right;
	font-size: 20px;
	font-weight: 800;
}

.commentname2{
	width:100%;
	color: #ccc;
	font-size: 13px;
	text-align: right;
}
  
.wrapperline{
	width:100%;
	overflow: hidden; /* heightを戻す */
	padding:0;
	display:-webkit-box;
display:-moz-box;
display:-ms-box;
display:-webkit-flexbox;
display:-moz-flexbox;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}

.push{
	font-size: 22px;
	font-weight: 800;
	color:rgba(147,129,63,1.00);
}

.staffbox{
    width:20%;
    float: left;
    margin:2.5%;
}

.staff_name{
    width:100%;
    margin-bottom: 20px;
}

.staff_comment{
    width:100%;
    border-bottom: 1px solid #000;
    padding-bottom: 20px;
    margin-bottom:20px;  
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;  
}



.dispnone{
	display: none;}

.trailerhtml,#youtube-modal{
	background: #000;
	width: 100%;}
#youtube-modal iframe{
	border:none;}
#youtube-modal .youtube-showing{
	display: block;}
	
.youtube-modal-btn li{
	text-align: center;
	color: #FFF;
	float: left;
	width: 50%;
	box-sizing: border-box;
	font-weight: bold;
	font-size: 14px;
    border:1px solid #333;}

.youtube-modal-btn img{
	max-width:100%;
	margin-left:auto;margin-right:auto;display:table;
}

.youtube-modal-btn li +li{
	float: right;}
	
.youtube-modal-btn a{
	display: block;
	color: #FFF;
	padding:0;
	text-decoration: none;}
	
.youtube-modal-btn a.active{
	background: #666;}
	
.movie-wrap {
  position: relative;
  padding-bottom: 55.25%;
  padding-top: 20px;
  height: 0;
  overflow: hidden;}
  
.movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
  
  
#top_bnr_wrapper{
	width:20%;
	position: absolute;
	left:2%;
	bottom:5%;
	opacity: 0;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -o-transition: all 2s;
    -ms-transition: all 2s;
    transition: all 2s;
}

.showNavi #top_bnr_wrapper{
  opacity:1;
  -webkit-transition-delay:0.8s;
  transition-delay:0.8s;
}
  
  
#top_bnr_wrapper a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
  
.keisyou{
    width:100%;
    text-align: center;
    font-size: 12px;
    color: #ccc;
    margin-top:50px;
}

@media screen and (max-width:600px){

.pcshow{
    display: none;
}

.spshow{
    display:inherit;
    width:100%;
}

.menuarea{
	position: fixed;
	top:0;
	left:0;
	width: 100%;
    height: auto;
  	-webkit-transition: .4s;
  	transition: .4s;
  	-webkit-transform: translate3d(0, -100%, 0);
  	transform: translate3d(0, -100%, 0);
	background-color: rgba(0,0,0,0.9);
	z-index: 100;
}

.imgresponsive img{
	width: 100%;
	height: auto;
}

.menubtn{
	z-index: 101;
	position: fixed;
	top:0;
	right:0;
	width: 13%;
	cursor: pointer;
}

.showMenu .menuarea{
  	-webkit-transform: translate3d(0, 0, 0);
  	transform: translate3d(0, 0, 0);
}

#menu{
	width:100%;
	z-index: 99;
	overflow: hidden; /* heightを戻す */
	padding:20% 10% 20% 10%;
	box-sizing: border-box;
}

.menu-box img{
  width: 100%;
}

.menu-box li{
  position: relative;
  overflow: hidden;
  float: left;
  width: 48%;
  box-sizing: border-box;
  margin: 1%;
  border:1px solid #fff;
}

#sns_wrapper_wrapper{
    display: none;
}
	
#spmain{
	width:100%;
	display: inherit;
	margin-bottom: 20px;
}
	
#spmain2{
	width:100%;
	display: inherit;
}

#top_image{
    display: none;
}

#top_logo{
    display: none;
}

#top_catch1{
    display: none;
}
	
#top_catch2{
    display: none;
}

#top_day{
    display: none;
}
	
#top_day2{
    display: none;
}
	
#top_prize{
    display: none;
}

#top_biling_wrapper{
	width:100%;
	position: inherit;
	right:0;
	bottom:0;
	opacity: 1;
}

.showNavi #top_biling_wrapper{
  opacity:1;
  -webkit-transition-delay:0s;
  transition-delay:0s;
}

.top_biling{
    display: none;
}

#snsbtn_wrapper{
    width:100%;
    overflow: hidden;
}
	
#snsbtn_wrapper2{
	width:250px;
    float: none;
    margin:0 auto;
    margin-bottom: 20px;
	overflow: hidden; /* heightを戻す */
}

.tweet{
	width:75px;
	float:left;
	margin-right:5px;
	line-height: 100%;
}

.like{
	width:82px;
	float:left;
	margin-right:5px;
	line-height: 100%;
}

.line{
	width:83px;
	float: right;
	line-height: 100%;
}



div.sptrailer {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
	margin-bottom: 20px;
}
 
div.sptrailer iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#sptrailerarea{
	width:90%;
	margin:0 auto;
	margin-bottom:30px;
	display: inherit;
	margin-top:30px;
}

.tablet{
    display: none;
}

.twitter_widget{
	width:350px;
    margin:0 auto;
    border:none;
    box-sizing: border-box;
    padding-bottom: 70px;
}
	
.brtext::before {
	content: "\A" ;
	white-space: pre ;
}

#footer_inner{
	width:60%;
	margin:0 auto;
	padding:50px 0 50px 0;
}


#intro_wrapper{
	width:100%;
	background:none;
	overflow: hidden; /* heightを戻す */
	padding:0 0 0 0;
	box-sizing: border-box;
}

#intro_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
    background-color: #fff;
}


#story_wrapper{
	width:100%;
	background:none;
	overflow: hidden; /* heightを戻す */
	padding-top:0;
}

#story_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
	background-color: #fff;
}

#cast_wrapper{
	width:100%;
	background: url(images/bg/cast.jpg) 100% 0 no-repeat fixed;
	background-size:cover;
	overflow: hidden; /* heightを戻す */
	padding:0 0 0 0;
	box-sizing: border-box;
}

#cast_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
    background-color: #000;
	font-size: 13px;
	color: #fff;
	line-height: 160%;
}

#staff_wrapper{
	width:100%;
	background:none;
	overflow: hidden; /* heightを戻す */
	background-color: #222;
}

#staff_inner{
	width:100%;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
	color: #fff;
}

#review_wrapper{
	width:100%;
	background:none;
	background-color: #000;
	overflow: hidden; /* heightを戻す */
	padding:0 0 0 0;
	box-sizing: border-box;
	color: #fff;
}

#review_inner{
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
	overflow: hidden; /* heightを戻す */
	padding:8% 10% 8% 10%;
}

.story_l{
	width:100%;
	float: none;
	margin-bottom: 20px;
}

.story_r{
	width:100%;
	float: none;
}

.cast_p{
	width:100%;
	float:none;
    margin-bottom: 20px;
}

.cast_n{
	width:100%;
	float:none;
	padding-top:0;
}

.cast_n2{
	width:45%;
	margin-bottom: 20px;
}


.staff_l{
	width:100%;
	float: none;
	font-size: 16px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-bottom: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #fff;
}

.staff_r{
	width:100%;
	float: none;
	font-size: 14px;
	line-height: 160%;
}

.director_photo{
	width:50%;
	float: right;
	margin-left: 20px;
	margin-bottom: 15px;
}

.commentbox{
    margin:2em 0;
    position: relative;
    padding: 6%;
    border-top: solid 2px rgba(90,93,43,1.00);
    border-bottom: solid 2px rgba(90,93,43,1.00);
    box-sizing:border-box;
	width:100%;
    float: none;
    margin:0;
    margin-bottom: 40px;
}

.commentbox:before, .commentbox:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: rgba(90,93,43,1.00);
}
.commentbox:before {left: 10px;}
.commentbox:after {right: 10px;}
.commentbox p {
    margin: 0; 
    padding: 0;
}

.commenttext{
    width:100%;
    font-size: 16px;
    margin-bottom: 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.commentname1{
	width:100%;
	color:rgba(147,129,63,1.00);
	margin-bottom: 5px;
	text-align: right;
	font-size: 20px;
	font-weight: 800;
}

.commentname2{
	width:100%;
	color: #ccc;
	font-size: 13px;
	text-align: right;
}
  
.staffbox{
    width:100%;
    float: none;
    margin:0;
    margin-bottom: 30px;
}

.staff_name{
    width:60%;
    margin-bottom: 20px;
}

.spbnr{
    width:80%;
    margin:0 auto;
    margin-bottom: 30px;
    overflow: hidden;
}

.spbnrbox{
    width:100%;
    float: none;
    margin:0;
    margin-bottom: 10px;
}
	
.moviebox{
	width:48%;
	float: left;
	margin:1%;
}

#top_bnr_wrapper{
	width:80%;
	position: inherit;
	left:0;
	bottom:0;
	opacity: 1;
    margin:0 auto;
}

.showNavi #top_bnr_wrapper{
  opacity:1;
  -webkit-transition-delay:0s;
  transition-delay:0s;
}

}