@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:#000; font-size:0.2rem;line-height: 150%; font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",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%;}

.cl_main{ color:#6b1686;}

.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%; }
.f26{font-size:26px;font-size:0.26rem;  line-height:160%; }
.f28{font-size:28px;font-size:0.28rem;  line-height:140%; }
.f30{font-size:30px;font-size:0.3rem;  line-height:140%; }
.f34{font-size:34px;font-size:0.34rem;  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-RC{ font-family: "Roboto Condensed", sans-serif;font-optical-sizing: auto;font-weight:500;  font-style: normal;}

.fwb{ font-weight: bold; }


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

html{ font-size: 100px; background-color:#b78942;}

body{}

.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%;}

.textindent01{ text-indent: -1em; padding-left: 1em; }

.texinli{font-size: 0.9em;line-height: 160%; font-weight: 400;}
.texinli li{margin-left: 1em; list-style: '・';}
.texinli02{font-size: 0.9em; line-height: 160%; font-weight: 400;}
.texinli02 li{margin-left: 1em; list-style: '※';}
.texinli01 li{margin-left: 1em; list-style: '◆';}
ul li.nolst{margin-left:0; padding-left: 1em; text-indent: -1em; list-style: none;}


/* menu */
/* .menu_mobfh{ height: 0.65rem;} */
.menu_mob_sp{width: 100%;margin: 0 auto; position: relative; font-size: 0.3rem; line-height: 130%; font-weight:300;/*  height: 0.7rem; */ background-image: linear-gradient(to left,#32b0f5,#7f63b2,#f9af36); z-index:9; color: #fff;}
.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.4em 1em; transition:0.4s all; position: relative; }
.inner_mb ul li::before{content: "";display: block; position: absolute; top: calc(50% - 0.15em); left: 0; width: 0.75em;height: 0.4em; background:url("../images/icon-white.svg") center center no-repeat; background-size: 100% auto;transform: rotate(180deg); transform-origin: center; opacity: 0;transition: opacity 0.3s;}
.inner_mb ul li::after{content: "";display: block; position: absolute; top: calc(50% - 0.15em); right: 0; width: 0.75em;height: 0.4em; background:url("../images/icon-white.svg") center center no-repeat; background-size: 100% auto;opacity: 0;transition: opacity 0.3s;}
.inner_mb ul li:hover::before,.inner_mb ul li:hover::after{ opacity:1;}
/**/



.wrap{background:#f8f2ee; padding: 1px 0;}

.innmob{width: 94.6%; max-width: 1200px; margin: 0.8rem auto 0 auto; }
.innermons{}

.inner_title{ text-align: center; padding: 0.2rem 0 0.45rem 0; position: relative; font-size: 0.7rem; line-height: 1; font-weight:300;}
.title_intx{background: -webkit-linear-gradient(0deg, #dcaf52, #33b0f4,#dcaf52); background: linear-gradient(to left, #dcaf52, #33b0f4,#dcaf52);-webkit-background-clip: text;background-clip: text;-webkit-text-fill-color: transparent;color: transparent; position: relative; display: inline-block; margin: 0 1.6em; letter-spacing: -0.05em;}

.title_intx::before{content: "";display: block; position: absolute; top: calc(50% - 0.15em); left:-0.9em; width: 0.6em;height: 0.4em; background:url("../images/icon-l.svg") center center no-repeat; background-size: 100% auto;transform: rotate(180deg); transform-origin: center;}
.title_intx::after{content: "";display: block; position: absolute; top: calc(50% - 0.15em); right:-0.9em; width: 0.6em;height: 0.4em; background:url("../images/icon-l.svg") center center no-repeat; background-size: 100% auto;}




.tx_iocb{ display: inline-block; color: #46b5f5;font-size: 1.5em; 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;}
.tx_iocb03{ display: inline-block; color: #4b270f; background: #ca4620; padding: 5px 0.8em; line-height: 110%; font-weight: bold; margin-bottom: 0.5em; }

.inboxtt{ display: flex; flex-wrap: wrap;justify-content: space-between}
  .inboxtt_its{ width: 48.5%; background-color: #fff; box-sizing: border-box; padding: 1.5em; font-size: 1.2em; line-height: 180%; }
  .title_bl{ font-size:1.5em; line-height: 1.8; color: #33aff4;  }



.in_boxtt{ background:#fff url('../images/bg_con.jpg') calc(100% + 0.9rem) -0.9rem no-repeat; background-size: 7.7rem auto;border:0.3rem solid #fff; box-shadow: inset 0 0 0 1px #f8f2ee;padding: 0.5rem; }
  .in_boxtt .logoimg{ max-width: 50%; margin: 0.15rem auto; text-align: center;}
  .in_boxtt a{ color:#e19d4f;  }
  .in_boxtt a:hover{ color:#6b1686;}

.in_smbx{ font-size:0.16rem; line-height:145%; padding: 0.3rem; background:rgba(213,213,213,0.2); }

.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%;}


.tabmobs{display: flex;justify-content: center}
.tabcdin{max-width: 50%; box-sizing: border-box; padding:0 2%; font-size: 0.7em;}



.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:0.4rem 0 0.5rem 0; color: #4b2712; font-size:12px; font-weight: bold;  }


.pgtp{position: fixed; bottom: 0.8rem; right: 2.3%; text-align: center; text-decoration: none; border-radius: 6px; display: none;}
.pgtp:hover{text-decoration: none;}
.pgtp img{ max-width: 10vw;}


@media screen and (max-width:750px) {
  html,body{ width: 100%; }
  .pc_none{ display: block; }
  .sp_none{ display: 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: #4b270f ;height: 0.9rem; }
  .ban_op{ display:inline-block; width:0.5rem; padding:0.18rem 0; margin: 0.25rem 0; line-height: 0; position: relative;}
  .ban_op::before{ content: ""; display: block; width: 100%; height: 0.04rem;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.04rem;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.04rem; background: #fff;transition:all 0.3s; }
  .ban_op.sel::before{transform: rotate(45deg) translateX(0%); }
  .ban_op.sel::after{transform: rotate(-45deg) translateX(0%); }
  .ban_op.sel span{ opacity: 0; }
  .inner_mb{ background:#4b270f;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 */


/* menu */
  .menu_mob_sp ul{padding: 0;}
  .inner_mb ul li{padding: 0.4em 0.8em;}


  .wrap{ width:100%; }
  .innmob{  }
  /* .in_boxtt{ padding: 0; } */
  .inboxtt_its{width: 100%;}
  .first_its{margin-bottom: 0.3rem;}

  .in_boxtt{ background:#fff url('../images/bg_con.jpg') calc(100% + 3.2rem) -0.9rem no-repeat; background-size: 6.5rem auto;border:0.3rem solid #fff; box-shadow: inset 0 0 0 1px #f8f2ee;padding: 0.45rem 0.35rem; }


  .foot{ width: 100%;  padding: 4% 0 8% 0; }
  .pgtp{ max-width: 14%;}
}


.bn1 {display: inline-block;padding: 0.6em 1.7em;background-color: #6b1686;margin: 0 0.3em 0.3em 0;border-radius: 0.12em;box-sizing: border-box;text-decoration: none;color: #ffffff;text-align: center;transition: all 0.2s;}
.bn1:hover {color: #6b1686;background-color: #ffffff;}