@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;font-size: 16px;}
.global_nav{background: #000;font-size: 1.313rem;}
section:first-of-type{padding-top:7.5625rem;}
section{padding: 0 0 7.5625rem;}
section{width:100%;height:auto;z-index: 3;}
.content {max-width: 1200px;margin: 0 auto; padding: 0 2rem;width: 96%;}
.flame{
  border-image-source: url("../img/Section_frame.png");
  border-image-slice:fill 208 208 208 208;
  /*border-image-width:208px;*/
  border-image-width: clamp(20px, 16vw, 208px);
  padding: 5.556% 5.556% 8% 5.556%;
}
.content1066{max-width:1066px;width: 100%;margin: 0 auto;}

/*背景*/
/* 背景キャンバス（基準画像比率に合わせて高さを確保） */
article.background-wrapper {
  position: relative;
  width: 100%;
}

/* 背景オブジェクト（下の層に絶対配置） */
article.background-wrapper > div[class^="bg_ob_"] {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: min(1800px, 100%);
  z-index: 0;
  pointer-events: none; /* 背景画像がクリック操作を邪魔しない */
}

article.background-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

/* コンテンツは上の層に */
article.background-wrapper > section {
  position: relative;
  z-index: 1;
}

/* 縦方向に連なる配置例（各画像の高さに合わせて調整） */
.bg_ob_1 { top:   0vh; }
.bg_ob_2 { top: 16.29%; }
.bg_ob_3 { top: 33.69%; }
.bg_ob_4 { top: 49.22%; }
.bg_ob_5 { top: 67.19%; }
.bg_ob_6 { bottom: 0; }


h2, .online h3{margin: 0 auto; text-align: center;margin-top:7.25rem;}
h2 span{
  font-size: 0.85rem;
    line-height: 0;
    margin: 0;
    padding: 0;
    display: block;
    color:#FFD688;
}

#gaiyo h2,#schedule h2,#online h2,#tokuten h2,#item h2,#attention h2{
	background-image: url("../img/Title_frame.png");
	background-repeat: no-repeat;
	width:100%;
	max-width:491px;
	height:auto;
	min-height:114px;
	line-height: 114px;
	background-size: contain;
  background-position: center;
	color:#072B60;
	/*font-size:2.25rem;*/
  font-size: clamp(1.75rem,2vw,2.25rem);
  margin:0 auto 3rem;
 }
h2 img{max-width: 417px;width: 90%;margin: 0 auto;padding-bottom: 0.3rem;}

.br430, .br650, .br750{display: none;}
.none1050{display: block;}
/*color*/
/*.h2-beige{border-bottom: 8px dotted #D6C2A5;}
.h2-red{border-bottom: 8px dotted #E8404D;}*/
.flx, dl{display: flex;}

