:root{--bg:#fbfaf7;--surface:#fff;--border:#e9e5dc;--text:#23201b;--text-muted:#6f6a60;--accent:#c0392b;--accent-weak:#f6e7e4;--brand:#1f7a54;--brand-weak:#e6f1ec;--shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);--radius:14px;--maxw:1080px;--pad:18px}@media (prefers-color-scheme:dark){:root{--bg:#16140f;--surface:#211e18;--border:#34302a;--text:#f0ece3;--text-muted:#a39c8e;--accent:#e5705f;--accent-weak:#3a2723;--brand:#6cc59a;--brand-weak:#1e3a2e;--shadow:0 1px 2px rgba(0,0,0,.3),0 8px 24px rgba(0,0,0,.35)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;line-height:1.75;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:saturate(140%) blur(8px);backdrop-filter:saturate(140%) blur(8px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:8px 0}.brand{display:inline-flex;align-items:baseline;gap:8px;font-weight:800;letter-spacing:.02em;line-height:1.2}.brand__mark{color:var(--brand);font-size:16px}.brand__sub{font-size:12px;color:var(--text-muted);font-weight:600}.nav{display:flex;gap:6px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav a{flex:0 0 auto;font-size:13px;font-weight:600;color:var(--text-muted);padding:6px 10px;border-radius:999px;white-space:nowrap}.nav a:hover{color:var(--text);background:var(--brand-weak)}@media (max-width:640px){.site-header__inner{flex-wrap:wrap;padding:8px 0 6px}.brand{flex:1 1 100%}.brand__mark{font-size:15px}.nav{order:3;width:100%;margin:2px calc(-1 * var(--pad)) 0;padding:2px var(--pad) 4px}.nav a{font-size:13px;padding:7px 12px;background:var(--brand-weak);color:var(--text)}}.hero{padding:40px 0 28px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,var(--brand-weak),transparent)}.hero h1{font-size:clamp(24px,4.5vw,38px);line-height:1.3;margin:0 0 10px}.hero p{color:var(--text-muted);margin:0;font-size:15px}.section{padding:32px 0}.section__head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}.section__head h2{font-size:clamp(19px,3vw,24px);margin:0}.section__head a{color:var(--brand);font-size:13px;font-weight:700}.cat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}@media (min-width:640px){.cat-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:900px){.cat-grid{grid-template-columns:repeat(4,1fr)}}.cat-card{display:flex;flex-direction:column;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;transition:transform .12s ease,box-shadow .12s ease}.cat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.cat-card__emoji{font-size:26px}.cat-card__name{font-weight:800;font-size:16px}.cat-card__meta{font-size:12px;color:var(--text-muted)}.prod-grid{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:14px;gap:14px}@media (min-width:560px){.prod-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:900px){.prod-grid{grid-template-columns:repeat(3,1fr)}}.card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.card__imgwrap{position:relative;aspect-ratio:4/3;background:var(--brand-weak);overflow:hidden}.card__img{width:100%;height:100%;object-fit:cover;display:block}.card__noimg{display:grid;place-items:center;height:100%;color:var(--text-muted);font-size:13px}.badge{left:10px;background:var(--accent);font-size:13px;padding:4px 10px;box-shadow:var(--shadow)}.badge,.rank-num{position:absolute;top:10px;color:#fff;font-weight:800;border-radius:999px}.rank-num{right:10px;background:rgba(0,0,0,.62);font-size:12px;min-width:26px;height:26px;display:grid;place-items:center}.card__body{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;flex:1 1}.card__title{font-size:14px;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card__facts{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:var(--text-muted);margin-top:auto}.card__facts b{color:var(--text)}.card__shop{font-size:12px;color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--brand);color:#fff;font-weight:700;font-size:13px;padding:9px 12px;border-radius:10px;border:none;cursor:pointer}.btn:hover{filter:brightness(1.05)}.btn--block{width:100%}.article{padding:24px 0 8px}.article h1{font-size:clamp(22px,4vw,32px);line-height:1.3;margin:0 0 8px}.article__lead{color:var(--text-muted);margin:0 0 6px}.article__meta{font-size:12px}.article__meta,.note{color:var(--text-muted)}.note{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand);border-radius:10px;padding:14px 16px;font-size:13px;margin:20px 0}.note b{color:var(--text)}.site-footer{border-top:1px solid var(--border);margin-top:40px;padding:28px 0 48px;color:var(--text-muted);font-size:13px}.site-footer a{color:var(--brand)}.site-footer__links{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:10px}.breadcrumb{font-size:12px;color:var(--text-muted);padding:14px 0 0}.breadcrumb a:hover{color:var(--text)}.item-layout{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px;margin-top:16px}@media (min-width:720px){.item-layout{grid-template-columns:1.4fr 1fr;align-items:start}}.item-gallery{display:flex;flex-direction:column;gap:10px}.item-gallery__img{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--brand-weak)}.item-gallery__img img{width:100%;height:auto;display:block}.item-side{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px}@media (min-width:720px){.item-side{position:-webkit-sticky;position:sticky;top:76px}}.item-rate{font-size:15px;color:var(--text-muted);background:var(--accent-weak);border-radius:10px;padding:10px 12px}.item-rate b{color:var(--accent);font-size:22px;margin-left:6px}.item-facts{margin:0;display:flex;flex-direction:column;gap:8px}.item-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px dashed var(--border);padding-bottom:6px}.item-facts dt{color:var(--text-muted);font-size:13px;margin:0}.item-facts dd{margin:0;font-weight:700;font-size:14px;text-align:right}.card__title a:hover{color:var(--brand)}.card__imglink{display:block;height:100%}@media (max-width:640px){.hero{padding:24px 0 18px}.hero p{font-size:14px}.section{padding:22px 0}.article{padding:16px 0 4px}.prod-grid{gap:12px}.cat-grid{gap:10px}.cat-card{padding:13px}.prod-grid{grid-template-columns:repeat(2,1fr)}.card__title{font-size:13px}.card__body{padding:10px 11px 12px;gap:6px}.btn{padding:8px 10px;font-size:12px}.card__facts{font-size:11px}}