@charset "utf-8";
/* CSS Document */
html{scroll-padding-top: 150px;font-size: 16px;}
.global_nav{background: #fff;font-size: 1.313rem;}
.global_nav nav{display: block;}
section{padding: 0 0 5rem;}
section:first-of-type{padding-top: 5rem}
section{width:100%;height:auto;position: relative;}

.content {
  position: relative;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5rem;
  width: 100%;
  border-image-slice: 10 fill;
  border-image-width:10px;
  border-image-source: URL("../img/00_frame.png");
  border-image-outset:0px 0px 0px 0px;
  border-image-repeat:stretch stretch;  
}

.content-item {
  max-width: 1200px;
  margin: 0 auto;
  padding: 5rem;
  width: 100%;
}
.content900{max-width:900px;width: 100%;margin: 0 auto;}
h2, .online h3{margin: 0 auto; text-align: center;margin-top:1rem;}
h2 span{
    margin:2% 0 0;
    padding: 0;
    display: block;
    color:#CD2A2B;
  border-top:1px solid #CD2A2B;
  font-size: 1.5625rem;
  font-weight:700;
}

h2 img{
  position:absolute;
  top:-2em;
  left:0;
  right:0;
  margin:auto;
  width: auto;
  height: clamp(80px, 17vw, 123px);
 }

#onlineshop h3 img,#X h3 img{
  width: auto;
  /*height:144px;*/
  height: clamp(80px, 20vw, 144px);
  display: block;
  margin:3rem auto;
}

#tokuten h2{color:#fff;}
#tokuten h2 span{
  color:#fff;
  border-top:1px solid #fff;
}

.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*/
.f25{font-size: 1.5625rem;text-align: center;margin: 0.5rem 0 2rem;line-height: 2.5rem;}
.f24{font-size: clamp(1.25rem, 2.5vw, 1.5rem);}
.f23{font-size: 1.4375rem;}
.f22{font-size: 1.375rem;}
.f21{font-size: 1.5rem;letter-spacing: 0.21px;}
.f20{font-size: 1.25rem;line-height: 1.75rem;}
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;}

p, dl, dt, dd  {
	font-size: clamp(14px,2vw,23px);
	letter-spacing: 0.5px;
	line-height: clamp(1.5rem,3vw,2rem);
	font-weight: 400;
}

/*背景*/
#gaiyo,#tokuten,#attention{position: relative;}

.bg1{
  background-image:url("../img/00_bg.png");
  background-repeat:repeat-y;
  background-position: top;
  background-size:contain;
}



/*本文*/
#gaiyo p,.text p{text-align: center;font-weight: 400;line-height: 2.19rem;}

/*menu*/
.allergy-list{text-align: center;margin-top:1rem;}


/*schedule*/
#schedule{
  max-width:1200px;
  margin:0 auto;
}

.schedule__item, .schedule__online-item {
	display: flex;
	align-items: center;
  margin-bottom: 1.25em;
}
.schedule__item-title,.schedule__online-item-title {
  width: 188px;
  border-radius: 2em;
  text-align: center;
  align-content: center;
	padding: 0.5em 1em;
	white-space: nowrap;
  background-color: #BEDEB5;
  background-position: center;
}
.schedule__online-item-title{
  background-color:#FDE4BE;
}


.schedule__item:not(:last-child), 
/*.schedule__online-item:not(:last-child) {margin-bottom: 1.5rem;}*/
.schedule__item-text, .schedule__online-item-text{
	/*padding-left: 2.5rem;
    width: 80%;*/
	text-align: left;
}
.schedule__item-text,.schedule__online-item-text{
  padding-left:2em;
}

.schedule__bold {font-weight: 600;}
.schedule__large {
	font-size: clamp(14px,2.2vw,30px);
	letter-spacing: 0.25px;
	line-height:clamp(1.5rem,2.2vw,3.5rem);
}
.schedule__online-banner{
	width:90%;
	margin:0 auto;
}

.sp-block{ 
  border:2px solid #9082BD;
  background-color:#FDF1FF;
  margin:5rem 0;
  position: relative;
  padding-bottom:3rem;
}
.sp-block h3{
  background-color:#9082BD;
  color:#fff;
  text-align: center;
  border-radius: 2rem;
  padding:1%;
  position: relative;
  width: 90%;
  margin: 0 auto;
  top:-2em;
}
.sp-block h3::after {
    content: "";
    position: absolute;
    bottom: -16px;          /* 矢印の出っ張り量 */
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 16px solid #9082BD; /* 吹き出しと同色 */
}
.sp-block .obj1{
  position: absolute;
  top:0;
  right:8%;
  width:20.556%;
}

.dots {
  -webkit-text-emphasis: filled;
  text-emphasis: filled;
}
.sp-block h4{text-align: center;font-size:clamp(14px,2vw,30px);margin-bottom:1rem;}
.sp-block dl{display: grid;grid-template-columns: max-content 1fr; /* dt幅 / dd可変 */row-gap: .5rem;column-gap: 1rem;
  width: fit-content;
  margin: 0 auto;}
