:root{--maxw: 960px;--radius: 14px;--shadow: 0 2px 8px rgba(40, 30, 20, .06), 0 8px 24px rgba(40, 30, 20, .05);--shadow-sm: 0 1px 3px rgba(40, 30, 20, .08);--gap: 1.25rem;--font: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font);color:var(--c-ink);background:var(--c-bg);line-height:1.8;font-size:16px;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:var(--c-primary-dark)}h1,h2,h3{line-height:1.45;color:var(--c-ink)}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:1.1rem}.section{margin-block:3rem}.section__head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:1.3rem}.section__head h2{font-size:1.4rem;margin:0;padding-left:.7rem;border-left:5px solid var(--c-primary)}.section__head .more{margin-left:auto;font-size:.9rem;white-space:nowrap}.site-header{background:var(--c-surface);border-bottom:1px solid rgba(0,0,0,.06);position:sticky;top:0;z-index:20}.site-header__inner{display:flex;align-items:center;gap:1rem;padding-block:.8rem}.site-header__logo{font-weight:800;font-size:1.25rem;color:var(--c-primary-dark);text-decoration:none;white-space:nowrap}.site-header__logo span{font-size:.7rem;font-weight:600;color:var(--c-ink);opacity:.6;display:block;line-height:1.3}.site-nav{margin-left:auto;display:flex;flex-wrap:wrap;gap:.3rem 1rem}.site-nav a{text-decoration:none;color:var(--c-ink);font-size:.92rem;font-weight:600;padding:.3rem .2rem}.site-nav a:hover{color:var(--c-primary-dark)}.disclosure-bar{background:#0000000a;color:var(--c-ink);font-size:.78rem;text-align:center;padding:.4rem 1rem}.site-footer{background:var(--c-surface);border-top:1px solid rgba(0,0,0,.06);margin-top:4rem;padding-block:2rem;font-size:.88rem}.site-footer__nav{display:flex;flex-wrap:wrap;gap:.6rem 1.3rem;margin-bottom:1rem}.site-footer__nav a{color:var(--c-ink);text-decoration:none}.site-footer__copy{opacity:.6;font-size:.8rem}.hero{background:linear-gradient(160deg,color-mix(in srgb,var(--c-primary) 16%,var(--c-surface)),var(--c-surface));border-radius:var(--radius);padding:2.4rem 1.6rem;margin-top:1.6rem;text-align:center}.hero h1{font-size:1.75rem;margin:0 0 .7rem}.hero p{margin:0 auto;max-width:38rem;opacity:.85}.btn{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;text-decoration:none;border-radius:999px;padding:.7rem 1.4rem;font-size:.95rem;transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--c-primary);color:#fff;box-shadow:var(--shadow-sm)}.btn--primary:hover{filter:brightness(1.05)}.btn--ghost{background:var(--c-surface);color:var(--c-primary-dark);border:2px solid var(--c-primary)}.aff-cta{display:flex;flex-direction:column;align-items:center;gap:.35rem;margin:1.4rem 0}.aff-cta__btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--c-primary);color:#fff;font-weight:800;font-size:1.05rem;text-decoration:none;border-radius:999px;padding:.9rem 2rem;box-shadow:0 6px 16px color-mix(in srgb,var(--c-primary) 40%,transparent)}.aff-cta__btn:hover{filter:brightness(1.05)}.aff-cta__note{font-size:.73rem;opacity:.55}.card-grid{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.s-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;position:relative}.s-card__rank{position:absolute;top:0;left:0;background:var(--c-primary);color:#fff;font-weight:800;font-size:.8rem;padding:.25rem .7rem;border-bottom-right-radius:10px}.s-card__rank--gold{background:#e0a407}.s-card__thumb{height:96px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:800;color:#fff}.s-card__body{padding:1rem 1.1rem 1.2rem;display:flex;flex-direction:column;gap:.5rem;flex:1}.s-card__name{font-size:1.1rem;margin:0}.s-card__name a{text-decoration:none;color:var(--c-ink)}.s-card__name a:hover{color:var(--c-primary-dark)}.s-card__catch{font-size:.85rem;opacity:.8;margin:0}.s-card__meta{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:auto}.tag{display:inline-block;font-size:.74rem;font-weight:700;padding:.18rem .6rem;border-radius:999px;background:color-mix(in srgb,var(--c-accent) 14%,var(--c-surface));color:var(--c-accent)}.tag--price{background:color-mix(in srgb,var(--c-primary) 14%,var(--c-surface));color:var(--c-primary-dark)}.rating{display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap}.rating__stars{position:relative;display:inline-block;font-size:1rem;letter-spacing:1px;font-family:system-ui,sans-serif}.rating__stars-bg{color:#00000029}.rating__stars-fill{color:#f5a623;position:absolute;top:0;left:0;overflow:hidden;white-space:nowrap}.rating__num{font-weight:800;font-size:.9rem}.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}table.compare{border-collapse:collapse;width:100%;min-width:620px;background:var(--c-surface);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);font-size:.88rem}table.compare th,table.compare td{padding:.7rem .8rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.07)}table.compare thead th{background:var(--c-primary);color:#fff;font-size:.82rem}table.compare tbody tr:last-child td{border-bottom:none}table.compare .name a{font-weight:700;text-decoration:none}.rank-item{display:grid;grid-template-columns:56px 1fr;gap:1rem;background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem;margin-bottom:var(--gap)}.rank-item__no{font-size:1.6rem;font-weight:900;color:var(--c-primary);text-align:center}.rank-item__no small{display:block;font-size:.6rem;letter-spacing:1px;opacity:.6}.rank-item h3{margin:0 0 .3rem;font-size:1.2rem}.rank-item h3 a{text-decoration:none;color:var(--c-ink)}.rank-item__why{font-size:.9rem;opacity:.85;margin:.4rem 0 .7rem}.prose{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.6rem 1.5rem}.prose h2{font-size:1.25rem;margin:1.8rem 0 .7rem;padding-bottom:.3rem;border-bottom:2px dashed color-mix(in srgb,var(--c-primary) 50%,transparent)}.prose h2:first-child{margin-top:0}.prose h3{font-size:1.05rem;margin:1.3rem 0 .5rem;color:var(--c-primary-dark)}.prose ul,.prose ol{padding-left:1.3rem}.prose a{color:var(--c-primary-dark)}.prose blockquote{margin:1rem 0;padding:.6rem 1rem;background:color-mix(in srgb,var(--c-accent) 8%,var(--c-surface));border-left:4px solid var(--c-accent);border-radius:6px;font-size:.92rem}.pc-grid{display:grid;gap:var(--gap);grid-template-columns:1fr 1fr}.pc-box{border-radius:var(--radius);padding:1rem 1.2rem}.pc-box h3{margin:0 0 .5rem;font-size:1rem}.pc-box ul{margin:0;padding-left:1.2rem;font-size:.9rem}.pc-box li{margin-bottom:.3rem}.pc-box--pro{background:color-mix(in srgb,#1f9d55 10%,var(--c-surface))}.pc-box--pro h3{color:#157a40}.pc-box--con{background:color-mix(in srgb,#d9534f 9%,var(--c-surface))}.pc-box--con h3{color:#b23b37}.scores{display:grid;gap:.5rem}.score-row{display:grid;grid-template-columns:6.5rem 1fr 2.4rem;align-items:center;gap:.6rem;font-size:.85rem}.score-bar{height:9px;border-radius:999px;background:#00000014;overflow:hidden}.score-bar>span{display:block;height:100%;background:var(--c-primary);border-radius:999px}.infobox{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.2rem 1.3rem}.infobox h2,.infobox h3{margin-top:0}.spec{width:100%;border-collapse:collapse;font-size:.9rem}.spec th,.spec td{padding:.5rem .3rem;border-bottom:1px solid rgba(0,0,0,.07);text-align:left;vertical-align:top}.spec th{width:6.5rem;color:var(--c-primary-dark);white-space:nowrap}.crumbs{font-size:.8rem;opacity:.75;margin:1rem 0;display:flex;flex-wrap:wrap;gap:.3rem}.crumbs a{color:var(--c-ink);text-decoration:none}.article-list{display:grid;gap:.9rem}.article-card{background:var(--c-surface);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:1rem 1.2rem;text-decoration:none;color:var(--c-ink);display:block}.article-card:hover{box-shadow:var(--shadow)}.article-card h3{margin:.3rem 0;font-size:1.05rem;color:var(--c-primary-dark)}.article-card p{margin:0;font-size:.86rem;opacity:.8}.page-head{margin:1.4rem 0 .6rem}.page-head h1{font-size:1.55rem;margin:0 0 .4rem}.page-head p{margin:0;opacity:.8;font-size:.95rem}.note{font-size:.78rem;opacity:.65;margin-top:.6rem}@media(max-width:600px){.hero h1{font-size:1.4rem}.pc-grid{grid-template-columns:1fr}.section__head h2{font-size:1.2rem}}