:root{--paper:#fbfaf7;--ink:#1f2933;--muted:#52606d;--accent:#963f2d;--line:#d6d3ca;--green:#285c48}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Yu Gothic','Hiragino Kaku Gothic ProN','Noto Sans JP',sans-serif;font-size:17px;line-height:1.7}a{color:var(--accent);text-underline-offset:5px}a:hover{text-decoration-thickness:2px}button,input,select{font:inherit}button,select,input{min-height:44px}button{cursor:pointer}a,button,input,select,summary{touch-action:manipulation}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}h1,h2,h3,p,figure{margin:0}h1{font-size:42px;line-height:1.45;letter-spacing:.01em}h2{font-size:30px;line-height:1.5}h3{font-size:20px;line-height:1.5}p+p{margin-top:1em}img{max-width:100%;height:auto;display:block}small,.note,figcaption{font-size:14px;color:var(--muted)}.wrap{width:min(1160px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:16px;padding:12px;background:white;z-index:10}.skip:focus{top:8px}.site-header{border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:22px}.brand{font-size:24px;font-weight:600;text-decoration:none;color:var(--ink);white-space:nowrap}nav{display:flex;gap:24px;flex-wrap:wrap}nav a{font-size:15px;color:var(--ink);display:inline-flex;min-height:44px;align-items:center}.hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:48px;padding-block:58px}.eyebrow{font-size:14px;letter-spacing:.12em;color:var(--accent);margin-bottom:14px}.hero p{margin-top:20px}.hero .actions{margin-top:28px}.hero figcaption{text-align:right;margin-top:6px}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 20px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}.button.secondary{background:transparent;color:var(--accent)}section{padding-block:44px;border-top:1px solid var(--line)}.section-heading{display:flex;gap:24px;justify-content:space-between;align-items:baseline;margin-bottom:26px}.section-heading p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:28px;align-items:start}.feature-intro h3{font-size:26px;margin-bottom:18px}.feature-intro p{margin-bottom:20px}.photo{height:210px;display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:18px}.photo img{width:190px;height:190px;object-fit:contain}.photo-missing{background:#eeece6;text-align:center;padding:22px;color:var(--muted);font-size:14px}.product-title{margin-top:8px;overflow-wrap:anywhere}.product-meta{font-size:14px;color:var(--muted);margin-top:10px}.feature-product a{display:inline-flex;align-items:center;min-height:44px;margin-top:8px}.label{font-size:14px;color:var(--green);font-weight:600}.caution{border-left:3px solid #b59b65;padding:12px 20px;background:#f2eee4;margin-top:28px}.picker{background:#f0eee8;border:1px solid var(--line);padding:28px;margin-top:24px}.select-row{display:grid;grid-template-columns:1fr 2fr;gap:20px}.field label{display:block;margin-bottom:8px;font-weight:600}.field select,.field input{width:100%;padding:10px 12px;border:1px solid #8b9296;background:white;border-radius:3px;color:var(--ink)}.help-links{margin-top:18px;font-size:15px}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.filters button{border:1px solid #7e8589;background:transparent;color:var(--ink);padding:7px 15px;border-radius:3px}.filters button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}details{margin-top:18px}summary{cursor:pointer;padding-block:8px;min-height:44px}.manual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-block:16px}.error{color:#922c20;font-size:15px;min-height:26px}.status{margin-block:20px;color:var(--muted)}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.result-card{border-top:2px solid var(--line);padding-top:22px;min-width:0}.result-card .photo{height:170px;float:right;width:150px;margin:0 0 14px 18px}.result-card .photo img{width:145px;height:145px}.result-card .photo-missing{display:none}.result-card h3{margin-block:8px}.result-card .reason{font-size:15px;margin-block:12px}.result-card dl{clear:both}.state{font-size:14px;font-weight:600;color:var(--muted)}.state.candidate{color:var(--green)}.state.short{color:#922c20}dl{margin:18px 0}dl>div{display:grid;grid-template-columns:120px 1fr;gap:14px;padding-block:9px;border-bottom:1px solid var(--line);font-size:15px}dt{color:var(--muted)}dd{margin:0;overflow-wrap:anywhere}.compare-select{display:flex;align-items:center;gap:10px;min-height:44px;margin-top:12px}.compare-select input{width:20px;height:20px;min-height:20px;accent-color:var(--accent)}.table-scroll{overflow-x:auto;max-width:100%;margin-top:24px;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;font-size:15px}th,td{text-align:left;vertical-align:top;padding:15px 18px;border-bottom:1px solid var(--line)}thead th{background:#eae7df;position:sticky;top:0}tbody th{font-weight:500;color:var(--muted);width:180px}tbody tr:nth-child(even){background:#f2f0ea}table.multi{min-width:740px;table-layout:fixed}table.multi th,table.multi td{overflow-wrap:anywhere}.article-head{padding:42px 0 32px;max-width:880px}.crumb{font-size:14px;color:var(--muted);margin-bottom:24px}.article-head .lead{font-size:18px;margin-top:22px}.article-head .note{margin-top:16px}.article-nav{display:flex;gap:22px;flex-wrap:wrap;padding-block:8px}.article-nav a{min-height:44px;display:flex;align-items:center}.article-products{display:grid;grid-template-columns:1fr 1fr;gap:40px}.article-products .photo{height:230px}.article-products .photo img{height:210px;width:210px}.article-products p{margin-top:12px}.article-table{min-width:620px}.prose{max-width:760px}.prose h2{margin-bottom:20px}.prose h3{margin:28px 0 12px}.prose li{margin-bottom:10px}.site-footer{border-top:1px solid var(--line);padding-block:32px;margin-top:30px}.site-footer p{font-size:14px;color:var(--muted);margin-top:10px}.site-footer nav{margin-top:18px}.local-note{font-size:14px;text-align:center;padding:7px;background:#eeece6;color:var(--muted)}[hidden]{display:none!important}
@media(max-width:900px){.hero{gap:26px}h1{font-size:36px}.feature-grid{grid-template-columns:1fr 1fr}.feature-intro{grid-column:1/-1}.header-inner{flex-wrap:wrap;gap:6px}.section-heading{display:block}.section-heading p{margin-top:10px}}
@media(max-width:600px){.wrap{width:calc(100% - 40px)}.brand{font-size:20px}nav{gap:16px}.header-inner{padding-block:14px}.hero{grid-template-columns:1fr;padding-block:30px;gap:26px}h1{font-size:30px}h2{font-size:25px}.hero p{margin-top:16px}.hero .actions{margin-top:22px}.hero figure{margin-top:0}.feature-grid{gap:18px}.feature-product h3{font-size:18px}.photo{height:160px}.photo img{width:145px;height:145px}.photo-missing{padding:12px}.section-heading{margin-bottom:20px}section{padding-block:30px}.picker{padding:18px}.select-row,.manual-grid{grid-template-columns:1fr;gap:14px}.result-grid{grid-template-columns:1fr}.result-card .photo{width:120px;height:130px}.result-card .photo img{width:115px;height:115px}.article-products{grid-template-columns:1fr;gap:30px}.article-products .photo{height:230px}.article-head{padding-block:28px}.article-head .lead{font-size:17px}.article-table{min-width:600px}th,td{padding:12px}.actions .button{width:100%}.caution{padding:12px 14px}.site-footer nav{gap:10px 18px}}
@media(max-width:350px){.wrap{width:calc(100% - 32px)}.feature-grid{grid-template-columns:1fr}.feature-intro{grid-column:auto}.feature-product .photo{height:200px}.feature-product .photo img{height:185px;width:185px}}
.product-price{margin:16px 0;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow-wrap:anywhere}.product-price .price-value{font-size:22px;font-weight:600;color:var(--ink)}.product-price p+p{margin-top:4px}.product-price a{display:inline-block;margin-top:8px}.photo.product-photo{height:auto;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.product-photo a{max-width:100%}.photo.product-photo img,.result-card .photo.product-photo img,.article-products .photo.product-photo img{width:auto;max-width:100%;height:auto;max-height:210px;object-fit:contain}.product-photo figcaption{font-size:12px;text-align:center}.result-card .photo.product-photo{width:100%;float:none;margin:0 0 14px}.result-card .photo.product-photo.photo-missing{display:flex;min-height:72px}.product-photo.photo-missing a{font-size:14px}#rakuten-credit{margin:16px auto;width:min(1160px,calc(100% - 40px))}
/* 用途別商品設計 2026-09-29 */
[hidden]{display:none!important}.use-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:26px 0}.use-grid a{border-top:2px solid var(--accent);padding:18px 8px;text-decoration:none;color:var(--ink)}.use-grid span{display:block;font-size:13px;color:var(--accent)}.use-grid strong{display:block;font-size:20px}.use-grid small{display:block}.curated-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 26px;margin:28px 0}.curated-card{border-top:1px solid var(--line);padding-top:20px;min-width:0}.curated-card h3{font-size:20px;margin:8px 0}.curated-card .photo{height:190px}.curated-card .photo img{height:160px;width:160px}.curated-card .photo-missing{height:auto;min-height:70px;justify-content:flex-start;text-align:left;background:transparent;border-left:2px solid var(--line);padding:10px 14px;margin:0 0 14px}.curated-card .product-price{font-size:15px}.curated-card .product-price .note{font-size:12px}.curated-card .pick-title{font-size:13px;color:var(--accent);letter-spacing:.02em}.curated-card>p{font-size:15px}.curated-card .note{font-size:13px}.curated-more{margin:24px 0}.curated-more>summary{font-size:18px;font-weight:600}.editorial-link{display:flex;justify-content:space-between;align-items:center;gap:24px;background:#efede6;padding:28px;margin-top:30px}.catalog-notice{clear:both;border-left:3px solid #927c4b;padding:8px 12px;background:#f1ece0;font-size:14px;margin-bottom:12px}.comparison-jump{display:inline-flex;padding:12px 0;font-weight:600}.result-card .photo-missing{display:flex;float:none;width:auto;height:auto;background:transparent;padding:0;justify-content:flex-start;font-size:13px}.result-card .photo{height:auto;flex-direction:column}.result-card .photo figcaption{font-size:11px}.product-price{clear:both}.hero img{width:100%;height:auto;object-fit:contain}.curated-card .photo{flex-direction:column}.curated-card figcaption{font-size:11px}.curated-card .spec-preview{color:var(--muted);font-size:13px;margin-top:10px}.curated-card>a:last-child{display:inline-flex;min-height:44px;align-items:center}.result-card h3{scroll-margin-top:20px}
@media(max-width:800px){.curated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-link{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.curated-grid{grid-template-columns:1fr;gap:24px}.curated-card{display:flow-root}.curated-card .photo:not(.photo-missing){float:right;width:125px;height:auto;margin:0 0 12px 12px}.curated-card .photo img{width:120px;height:120px}.curated-card .product-price{clear:both}.curated-card .photo-missing{min-height:0}.use-grid strong{font-size:17px}.editorial-link{padding:20px}.result-card dl>div{grid-template-columns:100px minmax(0,1fr)}}
