/* Always-visible side rail, including narrow preview windows. */
@media screen{
 #kupon-lp{padding-right:170px!important}
 #kupon-lp .topfix{width:calc(100% + 170px)!important}
 #kupon-lp>.side-float{position:fixed!important;z-index:60;right:10px!important;top:clamp(100px,18vh,190px)!important;bottom:auto!important;width:150px!important;margin:0!important;padding:2px!important;display:flex!important;flex-direction:column!important;gap:12px!important;max-height:calc(100dvh - 115px)!important;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;align-items:stretch!important}
 #kupon-lp .side-float .sf-coupon{padding:9px 8px 11px!important;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 .pre{font-size:10px}
 #kupon-lp .side-float .sf-amt .num{font-size:26px}
 #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;box-shadow:none}
 #kupon-lp .side-float .sf-warn{display:block!important;padding:22px 9px 12px!important;font-size:12px;line-height:1.65}
 #kupon-lp .side-float .wh,#kupon-lp .side-float .more{font-size:12px;margin:7px 0}
}
@media(min-width:621px) and (max-width:1279px){
 .hero-grid,.cta-grid,.two-col{grid-template-columns:1fr}.hero-photo{height:240px}.support-grid,.support-grid.cols-2,.feature-grid{grid-template-columns:1fr}.gnav{display:none}.menu-btn{display:block}.header-cta{margin-left:auto}.header-inner{gap:10px}.brand-t{font-size:23px}.brand-sub{font-size:9px}.hero h1{font-size:32px}.tc-amount .num{font-size:55px}.contact-grid{grid-template-columns:1fr}.article-layout{grid-template-columns:1fr}.trust-row{grid-template-columns:1fr 1fr}.toc ol{columns:1}
}
@media(max-width:620px){
 #kupon-lp{padding-right:122px!important}#kupon-lp .topfix{width:calc(100% + 122px)!important}
 #kupon-lp>.side-float{width:116px!important;right:3px!important;top:100px!important;gap:9px!important}
 #kupon-lp .side-float .sf-coupon{padding:8px 5px!important}.side-float .sf-amt .num{font-size:22px!important}.side-float .sf-amt .unit{font-size:10px!important}.side-float .sf-ttl{font-size:11px!important}.side-float .sf-btn{font-size:11px!important}.side-float .sf-sub{font-size:10px!important}.side-float .sf-warn{font-size:11px!important}.side-float .more{font-size:11px!important}
 #kupon-lp .wrap,#kupon-lp .pr-bar,#kupon-lp .toc-outer,#kupon-lp .site-extras,#kupon-lp .article-layout{width:calc(100% - 24px)}
 .header-inner{flex-wrap:wrap;padding:10px 0;gap:8px}.brand{flex:1}.brand-t{font-size:19px}.brand-sub{font-size:8px}.header-cta{order:3;max-width:none;width:100%;font-size:12px}.menu-btn{width:30px}.hero h1{font-size:24px}.hero-photo{height:175px}.ticket-card{padding:14px}.tc-amount .num{font-size:32px}.tc-amount .unit{font-size:13px}.tc-amount .pre{font-size:12px}.hero-actions{flex-direction:column}.sec-head h2{font-size:21px}.sec-lead{font-size:14px}.toc{padding:16px}.trust-row{grid-template-columns:1fr}.trust{border:0}.step,.support-card,.feature,.resale-card,.info-note,.aside-box,.dm-template,.cta-template,.line-panel,.forgot-card{padding:16px}.lp-qr{display:block}.contact-card{padding:15px}.contact-card .qr{float:none}.footer-grid{gap:22px}.bottom-bar{flex-direction:column;gap:6px;padding:8px}.bb-text{max-width:none}.bb-btn{width:100%}.article-heading h1{font-size:23px}.article-aside{padding:15px}.sp-drawer.open{grid-template-columns:1fr;width:calc(100% - 24px)}
}

/* スマホではサイドレールを隠す（2026-09-12 追加）
   390px 幅では padding-right:122px により本文が 244px まで圧縮され、
   さらに .topfix が viewport より 122px 広いため、転売注意の帯の右端 119px が
   レールに覆われて読めなくなる。CTA は下部固定バーにあるので導線は失われない。 */
@media(max-width:620px){
 #kupon-lp{padding-right:0!important}
 #kupon-lp .topfix{width:100%!important}
 #kupon-lp>.side-float{display:none!important}
}