@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:#fff; 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: #ffd800;}



.f16{font-size:16px;font-size:0.16rem;  line-height:170%; }
.f18{font-size:18px;font-size:0.18rem;  line-height:170%; }
.f20{font-size:20px;font-size:0.20rem;  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%; }
.f28{font-size:28px;font-size:0.28rem;  line-height:140%; }
.f30{font-size:30px;font-size:0.3rem;  line-height:140%; }

.algin_center{ text-align: center; }
.algin_left{ text-align: left; }



.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; background-color:#759b00;}

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

.top_banner{ width:100%; margin:0 auto; position:relative;/*  background: url(../images/top_phn.jpg?v=0.2) top center no-repeat; height:72.1vw;  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;}
.menu_mob_sp{width: 100%;margin: 0 auto; position: relative; font-size:30px; font-size: 0.3rem; line-height: 105%;font-family: 'Roboto Condensed', sans-serif;height: 0.7rem; background: #478800; /* background: linear-gradient(to right, #000, #a91500 30%, #a91500 70%, #000);  */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: #fff;}
.inner_mb ul li{ display: inline-block; padding: 0.2rem; font-weight:bold; transition:0.4s all; }
.inner_mb ul li:hover{ color: #faea13; }
/**/



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

.inner_title{ text-align: center; font-size:0.46rem; line-height:120%; color: #fff; margin: 0.9rem 0 0.3rem 0;font-family: 'Roboto Condensed', sans-serif; position: relative; }
.inner_title:after{ content: "";display: block; position: absolute; top:0.26rem; left:0; width: 100%; height: 2px; background-color: #ffffff; z-index: 3; }
.inner_title .intbg{ display: inline-block; padding:  0 0.2rem; letter-spacing:0.2em; position: relative; color: #fff; background: #759b00;  z-index: 5;}
.inner_title .intbg:after{ content: "";display: block; position: absolute; top:0.26rem;left:0; width: 100%; height: 2px; background-color: #759b00; z-index: 6; }

.inner_title .inotl{font-size:0.36rem; line-height:0.51rem; width: 0.56rem; height: 0.56rem; display: inline-block; position: relative; border:0.02rem solid #00b2e8; background-color: #000; padding:0.03rem;margin:0.03rem;  }
.inner_title .inotl:before{content:" "attr(text)""; display: flex;justify-content: center;width: 100%; height: 100%; background-color:#00b2e8; color: #fff; font-weight: bold; box-shadow:0.04rem 0.04rem 0.04rem #00f2f2 inset,-0.04rem -0.04rem 0.04rem #00f2f2 inset; }




.tx_iocb{ display: inline-block; color: #000; background: #ffd800; padding: 5px 0.8em; line-height: 110%; font-weight: bold; margin-bottom: 0.5em; }
.tx_iocb02{ display: inline-block; color: #fff; background: #00b2e8; padding:8px 1.2em; 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; color: #000; background:rgba(255,255,255,0.6); }

.setout{ position: relative; display: inline-block; pointer-events:none; }
.setout:before{content: "SOLD OUT";position: absolute;top: 0.3em;left: -1em;display: block;line-height: 130%;color: #ff0000;width: 6em;text-align: center;/* background: rgba(0,0,0,0.6); font-size: 0.9em; */font-weight: bold;transform: rotate(-10deg);transform-origin: 0 100%;}





.bordertab{ width: 80%; margin: 2% auto;}
.bordertab .bortit{ font-weight: bold;color: #fabe00;}
.bordertab tr td{ padding: 0.2em; text-align: left; text-align: center; position: relative; }
.inprotns{ position: absolute; right: 0.3em; bottom:calc(50% - 0.9em);}
.bordertab tr td:nth-child(0){  }
.bordertab tr td:nth-child(1){ }

.baclin{ background: #f1e800; color: ;}

.apeline{padding-left: 1em; text-indent: -1em;display: inline-block; }
.ul_apeline li{padding-left: 1em; text-indent: -1em;display: inline-block; }
.dessmob{ padding: 0.5em 2em 1em 2em; border: 1px solid #fff; display: inline-block; }


.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:126.6vw; background: url(../images/top_phn_sp.jpg?v=0.2) top center no-repeat; background-size: 100% auto;*/ margin-top: 0.9rem; } 
.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: #478800 ;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; }






}