:root{--bg:#fff;--bg-alt:#f5f5f7;--card:#fff;--text:#1d1d1f;--sub:#6e6e73;--line:#d2d2d7;--link:#06c;--accent:#0071e3;--hot:#bf4800;--nav:#fafafccc;--forest:#1e5b3a}@media (prefers-color-scheme:dark){:root{--bg:#000;--bg-alt:#161617;--card:#1d1d1f;--text:#f5f5f7;--sub:#a1a1a6;--line:#424245;--link:#2997ff;--accent:#0071e3;--hot:#ff9f0a;--nav:#161617cc;--forest:#5cc28a}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);letter-spacing:.01em;-webkit-font-smoothing:antialiased;margin:0;font:17px/1.6 -apple-system,BlinkMacSystemFont,SF Pro JP,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic UI,Meiryo,sans-serif}h1,h2,h3{letter-spacing:-.01em;font-weight:700;line-height:1.25}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}.nav{z-index:10;background:var(--nav);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid color-mix(in srgb, var(--line) 60%, transparent);position:sticky;top:0}.nav .inner{justify-content:space-between;align-items:center;gap:1rem;max-width:980px;height:48px;margin:0 auto;padding:0 22px;display:flex}.logo{color:var(--text);letter-spacing:.02em;align-items:baseline;gap:.08em;font:400 17px/1 Hachi Maru Pop,Hiragino Maru Gothic ProN,sans-serif;display:inline-flex}.logo:hover{text-decoration:none}.logo b{color:var(--forest);font:900 26px/1 Zen Maru Gothic,Hiragino Maru Gothic ProN,sans-serif}.neko-wrap{color:#1c1c1e;align-self:flex-end;margin:0 0 -2px 3px;line-height:0}.neko{width:16px;height:26px;overflow:visible}.neko .eyes{transform-box:fill-box;transform-origin:50%;animation:5.5s infinite neko-blink}.neko .tail{transform-box:fill-box;transform-origin:0 100%;animation:3.2s ease-in-out infinite alternate neko-tail}@keyframes neko-blink{0%,93%,to{transform:scaleY(1)}95%{transform:scaleY(.1)}97%{transform:scaleY(1)}}@keyframes neko-tail{0%{transform:rotate(-6deg)}to{transform:rotate(8deg)}}@media (prefers-reduced-motion:reduce){.neko .eyes,.neko .tail{animation:none}}@media (prefers-color-scheme:dark){.neko-wrap{color:#232326}.neko [fill=currentColor]{stroke:#ffffff8c;stroke-width:.7px;paint-order:stroke}.neko .tail{stroke:#232326;filter:none}}.nav nav{gap:1.5rem;display:flex}.nav nav a{color:var(--text);opacity:.8;font-size:13px}.nav nav a:hover{opacity:1;text-decoration:none}.prrow{justify-content:space-between;align-items:center;gap:10px;max-width:980px;margin:0 auto;padding:10px 22px 0;display:flex}.pr{color:var(--sub);margin:0;font-size:12px}.share{flex:none;gap:6px;display:flex}.share a,.share button{background:var(--card);width:32px;height:32px;box-shadow:inset 0 0 0 1px var(--line);color:var(--text);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.share a:hover,.share button:hover{box-shadow:inset 0 0 0 1px var(--sub);text-decoration:none}.share svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.share .x svg{fill:currentColor;stroke:none;width:13px;height:13px}.share .line svg{stroke:none;width:20px;height:20px}.share button.done{color:#34c759}main{max-width:980px;margin:0 auto;padding:0 22px 80px}.prose{max-width:692px;margin:0 auto}.prose h1{margin:48px 0 12px;font-size:clamp(32px,5vw,48px)}.prose h2{margin:48px 0 12px;font-size:28px}.prose p,.prose li{color:var(--text)}.muted{color:var(--sub)}.btn{background:var(--accent);color:#fff;border-radius:980px;padding:8px 18px;font-size:15px;font-weight:500;display:inline-block}.btn:hover{filter:brightness(1.08);text-decoration:none}.more:after{content:" ›"}.aff{--m:var(--accent);--mf:#fff;background:var(--m);color:var(--mf);box-shadow:0 6px 16px -6px color-mix(in srgb, var(--m) 70%, transparent);border-radius:980px;justify-content:center;align-items:center;gap:.45em;padding:12px 22px;font-size:15px;font-weight:700;line-height:1.3;transition:transform .15s,filter .15s;display:inline-flex}.aff:after{content:"›";font-size:1.25em;line-height:1;transition:transform .15s}.aff:hover{filter:brightness(1.06);text-decoration:none;transform:translateY(-1px)}.aff:hover:after{transform:translate(3px)}.aff:active{transform:scale(.98)}.aff.amazon{--m:#ffa41c;--mf:#1d1d1f}.aff.rakuten{--m:#bf0000}.aff.yahoo{--m:#f03}.aff.sm{padding:7px 14px;font-size:13px}.aff.ghost{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--line);background:0 0}footer{background:var(--bg-alt);color:var(--sub);font-size:12px}footer .inner{max-width:980px;margin:0 auto;padding:20px 22px 32px}footer nav{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:.4rem 1.2rem;padding-bottom:12px;display:flex}footer a{color:var(--sub)}footer p{margin:12px 0 0}