:root{--bg:#fff;--ground:#f3f4f3;--ink:#2b2b2b;--sub:#6b6b6b;--line:#e6e6e3;--accent:#2a6a73;--accent-soft:#e8f1f3;--accent-line:#b0ccd2;--mark:#fff066;--cta:#c4502c;--cta-ink:#fff;--brand-dot:#dd6a3c;--r-pill:999px;--r-card:10px;--font:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",system-ui,sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--ground);color:var(--ink);font:400 .95rem/1.75 var(--font);margin:0}a{color:var(--accent)}.wrap{max-width:640px;margin:0 auto;padding:0 16px}header.site{background:var(--bg);border-bottom:1px solid var(--line)}header.site .wrap{justify-content:space-between;align-items:center;height:52px;display:flex}.logo{letter-spacing:.02em;color:var(--accent);font-size:1.1rem;font-weight:700;text-decoration:none}.logo i{color:var(--brand-dot);font-style:normal}.tagline{color:var(--sub);font-size:.72rem}main{flex-direction:column;gap:16px;padding:16px 0 28px;display:flex}.crumbs{color:var(--sub);margin:0;font-size:.95rem}.crumbs a{text-decoration:none}h1{margin:0;font-size:1.45rem;line-height:1.35}.concl{margin:0;font-size:1rem;font-weight:500}.concl em{font-style:normal}.list{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);flex-direction:column;padding:0 14px;display:flex}.item{border-top:1px solid var(--line);align-items:flex-start;gap:14px;padding:16px 0;display:flex}.item:first-child{border-top:0}.img{aspect-ratio:1;border:1px solid var(--line);color:#8a8a85;text-align:center;background:repeating-linear-gradient(45deg,#ecece8 0 8px,#f4f4f1 8px 16px);border-radius:3px;flex:0 0 38%;place-items:center;max-width:140px;font-size:.64rem;display:grid}.txt{flex-direction:column;flex:1;align-items:flex-start;gap:2px;min-width:0;display:flex}.badge,.chip{border-radius:var(--r-pill);color:var(--accent);border:1px solid var(--accent-line);padding:0 10px;font-size:.74rem;font-weight:700}.badge{background:var(--accent-soft)}.name{margin:0;font-weight:700;line-height:1.5}.why{color:var(--sub);margin:0;font-size:.88rem}.btn{border-radius:var(--r-pill);background:var(--cta);color:var(--cta-ink);margin-top:8px;padding:7px 16px;font-size:.88rem;font-weight:700;text-decoration:none;display:inline-block}.btn[aria-disabled=true]{opacity:.45;pointer-events:none}.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:14px}.card h2{margin:0 0 4px;font-size:.95rem}.card p{margin:0 0 .6em;font-size:.9rem}.card p:last-child{margin:0}.bar{border-top:1px solid var(--line);gap:12px;padding-top:12px;font-size:.95rem;font-weight:700;display:flex}.bar a{color:var(--accent);text-decoration:none}.bar .next{margin-left:auto}.sec{margin:4px 0 0;font-size:1.1rem}.nextcards{flex-direction:column;gap:8px;display:flex}.nextcards a{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);justify-content:space-between;gap:8px;padding:10px 14px;font-size:.9rem;text-decoration:none;display:flex}.nextcards a span{color:var(--accent);white-space:nowrap;font-weight:700}.catlist{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.catlist a{color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px;text-decoration:none;display:block}.catlist small{color:var(--sub);font-size:.8rem;display:block}.lead{color:var(--sub);margin:0;font-size:.9rem}footer.site{border-top:1px solid var(--line);background:var(--bg);color:var(--sub);font-size:.78rem}footer.site .wrap{padding-block:16px}a:focus-visible,.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.img{background:#fff;overflow:hidden}.img img{object-fit:contain;width:100%;height:100%;display:block}.lead-text{color:var(--ink);margin:0;font-size:.92rem}.facts{flex-wrap:wrap;gap:4px 6px;margin:6px 0 0;padding:0;list-style:none;display:flex}.facts li{color:var(--sub);background:var(--ground);border:1px solid var(--line);border-radius:var(--r-pill);padding:0 9px;font-size:.74rem}.points{margin:0;padding-left:1.2em;font-size:.9rem}.points li{margin:.15em 0}.reason{margin:2px 0 0;font-size:.92rem;font-weight:500}.why{color:var(--sub);font-size:.84rem}.name{margin-top:2px;font-size:1rem}.reason{margin:2px 0 0;font-size:.92rem;font-weight:400;line-height:1.6}.facts-line{color:var(--sub);margin:2px 0 0;font-size:.78rem;line-height:1.5}.img{border:0;border-radius:10px;flex-basis:34%;max-width:130px}.img img{border-radius:10px}.txt .btn{white-space:nowrap;margin-top:8px}.concl{font-size:1.02rem;font-weight:700;line-height:1.6}.mini{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 0 0;padding:12px 0 0;list-style:none;display:grid}.mini li{flex-direction:column;gap:2px;min-width:0;display:flex}.mini-img{aspect-ratio:1;border:1px solid var(--line);color:var(--sub);background:#fff;border-radius:10px;place-items:center;font-size:.7rem;display:grid;overflow:hidden}.mini-img img{object-fit:contain;width:100%;height:100%;display:block}.mini-role{color:var(--accent);margin-top:4px;font-size:.72rem;font-weight:700}.mini-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.mini-btn{text-align:center;background:var(--cta);color:var(--cta-ink);border-radius:var(--r-pill);white-space:nowrap;text-overflow:clip;white-space:normal;text-wrap:balance;border-radius:14px;margin-top:4px;padding:6px;font-size:.76rem;font-weight:700;line-height:1.35;text-decoration:none;overflow:visible}.mini{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;grid-template-columns:none;gap:10px;margin-right:-14px;padding-bottom:6px;padding-right:14px;display:flex;overflow-x:auto}.mini li{scroll-snap-align:start;flex:0 0 28%}.mini::-webkit-scrollbar{height:6px}.mini::-webkit-scrollbar-thumb{background:var(--line);border-radius:3px}.price-chip{color:var(--ink);font-weight:700}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Kaku Gothic ProN,Hiragino Sans,Noto Sans JP,Yu Gothic,sans-serif;font-size:16px}a{text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:760px}.site-header{background:var(--bg);border-bottom:1px solid var(--line)}.site-header .wrap{justify-content:space-between;align-items:center;height:56px;display:flex}.brand:hover{text-decoration:none}.logo{letter-spacing:-.01em;white-space:nowrap;font-family:Outfit,Avenir Next,Futura,-apple-system,sans-serif;font-size:1.5rem;font-weight:700;line-height:1}.logo .l1{color:var(--accent)}.logo .l2{color:var(--ink)}.logo .li{display:inline-block;position:relative}.logo .li b{background:var(--brand-dot);border-radius:50%;width:.19em;height:.19em;margin-left:-.095em;position:absolute;top:.06em;left:50%}.logo.sm{font-size:1.15rem}header.site,footer.site{display:none}.site-footer{border-top:1px solid var(--line);background:var(--bg);color:var(--sub);margin-top:24px;font-size:.78rem}.site-footer .wrap{flex-direction:column;gap:10px;padding-block:20px;display:flex}.foot-note{margin:0;line-height:1.7}.foot-nav{flex-wrap:wrap;gap:6px 18px;display:flex}.foot-nav a{color:var(--ink)}.copy{margin:0}.btn{border-radius:var(--r-pill);align-items:center;min-height:44px;font-weight:600;display:inline-flex}.ad-note{color:var(--sub);margin:0;font-size:.78rem}.home-hero{flex-direction:column;gap:6px;padding:8px 0 4px;display:flex}.home-tag{color:var(--sub);letter-spacing:.04em;margin:0;font-size:.8rem}.home-hero h1{margin:0}.home-search{position:relative}.home-search svg{width:19px;height:19px;color:var(--sub);pointer-events:none;margin-top:-9.5px;position:absolute;top:50%;left:15px}.home-search input{width:100%;font:inherit;border-radius:var(--r-pill);background:var(--bg);color:var(--ink);border:1px solid #d4d4d0;outline:none;padding:11px 16px 11px 43px;font-size:.95rem}.home-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.catlist li[hidden],.sec[hidden]{display:none}.no-result{color:var(--sub)}.prose{display:block}.prose h1{margin:14px 0 12px}.prose h2{margin:26px 0 6px;font-size:1.125rem}.prose p,.prose li{font-size:.95rem}.prose ul{margin:0 0 14px;padding-left:1.2em}.prose .meta{color:var(--sub);font-size:.8rem}.crit{flex-direction:column;gap:8px;list-style:none;display:flex;padding:0!important}.crit li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-card);padding:12px 14px}.crit li p{color:var(--sub);margin:2px 0 0;font-size:.9rem}:root{--fs-section:1.125rem;--fs-small:.78rem;--fs-body:.95rem}.home-search-area{padding-top:14px}.home-tag{color:var(--sub);font-size:var(--fs-small);letter-spacing:.05em;margin:0 2px 8px}.home-search{margin:0}.qchips{scrollbar-width:none;gap:8px;max-width:760px;margin:0 auto;padding:12px 16px 4px;scroll-padding:0 16px;display:flex;overflow-x:auto}.qchips::-webkit-scrollbar{display:none}.qchip,.chip{min-height:44px;font-size:var(--fs-small);color:var(--ink);border-radius:var(--r-pill);border:1px solid var(--line);background:var(--bg);flex:none;align-items:center;padding:6px 14px;display:inline-flex}.qchip:hover,.chip:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.chips{flex-wrap:wrap;gap:8px;display:flex}.home{display:block}.shelf{width:100%;max-width:760px;margin:0 auto;padding:18px 0 10px}.cat-head{width:100%;max-width:760px;margin:0 auto;padding:0 16px}#browse>.shelf:first-child{margin-top:6px}.shelf-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;padding:0 16px;display:flex}.shelf-head h2{font-size:var(--fs-section);margin:0}.more{font-size:var(--fs-small);white-space:nowrap}.shelf-row,.guide-row{scroll-snap-type:x proximity;scrollbar-width:none;gap:14px;margin:0;padding:0 16px 6px;scroll-padding:0 16px;list-style:none;display:flex;overflow-x:auto}.shelf-row::-webkit-scrollbar,.guide-row::-webkit-scrollbar{display:none}.shelf-item{scroll-snap-align:start;flex:0 0 96px}.shelf-item a{color:var(--ink);flex-direction:column;gap:7px;display:flex}.shelf-item a:hover{text-decoration:none}.shelf-title{font-size:var(--fs-small);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.thumb{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:6px;display:block;overflow:hidden}.thumb img{object-fit:contain;width:100%;height:100%;display:block}.thumb.xs{flex:0 0 52px;width:52px}.guide{scroll-snap-align:start;flex:0 0 236px}.guide a{border-radius:var(--r-card);border:1px solid var(--line);height:100%;color:var(--ink);background:var(--bg);flex-direction:column;gap:4px;padding:14px;display:flex}.guide a:hover{border-color:var(--accent);text-decoration:none}.guide-covers{gap:6px;margin-bottom:6px;display:flex}.guide-cat{font-size:var(--fs-small);color:var(--accent);font-weight:700}.guide-title{font-size:var(--fs-body);font-weight:700;line-height:1.5}.guide-count{font-size:var(--fs-small);color:var(--sub);margin-top:auto}.results{padding-top:12px}.result-count{color:var(--sub);font-size:var(--fs-small)}.crumbs{font-size:var(--fs-body);color:var(--sub);margin:14px 0 0}.crumbs i{margin:0 4px;font-style:normal}.theme-bar{justify-content:space-between;gap:16px;margin:6px 0 10px;display:flex}.theme-bar a{min-width:0;max-width:48%;min-height:44px;font-size:var(--fs-body);align-items:center;gap:6px;font-weight:600;display:flex}.theme-bar a span:not([aria-hidden]){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.theme-bar a+a,.theme-bar a:only-child:last-child{text-align:right}.theme-bar a span[aria-hidden]{font-size:1.25em;line-height:1}.theme-bar a:hover{text-decoration:none}.theme-bar a:hover span:not([aria-hidden]){text-decoration:underline}.theme-bar-bar{border-top:1px solid var(--line);margin:14px 0 0;padding-top:6px}.section-title{font-size:var(--fs-section);color:var(--ink);margin:0 0 10px;font-weight:700}.next-themes,.related-themes{margin-top:28px}.next-theme-grid{gap:12px;display:grid}.next-theme-card{border-radius:var(--r-card);background:var(--bg);min-width:0;color:var(--ink);border:1px solid #d4d4d0;align-items:flex-start;gap:14px;padding:16px;display:flex}.next-theme-card:hover{border-color:var(--accent);text-decoration:none}.next-theme-cover{aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:6px;flex:none;width:64px;display:block;overflow:hidden}.next-theme-cover img{object-fit:contain;width:100%;height:100%;display:block}.next-theme-text{flex:1;min-width:0}.next-theme-text h3{font-size:var(--fs-body);margin:0 0 6px;line-height:1.5}.next-theme-text p{font-size:var(--fs-small);color:var(--sub);white-space:nowrap;text-overflow:ellipsis;margin:0 0 8px;overflow:hidden}.next-theme-text>span{font-size:var(--fs-small);color:var(--accent)}@media (width>=600px){.next-theme-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.next-theme-card{flex-direction:column}.next-theme-text{width:100%}}@media (width>=900px){.wrap,.shelf,.cat-head,.qchips{max-width:1040px}}main.wrap>.card,main.wrap>.list{margin-top:0}.solution-angle{color:var(--accent);margin:0 0 4px;font-size:1rem;line-height:1.5}.solution-item .name{font-size:.9rem}.conditions{color:var(--ink);margin:6px 0 0;font-size:.8rem;line-height:1.6}.solution-item .txt{overflow-wrap:anywhere}@media (width<=380px){.solution-item{gap:10px}.solution-item .img{flex-basis:27%}}