@charset "UTF-8";
#content{}
#content>.inner{padding:var(--spacing);}

#coupon_details_content{display:grid;grid:"coupon_card coupon_details" auto "coupon_related coupon_details" 1fr/clamp(25em,30%,30em) 1fr;align-items:start;gap:var(--spacing);}
#coupon_card{grid-area:coupon_card;}
#coupon_related{grid-area:coupon_related;}
#coupon_details{grid-area:coupon_details;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#coupon_details_content{grid:"coupon_card" "coupon_related" "coupon_details";}
}
@media only screen and (max-width:480px){}


#coupon_card{display:flex;flex-direction:column;gap:1em;}
#coupon_card .coupon{--coupon-font-size:2.5em;--coupon-spacing:2em;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#coupon_card{width:min(40em,100%);margin-inline:auto;}
}
@media only screen and (max-width:480px){
	#coupon_card{box-sizing:border-box;}
	#coupon_card .coupon{--coupon-font-size:2em;--coupon-spacing:1.5em;}
}


#coupon_related{display:flex;flex-direction:column;gap:1em;padding-inline-start:var(--spacing);}
#coupon_related h3{font-size:1em;font-weight:var(--SiteFW-B);}
#coupon_related .coupon_list{gap:1em;--coupon-border-radius:1em;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#coupon_related{width:min(40em,100%);margin-inline:auto;padding:unset;}
}
@media only screen and (max-width:480px){
	#coupon_related{box-sizing:border-box;}
}


#coupon_details{display:flex;flex-direction:column;background:var(--background-color-L1,#fff);border-radius:1em;}

#coupon_infomation{padding:var(--spacing);}
#coupon_infomation>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;}
#coupon_infomation h1{font-size:var(--SiteFS-XXL);font-weight:var(--SiteFW-EB);}
#coupon_infomation .intro{display:flex;flex-direction:column;gap:1em;color:var(--body-text-color-a75,rgba(0 0 0/75%));}

#coupon_itemlist{padding-inline:var(--spacing);}
#coupon_itemlist>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;padding-block:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
#coupon_itemlist .title{display:flex;flex-wrap:wrap;align-items:center;gap:1em;}
#coupon_itemlist .title h3{font-size:1em;font-weight:var(--SiteFW-B);margin-inline-end:auto;}
#coupon_itemlist .title .cpt-search{width:min(25em,100%);}
#coupon_itemlist .ItemList{--W:4.5em;--itemlist-gap:1em var(--spacing);}
#coupon_itemlist .ItemList>li.hide{display:none;}

#search_empty.hide{display:none;}

#coupon_description{padding-inline:var(--spacing);}
#coupon_description>.inner{display:flex;flex-direction:column;gap:var(--spacing);max-width:60em;margin-inline:auto;padding-block:var(--spacing);box-shadow:var(--body-text-color-a5,rgba(0 0 0/5%)) 0 1px 0 inset;}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1000px){}
@media only screen and (max-width:800px){
	#coupon_details{width:min(40em,100%);margin-inline:auto;}
}
@media only screen and (max-width:480px){
	#coupon_details{width:auto;margin-inline:calc(var(--spacing) * -1);}
}