@charset'utf-8';

/*==============================
	common
==============================*/
#coupon h1:not(.img) { padding-top:2em; text-align:center; }
#coupon h1 img { width:100%; auto }

#coupon a { position:relative; padding-right:.2em; color:var(--link); }
#coupon a svg { stroke:var(--link); }

#coupon p.info { text-align:right; font-size:1.2em; color:rgba(228,48,23,1);; }

@media screen and (max-width:768px) {
#coupon { font-size:1em; }
}

@media screen and (max-width:425px) {
#coupon h1:not(.img) { padding-top:1em; }
#coupon p.info { text-align:center; }
}

/*==============================
	coupon-box
==============================*/
.coupon-box { width:calc(100% - 2em); max-width:45em; margin:auto; padding:2em; background:#fcfcfc; border:1px solid; box-shadow:.2em .2em .2em rgba(0,0,0,.1); }
.coupon-box.bg-none { padding:0; background:none; border:none; box-shadow:none; }
.coupon-box:nth-of-type(n+2) { margin-top:2em; }
.coupon-box h2 { margin-bottom:1.2em; padding-bottom:.6em; text-align:center; font-size:1.16em; line-height:1.4em; border-bottom:1px dashed; }
.coupon-box h2 + .sub-ttl { margin-bottom:1.2em; text-align:center; }
.coupon-box h2 + .sub-ttl span { padding:.4em 1em; background:#f3f3f3; }

.coupon-box > p { line-height:1.6em; margin-bottom:2em; }

.coupon-box .coupon-code { max-width:12em; margin:.2em auto 1em; text-align:center; font-size:2.2em; }
.coupon-box .coupon-code input { display:block; height:0; border:none; opacity:0; cursor:default; }
.coupon-box .coupon-code button { display:block; width:100%; padding:.6em; letter-spacing:1px; background:#fff; cursor:pointer; border:.6em solid #f3f3f3; }
.coupon-box .coupon-code p { margin-top:.6em; text-align:right; font-size:14px; color:rgba(206,159,65,1); }
.coupon-box p.info { margin-top:1em; }

/*thankssalecolor*/
.coupon-box.thankssale .coupon-code button { color:rgba(206,159,65,1); border-color:rgba(231,210,119,1); }

@media screen and (max-width:768px) {
.coupon-box { padding:1.6em; }
}

@media screen and (max-width:425px) {
.coupon-box h2 { font-size:1.06em; }
.coupon-box .coupon-code button { border-width:.6em; }
}

/*==============================
	 coupon2503
==============================*/
#coupon.coupon2503 { padding:0 0 4em; background:#ffffff; }
#coupon.coupon2503 + footer { margin-top:.2em; }

#coupon.coupon2503 h1 { margin-bottom:.6em; text-align:center; margin:auto; }
#coupon.coupon2503 h1 + p.text { width:calc(100% - 2em); max-width:36em; margin:0 auto .4em; line-height:1.6em; padding-top:.2em; padding-bottom:.2em; text-align:center; font-weight: bold; font-size:.8em; color:#333333; }
#coupon.coupon2503 h1 + p.text b { color:#e8432c; }

#coupon p.info { font-size:.8em; color:rgba(228,48,23,1); }


@media screen and (min-width:769px) {
#coupon.coupon2503 h1 img { width:80%; object-fit:cover; font-family:'object-fit:cover;'; }
}

@media screen and (min-width:769px){
#coupon.coupon2503 h1 + p.text { font-size:1.6em; }
}


/*==============================
	coupon2503 info
==============================*/
#coupon.coupon2503 #info dl { width:calc(100% - 2em); max-width:51em; margin:auto; }
#coupon.coupon2503 #info dt { position:relative; padding:.8em 2.4em 1em 1.8em; text-indent:-1.8em; color:#f92253; border-bottom:1px solid #f92253; cursor:pointer; font-weight:600; }
#coupon.coupon2503 #info dt:after {
	position:absolute;
	top:calc(50% - 2px);
	right:.8em;
	content:'';
	display:block;
	width:.6em;
	height:.6em;
	border-right:1px solid #f92253;
	border-bottom:1px solid #f92253;
	transform:translate(-25%,-50%) rotate(43deg);
	transition:.4s;
}
#coupon.coupon2503 #info dt.open:after { transform:rotate(224deg); }
#coupon.coupon2503 #info dt:before { position:relative; top:.08em; margin-right:.4em; font-size:1.4em; }
#coupon.coupon2503 #info dd { padding:1em; background:#ffffff; transition:.4s; }
#coupon.coupon2503 #info dt:not(.open) + dd { height:0; padding:0 1em; opacity:0; }
#coupon.coupon2503 #info dt.open + dd { margin-bottom:.4em; }
#coupon.coupon2503 #info dd:before { display:block; margin-bottom:.2em; font-size:1.4em; }
#coupon.coupon2503 #info dd p { color:#333333; }
#coupon.coupon2503 #info dd p + p { margin-top:.2em; }
#coupon.coupon2503 #info dd a { text-decoration:underline; color:var(--link); }

/*==============================
	lineup
==============================*/

/*title*/
#coupon.coupon2503 h2.ttl { margin-bottom:1.6em; text-align:center; font-size:2em; font-weight:600; letter-spacing:.1em; color:rgba(145,2,14,1) }
#coupon.coupon2503 > section.bg-color h2.ttl { padding:1.2em 0; background:rgb(var(--bug-gr)); }
#coupon.coupon2503 h2.ttl span { font-size:.8em; }


@media screen and (max-width:768px) {
#coupon.coupon2503 > section:nth-of-type(n+3) { margin-top:4em; }
#coupon.coupon2503 > section.bg-color { padding-bottom:4em; }
#coupon.coupon2503 h2.ttl { font-size:1.6em; }
}

@media screen and (max-width:425px) {
#coupon.coupon2503 h2.ttl { margin-bottom:1.2em; font-size:1.4em; letter-spacing:1px; }
#coupon.coupon2503 .column-link { font-size:.9em; }
}

#coupon.coupon2503 #lineup { margin-top:4em; }

@media screen and (max-width:768px) {
#coupon.coupon2503 #lineup { margin-top:4em; }
}

@media screen and (max-width:425px) {
#coupon.coupon2503 #lineup { margin-top:3em; }
}