@charset "utf-8";

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,  pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{ margin:0; padding:0; }
body{ font-size:16px; line-height:150%; font-family:"ヒラギノ角ゴ ProN w3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN w6","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;  overflow-x:hidden; background:#fff url(../images/bg.jpg) top center repeat; color:#fff; -webkit-font-smoothing:antialiased; /*chrome、safari*/ -moz-osx-font-smoothing:grayscale;/*firefox*/ }
ul, ol, li, dl, dt, dd{ list-style:none; }
fieldset, img{ border:0; vertical-align:middle; overflow:hidden; }
.clearfix:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clearfix{ *zoom:1;}
.clear{ clear:both; display:block; height:0; overflow:hidden; }
img{ max-width:100%; }
a{ text-decoration:none; color:inherit; padding:0; margin:0; -webkit-tap-highlight-color:transparent}
::selection{ background:#0a2d42; color:#fff; }

/******************************************************************************/

.color_orange{ color:#ff7200;}
.color_green{ color:#00a489;}
.color_cyan{color:#00434e;}
.color_red{color:#950000;}
.color_gl{color:#ae8a4d;}



.f10{ display: inline-block;  font-size:10px; font-size: 0.1rem; line-height: 180%;}
.f11{ display: inline-block;  font-size:11px; font-size: 0.11rem;line-height: 180%;}
.f12{ display: inline-block;  font-size:12px; font-size: 0.12rem;line-height: 180%;}
.f14{ display: inline-block;  font-size:14px; font-size: 0.14rem;line-height: 170%;}
.f16{ display: inline-block;  font-size:16px; font-size: 0.16rem;line-height: 170%;}
.f18{ display: inline-block;  font-size:18px; font-size: 0.18rem;line-height: 170%;}
.f20{ display: inline-block;  font-size:20px; font-size: 0.2rem; line-height: 170%;}
.f22{ display: inline-block;  font-size:22px; font-size: 0.22rem;line-height: 170%;}
.f21{ display: inline-block;  font-size:21px; font-size: 0.21rem;line-height: 170%;}
.f24{ display: inline-block;  font-size:24px; font-size: 0.24rem;line-height: 170%;}
.f26{ display: inline-block;  font-size:26px; font-size: 0.26rem;line-height: 170%;}
.f28{ display: inline-block;  font-size:28px; font-size: 0.28rem;line-height: 160%;}
.f30{ display: inline-block;  font-size:30px; font-size: 0.3rem; line-height: 160%;}
.f32{ display: inline-block;  font-size:32px; font-size: 0.32rem;line-height: 160%;}
.f34{ display: inline-block;  font-size:34px; font-size: 0.34rem;line-height: 160%;}
.f36{ display: inline-block;  font-size:36px; font-size: 0.36rem;line-height: 160%;}
.f38{ display: inline-block;  font-size:38px; font-size: 0.38rem;line-height: 160%;}

.align_center{text-align: center;}
/******************************************************************************/

body{ opacity: 0; background: #fff url(../images/bg_01.png) 0 0 repeat; font-weight: bold!important; }
.menu_mob{ position: fixed; top: 0; left: 0; width: 100%; z-index: 500;}
.menu_mubg{ position: fixed; top: 0; left: 0; width: 100%; height: 80px; background: #000; }
.menu_bantop{ position: relative; width:940px; max-width: 94%; margin: 0 auto; padding: 0 30px; }
.ban_menu img{ height: 80px; }
.top_sns{ position: absolute; top: 20px;right: 0;}
.top_sns img{ width: 32px; margin-right:30px; margin-right: 0.3rem; }

.menu{ position: absolute; top:100%; left:30px; padding-bottom: 1%; }
.menu li{ float:left; width:14.285%; position:relative; text-align: center;}
.menu .m_00{ display: none;}
.menu .m_01{background-color: #f34d80;}
.menu .m_02{background-color: #42a8ff;}
.menu .m_03{background-color: #32ccd6;}
.menu .m_04{background-color: #efc813;}
.menu .m_05{background-color: #f4a10f;}
.menu .m_06{background-color: #b756c2;}
.menu .m_07{background-color: #6ec423;}
.menu li a{ display:block; overflow:hidden; width:100%; position: relative;}
.menu li .comingsoon{ position:absolute; top:0; left:50%;transform:translate(-50%,0);}
.menu li a[href]:hover{ opacity: 0.7; }
.menu li a img{ position:relative; z-index:100;}

.header{ position: relative; }
.head_ani{ width: 100%; height: 95.4%; background: #ae8a4d url(../images/bg_02.png) 0 0 repeat; }
.top_l01{ position: absolute; left:50%; bottom:9.8vmin;  width:60.18vmin;transform:translate(-50%,0); z-index: 110; opacity: 0;  }
.top_h01{ position: absolute; left:50%; bottom: 8.59vmin;width:89.02vmin; margin-left: -44.51vmin; z-index: 107; opacity: 0; }
.top_h02{ position: absolute; left: 0;  bottom: 0; width: 109.375%; margin-left: -4.687%; max-width: none; z-index: 105; opacity: 0; }


.main{width:1000px; max-width: 100%; margin:0 auto; }
.main h3.toptit{ padding:6% 0 4.5% 0; text-align: center;  }
.main h3.toptit img{width: 40%; }
.main .text_inner{ display: block; margin: 0 3%; padding:5% 4%; background: rgba(35,24,21,0.8); font-size: 20px; font-size: 0.2rem; line-height: 160%; }
.main .news_list li{ padding:0 0 1.4em 8.6em; text-indent: -6.8em; background: url(../images/icon_p01.png) 0 0 no-repeat; background-size: 1.5em;  }
.main .news_list li a:hover{ color: #ffdfaa;}
.main .ph_man{ display: none; }

/*-------- page ----------*/

.page{}
.page .menu{ display: none; }
.page .main{ margin-top: 80px; }
.page .inner_mob{ padding: 0 3%; }
.page .foot{margin-top: 140px;}
.page .innertx a{ text-decoration:underline;}
.page .innertx a:hover{ color:#b48b45; opacity:0.8;}
.page .text_inst{ padding-left:1em; text-indent:-1em;}
.page .text_ul li{ padding-left:1em; text-indent:-1em;}


/*--news--*/
.page .txt_inbox{ background:rgba(35,24,21,0.8); padding:7%  5%; margin: 4% 3% 6% 3%; }
.page .innertx{ padding: 0 2em;padding: 0 0.35rem; background:url(../images/icon_p01.png) 0 0.3em no-repeat; background-size: 0.3rem auto;}
.page .innertx .ne_tt{ padding-bottom: 5.6%; }


/*--about--*/
.ab_title{ color: #bea171; }
.about .innertx{ margin-top: 2em; margin-top: 0.6rem; }



/*--cast--*/
.main .logo_in{ text-align: center; padding-top: 4%; }
.main .logo_in img{ width:36%;  }

.main .pgtlt{ text-align: center;padding-top: 1.3%;  }
.main .pgtlt img{ width: 40%; }
.main .castph{ text-align: center; }
.main .castph img{ padding-top: 5.3%; width:24%; }


/*--ticket--*/
.ticket .innertx{ margin-bottom: 2em; margin-bottom: 0.6rem; }








.foot{ background-color: #ae8a4d;margin-top: 80px;}
.footer{  background-color: #ae8a4d;width: 1000px; max-width: 100%; padding:65px 0px 90px 0; margin: 0 auto; text-align:center;font-weight:bold; color: #342c26;}
.foot_sns{ display: none; }
.foot .ban_logo{ text-align: center; padding-top: 6%; }
.foot .ban_logo a{ display: inline-block; max-width: 41.3%; padding: 0 3.5%; }
.ban_ftop{ position:fixed; bottom:30px; right:30px; max-width:15%; display:none;}





@media screen and (max-width: 1000px) {
body{ width:100%; overflow-x:hidden;background-size:32.1% auto; } 
.menu_bantop{width:94%;  margin: 0 auto; padding: 0 3% }

.top_sns{ position: absolute; top: 20px;right: 0;}
.top_sns img{ width: 32px; margin-right:30px; margin-right: 0.3rem; }
.menu{ width: 100%; left: 0; }

.head_ani{background-size:32.1% auto; }
.foot{margin-top:8%;}
.footer{max-width: 100%; padding:6.8% 0px 9% 0;}
.page .foot{margin-top: 14%;}


}





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

body{  }

.menu_mubg{ display: none; }
.top_sns{ display: none; }
.menu_bantop{max-width: 94%;margin: 0; padding: 0 3%; background-color: #000; }

.menu{ position: fixed; top: 0;  left: 0; width: 100%; height: 100%; padding: 0; margin: 0; display: none; overflow-y:auto; background: rgba(0,0,0,0.7);  }
.menu li{ float:none; width:100%; position:relative; text-align: center;}
.menu li img{ max-width:36.8%;  }
.menu .m_00{ display: block; text-align: right; padding: 6%; box-sizing:border-box;}
.menu .m_00 img{ max-width: 13%; }




.header{background: #ae8a4d url(../images/bg_02.png) 0 0 repeat;background-size:32.1% auto;}
.head_ani{height: 100%; text-align: center; background:none; transform-origin:50% 0;}
.top_l01{ position: static; width:100%; margin-left:0; margin-top: 80px;transform:translate(0); opacity: 0; display: inline-block;  }
.top_h01{ position: static; width:82.67%; margin-left:0; margin-top: 5.3%;  opacity: 0; display: inline-block; }
.top_h02{ display: none; }

.main .text_inner{ font-size: 0.22rem; line-height: 160%; }
.main .ph_man{ display: block; padding-top: 8.67%; }




/*-------- page ----------*/

/*--cast--*/
.main .logo_in{ text-align: center; padding-top: 3%; }
.main .logo_in img{ width:48%;  }
.main .pgtlt{ text-align: center;padding-top: 1.3%;  }
.main .pgtlt img{ width: 53.3%; }
.main .castph{ padding: 0 6.67%; }
.main .castph img{ padding-top: 7.7%; width: 100%; }






.foot_sns{ display: block; text-align: center;}
.foot_sns a{ display: inline-block; width: 12%; margin: 0 4%;}


}




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

}