:root{--text: #535353;--muted: #7e7e7e;--accent: #eb6a7a;--accent-strong: #eb4257;--bg: #fff;--bg-soft: #fff8fb;--line: #f0dde1;--maxw: 720px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;color:var(--text);background:var(--bg);font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,system-ui,sans-serif;line-height:1.8;font-size:16px}img{max-width:100%;height:auto}a{color:var(--accent-strong)}.site-header{position:sticky;top:0;z-index:50;background:#fff;border-bottom:1px solid var(--line)}.header-bar{max-width:var(--maxw);margin:0 auto;height:52px;padding:0 12px 0 14px;display:flex;align-items:center;justify-content:space-between}.header-bar .brand{display:flex;align-items:center}.header-bar .brand img{display:block;height:30px;width:auto}.menu-btn{width:44px;height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:0;cursor:pointer;padding:0}.menu-btn span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .2s,opacity .2s}.menu-btn[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-btn[aria-expanded=true] span:nth-child(2){opacity:0}.menu-btn[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.drawer-overlay{position:fixed;inset:0;background:#0006;opacity:0;transition:opacity .25s;z-index:60}.drawer-overlay.is-open{opacity:1}.drawer{position:fixed;top:0;right:0;bottom:0;width:min(320px,86vw);background:#fff;z-index:70;overflow-y:auto;transform:translate(100%);transition:transform .25s ease;box-shadow:-4px 0 20px #0000001f;padding-bottom:32px}.drawer.is-open{transform:translate(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:2px solid var(--accent);font-weight:700}.drawer-close{background:none;border:0;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;width:44px;height:44px}.drawer-label{margin:18px 16px 6px;font-size:11.5px;font-weight:700;color:var(--accent-strong);letter-spacing:.06em}.drawer ul{list-style:none;margin:0;padding:0}.drawer a{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:var(--text);text-decoration:none;font-size:14.5px;border-bottom:1px solid #f2f2f2}.drawer a:active{background:var(--bg-soft)}.drawer-main a{font-weight:700}.drawer-themes a:before{content:"📗";margin-right:8px}.drawer-themes a{justify-content:flex-start}.drawer .count{font-size:12px;color:var(--muted)}.cat-chips{margin:10px 0 4px;display:flex;gap:8px;flex-wrap:wrap}.cat-chip{background:var(--accent);color:#fff;text-decoration:none;font-size:12px;font-weight:600;padding:3px 10px;border-radius:3px}.cat-chip:hover{background:var(--accent-strong)}.featured-image{margin:14px 0}.grad-btn{display:block;width:min(320px,80%);margin:18px auto;text-align:center;color:#fff;text-decoration:none;font-weight:700;font-size:14.5px;padding:12px 0;border-radius:999px;background:linear-gradient(90deg,#f7a04b,#eb4257)}.grad-btn:after{content:" »"}.hero{display:block;margin:0 0 24px;color:#fff;text-decoration:none;border-radius:6px;overflow:hidden}.hero img{display:block;width:100%;aspect-ratio:696 / 365;object-fit:cover}.hero .hero-overlay{display:block;background:linear-gradient(90deg,#f7a04b,#eb4257);padding:10px 14px 13px}.hero .hero-title{font-size:1.02rem;font-weight:700;line-height:1.5;margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hero .cat-chip{background:#00000059}.post-list{list-style:none;margin:0;padding:0}.post-list li{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid #f0f0f0;align-items:flex-start}.post-list img{width:132px;aspect-ratio:696 / 365;height:auto;object-fit:cover;flex-shrink:0;border-radius:4px}.post-list .pl-title{font-weight:700;font-size:14.5px;line-height:1.5;color:#222;text-decoration:none;display:block}.post-list .pl-byline{font-size:11.5px;color:var(--muted);margin-top:6px}.section-heading{font-size:1.15rem;border-left:none;background:none;padding:0 0 6px;border-bottom:2px solid #e5e5e5;margin:34px 0 12px}.cat-card{display:block;text-decoration:none;color:inherit}.cat-card img{width:100%;aspect-ratio:696 / 365;object-fit:cover;border-radius:6px}.cat-card .cc-title{font-weight:700;font-size:1.02rem;margin:10px 0 4px;color:#222}.cat-card .cc-excerpt{font-size:13px;color:var(--muted)}.page-title{font-size:1.3rem;border-left:5px solid var(--accent);padding-left:10px;margin:18px 0 14px}.count-badge{font-size:12px;color:var(--muted);font-weight:400;margin-left:8px}.sitemap-links{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px}.sitemap-links a{font-weight:600;text-decoration:none}.sitemap-list{padding-left:1.2em;font-size:14px}.sitemap-list li{margin:6px 0}.sitemap-list a{color:var(--text);text-decoration:none}.sitemap-list a:hover{color:var(--accent-strong)}.guide-lead{font-size:13.5px;color:var(--muted);margin:4px 0 10px}.guide-grid{list-style:none;padding:0;margin:0;display:grid;gap:8px}.guide-grid a{display:block;background:#f2f8f6;border:1px solid #d8eae4;border-radius:6px;padding:12px 14px;text-decoration:none;color:#24705f;font-weight:700;font-size:14px}.guide-grid a:before{content:"📗 "}.guide-grid a:hover{background:#e6f3ef}.pillar-link{background:#f2f8f6;border:1px solid #d8eae4;border-radius:6px;padding:10px 12px;font-size:13.5px;color:#4a6b62}.pillar-link a{font-weight:700;color:#24705f;text-decoration:none}.pillar-link a:hover{text-decoration:underline}.guide-chip{background:#3ba08a}.related-articles{margin-top:36px}article .entry-title{font-size:1.4rem}.legacy-content,.guide-content{font-size:15.5px}.guide-content table{display:block;overflow-x:auto;border-collapse:collapse}.guide-content th,.guide-content td{border:1px solid var(--line);padding:8px 10px;font-size:13.5px}.guide-content th{background:var(--bg-soft)}.site-footer{margin-top:40px;background:var(--bg-soft);border-top:2px solid var(--accent);color:var(--muted);font-size:13px}.footer-inner{max-width:var(--maxw);margin:0 auto;padding:24px 16px;text-align:center}.footer-brand img{height:36px;width:auto}.footer-tagline{margin:8px 0 16px}.footer-nav{display:flex;justify-content:center;gap:16px;margin-bottom:16px}.footer-nav a{color:var(--text);text-decoration:none}.footer-cats ul{list-style:none;padding:0;margin:4px 0 16px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.footer-cats a{color:var(--text)}.footer-cats .count{margin-left:4px;color:var(--muted)}.copyright{margin:0}main{max-width:var(--maxw);margin:0 auto;padding:16px}h1{font-size:1.45rem;line-height:1.5;margin:.6em 0;color:#3a3a3a}h2{font-size:1.2rem;background:var(--bg-soft);border-left:5px solid var(--accent);padding:8px 12px;margin-top:2em;border-radius:3px}h3{font-size:1.05rem;border-bottom:2px solid var(--line);padding-bottom:4px}#toc_container{background:var(--bg-soft);border:1px solid var(--line);border-radius:6px;padding:14px 18px;margin:20px 0;font-size:14.5px}#toc_container .toc_title{font-weight:700;margin:0 0 8px;color:var(--accent-strong)}#toc_container ul{margin:0;padding-left:1.2em}#toc_container a{color:var(--text);text-decoration:none}#toc_container a:hover{color:var(--accent-strong)}.breadcrumb{font-size:12px;color:var(--muted);margin:12px 0 8px}.breadcrumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}.breadcrumb li+li:before{content:"›";margin-right:4px;color:#bbb}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover{color:var(--accent-strong);text-decoration:underline}.article-meta{font-size:12.5px;color:var(--muted)}.ad-disclosure{background:#fff4f6;border:1px solid #e8c2cb;border-left:4px solid var(--accent);border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.7;color:#3d3d3d;margin:14px 0}.ad-disclosure strong{color:var(--accent-strong)}.product-card{border:1px solid var(--line);border-radius:8px;padding:14px;margin:20px 0}.product-card .pr-label{display:inline-block;font-size:11px;color:#fff;background:var(--muted);border-radius:3px;padding:1px 6px;margin-bottom:6px}.product-card .maker{font-size:12.5px;color:var(--muted)}.product-card .name{font-weight:700;margin:2px 0 8px}.product-card .price{font-size:14px;margin:6px 0}.product-card .shops{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.product-card .shops a{display:block;flex:1 1 30%;min-width:96px;text-align:center;padding:10px 8px;border-radius:6px;color:#fff;text-decoration:none;font-size:14px}.product-card .shops a.amazon{background:#e88a00}.product-card .shops a.rakuten{background:#bf0000}.product-card .shops a.yahoo{background:#f03}