@charset "utf-8"; 
/*index*/
html, body{color:#0a1432; margin:0; background:#040000}
#container{margin:0}
.fixed{position:fixed;  top:0;  width:100%;  z-index:10000}
figure img{width:100%; height:auto; vertical-align:bottom}
.txt-long{transform:scale(3,0.5)!important; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic","sans-serif"; font-weight:normal!important; transform-origin:top left; display:inline-block; line-height:.4}
.img-over {-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
.img-over:hover {opacity: 0.6;filter: alpha(opacity=60);-moz-opacity: 0.6;-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
#pagetop {padding-top:50px;margin-top:-50px;}
#appears-block{opacity:0}
#loading{position:absolute; left:50%; top:50%; margin-top:-25px; margin-left:-25px; z-index:1000; width:50px}
span.loading07{position:relative; display:inline-block; width:50px; height:50px; vertical-align:middle; -webkit-animation:animation07 2s linear infinite; animation:animation07 2s linear infinite}
span.loading07{position:relative; display:inline-block; width:50px; height:50px; vertical-align:middle; -webkit-animation:animation07 2s linear infinite; animation:animation07 2s linear infinite}
span.loading07 span{position:absolute; display:inline-block; left:0; top:0; width:100%; height:100%}
span.loading07:before, span.loading07:after, span.loading07 span:before, span.loading07 span:after{position:absolute; display:inline-block; content:""; width:23px;  height:23px}
span.loading07:before{left:0; top:0; background-image:-webkit-gradient(radial,25 25,0,25 25,25,from(transparent),color-stop(0.81,transparent),color-stop(0.82,#ccc),color-stop(0.98,#ccc),color-stop(0.99,transparent),to(transparent) ); background-image:-webkit-radial-gradient(25px 25px,25px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent 99%,transparent); background-image:radial-gradient(25px 25px at 25px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent)}
span.loading07:after{right:0; bottom:0; background-image:-webkit-gradient(radial,-2 -2,0,-2 -2,25,from(transparent),color-stop(0.81,transparent),color-stop(0.82,#ccc),color-stop(0.98,#ccc),color-stop(0.99,transparent),to(transparent) ); background-image:-webkit-radial-gradient(-2px -2px,25px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent 99%,transparent); background-image:radial-gradient(25px 25px at -2px -2px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent)}
span.loading07 span:before{left:0; bottom:0; background-image:-webkit-gradient(radial,25 -2,0,25 -2,25,from(transparent),color-stop(0.81,transparent),color-stop(0.82,#ccc),color-stop(0.98,#ccc),color-stop(0.99,transparent),to(transparent) ); background-image:-webkit-radial-gradient(25px -2px,25px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent 99%,transparent); background-image:radial-gradient(25px 25px at 25px -2px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent)}
span.loading07 span:after{right:0; top:0; background-image:-webkit-gradient(radial,-2 25,0,-2 25,25,from(transparent),color-stop(0.81,transparent),color-stop(0.82,#ccc),color-stop(0.98,#ccc),color-stop(0.99,transparent),to(transparent) ); background-image:-webkit-radial-gradient(-2px 25px,25px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent 99%,transparent); background-image:radial-gradient(25px 25px at -2px 25px,transparent,transparent 81%,#ccc 82%,#ccc 98%,transparent)}

@-webkit-keyframes animation07{ 0%{ -webkit-transform:rotate(0deg)}
 100%{ -webkit-transform:rotate(360deg)}
}
@keyframes animation07{ 0%{ transform:rotate(0deg)}
 100%{ transform:rotate(360deg)}
}

/*menu*/
@media screen and (min-width:640px){
body.index #second-h1{display:none}
#second-h1 a.sp{display:none}
.menu-btn{display:none}
#menu{background:url("../img/bg_main.jpg") repeat; margin:0 auto 0; height:auto; box-shadow:0 0 20px 0 #0a1432; position:fixed; top:0; left:0; z-index:2; width:100%; transition:.3s}
#menu nav#nav{width:100%; margin:0 auto; position:relative; overflow:hidden}
#menu nav#nav ul{text-align:center; display:table; margin:5px auto 5px}
#menu nav#nav ul li{display:inline-block; margin:0 25px 0 0; font-size:16px; line-height:26px; vertical-align:middle}
#menu nav#nav ul li small{font-size:8px}
#menu nav#nav ul li a{color:#fff; vertical-align:middle}
#menu nav#nav ul li a:hover{text-decoration:none}
#menu nav#nav ul li.txt{margin-top:3px}
#menu nav#nav ul li.txt a{display:inline-block; vertical-align:middle; -webkit-transform:translateZ(0); transform:translateZ(0); box-shadow:0 0 1px rgba(0,0,0,0); -webkit-backface-visibility:hidden; backface-visibility:hidden; -moz-osx-font-smoothing:grayscale; position:relative; overflow:hidden}
#menu nav#nav ul li.txt a:before{content:""; position:absolute; z-index:-1; left:0; right:0; bottom:0; background:#fff; height:2px; -webkit-transform:translateY(3px); transform:translateY(3px); -webkit-transition-property:transform; transition-property:transform; -webkit-transition-duration:0.3s; transition-duration:0.3s; -webkit-transition-timing-function:ease-out; transition-timing-function:ease-out}
#menu nav#nav ul li.txt a:hover:before, 
#menu nav#nav ul li.txt a:focus:before, 
#menu nav#nav ul li.txt a:active:before{-webkit-transform:translateY(0); transform:translateY(0)}
#menu nav#nav ul li.txt a i{font-size:10px; line-height:26px; margin:0 5px 0 0; vertical-align:middle}
#menu nav#nav ul li.icon{margin:0 10px 0 0; font-size:26px; line-height:26px}
#menu nav#nav ul li.facebook{margin-left:0}
#menu nav#nav ul li.icon a span.sp{display:none}
#menu nav#nav ul.mini{margin-top:0; margin-bottom:10px}
#menu nav#nav ul.mini li{margin:0 5px 0 0; font-size:12px; line-height:26px; background:#ff281e; border-radius:5px; /* CSS3草案 */-webkit-border-radius:5px; /* Safari,Google Chrome用 */-moz-border-radius:5px; /* Firefox用 */-webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease}
#menu nav#nav ul.mini li:hover{background:#80140f}
#menu nav#nav ul.mini li a{color:#0a1432; padding:0 10px}
}

@media only screen and (max-width:639px){
body.index #second-h1{display:block;}
#second-h1 a.sp{display:block;}
#second-h1 a.pc{display:none}
#second-h1{position:fixed; top:0; left:0; z-index:200; background-color:#000; margin:0 0 0 0; padding:0 0 0 0; width:100%!important; height:50px; text-align:left; box-shadow:0 0 5px 0 #333}
#second-h1 img, 
body.second #container #menu #second-h1 img{width:auto; height:34px; margin:8px 0 0 5px;text-align:left;}
#menu{position:fixed; top:0; left:0; height:auto; z-index:1000}
/*nav*/
#menu nav#nav{position:relative; display:none; margin:0 0 0 auto; top:0; left:0; width:100%; max-width:none; min-width:none; height:auto; display:block}
#menu nav#nav a.menu-btn{position:fixed; display:block; width:50px; height:50px; top:0; left:auto; right:0; z-index:1001}
#menu nav#nav:not(:target) >a:last-of-type.menu-btn{display:none}
#menu nav#nav:target >a:first-of-type.menu-btn{display:none}
#menu nav#nav ul{display:none; position:fixed; top:50px; left:auto; float:none; width:100%; margin:0 0 0 0; padding:0 0 0 0}
#menu nav#nav:target >ul{display:block}
#menu nav#nav ul li{margin:0 0 0 0; padding:0 0 0 0; background:#282524; width:100%; height:50px; line-height:50px; font-size:14px; position:static; left:auto; float:none; border-top:#000 solid 1px; text-shadow:none}
#menu nav#nav ul li.none{display:none}
#menu nav#nav ul li small{font-size:10px}
#menu nav#nav ul li a{color:#FFF; margin:0 5%; display:block; width:95%}
#menu nav#nav ul li i{font-size:12px; margin:0 5px 0 0}
#menu nav#nav ul li.txt{margin-top:0}
#menu nav#nav ul li.icon{margin:0 0 0 0; height:30px; line-height:30px; font-size:14px; text-shadow:none; float:left}
#menu nav#nav ul li.icon a span.sp{display:inline; font-size:10px}
#menu nav#nav ul li.icon i{font-size:18px}
#menu nav#nav ul li.facebook{width:34%; background:#3C56A2; margin:0 0 0 0; padding:0 0 0 0}
#menu nav#nav ul li.twitter{width:33%; background:#00ABED; margin:0 0 0 0; padding:0 0 0 0}
#menu nav#nav ul li.instagram{width:33%; background:#2F5F86; margin:0 0 0 0; padding:0 0 0 0}
#menu nav#nav ul li.facebook a, 
#menu nav#nav ul li.twitter a, 
#menu nav#nav ul li.instagram a{display:block; color:#FFF; margin:0 10px; padding:0 0 0 0; height:30px; width:100%}
#menu nav#nav ul li a:hover{filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1}
#menu nav#nav ul.mini{position:fixed; top:235px; left:auto; float:none; width:100%; margin:0 0 0 0; padding:0 0 0 0}
#menu nav#nav ul.mini li{margin:0 0 0 0; padding:0 0 0 0; width:100%; height:30px; line-height:30px; font-size:12px; position:static; left:auto; float:none; border-bottom:#FFF solid 1px; text-shadow:none; background:#282524; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0}
#menu nav#nav ul.mini li a{color:#000; padding:0 0 0 0}

nav#foot-sp-menu{display:block; margin:0 0 0 0; padding:0 0 0 0}
nav#foot-sp-menu ul{margin:0 0 0 0; padding:0 0 0 0; border-top:#FFF solid 1px}
nav#foot-sp-menu ul li{margin:0 0 0 0; padding:0 0 0 0; background:#164e7c; width:100%; height:50px; line-height:50px; font-size:14px; float:none; border-bottom:#FFF solid 1px; text-align:center}
nav#foot-sp-menu ul li.none{display:none}
nav#foot-sp-menu ul li small{font-size:10px}
nav#foot-sp-menu ul li a{color:#FFF; margin:0 0 0 0; display:block; width:100%}
nav#foot-sp-menu ul li i{font-size:14px; margin:0 10px 0 0}
nav#foot-sp-menu ul li.icon{margin:0 0 0 0; height:35px; line-height:35px; font-size:14px; text-shadow:none; float:left; text-align:center}
nav#foot-sp-menu ul li.icon a span.sp{display:inline; font-size:10px; margin:0 0 0 0}
nav#foot-sp-menu ul li.facebook{width:34%; background:#3C56A2; margin:0 0 0 0; padding:0 0 0 0}
nav#foot-sp-menu ul li.twitter{width:33%; background:#00ABED; margin:0 0 0 0; padding:0 0 0 0}
nav#foot-sp-menu ul li.instagram{width:33%; background:#2F5F86; margin:0 0 0 0; padding:0 0 0 0}
nav#foot-sp-menu ul li.facebook a, 
nav#foot-sp-menu ul li.twitter a, 
nav#foot-sp-menu ul li.instagram a{display:block; color:#FFF; margin:0 0 0 0; padding:0 0 0 0; height:50px}
nav#foot-sp-menu ul li a:hover{filter:alpha(opacity=100);  -moz-opacity:1;  opacity:1}
nav#foot-sp-menu ul.mini li{background:#f39a30}
nav#foot-sp-menu ul.mini li a{color:#fff}

body.second #menu{height:50px}
body.second #second-h1{width:100%; margin:0 0 0 0}
body.second #menu nav#nav{width:auto; height:auto; padding:0 0 0 0; float:none}

#body .float{width:100%; height:auto; margin:0 0 0 0}
#body article#index-main section.pc-index{display:none}
#body{width:100%; height:auto}
#body .float{width:100%}
#body article#index-main #sp-index{display:block; margin:50px 0 0 0}
#body article#index-main section.release{margin:0}
#body article#index-main section.release h2{margin:0 3% 5px; font-size:20px; text-align:left}

#body article#index-main section.release h2 small{margin:0 0 5px; font-size:14px; text-align:left}
#body article#index-main section.release p{margin:0 3%; font-size:10px; text-align:left}
}

/*#foot-sp-menu*/
#foot-sp-menu{display:none}

/*#body*/
#container{width:100%; height:auto}
#body article#index-main{background:url("../img/bg_main.jpg") repeat}
#body article#index-main section.title{height:auto; width:900px; margin:auto; position:relative}
#body article#index-main section.title div.img-main{position:absolute; top:0; left:0; width:100%; z-index:0}
#body article#index-main section.title div.txt-main{position:absolute; top:0; left:0; width:100%; z-index:1}
#body article#index-main section.title div.tit-main{position:absolute; top:0; left:0; width:100%; z-index:2}
#body article#index-main section.title div.txt-prize{position:absolute; top:0; left:0; width:100%; z-index:3}
#body article#index-main section.release{background:#0061af; margin:0 auto; padding:30px 0; color:#e2ecf7}
#body article#index-main section.release h2{font-size:32px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-align:center; line-height:1.2; color:#f5efbb}
#body article#index-main section.release h2 small{font-size:24px}
#body article#index-main section.release div.txt-credit{margin:10px auto 15px; text-align:center; width:1200px}
#body article#index-main section.release div.txt-credit p.txt-credit01{margin-bottom:5px; font-size:12px; text-align:center; line-height:1.6}
#body article#index-main section.release div.txt-credit p.txt-credit02{margin-bottom:5px; font-size:11px; text-align:center; line-height:1.4}
#body article#index-main section.release div.txt-credit p.txt-credit03{margin-bottom:10px; font-size:10px; text-align:center; line-height:1.4}
#body article#index-main section.release div.txt-credit p.txt-credit04{margin-bottom:5px; font-size:6px; text-align:center; color:#a3bbd9; line-height:1.3}
@media only screen and (max-width:1199px){#body article#index-main section.release div.txt-credit{width:auto; margin:10px 15px 15px}
}
@media only screen and (max-width:899px){#body article#index-main section.title{width:auto}
}
@media only screen and (max-width:639px){#body article#index-main section.release h2{font-size:20px; line-height:1.4}
#body article#index-main section.release h2 small{font-size:18px}
}

/*#socialmedia*/
#socialmedia{margin:5px auto 0; padding:10px 0}
#socialmedia ul{width:auto; text-align:center}
#socialmedia ul li{display:inline-block; margin:0 5px 0}
#socialmedia ul li span{vertical-align:baseline !important}
.fb-like iframe{max-width:none !important}

/*#socialmedia ul.share-btn*/
#socialmedia ul.share-btn{margin:0 auto; width:205px; height:45px}
#socialmedia ul.share-btn li{display:block; margin:0 5px 0 0; float:left; text-align:center; font-size:10px; width:100px; height:40px; line-height:1; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px}
#socialmedia ul.share-btn li a{color:#FFF; text-decoration:none}
#socialmedia ul.share-btn li a:hover{text-decoration:none}
#socialmedia ul.share-btn li i{display:block; font-size:18px; font-style:normal; margin:6px 0 0 0}
#socialmedia ul.share-btn li.twitter{background:#45B0E3}
#socialmedia ul.share-btn li.twitter:hover{background-color:#7DD5FF}
#socialmedia ul.share-btn li.facebook{background:#39599F; margin-right:0}
#socialmedia ul.share-btn li.facebook:hover{background-color:#447BEE}
#socialmedia ul.share-btn li.line{display:none; background:#12C712; margin-right:0}
#socialmedia ul.share-btn li.line:hover{background-color:#4BF84B}
#socialmedia ul.share-btn li, 
#socialmedia ul.share-btn li::before, 
#socialmedia ul.share-btn li::after{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all .3s; transition:all .3s}
#socialmedia ul.buttons{margin:5px auto 0}
#socialmedia ul.buttons li iframe{height:20px !important}
.bnr-major {margin:40px auto 20px;width:300px;}
@media screen and (max-width:299px) {
.bnr-major {margin:20px 15px;width:auto;}
}

/*#banner*/
#banner{margin:25px 5%; text-align:center}
#banner img{height:auto; width:650px; margin:0 0 0 0}
/*#note*/
#note{background-color:rgba(255,255,255,0.5); margin:25px 0; padding:10px 0; text-align:center}
#note p{margin:0 0 5px; width:100%; text-align:center; font-size:14px}
#note p strong{font-size:20px}

/*#index-about*/
#body #index-about{margin:0 0 0 0}

/*#index-about*/
/*#intro*/
#body #index-about #intro{text-align:center; margin:0 auto}
#body #index-about #intro #intro01{background-image:url("../img/img_intro.jpg"); background-size:cover; background-position:center; width:100%; height:auto; padding-top:500px}
#body #index-about #intro #intro01  div.txt{width:100%; background:url("../img/cover_intro01.png") repeat}
#body #index-about #intro #intro01  div.txt  div.txt-in{width:1000px; padding:60px 0; margin:auto}
#body #index-about #intro #intro01  div.txt h2{margin-bottom:20px; font-size:26px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; color:#01457c; text-align:center}
#body #index-about #intro #intro01  div.txt p{margin:0 0 10px; font-size:16px; line-height:1.8}
@media only screen and (max-width:999px){#body #index-about #intro #intro01  div.txt  div.txt-in{margin:0 20px; width:auto}
#body #index-about #intro #intro01  div.txt h2{font-size:22px}
}
@media only screen and (max-width:787px){#body #index-about #intro #intro01  div.txt h2{font-size:20px}
#body #index-about #intro #intro01{background:#fff; background-image:url("../img/img_intro_sp.jpg"); padding-top:300px}
}
@media only screen and (max-width:639px){
#body #index-about #intro #intro01  div.txt  div.txt-in{padding:30px; margin:auto}
#body #index-about #intro #intro01  div.txt h2{font-size:18px;}
}


#body #index-about #intro #intro02{width:100%; height:auto; position:relative; background:#0062b7}
#body #index-about #intro #intro02 .img-intro02{width:100%; height:auto; position:absolute}
#body #index-about #intro #intro02 .img-intro02 img.img-intro02-pc{display:block}
#body #index-about #intro #intro02 .img-intro02 img.img-intro02-sp{display:none}
#body #index-about #intro #intro02 .txt-intro02 .pc-only2{display:inline-block}
#body #index-about #intro #intro02 .txt-intro02 .sp-only2{display:none}
#body #index-about #intro #intro02 div.txt-intro02{width:50%; left:50%; height:auto; position:absolute; display:table}
#body #index-about #intro #intro02 div.txt-intro02 div.txt-intro02-in{padding:0 30% 0 0; margin:auto; display:table-cell; vertical-align:middle; height:auto}
#body #index-about #intro #intro02 div.txt-intro02 h2{margin-bottom:20px; font-size:24px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-weight:normal; color:#f5efbb; text-shadow:0px 0px 5px #055999}

#body #index-about #intro #intro02 div.txt-intro02 p{margin:0 0 10px; font-size:16px; line-height:1.8; color:#fff; text-shadow:0px 0px 5px #055999}
@media only screen and (max-width:1399px){#body #index-about #intro #intro02 div.txt-intro02 div.txt-intro02-in{padding:0 40px 0 40px; margin:auto}
}
@media only screen and (max-width:1100px){#body #index-about #intro #intro02 div.txt-intro02 div.txt-intro02-in{padding:0 15px 0 0; margin:auto}
}
@media only screen and (max-width:930px){#body #index-about #intro #intro02 .img-intro02 img.img-intro02-pc{display:none}
#body #index-about #intro #intro02 .img-intro02 img.img-intro02-sp{display:block}
#body #index-about #intro #intro02 div.txt-intro02 h2{font-size:20px; text-align:center}
#body #index-about #intro #intro02 .img-intro02{width:100%; height:auto; position:relative; display:block}
#body #index-about #intro #intro02 div.txt-intro02{width:auto; left:0%; padding:60px 30px; height:auto; position:relative; display:block}
#body #index-about #intro #intro02 .txt-intro02 .pc-only2{display:none}
#body #index-about #intro #intro02 .txt-intro02 .sp-only2{display:inline-block}
}
@media only screen and (max-width:639px){
#body #index-about #intro #intro02 div.txt-intro02{padding:30px 30px;}
#body #index-about #intro #intro02 div.txt h2{font-size:20px;}
	#body #index-about #intro #intro02 div.txt-intro02 h2{font-size:18px; text-align:center}
}


/*#index-about*/
/*#cast*/
#body #index-about #cast{background:#031028; background-size:cover; padding:50px 0; text-align:center; margin:0 auto; color:#fff}
#body #index-about #cast h2{margin:0 0 15px; font-size:33px; font-family:'Lora',serif; color:#f5efbb; text-align:center; letter-spacing:.05em; font-weight:normal}
#body #index-about #cast small{font-size:16px; margin-left:5px}

#body #index-about #cast .cast-box01{margin:0 auto 80px; width:1000px}
#body #index-about #cast .cast-box01 .img-cast01{width:600px; margin:0 auto 30px}
#body #index-about #cast .cast-box01 h3{font-size:40px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-align:center; margin-bottom:10px; font-weight:normal}
#body #index-about #cast .cast-box01 p{font-size:16px; line-height:1.8}
@media only screen and (max-width:1199px){#body #index-about #cast .cast-box01{margin:0 30px 80px; width:auto}
}
@media only screen and (max-width:599px){#body #index-about #cast .cast-box01 .img-cast01{width:auto; margin:0 0 30px}
}
@media only screen and (max-width:639px){#body #index-about #cast h2{font-size:24px}
#body #index-about #cast .cast-box01 h3{font-size:20px}
}

#body #index-about #cast .comment{background:#031d39; margin:30px 0; padding:40px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-style:italic}
#body #index-about #cast .comment h4{margin:0; font-size:20px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-align:right; font-weight:normal}
#body #index-about #cast .comment p{margin:0 0 10px; font-size:16px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif}
@media only screen and (max-width:639px){#body #index-about #cast .comment{padding:25px}
}

#body #index-about #cast ul{letter-spacing:-.4em; width:1000px; margin:auto}
#body #index-about #cast ul li{letter-spacing:normal; width:48%; display:inline-block; /display:inline; /zoom:1; vertical-align:top; margin-right:4%; margin-bottom:80px}
#body #index-about #cast ul li:nth-child(2n){margin-right:0}
#body #index-about #cast ul li .img-cast02{margin-bottom:10px}
#body #index-about #cast ul li h3{font-size:30px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; margin-bottom:10px; font-weight:normal}
#body #index-about #cast ul li h3 span.txt-s{font-size:70%}
@media only screen and (max-width:999px){
#body #index-about #cast ul{width:auto; margin:0 30px}
}
@media only screen and (max-width:639px){
#body #index-about #cast ul li{letter-spacing:normal; width:100%; margin-right:0; margin-bottom:80px}
#body #index-about #cast .comment h4{ font-size:15px;}
#body #index-about #cast .cast-box01 h3{font-size:22px;}
#body #index-about #cast ul li h3{font-size:22px;}
}

/*#index-about*/
/*#director*/
#body #index-about #director{background:#fff; background-size:cover; padding:50px 0; text-align:center; margin:0 auto; color:#000}
#body #index-about #director h2{margin:0 0 15px; font-size:33px; font-family:'Lora',serif; color:#84835e; text-align:center; letter-spacing:.05em; font-weight:normal}
#body #index-about #director small{font-size:16px; margin-left:5px}

#body #index-about #director .cast-box01{margin:0 auto 80px; width:1000px}
#body #index-about #director .cast-box01 .img-cast01{width:600px; margin:0 auto 30px}
#body #index-about #director .cast-box01 h3{font-size:40px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-align:center; margin-bottom:10px; font-weight:normal; line-height:1.2}
#body #index-about #director .cast-box01 h3 span.txt-s{font-size:70%}
#body #index-about #director .cast-box01 p{font-size:16px; line-height:1.8}
@media only screen and (max-width:1199px){#body #index-about #director .cast-box01{margin:0 30px 80px; width:auto}
}
@media only screen and (max-width:599px){#body #index-about #director .cast-box01 .img-cast01{width:auto; margin:0 0 30px}
}
@media only screen and (max-width:639px){#body #index-about #director h2{font-size:24px}
#body #index-about #director .cast-box01 h3{font-size:20px}
}

#body #index-about #director .comment{background:#f9f9f7; margin:30px 0; padding:40px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-style:italic; color:#000}
#body #index-about #director .comment h4{margin:0; font-size:20px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; text-align:right; font-weight:normal}
#body #index-about #director .comment p{margin:0 0 10px; font-size:16px; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif}
@media only screen and (max-width:639px){
#body #index-about #director .comment{padding:25px}
#body #index-about #director .cast-box01 h3{font-size:22px}
#body #index-about #director .comment h4{font-size:16px;}
}

/*#index-about*/
/*#trailer*/
#body #index-about #trailer{text-align:center; padding:70px 0; background:#031028}
#body #index-about #trailer h1{margin:0 0 30px; font-size:30px; font-family:'Lora',serif;letter-spacing:.05em;font-weight:normal; text-align:center; color:#fff}
#body #index-about #trailer .movie-wrap{margin:0 0 30px}
#body #index-about #trailer .movie-wrap{ position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;}
#body #index-about #trailer .movie-wrap iframe {position: absolute;top: 0; left: 0; width: 100%;height: 100%;}

/*#index-about*/
/*#comments*/
#body #index-about #comments{background:#84835e; background-size:cover; padding:70px 0; text-align:center}
#body #index-about #comments h1{margin:0 ; font-size:30px;font-family:'Lora',serif;letter-spacing:.05em; font-weight:normal; text-align:center; color:#000}
#body #index-about #comments div.keisho{margin:0 0 40px; font-size:12px; text-align:center; color:#000}
#body #index-about #comments .comment{background:#fff; margin:0 auto 30px; padding:50px 0; width:1000px;color:#fff}
#body #index-about #comments .comment h2{margin:0 70px; color:#000; font-family:YuMincho,'游明朝',"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size:36px; letter-spacing:10px; text-align:center; vertical-align:middle; line-height:1.4}
#body #index-about #comments .comment h3{margin:0 70px 0 70px; color:#84835e; font-size:16px;font-weight:normal; text-align:center; line-height:1.4}
#body #index-about #comments .comment p{margin:0 70px 15px 70px; color:#000; font-size:18px}
#body #index-about #comments .comment p strong{font-size:18px}
@media only screen and (max-width:999px){
#body #index-about #comments .comment{ width:auto; margin:0 30px 30px;}

}
@media only screen and (max-width:639px){
#body #index-about #comments{
	padding:50px 0;
}

#body #index-about #comments h1{
	font-size:2em;
	text-align:center;
}

#body #index-about #comments .comment{
	padding:30px 0 30px;
	margin:0 20px 30px;
	width: auto;
}

#body #index-about #comments .comment p{margin:0 30px 15px 30px;font-size:15px}

#body #index-about #comments .comment .in{
	padding:0 0;
}
#body #index-about #comments .comment h2{margin:0 0px;font-size:28px;}
}


/*#index-about*/
/*.credit*/
#body #index-about .credit{background:#000; color:#fff}
#body #index-about .credit ul{letter-spacing:-.4em; width:100%}
#body #index-about .credit ul li{width:33.333333333%; display:inline-block; /display:inline; /zoom:1; vertical-align:top}
@media only screen and (max-width:639px){#body #index-about .credit ul li{width:50%}
}

#body #index-about .credit .txt-credit{margin:60px 0}
#body #index-about .credit p{margin:0 auto 15px; width:90%; font-size:12px; text-align:center; color:#0a1432}
#body #index-about .credit p.en{font-size:8px; margin-bottom:0}
#body #index-about .credit p.txt-credit01{margin-bottom:5px; font-size:12px; text-align:center; line-height:1.6; color:#ccc}
#body #index-about .credit p.txt-credit02{margin-bottom:5px; font-size:11px; text-align:center; line-height:1.4; color:#ccc}
#body #index-about .credit p.txt-credit03{margin-bottom:10px; font-size:10px; text-align:center; line-height:1.4; color:#ccc}
#body #index-about .credit p.txt-credit04{margin-bottom:5px; font-size:6px; text-align:center; color:#9C9A9A; line-height:1.3}

/*uplink*/
#uplink{background:#000; margin:0 0 0 0; padding:20px 0; width:100%; color:#fff}
body.index #uplink{margin:0 0 0 0}
#uplink h1{margin:0 auto; height:auto; text-align:center}
#uplink h1 img{width:50px; height:auto}
#uplink ul{margin:20px auto 0; text-align:center}
#uplink ul li{display:inline; margin:0 10px 0 0}
#uplink ul li.last{margin-right:0}
#uplink ul li a{font-size:30px; color:#fff}

/*second*/
body.second #container #menu{margin:0 auto; height:auto}
body.second #container #menu #second-h1{margin:0 auto; padding:0 0 0 0; width:1000px; text-align:center;}
body.second #container #menu #second-h1 img{width:200px; height:auto; margin:10px 0}
body.second #container #menu #second-h1 img:hover{opacity:0.6;transition: .3s;}
@media only screen and (max-width:999px){
body.second #container #menu #second-h1{width:100%;margin:0 0 0 5px;text-align:left;}
}

/*second theater*/
body.second.theater #container{background:url(../img/intro_bg.jpg); background-size:cover}
#body.second.theater .page{margin:0 auto; padding:55px 0 50px; width:1000px; height:auto}
#body.second.theater .page h2.tit-theater{margin:90px 0 30px; font-size:36px;font-family:'Lora',serif;letter-spacing:.05em;font-weight:normal; text-align:center; color:#fff}
#body.second.theater .page section.contents{margin:0 0 0 0; padding:0 0 0 0; height:100%}
#body.second.theater .page .banner{margin:10px auto; text-align:center}
#body.second.theater .page .banner a img{max-width:550px; height:auto}

#body.second.theater .page header nav{margin:30px 0}
#body.second.theater .page header nav ul.theater-list{margin:0}
#body.second.theater .page header nav ul.theater-list li{background:#0061af; float:left; margin:0 2% 0 0; width:12.57142857142857%; height:45px; text-align:center; line-height:45px;  border-radius:5px;  /* CSS3草案 */ -webkit-border-radius:5px;  /* Safari,Google Chrome用 */ -moz-border-radius:5px;  /* Firefox用 */-webkit-transition:all 1s; -moz-transition:all 1s; -ms-transition:all 1s; -o-transition:all 1s; transition:all 1s; opacity:1}
#body.second.theater .page header nav ul.theater-list li:hover{background:#002e66; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s}
#body.second.theater .page header nav ul.theater-list li.last{margin:0 0 0 0}
#body.second.theater .page header nav ul.theater-list li a{display:block; width:100%; height:100%; color:#FFF; font-size:14px}
#body.second.theater .page header nav ul.theater-list li a:hover{text-decoration:none; color:#FFF}
#body.second.theater .page section.contents{margin:0; padding:0; color:#000}
#body.second.theater .page section.contents a.target{margin-top:-133px;  padding-top:133px; display:inline-block; /* required for webkit browsers */vertical-align:top}
#body.second.theater .page section.contents .ken-box{background:#FFF; margin:0 0 30px; border-bottom:#0a1432 solid 2px; border-top:#0a1432 solid 2px}
#body.second.theater .page section.contents .ken-box .ken{background:#0061af; width:20%; float:left; font-weight:800; line-height:50px; color:#FFF}
#body.second.theater .page section.contents .ken-box .ken h2{color:#FFF; font-size:20px; font-weight:800; padding:10px}
#body.second.theater .page section.contents .ken-box .theaters{width:80%; float:right}
#body.second.theater .page section.contents .ken-box .theaters .theater-box{border-bottom:#0a1432 solid 2px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box.last{border-bottom:none}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name{float:left; width:40%}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name h4{color:#000; font-size:14px; line-height:1.4; margin:10px 10px 0}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name h3{font-size:20px; line-height:1.4; margin:0 10px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt{float:right; width:60%; font-size:14px; margin:0 0 0 0; padding:0 0 0 0}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt p{margin:10px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt p strong{font-size:16px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt p a{color:#84835e;}

@media only screen and (max-width:639px){body.second.theater #container{background-size:auto}
#body.second.theater .page{margin:30px 0; width:100%; height:auto}
#body.second.theater .page h1{font-size:35px; padding:10px 0 0; margin:0 0 10px}
#body.second.theater .page .banner{margin:10px 5%}
#body.second.theater .page .banner img{width:100%}
#body.second.theater .page header nav{margin:10px 0 0 0; width:100%}
#body.second.theater .page header nav ul.theater-list{margin:0 1%; padding:0 0 0 0}
#body.second.theater .page header nav ul.theater-list li{float:left; margin:0 1% 5px; width:23%; height:40px; text-align:center; line-height:40px}
#body.second.theater .page header nav ul.theater-list li a{font-size:10px}
#body.second.theater .page header nav ul.theater-list li.last{margin:0 1% 5px}
#body.second.theater .page section.contents{margin:0 2%; padding:0 0 0 0; width:96%}
#body.second.theater .page section.contents a.target{ margin-top:0;  padding-top:0}
#body.second.theater .page section.contents a[name]{display:block; height:1px; width:1px}
#body.second.theater .page section.contents .ken-box{margin:0 0 0 0; padding-top:0; border-bottom:#312111 solid 2px; border-top:none}

#body.second.theater .page section.contents .ken-box .ken{width:100%; float:none; line-height:50px}
#body.second.theater .page h2{margin:30px 0 30px;}
#body.second.theater .page section.contents .ken-box .ken h2{font-size:16px; padding:5px; text-align:center;margin-top:0}
#body.second.theater .page section.contents .ken-box .theaters{width:100%}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name{float:none; width:100%}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name h4{font-size:10px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .theater-name h3{font-size:18px; line-height:1.4; margin:0 10px 5px; font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt{float:none; width:100%; font-size:12px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt p{margin:0 10px 10px; font-size:12px}
#body.second.theater .page section.contents .ken-box .theaters .theater-box .txt p strong{font-size:12px}
}

/*BACKTOTOP*/
#backtotop{bottom:25px; height:45px; position:fixed!important; right:25px; width:45px; text-indent:-9999px; z-index:10000}
#backtotop a{background:url(../img/btn_backtotop.png) no-repeat scroll 0 0 transparent; display:block; height:45px; width:45px}
#backtotop a:hover{background:url(../img/btn_backtotop.png) no-repeat scroll 0 -45px transparent}

@media screen and (min-width:640px){.pc-only{display:block}
.sp-only{display:none}
}

@media screen and (min-width:0px) and (max-width:639px){.pc-only{display:none}
.sp-only{display:block}
}