@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 { overflow-x: hidden; color:#333333; font-size:16px; font-family: 'ヒラギノ角ゴ ProN',"Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;}
ul { list-style: none; }
fieldset,img { border: 0; vertical-align: middle; overflow: hidden; }
a { color:inherit; text-decoration: none; }
a:hover {  text-decoration: none; }
.tuline { text-decoration: underline; }
.clearfix { *zoom:1;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; display: block; height: 0; overflow: hidden; }
img{ max-width:100%;}

.color_red{ color:#ff3200;}
.color_pink{ color: #fa64aa;}
.color_inb{ color: #002c86;}



.f16{font-size:16px;font-size:0.16rem;  line-height:170%; }
.f18{font-size:18px;font-size:0.18rem;  line-height:170%; }
.f21{font-size:21px;font-size:0.21rem;  line-height:170%; }
.f24{font-size:24px;font-size:0.24rem;  line-height:170%; }
.f30{font-size:30px;font-size:0.3rem;  line-height:140%; }

.algin_center{ text-align: center; }



.inner_ytbp{ position: relative; padding-bottom: 56.25%;  margin:1% 0 4% 0;}
.inner_ytbp iframe{ position: absolute; top: 0; left: 0; width: 100%;height: 100%; }


.an_scl{ opacity: 0; }
.pc_none{ display: none; }
.sp_none{ display: block; }

.wf-mplus1p{ font-family: "Mplus 1p";}
.font-we-bold{ font-weight: bold; }


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

html{ font-size: 100px; }

body{font-family: "Mplus 1p";}

.top_banner{ width:100%; margin:0 auto; position:relative; background: url(../images/top_phn.jpg) top center no-repeat; height:75.9vw; background-size: cover; overflow: hidden;}
.top_banner .tphin{width: 100%;}
.top_banner .tpx_ph{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.top_banner .tpx_ph .tp_inp{ width: 1000px; max-width: 100%; height: 100%; position: relative; margin: 0 auto; }
.top_banner .tpx_ph .tp_p01{ position: absolute; bottom: 0; left: 0; }
.top_banner .tpx_ph .tp_p02{position: absolute; bottom: 0; left: 0;}
.top_banner .tpx_ph .tp_p03{position: absolute; top: 0; left:-10%; width: 120%; max-width: none;}


.top_banner .ban_twi{ position: absolute; right:0.13rem; bottom: 0.1rem; width: 0.4rem;  border-radius: 1000px;}
.ban_twi:before{content: "";transform: translateY(100%);  display: block; width: 100%; border-radius:1000px; overflow: hidden;background:#ffff00; mix-blend-mode:multiply;}
.ban_twi:hover:before{padding-bottom: 100%;}




/* menu */
.menu_mobfh{ height: 0.65rem; border-top:5px solid #50c0ff;}
.menu_mob_sp{width: 100%;margin: 0 auto; position: relative; font-size:24px; font-size: 0.24rem; line-height: 105%; height: 0.65rem; background:#f6d000; z-index:9;}
.index .menu_mob_sp{ display: none;}
.inner_mb{width: 100%; max-width: 1200px; margin: 0 auto; top: 0;}
.menu_mob_sp .ban_twi{ position: absolute; right:0.13rem; bottom: 0.1rem; width: 0.4rem; border-radius: 1000px; }

.tour .menu_mf{display: none;}

.menu_mob_sp ul{ padding: 0 0.4rem; text-align: center; color: #000;}
.inner_mb ul li{ display: inline-block; padding: 0.2rem; font-weight:bold; }

/**/



.wrap{width: 100%; max-width: 1000px; margin: 0 auto; background: #fff;/* font-family: "Mplus 1p"; */ text-align: center;}

.inner_title{ text-align: center; font-size:0.36rem; line-height:0.68rem; color: #fff; padding: 0.9rem 0 0.3rem 0; }
.inner_title .intbg{ display: inline-block; padding: 0 0.5rem 0 0.55rem; background: url(../images/ht_bg.jpg) top center no-repeat; background-size: 100% 100%; letter-spacing:0.2em; }

.tx_iocb{ display: inline-block; background: #ffd800; padding: 5px 0.8em; line-height: 110%; font-weight: bold; margin-bottom: 0.5em; }
.in_boxtt a{ color:#50c0ff;  }
.in_boxtt a:hover{ color:#e6c300;}

.in_smbx{ padding: 0.4rem; background: #def3ff; }

.setout{ position: relative; display: inline-block; pointer-events:none; }
.setout:before{ content: "SOLD OUT"; position: absolute; bottom:-0.3em; right: 0.3em; display: block;line-height: 130%; color:#f6d000; width: 6em; text-align: center; background: rgba(0,0,0,0.4); font-family:"ＭＳ Ｐゴシック",sans-serif;  }

.bordertab{ width: 80%; margin: 2% auto;}
.bordertab .bortit{ font-weight: bold;color: #fabe00;}
.bordertab tr td{ padding: 0.2em; text-align: center; }
.bordertab tr td:nth-child(0){  }
.bordertab tr td:nth-child(1){ }





.foot{ text-align: center; width: 1000px; max-width: 100%; margin:0 auto; padding:85px 0 20px 0;  font-size:12px; font-weight: bold;  }


.pgtp{position: fixed; bottom: 30px; right: 3%; text-align: center; text-decoration: none; border-radius: 6px; display: none;}
.pgtp:hover{text-decoration: none; background-color: #5a5a5a;}

@media screen and (max-width:2000px) {
/*.top_banner{ height: 1150px;  background-size:auto 100%; }*/
}

@media screen and (max-width:1600px) {
/*.top_banner{ height:71.8vw;  background-size:auto 100%; }*/
.top_banner .tpx_ph .tp_inp{ width:63.5%;}



}








@media screen and (max-width:750px) {
html,body{ width: 100%; }
.pc_none{ display: block; }
.sp_none{ display: none; }

.top_banner{ text-align: center;height:140vw; background: url(../images/top_phn_sp.jpg) top center no-repeat; background-size: cover; margin-top: 0.9rem; /*  height: calc( 100vh - 0.9rem);background-size: cover; */}
.top_banner .tpx_ph .tp_inp{ width: 100%; }
.top_banner .tpx_ph .tp_inp .tp_p01{width:140%;left:-20%;max-width: none;}
.top_banner .tpx_ph .tp_inp .tp_p02{ bottom: 4%; }
.top_banner .tpx_ph .tp_inp .tp_p03{position: absolute; top: 5%; left:0%; width: 100%; max-width: none;}







/* menu */
.menu_mobfh{ height: 0; }

.menu_mob_sp{width: 100%; max-width: 1200px; margin: 0 auto; position:fixed; top:0; left:0; text-align: center; color: #fff; font-size: 0.34rem; line-height:0.7rem; font-weight: bold; }
.ban_tpnsc{ text-align: center; background: #f6d000;height: 0.9rem; }

.ban_op{ display:inline-block; width:0.5rem; padding:0.16rem 0; margin: 0.2rem 0; line-height: 0; position: relative;}
.ban_op:before{ content: ""; display: block; width: 100%; height: 0.08rem;background: #fff; position:absolute; top: 0; left: 0; transition:all 0.3s;    transform-origin: 0 100%; }
.ban_op:after{ content: ""; display: block; width: 100%; height: 0.08rem;background: #fff; position:absolute; bottom: 0; left: 0;transition:all 0.3s;    transform-origin: 0 0; }
.ban_op span{ display: block;width:0.5rem;  height:0.08rem; background: #fff;transition:all 0.3s; }
.ban_op.sel:before{transform: rotate(45deg) translateX(-7.6%); }
.ban_op.sel:after{transform: rotate(-45deg) translateX(-7.6%); }
.ban_op.sel span{ opacity: 0; }

.inner_mb{ background:#020a21;opacity: 0.9; padding:0.3rem 0; display: none; }
.inner_mb .ban_twi{ width: 0.75rem; display: inline-block; position: static; }
.inner_mb .ban_twi:before{ display: none; }
.inner_mb .menu_albn{ padding-top: 0.2rem }
.inner_mb ul{ color: #fff; }
.inner_mb ul li{ display: block; padding:0.18rem; float: none; }

/* menu */



.wrap{ width: 96%; padding: 0 2%; }




.foot{ width: 100%;  padding: 12% 0 3.6% 0; }






}