@charset "utf-8";
.CouponList{display:grid;grid-template-columns:repeat(var(--couponlist-column-fill,auto-fill),var(--couponlist-column-count,minmax(var(--couponlist-column-size,20em),1fr)));gap:var(--couponlist-gap,var(--spacing));align-items:start;
	.CouponItem{display:flex;flex-direction:column;gap:var(--couponlist-item-gap,.75em);
		&:has(.cpt-radio,.cpt-checkbox){
			.cpt-radio,.cpt-checkbox{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:.75em 1em;
				.Coupon,.CouponUsage,.CouponValidity{grid-column:2/-1;}
			}
		}
		.CouponUsage{font-size:var(--SiteFS-S);}
		.CouponValidity{gap:var(--couponlist-item-gap,.75em);
			&>*{font-size:var(--SiteFS-S);}
		}
	}
}
.Coupon{--coupon-bgc:var(--background-color,rgb(255 255 255));--coupon-color:var(--color,rgba(0 0 0/75%));--coupon-bdc:var(--border-color,rgba(0 0 0/10%));--border-alpha:10%;display:grid;grid:"value stat"/1fr auto;align-items:center;gap:var(--coupon-gap,1em);width:min(25em,100%);padding:var(--coupon-spacing,1.25em 1.5em);box-sizing:border-box;border-radius:var(--coupon-border-radius,.5em);color:var(--coupon-color);background-color:var(--coupon-bgc);box-shadow:var(--coupon-bdc) 0 0 0 1px inset;overflow:hidden;--CPT-US:2.5em;
	&[color]:not([color=""]){background-image:var(--bgim,url()),linear-gradient(calc(var(--angle,135deg) * var(--angle-reverse,1)),hsl(calc(var(--h) + var(--h1,0)) calc(var(--s) + var(--s1,0%)) calc(var(--l) + var(--l1,0%))),hsl(calc(var(--h) + var(--h2,0)) calc(var(--s) + var(--s2,10%)) calc(var(--l) + var(--l2,15%))));}
	&:not(:has(.stat)){grid:"value";}
	&:is(a){cursor:pointer;}
	.stat{grid-area:stat;overflow:hidden;
		&>*:not(.btw){
			&[icon]::before{content:attr(icon);font-size:1.5em;opacity:.5;}
			&>span{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		}
		.btw{text-transform:uppercase;
			&.claim{--color:var(--coupon-bgc);--background-color:var(--coupon-color);}
		}
		.claimed{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.5em;}
		.details{color:inherit;}
		.unavailable{opacity:.5;}
	}
	.value{grid-area:value;display:flex;align-items:center;gap:.5em;min-height:var(--CPT-US);text-transform:uppercase;white-space:nowrap;
		.num{font-size:var(--coupon-num-fs,var(--SiteFS-XXL));font-weight:var(--SiteFW-EB);}
		.unit{font-weight:var(--SiteFW-B);
			&[icon-brand]{font-size:var(--coupon-num-fs,var(--SiteFS-XXL));width:1em;height:1em;overflow:hidden;}
		}
	}
	.info{grid-column:1/-1;order:9;display:flex;flex-direction:column;gap:.25em;overflow:hidden;
		.name{font-weight:var(--SiteFW-B);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
		.limit{font-size:var(--SiteFS-S);opacity:.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
	}
	/* star reward coupon */
	&[color="star_reward"]{--r:184;--g:134;--b:11;--h:42.66;--s:88.72%;--l:38.24%;--bgim:url(../images/art/star_coupon_bg-6d2294df5b.svg);background-position:center;background-size:auto 150%,auto;background-repeat:no-repeat;}
	/* special coupon */
	&[color="seagm_coupon"]{--coupon-color:gold;--coupon-bdc:rgba(255 215 0/10%);background:black url(../images/art/seagm_coupon_bg-4c3b6cf3ac.svg) no-repeat center/cover !important;}
}
.Coupon-s{--coupon-bgc:var(--background-color,rgb(255 255 255));--coupon-color:var(--color,rgba(0 0 0/75%));--coupon-bdc:var(--border-color,rgba(0 0 0/10%));--border-alpha:10%;display:flex;align-items:baseline;gap:.25em;padding:.25em .75em;color:var(--coupon-color);background-color:var(--coupon-bgc);box-shadow:var(--coupon-bdc) 0 0 0 1px inset;border-radius:.333334em;overflow:hidden;
	&[color]:not([color=""]){background-image:var(--bgim,url()),linear-gradient(calc(var(--angle,135deg) * var(--angle-reverse,1)),hsl(calc(var(--h) + var(--h1,0)) calc(var(--s) + var(--s1,0%)) calc(var(--l) + var(--l1,0%))),hsl(calc(var(--h) + var(--h2,0)) calc(var(--s) + var(--s2,10%)) calc(var(--l) + var(--l2,15%))));}
	.num{font-weight: var(--SiteFW-EB);}
	.unit{font-weight:var(--SiteFW-B);font-size: var(--SiteFS-S);
		&[icon-brand]{font-size:1.166667em;width:1em;height:1em;overflow:hidden;align-self:center;}
	}
	/* star reward coupon */
	&[color="star_reward"]{--r:184;--g:134;--b:11;--h:42.66;--s:88.72%;--l:38.24%;}
	/* special coupon */
	&[color="seagm_coupon"]{--coupon-color:gold;--coupon-bdc:rgba(255 215 0/10%);background:black;}
}
.CouponUsage{display:grid;grid:"bar percentage"/1fr auto;align-items:center;gap:1em;color:var(--body-text-color-a50);
	&[icon]{grid:"icon bar percentage"/auto 1fr auto;
		&::before{grid-area:icon;content:attr(icon);display:block;font-size:1.5em;}
	}
	.percentage{grid-area:percentage;}
	.bar{grid-area:bar;--size:3px;height:var(--size);border-radius:var(--size);background-color:var(--body-text-color-a10);
		&::before{content:'';display:block;width:0;min-width:var(--size);max-width:100%;height:inherit;border-radius:inherit;background-image:linear-gradient(to var(--inline-end,right),var(--SiteTHM-A25),var(--SiteTHM));background-size:calc(100%/var(--percentage,calc(min(var(--usage),var(--capacity))/var(--capacity) * 100%)) * 100%);animation:coupon_usage_bar ease 3s 300ms forwards;}
	}
}
@keyframes coupon_usage_bar{100%{width:var(--percentage,calc(min(var(--usage),var(--capacity))/var(--capacity) * 100%));}}


/* tukibox Select Coupon */
.tukibox:has(#tukibox_SelectCoupon){--tukibox-width:60em;--tukibox-min-height:40em;--tukibox-max-height:60em;
	#tukibox_SelectCoupon{gap:max(calc(var(--spacing)/2),1.5em);padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.CouponList{--couponlist-gap:max(calc(var(--spacing)/2),1.5em) var(--spacing);
			&~&{padding-block-start:max(calc(var(--spacing)/2),1.5em);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
			.title{grid-column:1/-1;}
			@media only screen and (max-width:480px){width:min(30em,100%);}
		}
	}
}
/* tukibox Coupon Package Claim */
.tukibox:has(#tukibox_CouponClaim){--tukibox-width:60em;--tukibox-min-height:40em;--tukibox-max-height:60em;
	#tukibox_CouponClaim{gap:max(calc(var(--spacing)/2),1.5em);padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.CouponList{--couponlist-gap:max(calc(var(--spacing)/2),1.5em) var(--spacing);
			@media only screen and (max-width:480px){width:min(30em,100%);}
		}
		.coupon_description{padding-block-start:max(calc(var(--spacing)/2), 1.5em);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
	}
}
/* tukibox Coupon Details */
.tukibox:has(#tukibox_CouponDetails){--tukibox-width:60em;--tukibox-min-height:40em;--tukibox-max-height:60em;
	#tukibox_CouponDetails{gap:max(calc(var(--spacing)/2),1.5em);padding-block:max(calc(var(--spacing)/2),1.5em);background-color:var(--background-color-L1);box-shadow:var(--body-text-color-a5) 0 1px 0,var(--body-text-color-a5) 0 -1px 0;
		.coupon_info{display:flex;flex-direction:column;gap:.75em;width:min(30em,100%);
			&~div{padding-block-start:max(calc(var(--spacing)/2), 1.5em);box-shadow:var(--body-text-color-a5) 0 1px 0 inset;}
			.Coupon{
				.value .num{font-size:var(--SiteFS-XXXL);}
				.info{
					.name,.limit{white-space:normal;}
					.limit{font-size:var(--SiteFS);}
				}
			}
		}
		.coupon_description{}
		.coupon_itemlist{display:flex;flex-direction:column;gap:1em;
			.title{color:var(--body-text-color-a50);}
			.ItemList{--itemlist-column-size:15em;}
		}
	}
}