@charset "utf-8";
a, abbr, acronym, address, applet, article, aside, audio,b,big,blockquote,body,caption,canvas,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,form,footer,header,hgroup,h1,h2,h3,h4,h5,h6,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,main,small,span,strike,strong,sub,summary,sup,tt,table,tbody,textarea,tfoot,thead,time,tr,th,td,u,ul,var,video {font-size: 100%;vertical-align: baseline;white-space: normal;margin: 0;padding: 0; border: 0; outline: 0;background: transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display: block;}ol,ul {list-style: none;}blockquote,q {quotes: none;}table {border-collapse: collapse;border-spacing: 0;}*{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; }
img {vertical-align: top; max-width:100%;}
.pc_dis{ display:block;}
.sp_dis{ display:none;}

/*---------------------------
Link
---------------------------*/
a {outline:none;} a:link { color: #242d4e; text-decoration: none; } a:visited {color: #242d4e; text-decoration: none; }

/*---------------------------
Font
---------------------------*/
body {font-family:'Inknut Antiqua', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

/*---------------------------
Html / Body
---------------------------*/
html {height: 100%;font-size: 12px;}
body {color: #000;line-height: 1.8;background: #FFFFFF;word-wrap: break-word;font-kerning: normal;overflow-x:hidden;position: relative;}

/*---------------------------
Loader
---------------------------*/
#loader-bg {display:none; position:fixed; width:100%; height:100%; top:0; left:0;background: #ffffff;background: -moz-linear-gradient(top,  #ffffff 0%, #fff6dd 100%);background: -webkit-linear-gradient(top,  #ffffff 0%,#fff6dd 100%);background: linear-gradient(to bottom,  #ffffff 0%,#fff6dd 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6dd',GradientType=0 );z-index: 99999;}
#loader {display: none;	position: absolute;	top:50%; left:50%; margin:-25px 0 0 -25px; width: 50px; height: 50px!important;border-radius: 50px;border: 5px solid #FF8000;border-right-color: transparent; -webkit-animation: spin 1s infinite linear;-moz-animation: spin 1s infinite linear;}
@-webkit-keyframes spin{0% { -webkit-transform: rotate(0deg); opacity: 0.4; }50%  { -webkit-transform: rotate(180deg); opacity: 1; }100%{ -webkit-transform: rotate(360deg); opacity: 0.4; }}
@-moz-keyframes spin{0% { -moz-transform: rotate(0deg); opacity: 0.4; }50%  { -moz-transform: rotate(180deg); opacity: 1; }100%{ -moz-transform: rotate(360deg); opacity: 0.4; }}

/*---------------------------
wrapper
---------------------------*/
#wrapper{float:left; width:100%; display:none;
background: rgb(255,255,255);
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,242,204,1) 22%, rgba(207,255,191,1) 46%, rgba(191,255,239,1) 66%, rgba(255,223,191,1) 90%, rgba(255,153,153,1) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,242,204,1) 22%,rgba(207,255,191,1) 46%,rgba(191,255,239,1) 66%,rgba(255,223,191,1) 90%,rgba(255,153,153,1) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,242,204,1) 22%,rgba(207,255,191,1) 46%,rgba(191,255,239,1) 66%,rgba(255,223,191,1) 90%,rgba(255,153,153,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff9999',GradientType=0 );}

.main_box{float:left; width:100%; position:relative; height:100%; text-align:center; background:url(../images/bg.jpg) 50% 50% fixed; -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.main_box h1{margin:0 0 0 -2%; position:absolute; left:50%; top:15%; width:5%; z-index:5555;display:none;}

.main_box h2{margin:0 0 0 -43px; position:absolute; width:10%; right:4%; top:28%; z-index:4444;display:none;}

.main_box .day{margin:0 0 0 -15%; width:30%; border-bottom:1px solid #8C4600;border-top:1px solid #8C4600; padding:20px 0; position:absolute; left:50%; bottom: 8%; z-index:4444;display:none; background:rgba(190,86,56,.8)}
.main_box .day img{
	width:90%;}

.main_box .main_staff{position:absolute; left:1.5%; top:36%;z-index:4444;display:none; width:15%;}
.main_box .main_staff li{float:right; margin:0 -8px;}

.main_box .main_staff li:first-child {width:53.9215%;}
.main_box .main_staff li:last-child{width:46.0725%;} 	
/*
.main_box .mi_01{position:absolute; top:8%; left:30%;z-index:3333; display:none;}
.main_box .mi_02{position:absolute; top:28%; left:13%;z-index:3333; display:none;}
.main_box .mi_03{position:absolute; top:50%; left:5%;z-index:3333; display:none;}
.main_box .mi_04{position:absolute; top:80%; left:15%;z-index:3333; display:none;}
.main_box .mi_05{position:absolute; top:95%; left:25%;z-index:3333; display:none;}
.main_box .mi_06{position:absolute; top:90%; right:15%;z-index:3333; display:none;}
.main_box .mi_07{position:absolute; top:55%; right:1%;z-index:3333; display:none;}
.main_box .mi_08{position:absolute; top:28%; right:5%;z-index:3333; display:none;}
.main_box .mi_09{position:absolute; top:10%; right:20%;z-index:3333; display:none;}  
.main_box .kumo_01{position:absolute; top:55%; left:-2%;z-index:2222; display:none;}
.main_box .kumo_02{position:absolute; top:10%; right:-10%;z-index:2222; display:none;}*/
.main_box .syuen{position:absolute; bottom:-20px; right:0; width:100%; text-align:center;z-index:3333; display:none;}


/*
.main_box .cast{z-index:3333; padding:60px 0 0 0; display:none; width:100%; height:100%; }
  
  
.main_box .cast img{vertical-align:bottom;}
  
  */


.main_box .cast_px{z-index:3333;   width:100%; height:100%; }
.main_box .cast{z-index:3333; display:none;position:absolute; left:0; bottom:0; width:100%; height:100%; background:url(../images/cast.png) 50% 100% no-repeat;-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; background-size:75%;}


.news_box{float:left; width:100%; position:fixed; z-index:7777;}
.news_box .inner{margin:0 auto; max-width:1280px; height:50px;border-top:10px solid #FF8000; background:#FF8000; padding-bottom:1px;box-sizing:border-box;}
.news_box .tit{background:#FF8000; float:left; width:100px; height:40px; line-height:40px; text-align:center; color:#FFF; position:relative;}
.news_box ul{float:left; width:100%; padding:0 50px 0 100px; margin:0 -50px 0 -100px; box-sizing:border-box; height:40px; line-height:40px; background:#FFF;}
.news_box li{float:left; width:100%; height:40px; background:#FFF; padding:0 20px;border-left:1px solid #FF8000;border-right:1px solid #FF8000;border-bottom:1px solid #FF8000; }
.news_box li:first-child{z-index:5555; cursor:pointer;background:url(../images/news_icn.png) 98% 50% no-repeat;}
.news_box .active{border-bottom:1px dashed #FF8000;background:url(../images/news_icn_up.png) 98% 50% no-repeat !important;}
.news_box li:not(:first-child){display:none; z-index:4444;border-bottom:1px dashed #FF8000;}
.news_box li:last-child{border-bottom:1px solid #FF8000;}
.news_box li strong{margin:0 0 0 20px ;}

.news_box .news_day{float:left; width:80px;}
.news_box .news_tit{float:left; width:100%; padding:0 0 0 100px; margin:0 0 0 -80px; box-sizing:border-box;}
.news_box #trigger-overlay{margin:-10px 0 0 0; float:right; width:50px; height:50px; background:url(../images/menu_btn.png) no-repeat; border:none; padding:0; text-indent:-9999px; cursor:pointer;}
.news_box #trigger-overlay:hover{-webkit-transition: all .5s ease;transition: all .5s ease; opacity:.8}

.intro{margin:200px 0 200px 0; float:left; width:100%; position:relative; background:url(../images/border_intro.jpg) 50% 0 no-repeat; padding:100px 0 0 0;}
.intro .inner{margin:0 auto; max-width:980px; z-index:3333; position:inherit;}
.intro h3{margin:0; float:right;}
.intro .text_box{float:left; width:100%; padding:0 80px 0 0; margin:0 -80px 0 0; box-sizing:border-box; text-align:right;}
.intro .text_box img{ width:100%; max-width:880px}
.intro .kumo{position:absolute; right:-10%; top:-10%; z-index:2222;}
.intro .gun{position:absolute; left:5%; bottom:-10%; z-index:2222;}

.character{margin:0 0 200px 0; float:left; width:100%; background:url(../images/border_character.jpg) 50% 0 no-repeat; padding:100px 0 0 0; position:relative;}
.character .inner{margin:0 auto; max-width:1280px; position:relative; z-index:3333;}
.character h3{margin:0; position:absolute; top:0; left:0;}
.character ul{margin:0; font-size:0; text-align:center;}
.character li{margin:0; display:inline-block;}
.character .kumo{position:absolute; left:-10%; top:-5%;z-index:2222;}
.character .w5{float:left; width:100%;}
.character .w5 img{ float:left;}

.staff{margin:0 0 200px 0; float:left; width:100%; background:url(../images/border_staff.jpg) 50% 0 no-repeat; padding:100px 0 0 0; position:relative;}
.staff .inner{margin:0 auto; max-width:1000px; position:relative; z-index:3333;}
.staff h3{float:right;}
.staff .staff_list{margin:0 0 80px -80px; box-sizing:border-box; float:left; width:100%; padding:0 0 0 80px;}
.staff .tit{margin: 0 0 20px 0;width: 100%;float: left;text-align: center;font-weight: bold;}
.staff .text{width: 100%;float: left;text-align: center;font-size: 14px;}
.staff .text span{font-size: 11px;}
.staff .kumo{position:absolute; right:-10%; top:-10%; z-index:2222;}
    
.info{float:left; width:100%; background:url(../images/border_info.jpg) 50% 0 no-repeat; padding:100px 0 0 0;position:relative;}
.info .inner{margin:0 auto; width:700px; position:relative; z-index:3333;}
.info h3{position:absolute; left:-140px; top:0;}
.info .schedule{margin: 0 0 40px 0;}
.info .schedule table{width:100%; border-bottom:1px solid #000; border-right:1px solid #000; text-align:center;}
.info .schedule th{border-left:1px solid #000; border-top:1px solid #000; padding:10px 20px; background:rgba(0,178,178,9);}
.info .schedule td{border-left: 1px solid #000;border-top: 1px solid #000;padding: 10px 20px;background: rgba(255,255,255,.9);color: #FF26FF;}
.info .schedule table .tit{background:rgba(161,236,215,.9)}
.info .schedule table .time{background:rgba(199,255,215,.9); color:#000;}
.info .schedule p{text-align:right; font-size:14px; margin:10px 0 0 0;}
.info dl dt, .info dl dd{margin:10px 0; border-top:3px solid #00B2B2; padding:20px 0 0; float:left;}
.info dl dd a{ color:#00B2B2; text-decoration:underline;}
.info dl dd a:hover{text-decoration:none;}
.info dl dt:first-child, .info dl dt:first-child + dd{border:none;}
.info dt{width:20%; font-size:14px; padding-left:10px !important; box-sizing:border-box; font-weight:bold;}
.info dd{width: 80%; min-height:50px;}
.info dl .map{ width:100%; margin:20px 0 10px 0;}
.info dl .map iframe{width:100%; height:400px;}
.info dl strong{font-size:16px;}
.info .kumo{position:absolute; left:0; top:-5%; z-index:2222;}
.info .tokei{position:absolute; right:-4%; top:-2%; z-index:2222;}
.info .gaitou_01{position:absolute; left:10%; bottom:-5%; z-index:2222;}
.info .gaitou_02{position:absolute; right:3%; bottom:-8%; z-index:2222;}
/*---------------------------
Footer
---------------------------*/  
footer{float: left;width: 100%; background:url(../images/foot_bg.png) 50% 0 no-repeat; height:600px; text-align:center; padding:400px 0 0 0; position:relative; z-index:6666;}
footer address{font-style:normal; margin:50px 0 0 0;}

/*---------------------------
Animation
---------------------------*/
.fadeInDown {-webkit-animation-fill-mode:both;-ms-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-ms-animation-duration:1s;animation-duration:1s;-webkit-animation-name: fadeInDown;animation-name: fadeInDown;visibility: visible !important;}
@-webkit-keyframes fadeInDown {0% { opacity: 0; -webkit-transform: translateY(20px); }100% { opacity: 1; -webkit-transform: translateY(0); }}
@keyframes fadeInDown {0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }}

/*---------------------------
SP Menu
---------------------------*/
.overlay {position: fixed;width: 100%;height: 110%;top: 0;left: 0;background: rgba(255,128,0,0.9);z-index:999999999999;}
.overlay .overlay-close {width: 40px;height: 40px;position: absolute;right: 15px;top: 15px;overflow: hidden;border: none;background: url(../images/cross.png) no-repeat center center;text-indent: 200%;color: transparent;outline: none;z-index: 100; background-size:100%;}
.overlay nav {text-align: center;position: relative;top: 50%;height: 60%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.overlay ul {list-style: none;padding: 0;margin: 0 auto;display: inline-block;height: 100%;position: relative;}
.overlay ul li {display: block;height: 25%;height: calc(80% / 5);min-height: 54px;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.overlay ul li a {font-size: 30px;display: block;color: #fff;-webkit-transition: color 0.2s;transition: color 0.2s;}
.overlay ul li a:hover, .overlay ul li a:focus {color: #f0f0f0;}
.overlay-door {visibility: hidden;width: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);-webkit-transition: width 0.5s 0.3s, visibility 0s 0.8s;transition: width 0.5s 0.3s, visibility 0s 0.8s;}
.overlay-door.open {visibility: visible;width: 100%;-webkit-transition: width 0.5s;transition: width 0.5s;}
.overlay-door nav {position: absolute;left: 50%;-webkit-transform: translateY(-50%) translateX(-50%);transform: translateY(-50%) translateX(-50%);}
.overlay-door nav, .overlay-door .overlay-close {opacity: 0;-webkit-transition: opacity 0.3s 0.5s;transition: opacity 0.3s 0.5s;}
.overlay-door.open nav, .overlay-door.open .overlay-close {opacity: 1;-webkit-transition-delay: 0.5s;transition-delay: 0.5s;}
.overlay-door.close nav, .overlay-door.close .overlay-close {-webkit-transition-delay: 0s;transition-delay: 0s;}
@media screen and (max-height: 30.5em) {
.overlay nav {height: 70%;font-size: 34px;}
.overlay ul li {min-height: 34px;}
}




@media only screen and (max-width: 768px){
.pc_dis{ display:none;}
.sp_dis{ display:block;}

/*---------------------------
wrapper
---------------------------*/
#wrapper{float:left; width:100%;}
/*
.main_box{min-height:550px; width:94%; margin:0 3%;}
.
main_box h1{margin:0 0 0 -60px;top:5%; width:120px;}
.main_box h2{margin:0 0 0 -20px;right:10%; top:15%; width:40px}
*/
.main_box .day{padding:10px 0;bottom:5%;}

.main_box .main_staff{left:8%; top:18%;}
.main_box .main_staff li{float:none;text-align:left;}
/*
.main_box .syuen{bottom:10px;}

	
.staff_01{width:33px;}
.staff_02{width:46px; margin:0 0 10px 0;}

.main_box .mi_01{top:2%; left:30%; width:12%;}
.main_box .mi_02{top:10%; left:8%; width:20%;}
.main_box .mi_03{top:30%; left:-4%; width:25%;}
.main_box .mi_04{top:50%; left:10%; width:20%;}
.main_box .mi_05{top:60%; left:52%; width:18%;}
.main_box .mi_06{top:55%; right:15%; width:15%;}
.main_box .mi_07{top:35%; right:-5%; width:25%;}
.main_box .mi_08{top:15%; right:5%; width:20%;}
.main_box .mi_09{top:3%; right:15%; width:15%;}

.main_box .kumo_01{top:45%; left:-10%; width:80%;}
.main_box .kumo_02{top:10%; right:-20%; width:80%;}*/

.news_box{ margin:40px 0;float:left; width:100%; position:inherit; z-index:7777;}
.news_box .inner{margin:0 3%; width:94%; height:auto;border-top:none;}
.news_box .tit{height:30px; width:100%; line-height:30px;}
.news_box ul{height:auto; line-height:140%;padding:0; margin:0;}
.news_box li{height:auto; padding:0 10px;border-bottom:1px dashed #FF8000;}
.news_box li:first-child{background:none;}
.news_box .active{border-bottom:1px solid #FF8000;background:none;}
.news_box li:not(:first-child){display:block; z-index:4444;border-bottom:1px dashed #FF8000;}
.news_box li:last-child{border-bottom:1px solid #FF8000;}
.news_box .news_day{width:100%; margin:8px 0 2px 0; font-size:10px;}
.news_box .news_tit{width:100%; margin:0 0 8px 0; padding:0;}
.news_box #trigger-overlay{ position:fixed;top:0; right:0; margin:0; z-index:9999; width:30px; height:30px; background-size:100%;}


.intro{margin:50px 0 50px 0;padding:50px 0 0 0;}
.intro .inner{margin:0 5%; width:90%;}
.intro h3{float:left; width:30px;}
.intro .text_box{margin:0 -50px 0 0; float:right; width:100%; padding:0 50px 0 0; box-sizing:border-box; text-align:left;}

.intro .kumo{right:-10%; top:8%; width:50%;}
.intro .gun{left:5%; bottom:-10%; width:20%;}

.character{margin:0 0 50px 0;padding:50px 0 0 0;}
.character .inner{margin:0 5%; width:90%;}
.character h3{position:inherit; float:left;width:30px}
.character ul{width:100%; padding:0 0 0 50px; box-sizing:border-box;}
.character li{display:inline-block; width:33.3333%;}

.character .kumo{left:-15%; top:0;z-index:2222; width:70%;}

.staff{margin:0 0 50px 0; padding:50px 0 0 0;}
.staff .inner{margin:0 5%; width:90%;}
.staff h3{float:right; width:30px;}
.staff .staff_list{margin:0 -50px 40px 0; float:left; width:100%; padding:0 50px 0 0;}
.staff .tit{margin: 0 0 10px 0;}
.staff .text{font-size: 11px;}
.staff .text span{font-size: 10px;}

.staff .kumo{right:-15%; top:2%; width:60%;}
    
.info{padding:50px 0 0 0;}
.info .inner{margin:0 5%; width:90%;}
.info h3{position:static; float:left; width:30px;}
.info .schedule{ float:left; width:100%; padding:0 0 0 50px; box-sizing:border-box; margin:0 0 0 -30px;}

.info .schedule th{padding:2px 0; font-size:10px;}
.info .schedule td{padding:2px 0; font-size:10px;}
.info .schedule p{font-size:12px; margin:5px 0 0 0;}

.info dl dt, .info dl dd{margin:5px 0; border-top:1px solid #00B2B2; padding:10px 0 0;}
.info dt{width:20%; font-size:12px; padding-left:5px !important;}
.info dd{width: 80%; min-height:30px;}
.info dl .map{margin:10px 0 10px 0;}
.info dl .map iframe{height:300px;}
.info dl strong{font-size:13px;}

.info .kumo{left:-5%; top:0; width:50%;}
.info .tokei{right:-4%; top:20%; width:50%;}
.info .gaitou_01{left:0; bottom:5%; width:20%;}
.info .gaitou_02{right:2%; bottom:-20%; width:30%;}



 
/*---------------------------
Footer
---------------------------*/  
footer{ background-size:768px; height:auto; text-align:center; padding:70px 0 0 0; margin:60px 0 0 0;}
footer img{ width:30%;background:#FF9B9A; margin:60px 0 0 0;}
footer address{font-style:normal; margin:0; padding:40px 0; width:100%; background:#FF9B9A;}
}