:root{--cream: #fdfbf3;--cream-deep: #f7f1e3;--surface: #ffffff;--ink: #4a4238;--ink-soft: #8b8073;--line: #ece4d6;--green: #8fae6d;--warn-bg: #fff4de;--warn-line: #e8cf9c;--cat: var(--green);--radius: 20px;--shadow: 0 2px 12px rgba(120, 100, 70, .07);--font-round: "Zen Maru Gothic", "Hiragino Maru Gothic ProN", "Yu Gothic", sans-serif;--font-body: "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.85;letter-spacing:.02em}h1,h2,h3{font-family:var(--font-round);font-weight:700;letter-spacing:.04em}a{color:inherit}img,svg{max-width:100%}.wrap{max-width:1180px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:720px;margin:0 auto}#inapp-banner{background:var(--warn-bg);border-bottom:1px solid var(--warn-line);padding:14px 0}#inapp-banner .wrap>p{margin:0 auto 9px;max-width:720px;font-size:13.5px;line-height:1.7}.inapp-actions{display:flex;gap:8px;flex-wrap:wrap;max-width:720px;margin:0 auto}.inapp-actions button{flex:1 1 auto;min-height:44px;padding:0 16px;border:1px solid var(--warn-line);border-radius:12px;background:#fff;color:var(--ink);font-family:var(--font-round);font-size:14.5px;font-weight:700;cursor:pointer}.inapp-actions button:active{background:var(--cream-deep)}.inapp-hint{margin:9px auto 0!important;max-width:720px;color:var(--ink-soft);font-size:12.5px}.site-head{background:var(--surface);border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:center;padding:18px 0 6px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand-text{display:flex;flex-direction:column;align-items:center;line-height:1.3}.brand-text b{font-family:var(--font-round);font-size:20px;letter-spacing:.08em}.brand-text small{color:var(--ink-soft);font-size:11px;letter-spacing:.14em}.pr-notice{margin:0;padding:0 0 14px;color:var(--ink-soft);font-size:11.5px;line-height:1.7;text-align:center}.hero{padding:30px 0 6px;text-align:center}.hero h1{margin:0 0 8px;font-size:clamp(21px,3vw,27px);line-height:1.55}.hero p{margin:0 auto;max-width:620px;color:var(--ink-soft);font-size:14.5px}.hero-art{display:block;margin:12px auto 0;width:min(100%,560px)}.sec-head{display:flex;align-items:baseline;gap:10px;margin:36px 0 0}.sec-head h2{margin:0;font-size:19px}.sec-head em{color:var(--ink-soft);font-family:var(--font-round);font-size:12px;font-style:normal;letter-spacing:.12em}.sec-head .more{margin-left:auto;font-size:13px;color:var(--ink-soft);text-decoration:none}.cat-list{display:grid;grid-template-columns:1fr;gap:12px;margin:18px 0 0;padding:0;list-style:none}.cat-btn{display:flex;align-items:center;gap:14px;height:100%;min-height:78px;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;transition:transform .12s ease,box-shadow .12s ease}.cat-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7864461a}.cat-icon{flex:0 0 auto;width:48px;height:48px}.cat-body{display:flex;flex-direction:column;flex:1 1 auto;line-height:1.5}.cat-body b{font-family:var(--font-round);font-size:16px}.cat-body small{color:var(--ink-soft);font-size:11.5px}.cat-count{flex:0 0 auto;min-width:34px;padding:2px 9px;background:color-mix(in srgb,var(--cat) 16%,#fff);color:color-mix(in srgb,var(--cat) 72%,#4a4238);border-radius:999px;font-family:var(--font-round);font-size:13px;text-align:center}.cat-hero{display:flex;align-items:center;gap:14px;padding:22px 0 4px}.cat-hero .cat-icon{width:60px;height:60px}.cat-hero h1{margin:0;font-size:22px}.cat-hero p{margin:2px 0 0;color:var(--ink-soft);font-size:12.5px}.back{margin:16px 0 0;font-size:13.5px}.back a{color:var(--ink-soft);text-decoration:none}.sorter{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0 0}.sorter button{min-height:38px;padding:0 14px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink-soft);font-family:var(--font-round);font-size:13px;cursor:pointer}.sorter button[aria-pressed=true]{background:color-mix(in srgb,var(--cat) 16%,#fff);border-color:color-mix(in srgb,var(--cat) 40%,#fff);color:color-mix(in srgb,var(--cat) 72%,#4a4238)}.cards{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr;gap:18px}.card{display:flex;flex-direction:column;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .14s ease,box-shadow .14s ease}.card:hover{transform:translateY(-3px);box-shadow:0 8px 22px #7864461c}.card-body{display:flex;flex-direction:column;flex:1 1 auto;padding:16px 17px 18px}.hook{margin:0 0 6px;font-family:var(--font-round);font-size:17px;font-weight:700;line-height:1.5;color:color-mix(in srgb,var(--cat) 62%,#4a4238)}.story{margin:0 0 14px;font-size:14px;line-height:1.85;white-space:pre-line}.card-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:12px;border-top:1px dashed var(--line)}.card h2{margin:0;font-size:14px;line-height:1.6;font-weight:500;color:var(--ink-soft)}.price{margin:0;flex:0 0 auto;font-family:var(--font-round);font-size:17px;white-space:nowrap}.blurb{margin:10px 0 0;font-size:13px;line-height:1.85}.caution{margin:10px 0 0;padding:9px 11px;border-radius:10px;background:var(--warn-bg);border:1px solid var(--warn-line);color:#7a6538;font-size:12.5px;line-height:1.75}.caution:before{content:"⚠ "}.buy{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;margin-top:auto;border-radius:14px;color:#fff;text-decoration:none;font-family:var(--font-round);font-size:15px;font-weight:700}.buy-rakuten{background:#c9564c}.buy-amazon{background:#d1923f}.buy:hover{filter:brightness(1.06)}.pr-tag{padding:1px 6px;border:1px solid rgba(255,255,255,.65);border-radius:5px;font-size:10.5px;letter-spacing:.05em}.meta{margin:12px 0 14px;color:var(--ink-soft);font-size:11.5px;line-height:1.7}.meta .shop{display:block}.slider{position:relative;padding:16px 16px 0;background:var(--surface)}.slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:14px;background:var(--cream-deep);scrollbar-width:none;-ms-overflow-style:none}.slider-track::-webkit-scrollbar{display:none}.slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:1 / 1}.slide img{width:100%;height:100%;object-fit:contain;display:block}.slider-arrow{position:absolute;top:calc(50% + 8px);transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:50%;background:#ffffffdb;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;opacity:0;transition:opacity .15s;box-shadow:0 1px 6px #0000001f}.slider:hover .slider-arrow{opacity:1}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.slider-dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:6px}.slider-dots span{width:6px;height:6px;border-radius:50%;background:#4a423840;cursor:pointer;transition:all .15s}.slider-dots span.on{background:var(--cat);width:16px;border-radius:999px}.ytwrap{margin:14px 0 0}.yt{position:relative;display:block;width:100%;padding:0;border:0;cursor:pointer;border-radius:12px;overflow:hidden;background:var(--cream-deep);aspect-ratio:16 / 9}.yt img{width:100%;height:100%;object-fit:cover;display:block}.yt-play{position:absolute;inset:0;margin:auto;width:52px;height:36px;border-radius:9px;background:#1e1a16b8}.yt-play:after{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;border-color:transparent transparent transparent #fff}.yt:hover .yt-play{background:#c9564c}.yt-len{position:absolute;right:7px;bottom:7px;padding:1px 7px;border-radius:5px;background:#1e1a16c7;color:#fff;font-size:11px;font-family:var(--font-round)}.ytwrap iframe{width:100%;aspect-ratio:16 / 9;border:0;border-radius:12px;display:block}.yt-credit{margin:7px 0 0;font-size:11.5px;line-height:1.6;color:var(--ink-soft)}.yt-title{display:block;color:var(--ink)}.yt-ch{display:block}.yt-ch b{margin-left:5px;padding:0 5px;border-radius:4px;background:var(--cream-deep);font-size:10.5px;font-weight:700}.site-foot{margin-top:44px;background:var(--surface);border-top:1px solid var(--line);padding:24px 0 36px;text-align:center}.site-foot p{margin:0 auto 7px;font-size:12.5px}.site-foot .fine{color:var(--ink-soft);font-size:11.5px;line-height:1.8}.foot-art{display:block;margin:0 auto 12px;width:132px}@media(min-width:640px){.cat-list,.cards{grid-template-columns:1fr 1fr}.slider-arrow{opacity:.001}}@media(min-width:1000px){.cat-list,.cards{grid-template-columns:repeat(3,1fr)}}