/* Reference banners and LINE actions. All original copy is retained. */
:root{--line-green:#06c755;--line-hover:#05ad4a}
#kupon-lp .topfix{margin:0;background:#202c39}
#kupon-lp .site-top{width:100%;max-width:none;margin:0}
#kupon-lp .notice-bar{background:#202c39;color:#fff;border-radius:0;padding:9px 28px;text-align:center;font-size:13px;line-height:1.8}
#kupon-lp .notice-bar b{color:#ffe16c}
#kupon-lp .warn-bar{background:#ffdf00;color:#151d23;padding:10px 28px;text-align:center;font-size:13px;line-height:1.9}
#kupon-lp .warn-bar small{font-size:13px}
#kupon-lp .warn-more{color:#151d23;font-weight:800;margin-left:12px}
a[href*="lin.ee"].btn-primary,a[href*="lin.ee"].line-btn,a[href*="lin.ee"].fg-btn,a[href*="lin.ee"].sf-btn,a[href*="lin.ee"].bb-btn,a[href*="lin.ee"].wp-block-button__link{
 background:var(--line-green);color:white!important;border-radius:999px;font-weight:800;box-shadow:0 5px 16px #06c75524;border:0;gap:10px;
}
a[href*="lin.ee"].btn-primary:hover,a[href*="lin.ee"].line-btn:hover,a[href*="lin.ee"].fg-btn:hover,a[href*="lin.ee"].sf-btn:hover,a[href*="lin.ee"].bb-btn:hover,a[href*="lin.ee"].wp-block-button__link:hover{background:var(--line-hover);color:#fff}
a[href*="lin.ee"].btn-primary svg,a[href*="lin.ee"].line-btn svg{color:#fff}
a[href*="lin.ee"].btn-primary svg path,a[href*="lin.ee"].line-btn svg path{fill:#fff}
.line-icon-link{display:inline-flex;align-items:center;justify-content:center;padding:3px;border-radius:5px;line-height:1;flex-shrink:0}
.line-icon-link svg path{fill:var(--line-green)}
.lp-head .line-icon-link,.ch .line-icon-link{vertical-align:middle}
.line-qr-link{display:inline-block;line-height:0}
.line-qr-link:hover{outline:2px solid var(--line-green);outline-offset:4px;border-radius:3px}
.side-float .sf-coupon{position:relative;background:#fff;border:2px solid var(--line-green);border-radius:16px;padding:19px;text-align:center;box-shadow:0 6px 22px #16364b12}
.side-float .sf-click{display:block;text-align:left;color:#008641;font-style:italic;font-weight:800;line-height:1.3}
.side-float .sf-ttl{font-size:16px;font-weight:800;margin:8px 0 10px;line-height:1.6;color:#202c39}
.side-float .sf-min{display:inline-block;background:#c6401e;color:white;padding:4px 14px;border-radius:999px;font-size:14px;font-weight:800;margin:0 0 7px}
.side-float .sf-amt{display:flex;justify-content:center;align-items:baseline;flex-wrap:wrap;gap:0;color:#202c39;margin:0;line-height:1.3}
.side-float .sf-amt .pre{width:100%;font-size:12px;font-weight:bold}
.side-float .sf-amt .num{font-size:40px;font-weight:900}
.side-float .sf-amt .unit{font-size:14px;font-weight:800;margin-left:2px}
.side-float .sf-sub{font-size:13px;line-height:1.65;margin:8px 0 15px;color:#647385}
.side-float .sf-btn{width:100%;padding:10px 8px;font-size:14px;line-height:1.6}
.side-float .sf-btn:after{content:'';position:absolute;inset:0;border-radius:16px}
.side-float .interaction-status,.side-float .clipboard-fallback{position:relative;z-index:2;background:#fff}
.side-float .sf-warn{position:relative;overflow:hidden;border:0;background:#ffdf00;color:#151d23;text-align:center;border-radius:14px;padding:26px 20px 18px;display:block;box-shadow:0 7px 21px #16364b15;font-size:17px}
.side-float .stripe{position:absolute;top:0;left:0;right:0;height:11px;background:repeating-linear-gradient(45deg,#202c39 0,#202c39 9px,#ffdf00 9px,#ffdf00 18px)}
.side-float .wh{font-size:14px;font-weight:800;margin:0 0 10px}
.side-float .ng{color:#151d23}
.side-float .more{font-size:14px;text-decoration:underline;margin-top:10px;font-weight:800}
@media(min-width:1280px){
 #kupon-lp{padding-right:180px}
 #kupon-lp .topfix{width:calc(100% + 180px)}
 #kupon-lp .side-float{position:fixed;z-index:45;right:15px;top:clamp(135px,20vh,230px);width:150px;margin:0;display:flex;flex-direction:column;gap:13px;max-height:calc(100dvh - 160px);overflow:auto;scrollbar-width:thin;padding:2px}
 #kupon-lp .side-float .sf-coupon{padding:9px 8px 11px;border-radius:15px}
 #kupon-lp .side-float .sf-click{font-size:12px}
 #kupon-lp .side-float .sf-ttl{font-size:12px;margin:7px 0 9px}
 #kupon-lp .side-float .sf-min{font-size:12px;padding:4px 10px}
 #kupon-lp .side-float .sf-amt .num{font-size:26px}
 #kupon-lp .side-float .sf-amt .pre{font-size:10px}
 #kupon-lp .side-float .sf-amt .unit{font-size:11px}
 #kupon-lp .side-float .sf-sub{font-size:11px;margin:6px 0 10px;line-height:1.55}
 #kupon-lp .side-float .sf-btn{font-size:12px;padding:8px 2px;letter-spacing:-.02em;box-shadow:none}
 #kupon-lp .side-float .sf-warn{padding:22px 9px 12px;font-size:12px;line-height:1.65}
 #kupon-lp .side-float .wh{font-size:12px;margin-bottom:7px}
 #kupon-lp .side-float .more{font-size:12px;margin-top:8px}
 #kupon-lp .side-float .sf-btn:after{border-radius:15px}
 #kupon-lp .gnav{gap:12px;font-size:12px}
 #kupon-lp .header-inner{gap:13px}
 #kupon-lp .brand-t{font-size:24px}
 #kupon-lp .brand-sub{font-size:9px}
 #kupon-lp .header-cta{font-size:12px;padding:10px 13px}
 #kupon-lp .tc-amount .num{font-size:54px}
}
@media(min-width:1600px){#kupon-lp .side-float{right:22px;width:158px}#kupon-lp{padding-right:190px}#kupon-lp .topfix{width:calc(100% + 190px)}}
@media(max-width:620px){
 #kupon-lp .notice-bar{font-size:12px;padding:12px 18px;text-align:left}
 #kupon-lp .warn-bar,#kupon-lp .warn-bar small{font-size:12px;line-height:1.85}
 #kupon-lp .warn-bar{padding:12px 18px;text-align:left}
 #kupon-lp .warn-more{display:inline-block;margin-left:0}
 .side-float{grid-template-columns:1fr 1fr;gap:12px;align-items:start}
 .side-float .sf-coupon{padding:12px 10px}
 .side-float .sf-ttl{font-size:13px}
 .side-float .sf-min{font-size:12px;padding:4px 9px}
 .side-float .sf-amt .num{font-size:29px}
 .side-float .sf-amt .unit{font-size:11px}
 .side-float .sf-sub{font-size:11px}
 .side-float .sf-btn{font-size:12px;padding:9px 5px}
 .side-float .sf-warn{font-size:13px;padding:25px 13px 17px}
 .side-float .more,.side-float .wh{font-size:12px}
 .line-qr-link{display:block;width:fit-content}
}
@media print{#kupon-lp{padding-right:0}#kupon-lp .topfix{width:100%}.side-float{display:none!important}}

@media(max-width:1279px){#kupon-lp>.side-float{position:relative;display:grid;grid-template-columns:1fr 1fr;width:min(750px,calc(100% - 36px));margin:24px auto 30px;gap:16px;align-items:stretch}#kupon-lp>.side-float .sf-warn{display:flex;align-items:center;justify-content:center}}
