:root{--bg:#faf6ee;--surface:#ffffff;--surface-warm:#fff6e9;--surface-soft:#f7f3ea;--green:#5b7a4b;--green-dark:#4f6a40;--green-hover:#52713f;--terra:#c8693c;--terra-dark:#a14a22;--text:#33291d;--head:#2c2316;--muted:#7a6a59;--muted2:#9a8c79;--border:#ecdcc6;--badge-s-bg:#f4e6c4;--badge-s-fg:#7a5b18;--badge-m-bg:#e3e8cf;--badge-m-fg:#48522d;--badge-l-bg:#f5ddcd;--badge-l-fg:#a14a22;--font-head:"Zen Maru Gothic",system-ui,sans-serif;--font-body:"Noto Sans JP",system-ui,sans-serif;--maxw:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:2;-webkit-font-smoothing:antialiased}a{color:inherit}img{max-width:100%}.ph{background:repeating-linear-gradient(135deg,#f3ead9,#f3ead9 10px,#eee0cb 10px 20px);color:#b9a98f;display:grid;place-items:center;font:11px ui-monospace,Menlo,monospace;letter-spacing:.12em;border-radius:10px}.site-header{position:sticky;top:0;z-index:30;background:var(--surface);border-bottom:1px solid var(--border)}.site-header .inner{max-width:var(--maxw);margin:0 auto;padding:13px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.brand .mk{width:30px;height:30px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 15px var(--font-head)}.brand .name{font:700 18px var(--font-head);color:var(--head)}.gnav{display:flex;gap:18px;font-size:13px;color:#6f6155}.gnav a{text-decoration:none}.gnav a.is-current{color:var(--terra);font-weight:700}.header-right{display:flex;align-items:center;gap:18px}.menu-btn{display:flex;align-items:center;gap:8px;background:#f3ede1;border:1px solid var(--border);border-radius:9px;padding:8px 12px;cursor:pointer;font:700 12.5px var(--font-body);color:#5b4a38}.menu-btn .bars{display:flex;flex-direction:column;gap:3px}.menu-btn .bars span{width:15px;height:2px;background:#5b4a38;border-radius:2px}.container{max-width:var(--maxw);margin:0 auto;padding:0 24px}.breadcrumb{padding:26px 0 0;font-size:12px;color:var(--muted2)}.breadcrumb a{text-decoration:none}.breadcrumb .here{color:#6f6155}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;align-items:start;padding:16px 0 56px}.article{min-width:0}.kicker{display:inline-block;font:700 11.5px var(--font-body);letter-spacing:.08em;color:var(--terra);background:#f7e4d6;padding:4px 12px;border-radius:999px;text-decoration:none}h1{font:700 30px/1.5 var(--font-head);color:var(--head);margin:12px 0}.meta{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:var(--muted2);margin-bottom:18px}.hero-img{height:220px;margin-bottom:12px}.pr-note{font-size:13px;color:var(--muted2);margin:0 0 26px}.lead{font-size:15.5px;line-height:2.05;color:#4a4031;margin:0 0 24px}.lead strong,.article p strong{color:var(--head)}.conclusion{display:flex;gap:18px;align-items:stretch;background:var(--surface-warm);border:1px solid #f0dcc2;border-radius:14px;padding:20px 22px;margin-bottom:14px}.conclusion .body{flex:1}.badge-concl{display:inline-block;font:700 11.5px var(--font-body);color:#fff;background:var(--terra);padding:4px 12px;border-radius:999px;margin-bottom:11px}.conclusion h2{font:700 17px/1.65 var(--font-head);color:var(--head);margin:0 0 6px;border:0;padding:0}.conclusion p{margin:0;font-size:13.5px;line-height:1.9;color:var(--muted)}.conclusion .divider{width:1px;background:#f0dcc2}.conclusion .cta-col{width:210px;display:flex;flex-direction:column;justify-content:center;gap:10px}.btn-primary{display:block;text-align:center;font:700 14px var(--font-head);color:#fff;background:var(--green);padding:14px;border-radius:11px;text-decoration:none;min-height:48px}.btn-primary:hover{background:var(--green-hover)}.cta-col .sub{font-size:11px;line-height:1.7;color:var(--muted2);text-align:center}.assurance{display:flex;flex-wrap:wrap;gap:18px;font-size:11.5px;color:#8a7c6a;margin-bottom:30px}.article h2{font:700 21px var(--font-head);color:var(--head);margin:36px 0 14px;scroll-margin-top:90px;padding-bottom:8px;border-bottom:2px solid var(--border)}.article h2.plain{border:0;padding:0;margin-bottom:6px}.sub-note{margin:0 0 16px;font-size:12.5px;color:#8a7c6a}.article p{font-size:15.5px;line-height:2.05;color:#4a4031;margin:0 0 16px}.quickref{background:var(--surface-warm);border:1px solid #f0dcc2;border-radius:12px;padding:16px 20px;margin:0 0 16px}.quickref .t{font:700 13px var(--font-head);color:var(--terra-dark);margin-bottom:6px}.quickref .d{font-size:14px;line-height:2;color:#5b4a38}.criteria{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.criteria .c{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.criteria .c .t{font:700 13px var(--font-head);color:var(--green);margin-bottom:6px}.criteria .c .d{font-size:12.5px;line-height:1.85;color:var(--muted)}.types{display:flex;flex-direction:column;gap:14px;margin-bottom:8px}.tcard{display:flex;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.tcard.popular{box-shadow:0 4px 16px #5b7a4b1f}.tcard .thumb{width:150px;flex:none;min-height:120px;position:relative}.tcard .thumb .pop{position:absolute;top:8px;left:8px;font:700 10.5px var(--font-body);color:#fff;background:var(--terra);padding:3px 9px;border-radius:999px}.tcard .info{flex:1;min-width:0}.type-badge{display:inline-block;font:700 11px var(--font-head);padding:3px 11px;border-radius:999px;margin-bottom:8px}.type-badge.s{background:var(--badge-s-bg);color:var(--badge-s-fg)}.type-badge.m{background:var(--badge-m-bg);color:var(--badge-m-fg)}.type-badge.l{background:var(--badge-l-bg);color:var(--badge-l-fg)}.tcard .ttl{font:700 16px var(--font-head);color:var(--head);margin-bottom:8px}.fit{font-size:12.5px;line-height:1.7;color:var(--green-dark);margin-bottom:3px}.fit strong{color:var(--green)}.caution{font-size:12.5px;line-height:1.7;color:var(--terra-dark);margin-bottom:12px}.quote{background:var(--surface-soft);border-radius:9px;padding:10px 13px;font-size:12px;line-height:1.7;color:#6b5d4e;margin-bottom:13px}.shop-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.btn-shop{font:700 12.5px var(--font-head);color:#fff;background:var(--green);padding:10px 16px;border-radius:9px;text-decoration:none;min-height:40px;display:inline-flex;align-items:center}.btn-shop:hover{background:var(--green-hover)}.link-shop{font:600 12.5px var(--font-body);color:var(--green-dark);text-decoration:none}.link-shop:hover{text-decoration:underline}.editorial{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px 22px;margin:28px 0}.editorial .h{font:700 14.5px var(--font-head);color:var(--head);margin-bottom:12px}.editorial .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.editorial .t{font:700 12.5px var(--font-body);color:var(--green);margin-bottom:4px}.editorial .d{font-size:12px;line-height:1.8;color:var(--muted)}.petnote{background:#f1efe1;border:1px solid #e3ddc6;border-left:4px solid var(--terra);border-radius:12px;padding:18px 22px;margin:0 0 16px}.petnote .h{font:700 13.5px var(--font-head);color:var(--terra-dark);margin-bottom:6px}.petnote p{margin:0;font-size:14px;line-height:1.95;color:#5b4a38}.faq{display:flex;flex-direction:column;gap:12px}.faq .q{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.faq .q .t{font:700 14px var(--font-head);color:var(--head);margin-bottom:6px}.faq .q .a{font-size:14px;line-height:1.9;color:#6b5d4e}.related{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:28px}.related a{display:block;text-decoration:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:15px 17px}.related a:hover{border-color:#d8c4a6}.related .t{font:700 13.5px var(--font-head);color:var(--head);margin-bottom:4px}.related .d{font-size:11.5px;color:#8a7c6a}.disclosure{border-top:1px solid var(--border);padding-top:16px;font-size:11.5px;line-height:1.8;color:var(--muted2)}.toc-mobile{display:none;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:6px 14px;margin:8px 0 24px}.toc-mobile summary{font:700 13px var(--font-head);color:var(--head);cursor:pointer;padding:10px 4px;list-style:none}.toc-mobile summary::-webkit-details-marker{display:none}.toc-mobile summary:after{content:"＋";float:right;color:var(--muted2)}.toc-mobile[open] summary:after{content:"−"}.toc-mobile nav{display:flex;flex-direction:column;padding:4px 0 10px}.toc-mobile nav a{padding:8px 6px;font-size:13.5px;color:var(--muted);text-decoration:none;border-top:1px solid #f0e7d8}.sidebar{position:sticky;top:88px;align-self:start;display:flex;flex-direction:column;gap:16px}.toc{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 14px}.toc .h{font:700 12.5px var(--font-body);color:var(--muted2);letter-spacing:.06em;padding:0 8px 8px;border-bottom:1px solid #f0e7d8;margin-bottom:8px}.toc nav{display:flex;flex-direction:column}.toc a{display:block;padding:8px 12px;border-left:2px solid transparent;font-size:13px;line-height:1.5;color:var(--muted2);text-decoration:none}.toc a:hover{color:var(--green-dark)}.toc a.is-active{color:var(--green);font-weight:700;border-left-color:var(--green);background:var(--surface-soft)}.side-cta{background:var(--surface-warm);border:1px solid #f0dcc2;border-radius:14px;padding:18px 16px}.side-cta .h{font:700 14px var(--font-head);color:var(--head);margin-bottom:6px}.side-cta .d{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:12px}.side-cta a{display:block;text-align:center;font:700 13px var(--font-head);color:#fff;background:var(--green);padding:11px;border-radius:10px;text-decoration:none}.popular-list{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px}.popular-list .h{font:700 12.5px var(--font-body);color:var(--muted2);letter-spacing:.06em;margin-bottom:10px}.popular-list .items{display:flex;flex-direction:column;gap:10px}.popular-list a{font:700 13px var(--font-head);color:var(--head);text-decoration:none;line-height:1.5}.popular-list a:hover{color:var(--green)}.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:35;background:var(--surface);border-top:1px solid var(--border);box-shadow:0 -4px 16px #281e0f0f;padding:10px 16px;display:none}.sticky-cta .inner{max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;gap:14px;justify-content:space-between}.sticky-cta .t{font:700 13.5px var(--font-head);color:var(--head);min-width:0}.sticky-cta .t small{font-weight:500;color:#8a7c6a;font-size:11.5px}.sticky-cta a{flex:none;font:700 13px var(--font-head);color:#fff;background:var(--green);padding:11px 22px;border-radius:10px;text-decoration:none}.overlay{position:fixed;inset:0;background:#1e160c66;z-index:40;opacity:0;pointer-events:none;transition:opacity .28s ease}.overlay.open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;right:0;height:100%;width:300px;max-width:84vw;background:var(--bg);box-shadow:-8px 0 30px #281e0f29;z-index:50;padding:22px;transform:translate(100%);transition:transform .28s ease;overflow-y:auto}.drawer.open{transform:translate(0)}.drawer .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.drawer .top .t{font:700 16px var(--font-head);color:var(--head)}.drawer .close{background:none;border:none;cursor:pointer;font-size:22px;color:var(--muted);line-height:1;padding:4px}.drawer .search{display:flex;align-items:center;gap:8px;background:#f3ede1;border-radius:10px;padding:11px 12px;margin-bottom:20px;font-size:13px;color:var(--muted2);text-decoration:none}.drawer nav{display:flex;flex-direction:column}.drawer nav a{padding:14px 6px;border-bottom:1px solid #f0e7d8;font:700 14.5px var(--font-head);color:var(--head);text-decoration:none}.drawer nav a.is-current{color:var(--terra)}.drawer nav a:last-child{border-bottom:0}.site-footer{background:#f3ede1;border-top:1px solid var(--border);margin-top:8px}.site-footer .inner{max-width:var(--maxw);margin:0 auto;padding:40px 24px 28px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:32px}.footer-brand .brand{margin-bottom:12px}.footer-brand p{margin:0;font-size:12.5px;line-height:1.95;color:var(--muted);max-width:34em}.footer-col h3{font:700 12.5px var(--font-body);letter-spacing:.04em;color:var(--muted2);margin:0 0 12px}.footer-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.footer-col a{font-size:13px;color:var(--text);text-decoration:none;line-height:1.6}.footer-col a:hover{color:var(--green)}.footer-affiliate{margin-top:26px;padding:14px 16px;background:#fff;border:1px solid var(--border);border-radius:10px;font-size:11.5px;line-height:1.8;color:var(--muted)}.footer-bottom{max-width:var(--maxw);margin:24px auto 0;padding:14px 24px 0;display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:space-between;align-items:center;border-top:1px solid var(--border)}.footer-bottom .copy{font-size:11.5px;color:var(--muted2)}.footer-bottom .mini{display:flex;gap:16px;font-size:11.5px}.footer-bottom .mini a{color:var(--muted);text-decoration:none}.footer-bottom .mini a:hover{color:var(--green)}@media(max-width:1000px){.layout{grid-template-columns:1fr;gap:0}.sidebar{display:none}.toc-mobile,.sticky-cta{display:block}body{padding-bottom:74px}.conclusion{flex-direction:column;gap:14px}.conclusion .divider{display:none}.conclusion .cta-col{width:100%}.criteria{grid-template-columns:1fr}.editorial .cols{grid-template-columns:1fr;gap:12px}.related{grid-template-columns:1fr}}@media(max-width:1080px){.gnav{display:none}}@media(max-width:760px){.footer-top{grid-template-columns:1fr;gap:26px}}@media(max-width:560px){h1{font-size:23px}.tcard{flex-direction:column}.tcard .thumb{width:100%;min-height:150px}.container{padding:0 16px}.article p,.lead{font-size:15px}}.page-head{padding:30px 0 4px}.page-head h1{font-size:26px;margin:0 0 8px}.page-head p{margin:0;font-size:14px;line-height:1.95;color:var(--muted);max-width:60ch}.section{padding:22px 0}.section-title{font:700 19px var(--font-head);color:var(--head);margin:0 0 16px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tool-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:16px 18px;text-decoration:none}.tool-card:hover{border-color:#d8c4a6}.tool-card .cat{font:700 11px var(--font-body);color:var(--terra);margin-bottom:6px}.tool-card .ttl{font:700 15px var(--font-head);color:var(--head);margin-bottom:6px;line-height:1.5}.tool-card .sm{font-size:12.5px;line-height:1.8;color:var(--muted)}.cat-card{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;text-decoration:none}.cat-card:hover{border-color:#d8c4a6}.cat-card .ttl{font:700 16px var(--font-head);color:var(--head);margin-bottom:6px}.cat-card .sm{font-size:12.5px;line-height:1.85;color:var(--muted)}.hero{background:var(--surface-warm);border:1px solid #f0dcc2;border-radius:16px;padding:30px 28px;margin:28px 0 8px}.hero h1{font-size:26px;margin:0 0 10px;line-height:1.5}.hero p{margin:0;font-size:15px;line-height:2;color:#5b4a38;max-width:62ch}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.tag-chip{font-size:12px;color:var(--green-dark);background:#eef2e6;border:1px solid #dde6cf;border-radius:999px;padding:4px 12px;text-decoration:none}.tag-chip:hover{background:#e4ecd6}.simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.simple-list a{font:700 14px var(--font-head);color:var(--head);text-decoration:none}.simple-list a:hover{color:var(--green)}.checklist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.checklist li{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:13px 16px}.checklist li .box{flex:none;width:18px;height:18px;border:2px solid var(--green);border-radius:5px;margin-top:3px}.checklist li .lbl{font-size:14px;line-height:1.7}.checklist li .lbl a{color:var(--green-dark);font-weight:700;text-decoration:none}.checklist li .lbl a:hover{text-decoration:underline}.prose-narrow{max-width:760px}@media(max-width:900px){.card-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.card-grid{grid-template-columns:1fr}}.thumb-blank{background:var(--surface-soft);border:1px solid var(--border);border-radius:10px;display:grid;place-items:center;text-align:center;padding:12px}.thumb-blank .seg{font:700 12px var(--font-head);color:var(--muted2);line-height:1.5}.hero-band{height:120px;border-radius:14px;margin-bottom:14px;background:linear-gradient(135deg,var(--surface-warm),#f1ede0);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;gap:10px}.hero-band .mk{width:34px;height:34px;border-radius:9px;background:var(--green);color:#fff;display:grid;place-items:center;font:700 17px var(--font-head)}.hero-band .t{font:700 14px var(--font-head);color:var(--muted)}