/*font*/
.f28{font-size: 1.75rem;}
.f26{font-size: 1.625rem;}
.f25{font-size: 1.5625rem;text-align: center;margin: 0.5rem 0 2rem;line-height: 2.5rem;}
.f23{
  /*font-size: 1.4375rem;*/
  font-size: clamp(
    1.25rem, 
    calc(1.25rem + (0.1875 * ((100vw - 500px) / 700))), 
    1.4375rem
  );
}
.f22{font-size: 1.375rem;}
.f21{font-size: 1.5rem;letter-spacing: 0.21px;}
.f20{font-size: 1.25rem;}
dt, .f18, .prices1{font-size: 1.125rem;}
.term1, .f17{font-size: 1.063rem;}
.f14{font-size: 0.875rem;font-weight: 600;letter-spacing: 0.14px;line-height: 1.5rem;margin-top: 1rem;}
.spli2 a, .spli2 a:visited {color: #051129; font-size: 1.2rem;}

/*gaiyo*/
#gaiyo p{text-align: center;font-weight: 800;line-height: 2.19rem;margin-bottom:2em;}

/*schedule*/


.tenpo-wrap{margin: 4rem 0 4rem;}
.tenpo-wrap > div{margin: 0 auto;}
.tenpo-wrap.flx{justify-content: space-between;}
.tenpo-wrap.flx, .tenpo-wrap.flx dl{align-items: center;}
.tenpo-wrap h3{background-color:#133B76;max-width:217px;width:100%;height:192px; text-align: center;color:#fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.tenpo-wrap h3::before{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url('../img/location.png');
  background-position: top left;
  background-size: auto;
  background-repeat: no-repeat;
}
.tenpo-wrap h3::after{
  content: "";
  width: 100%;
  height: 100%;
  background-image: url('../img/location.png');
  background-position: bottom left;
  background-size: auto;
  background-repeat: no-repeat;
  transform:scale(-1, 1);
}
.tenpo-wrap h3.moyuk{line-height: 2rem;padding-top: 2.8rem;}
.tenpo-wrap div.onlineshop{width:100%;padding:0;}
.tenpo-wrap dl{margin-bottom: 0.75rem;display: flex; flex-wrap: wrap;max-width:720px;width:100%;}
.tenpo-wrap dt{padding: 0;width: 30%;text-align: left;font-size: 1.625rem;}
.tenpo-wrap dt::after{
  content:"　";
  position: absolute;
  background-image: url("../img/cloud.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width:64px;
  height:auto;
}
.tenpo-wrap dd{max-width: 640px;width: 70%;text-align: left;padding-bottom:0.6rem;letter-spacing: 0.48px;}
.tenpo-wrap .f20 span{font-size:120%;}
.li-blank{width: 200px;}
.tenpo-wrap li a{
  display: block;
  width:225px;
  height:50px;
  line-height: 50px;
  background: transparent linear-gradient(180deg, #133B76 0%, #143D79 35%, #3469B7 100%) 0% 0% no-repeat padding-box;
  box-shadow: 3px 3px 0px #6A6A6A29;
  border-radius: 40px;
  color:#fff;
  text-align: center;
  margin:0 auto;
}
.tenpo-wrap li{margin-right: 1.25rem;}
.tenpo-wrap li:last-of-type{margin-right: 0;}
.tenpo-wrap li a:active {box-shadow: none;position: relative;top: 3px;}
.tenpo-wrap .map a::before {
  font-family: "Font Awesome 5 Free";
  content: "\f3c5";
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	padding-right: 0.2rem;
}
.tenpo-wrap .link a::after {
  font-family: "Font Awesome 5 Free";
  content: "\f08e";
	  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
	padding-left: 0.5rem;
}
.schedule-info{max-width: 680px;margin: 0 auto 0;padding: 3.5rem 1rem 2.5rem 1rem;border: 3px solid #940000;border-radius: 14px;}
.schedule-info h3{text-align: center;font-weight: bold;padding-bottom: 2rem;width: 90%;margin: 0 auto;}
.schedule-info p{width: 90%;margin: 0 auto;padding-bottom: 1.5rem;}
.schedule-info p a{text-decoration: underline;}
.schedule-info p a:hover{opacity: 0.8;}
.fa-solid{padding-right: 0.5rem;}
.link{font-size: 18px;text-align: center;}
@media screen and (max-width: 590px) {
	.link{font-size: 16px;}
	.schedule-info p{font-size:14px;width: 96%;}
	.schedule-info h3{font-size: 16px;width: 96%;}	
}

.online div.onlineshop{width:100%;padding:0;}

/*online*/
/*.online .f25{padding-top: 1.25rem;}*/
.online dl{width: 100%;max-width:1000px;margin: 0 auto 1.75rem;display: flex; flex-wrap: wrap;}
.online dt {
  background-image: url("../img/EC_title_frame.png");
  background-repeat: no-repeat;
  background-size: 100% 100%; /* 枠にピッタリ敷きたいなら */
  background-position: center;

  max-width: 240px;
  width: 20%;
  max-height: 66px;

  display: flex;              /* ← 追加 */
  align-items: center;        /* ← 縦中央 */
  justify-content: center;    /* ← 横中央 */

  text-align: center;
  color: #fff;
  font-size: 1.625rem;
  padding: 0;
}

.online dd{max-width: 640px;width: 80%;text-align: left;padding:0.6rem 0;letter-spacing: 0.48px;margin:0 auto;
  display: flex;           /* フレックスボックスにする */
  align-items: baseline;     /* 縦方向の中央揃え */}
.online .f20 span{font-size:120%;}
.online .text{text-align: center;margin-bottom:2em;}
.online a,#X a{text-decoration: underline;}
.online .shop-banner img{display: block;margin:0 auto;}
.online span.f14{max-width:704px;margin:1em auto;font-size: 0.875rem;display: contents;}
.shop-banner ul{max-width:704px;margin:0 auto;}

/*X*/
#X {
  /*background-image:url("../img/X_frame.png");
  background-repeat: no-repeat;
  background-size: contain;*/
  border-image-source: url("../img/X_frame.png");
  border-image-slice:fill 27 27 27 27;
  /*border-image-width:208px;*/
  border-image-width: clamp(20px, 20vw, 27px);
  color:#2D2D2D;
  position: relative;
  padding: 4rem 0 5rem;
  max-width: 1000px;
  margin: 2.1875rem auto 0;
}
#X::before{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../img/lantern.png');
  background-position: top right;
  background-size: 9.3%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0; right: 1rem; 
}
#X::after{
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url('../img/rabbit.png');
  background-position: bottom left;
  background-size: 11.8%;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0; left: 0; 
}

#X h3{margin: 0 auto;padding-bottom: 2rem;text-align: center;font-size:1.875rem;color:#072B60;}
#X h3 img{max-width:121px;width:100%;}
#X p{max-width: 300px;margin: 0 auto;text-align: center;position: relative;z-index: 3;}

/*tokuten*/

.toku-img{padding-top: 1.125rem;}
.toku-img img{width: 100%;margin: 0 auto;}
/*item*/
#item ul {display: flex;flex-wrap: wrap;justify-content: space-between;max-width: 1100px;margin: 0 auto;width: 100%;padding-top: 1.5rem;}
#item li {width: calc(96%/5);margin-bottom: 2rem;position: relative;}
.term1 {background: #EBD8BD;text-align: center;margin: 0.5rem 0;border-radius: 8px;line-height: 1.875rem;height: 81px;padding: 0.5rem 0;}

#item ul li .flag{
	position: absolute;
    background: #DA292A;
	color: #fff;
    border-radius: 1rem;
    top: 2%;
    left: 50%;
    transform:translateX(-50%);
    width: 90px;
    height: auto;
    line-height: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    font-size: 0.5rem;
}

.item__text{
	width:100%;
	min-height:13.0625rem;
	padding:3%;
	position: relative;
	color:#090403;
}
.item__text p{
	font-weight: 600;
	font-style: normal;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.375rem;
	color: #090403;
}
.item__text p.condition {
	margin:0 auto;
	padding-bottom:2%;
  color:#fff;
  background-color:#133B76;
}
.itemname_box{
	margin: 1rem auto;
	font-size: 1rem;
}
.itemname_box span{
	background-color: #DA292A;
	padding:1%;
	display: block;
	position: absolute;
	top: 63%;
    left: 50%;
    transform: translate(-50%, -50%);
	width:80%;
}
.itemname {
	margin-bottom: 1rem;
	height: 8.1rem;
}
.item__text .price-right {
	text-align: right;
	margin: 0 auto;
	max-width: 161px;
}
.price-tax {
	padding-right: 0.5rem;
}

dl.price-box{
	font-weight: 400;
	font-style: normal;
	display: flex;
	flex-wrap: wrap;
	position: absolute;
	bottom:3%;
	left:0;
	right:0;
	margin:auto;
	padding:0 2%;
}
.price-box dt{
	width:40%;
	text-align: right;
	line-height: 1.6875rem;
}
.price-box dd{
	width:60%;
	text-align: right;
	line-height: 1.6875rem;
}
.item__text .rprice{
	font-size: 1rem;
}
.item__text .ryomoku,.item__text .rprice span,.item__text .price span{
	font-size:clamp(0.65rem, 2vw, 0.7rem);
}
.item__text .price{
	width:100%;
	font-size:1rem;
	position: absolute;
	bottom: 8%;
    left: 50%;
    transform: translate(-50%, 0);
}



/*attention*/
#attention .content900 > img{max-width: 366px;margin: 0 auto;display: block;margin-top: 2.5rem;}
#attention ul{max-width: 900px;margin: 0 auto 2rem;letter-spacing: 0.18px;line-height: 2rem;font-weight: 600;}
.copyright{max-width: 1200px;margin: 0 auto;width: 94%;font-weight:200;}
footer {background: #000000;color: #fff;}

.top1 {position: fixed; bottom: 7%; max-width: 90px; z-index:6;right: calc(50.5% - 900px);}
.top2 {margin-right: auto;margin-left: 0px;display: block;text-shadow: none;}
.top2 a {float: right;/*color: #D3B572;
border: #D3B572 solid 3px; border-radius: 50%;background: rgba(255,255,255,0.85); padding: 10px;*/}
.top2 span {display: block;}
.top2 i {font-size: 1.6rem;color: #B17430;}

/*発売予定
.sale {position: relative;}
.sale .date-pre {
    top: 0%;
    right: 0%;
    font-size: 0.8rem;
    padding: 0.1rem 0.4rem 0.2rem;
    position: absolute;
    background: #932e44;
    font-weight: 700;
    color: #fff;
    z-index: 1;
    text-align: center;
}*/

@media screen and (max-width:1799px) {
	.top1 {position: fixed; bottom: 7%; max-width: 90px; right: 3%;z-index:2;}
	#gaiyo::before {top: 1.5%;height: 1.5%;}
}


@media screen and (max-width:1200px) {
	.term1{font-size: 0.9rem;line-height: 1.5rem;height: 70px;padding: 0.75rem 0;}
	/*.content900{width: 90%;}*/
}
@media screen and (max-width:1050px) {
	.tenpo-wrap.flx{display: block;padding: 1.5rem 0 2.5rem;}
	.tenpo-wrap h3, .tenpo-wrap h3.moyuk{line-height: 2.8rem;height: auto;max-width: 610px;width:100%;padding-top: 0;margin: 0 auto 1.5rem;}
	.none1050{display: none;}
	.tenpo-wrap.flx, .tenpo-wrap.flx dl,.tenpo-wrap ul {justify-content: center;max-width: 610px;margin:1em auto;}
	.tenpo-wrap > div{padding-right: 0;}
	.tenpo-wrap li a {width: 190px;}
  
  .online.flx dl{display: block; width:100%;}
  .online.flx dt{display: block; width:100%;margin:0 auto 1em;}
  .online.flx dd{display: block; width:100%;margin:0 auto;text-align: center;}
}
@media screen and (max-width:1000px) {
	#item li {width: calc(96% / 3);}
	#item ul{width: 90%;}
}
@media screen and (max-width:900px){
	
	html{font-size: 14px;}
	#gaiyo h2, #schedule h2, #tokuten h2, #item h2, #attention h2, .online h3, #X h3{ max-width: 300px;margin:1rem auto;}
	h2, h3{font-size: 1.125rem;}
	.term1{height: 63px;}
	
	#gaiyo::before {top: 1%;}
}

@media screen and (max-width:800px){
	
	
	/*#item .content {padding: 4rem 2rem;}*/
	/*.tenpo-wrap {border: 5px solid #C3CFEC;border-radius: 24px;}*/
	.tenpo-wrap{margin-bottom: 1rem;}
	.tenpo-wrap li a ,.li-blank{width: 190px;}

	
}
@media screen and (max-width:750px){
	
	/*.sale .date-pre {padding: 0.4rem 0.4rem 0.7rem;}*/
	#item li {width: calc(96% / 2);}
	#item ul{width: 98%;}
	.br750{display: block;}
	.block750{display: none;}
	/*section:first-of-type {padding: 4.5rem 0;}*/
}

@media screen and (max-width:700px){
	html{scroll-padding-top: 50px;}
	.tenpo-wrap.flx dl{flex-direction: column;}
	.tenpo-wrap dt{background: none;padding: 0.68rem 0 0.5rem;text-align: center;}
	.tenpo-wrap dd{text-align: center;width:100%;}
	.tenpo-wrap ul{display: block;}
	.tenpo-wrap li{text-align: center;margin: 0 auto;padding: 0.5rem 0;}
	.li-blank{display: none;}
  
  .tenpo-wrap dt{width:100%;}
  .tenpo-wrap dt::before{content:"【";}
  .tenpo-wrap dt::after{
    content:"】";
    position:relative;
    background-image: none;
  
  }
  .online dt{width:100%;}
  .online dt::before{content:"【";}
  .online dt::after{content:"】";}
	
	#gaiyo::before {top: 0.8%;height: 1%;}

}
@media screen and (max-width:650px){
  section:first-of-type{padding-top:5.5625rem;}
  section{padding:0 0 5.5625rem 0;}
  
  #gaiyo h2, #schedule h2, #tokuten h2, #item h2, #attention h2, .online h3, #X h3{margin:0.5rem auto;}
  
	.br650{display: block;}
  #attention .content900 > img{max-width: 230px;}
  .online h3{margin-top:0;}  

}
@media screen and (max-width:550px){
	#gaiyo::before {top: 0.6%;height: 0.8%;}
}

@media screen and (max-width:500px){
	
	html{scroll-padding-top: 40px;}
	html {font-size: 12px;}
	.f25{font-size: 1.4rem;line-height: 2.25rem;}
	.f14, .term1{font-size: 1rem;}
	#schedule dl {flex-direction: column;margin-bottom: 1.5rem;}
	#schedule dl dt{margin-bottom: 0.5rem;}
	.tenpo-wrap dt{width: 100%;}
	.tenpo-wrap {margin-top: 0;}
	
	#X {padding: 4rem 0 6rem;margin-top: 4.375rem;}
	.term1{height: 53px;}
	
	.online dt{margin-right: 0;width:100%;}
  
	/*.tenpo-wrap h3, .tenpo-wrap h3.moyuk{max-width: 185px;}*/
	#item ul {padding-top: 0;}

}
@media screen and (max-width:460px){
	
	html{scroll-padding-top: 80px;}


	
}
@media screen and (max-width:430px){
	.br430{display: block;}
  
	.tenpo-wrap.flx {padding-top: 0;}
	.tenpo-wrap.ikebukuro{padding-bottom: 0;}
	
}
@media screen and (max-width:420px){
	
}
@media screen and (max-width:380px){
	
}