:root{--blue:#48a6ba;--deep:#247f93;--mist:#eaf5f6;--ink:#19363c;--muted:rgba(25,54,60,.68);--paper:#fcfbf8;--line:rgba(25,54,60,.15);--serif:'Yu Mincho','YuMincho','Hiragino Mincho ProN','Noto Serif JP',serif;--sans:'Hiragino Kaku Gothic ProN','Yu Gothic','YuGothic','Noto Sans JP',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.9 var(--sans)}a{color:inherit}img{display:block;max-width:100%}button{font:inherit}
.top{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(20px,4vw,60px);border-bottom:1px solid var(--line);background:rgba(252,251,248,.92);backdrop-filter:blur(18px);position:sticky;top:0;z-index:30}.brand{text-decoration:none;font-family:var(--serif);letter-spacing:.22em}.nav{display:flex;gap:34px;font-size:.72rem}.nav a{text-decoration:none;color:var(--muted)}
.crumb{max-width:1240px;margin:auto;padding:20px clamp(20px,4vw,60px) 0;color:var(--muted);font-size:.68rem}.crumb a{text-underline-offset:3px}
.product-hero{max-width:1240px;margin:auto;padding:36px clamp(20px,4vw,60px) 94px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(44px,7vw,94px);align-items:start}.gallery{position:sticky;top:108px}.main-image{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f1f4f2}.thumbs{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:12px}.thumb{border:1px solid transparent;background:none;padding:0;cursor:pointer}.thumb.active{border-color:var(--blue)}.thumb img{width:100%;aspect-ratio:1/1;object-fit:contain;background:#f1f4f2}
.eyebrow{color:var(--deep);font-size:.68rem;letter-spacing:.22em;margin:6px 0 16px}.badge{display:inline-block;margin-bottom:18px;padding:5px 10px;background:var(--mist);color:var(--deep);font-size:.65rem;letter-spacing:.1em}.buybox h1{font:500 clamp(1.75rem,3vw,2.85rem)/1.55 var(--serif);letter-spacing:.05em;margin:0 0 14px}.summary{color:var(--muted);font-size:.82rem;margin:0 0 20px}.price{font:500 2rem/1.3 var(--serif);letter-spacing:.04em;margin:0 0 6px}.price small{font:400 .68rem var(--sans);color:var(--muted)}.shipping{color:var(--deep);font-size:.72rem;margin:0 0 26px}.facts{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:0 0 28px}.fact{background:#fff;padding:14px 15px;font-size:.7rem}.fact strong{display:block;font-size:.75rem;color:var(--ink)}
.buy-button{width:100%;padding:17px 20px;border:1px solid var(--ink);background:var(--ink);color:#fff;letter-spacing:.1em;cursor:pointer}.buy-button:hover{background:var(--deep);border-color:var(--deep)}.buy-button:disabled{opacity:.58;cursor:wait}.micro{margin:10px 0 18px;color:var(--muted);font-size:.66rem;text-align:center}.sub-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sub-actions a{display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line);text-decoration:none;font-size:.68rem}.updated{margin-top:22px;color:var(--muted);font-size:.62rem}
.section{padding:clamp(82px,9vw,128px) max(20px,calc((100vw - 1120px)/2))}.band{background:rgba(234,245,246,.58)}.section h2{font:500 clamp(1.55rem,2.7vw,2.4rem)/1.6 var(--serif);letter-spacing:.07em;text-align:center;margin:0 0 18px}.section-lead{max-width:760px;margin:0 auto 50px;text-align:center;color:var(--muted);font-size:.8rem}.points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.point{padding:30px;background:#fff;border-top:2px solid var(--blue)}.point small{color:var(--deep);letter-spacing:.18em}.point h3{font:500 1.2rem/1.6 var(--serif);margin:12px 0}.point p{margin:0;color:var(--muted);font-size:.75rem}.blend-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:900px;margin:auto}.blend-links a{padding:20px;border:1px solid var(--line);background:#fff;text-decoration:none;text-align:center}.blend-links a[aria-current="page"]{border-color:var(--blue);background:var(--mist);color:var(--deep)}.blend-links strong{display:block}.blend-links span{font-size:.68rem;color:var(--muted)}
.faq{max-width:900px;margin:auto;border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{padding:22px 4px;cursor:pointer;font-family:var(--serif);font-size:1rem}.faq p{margin:0;padding:0 4px 24px;color:var(--muted);font-size:.76rem}.support{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line)}.support>div{background:#fff;padding:34px}.support h3{font:500 1.25rem var(--serif)}.support p{color:var(--muted);font-size:.75rem}.support a{display:inline-flex;padding:12px 20px;border:1px solid var(--ink);text-decoration:none;font-size:.7rem}.support .primary{background:var(--ink);color:#fff}
.footer{background:var(--ink);color:rgba(255,255,255,.72);padding:34px clamp(20px,4vw,60px);display:flex;justify-content:space-between;gap:20px;font-size:.68rem}.footer a{margin-left:20px}.status{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(120px);background:var(--ink);color:#fff;padding:12px 20px;border-radius:999px;transition:.25s;z-index:60}.status.show{transform:translateX(-50%) translateY(0)}
@media(max-width:780px){.nav{display:none}.top{min-height:62px}.crumb{padding-top:14px}.product-hero{grid-template-columns:1fr;padding-top:22px;gap:36px}.buybox{order:1}.gallery{order:2;position:static}.buybox h1{font-size:1.65rem}.facts{grid-template-columns:1fr 1fr}.sub-actions,.points,.blend-links,.support{grid-template-columns:1fr}.section{padding:72px 20px}.footer{flex-direction:column}.footer a{margin:0 18px 0 0}}