.sp-block dl dt{font-weight: 600;}
.sp-block dl dd{margin: 0; /* ddのデフォルト余白を除去 */}
.sp-block .toku-img{width:80%;margin:0 auto;}



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

/*online*/
/*.online .f25{padding-top: 1.25rem;}*/
.online h3{max-width:485px;width: 100%;display: flex;align-items: center;justify-content: center;}
.online dl{/*max-width: 718px;*/width: 100%;margin: 0 auto;align-items: center;margin-bottom: 0.625rem;}
.online dt{background-color:#5E358E;color:#fff;padding: 0.75rem;width: 177px;text-align: center;margin-right: 2rem;}
.online dd span{font-size: 120%;}
.online .text{text-align: center;margin-bottom:2em;}
.online .shop-banner img{display: block;margin:0 auto;}
.online ul.f14{max-width:704px;margin:1em auto;}

/*X*/
#X {position: relative;padding: 4rem 0 5rem;max-width: 600px;margin: 2.1875rem auto;}
#X h3{margin: 0 auto;padding-bottom: 2rem;text-align: center;color:#fff;}
#X p{margin: 0 auto;text-align: center;}
.x-text{margin-bottom:1em !important;}
a.schedule__x-link{
  background-color:#FFECF3;
  border-radius: 2rem;
  width: 100%;
  height:auto;
  padding:5%;
  display: block;
  text-decoration: none;
}

/*tokuten*/
#tokuten .content{box-shadow:none;}
.toku-img{padding-top: 1.125rem;}
.toku-img img{max-width: 900px;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%/4);margin-bottom: 2rem;position: relative;}
#item li.animateme{box-shadow: 2px 2px 1px 2px rgba(0, 0, 0, 0.1);}
.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: #5E358E;
	color: #fff;
  border-radius: 1rem;
  top: 27%;
  left: 50%;
  transform:translateX(-50%);
  width: 150px;
  height: auto;
  line-height: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  font-size: 0.75rem;
}

.item__text{
	width:100%;
	min-height:14.0625rem;
	padding:3%;
	position: relative;
}
.item__text p{
	font-weight: 400;
	font-style: normal;
	text-align: center;
	font-size: 1rem;
	letter-spacing: 0;
	line-height: 1.375rem;
}
.condition {
	margin:0 auto;
	padding:2%;
  background-color: #B8D8AE;
}
.itemname_box{
	margin: 1.75rem 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{padding:5rem 0;}
#attention .content900 > img{max-width: 366px;margin: 0 auto;display: block;margin-top: 2.5rem;}
#attention ul{max-width: 900px;margin: 0 auto;letter-spacing: 0.18px;line-height: 2rem;font-weight: 600;}
.copyright{max-width: 1200px;margin: 0 auto;width: 94%;font-weight:200;}
footer {background: #fff;color: #231815;}

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

/*発売予定
.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:1000px) {
	#item li {width: calc(96% / 3);}
	#item ul{width: 90%;}
}
@media screen and (max-width:900px){
	
	html{font-size: 14px;}
	
	h2, h3{font-size: 1.5rem;}
	.term1{height: 63px;}
	
	#gaiyo::before {top: 1%;}
}

@media screen and (max-width:800px){
	
	.content{width:95%;padding:5rem 2rem;}
}
@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;}
	.online dl{max-width: 400px;}
	.block750{display: none;}
  .sp-block .obj1{right:-1%;top:7.5%;}
	/*section:first-of-type {padding: 4.5rem 0;}*/
}

@media screen and (max-width:700px){
	html{scroll-padding-top: 50px;}
	
	.li-blank{display: none;}
	
	
	#X::before{
	  width: 67px;
	  height: 64px;
		left: 4rem;
		top: 2rem;
		
	}
	#X::after{
	  width: 93px;
	  height: 91px;  
	  right: 2rem;
		bottom: 2rem;
	}
	#gaiyo::before {top: 0.8%;height: 1%;}

}
@media screen and (max-width:650px){
	.br650{display: block;}
  
  #schedule dl {flex-direction: column;margin-bottom: 1.5rem;}
	#schedule dl dt{margin-bottom: 0.5rem;}
  
  .schedule__item-text, .schedule__online-item-text{
    padding-left:0;
  }
  
  #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;}

	.nav1{height: 55px!important;}
	.f25{font-size: 1.4rem;line-height: 2.25rem;}
	.f14, .term1{font-size: 1rem;}
	
	
	#X::before{ width: 53px;height: 50px;left: 2rem;top: 2rem;}
	#X::after{width: 74px;height: 70px;right: 1rem;bottom: 2rem;}
	#X {padding: 4rem 0 6rem;margin-top: 4.375rem;}
	.term1{height: 53px;}
	
	.online dt{margin-right: 0;}
	
	#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;}
}
@media screen and (max-width:420px){
	
}
@media screen and (max-width:380px){
	
}