:root{--color-bg:#fdfaf5;--color-surface:#fff;--color-text:#2e2620;--color-text-sub:#7a6f63;--color-accent:#d1691e;--color-accent-dark:#a6531a;--color-border:#e8ddd0;--color-amazon:#f90;--color-rakuten:#bf0000;--radius:10px;--max-width:1080px;font-family:Hiragino Sans,Yu Gothic,Noto Sans JP,sans-serif}*{box-sizing:border-box}body{background:var(--color-bg);color:var(--color-text);margin:0;line-height:1.7}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{max-width:var(--max-width);margin:0 auto;padding:0 20px}header.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}header.site-header .wrap{justify-content:space-between;align-items:center;padding-top:14px;padding-bottom:14px;display:flex}.logo{color:var(--color-accent-dark);letter-spacing:.02em;font-size:1.4rem;font-weight:700}.logo span{color:var(--color-accent)}nav.main-nav ul{gap:24px;margin:0;padding:0;font-size:.92rem;list-style:none;display:flex}nav.main-nav a:hover{color:var(--color-accent)}.hero{border-bottom:1px solid var(--color-border);background:linear-gradient(135deg,#fff3e6,#fdfaf5);padding:48px 0}.hero h1{margin:0 0 10px;font-size:1.8rem}.hero p{color:var(--color-text-sub);margin:0;font-size:.98rem}.section{padding:40px 0}.section-title{align-items:baseline;gap:10px;margin-bottom:20px;display:flex}.section-title h2{border-left:5px solid var(--color-accent);margin:0;padding-left:10px;font-size:1.25rem}.section-title .more{color:var(--color-text-sub);margin-left:auto;font-size:.85rem}.genre-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.genre-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);text-align:center;padding:16px 10px;font-size:.88rem;transition:transform .15s,box-shadow .15s}.genre-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0000000f}.genre-card .emoji{margin-bottom:6px;font-size:1.6rem;display:block}.article-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;display:grid}.article-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden}.article-card .thumb{aspect-ratio:4/3;color:var(--color-text-sub);background:#f1e6d8;justify-content:center;align-items:center;font-size:.8rem;display:flex}.article-card .body{padding:14px}.article-card .tag{color:var(--color-accent-dark);background:#fff0e0;border-radius:999px;margin-bottom:8px;padding:2px 8px;font-size:.72rem;display:inline-block}.article-card h3{margin:0 0 6px;font-size:.98rem}.article-card p.excerpt{color:var(--color-text-sub);margin:0;font-size:.85rem}.ranking-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.ranking-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);align-items:center;gap:14px;padding:10px 14px;display:flex}.ranking-item .rank{color:var(--color-accent);text-align:center;width:28px;font-size:1.1rem;font-weight:700}.ranking-item .thumb-sm{background:#f1e6d8;border-radius:8px;flex-shrink:0;width:56px;height:56px}.ranking-item .info h4{margin:0 0 2px;font-size:.92rem}.ranking-item .info p{color:var(--color-text-sub);margin:0;font-size:.8rem}.pr-notice{color:var(--color-text-sub);border:1px solid var(--color-border);background:#f5efe6;border-radius:6px;margin:16px 0;padding:8px 12px;font-size:.78rem}.shop-links{flex-wrap:wrap;gap:10px;margin:16px 0;display:flex}.shop-link-btn{text-align:center;border-radius:var(--radius);color:#fff;flex:150px;padding:12px 14px;font-size:.9rem;font-weight:700}.shop-link-btn.amazon{background:var(--color-amazon)}.shop-link-btn.rakuten{background:var(--color-rakuten)}.shop-link-btn.yahoo{background:#6b3fa0}.shop-link-btn:hover{filter:brightness(1.05)}article.post{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);max-width:760px;margin:0 auto;padding:28px}article.post h1{margin-top:0;font-size:1.5rem}article.post .meta{color:var(--color-text-sub);margin-bottom:20px;font-size:.82rem}article.post .thumb-large{aspect-ratio:16/9;border-radius:var(--radius);color:var(--color-text-sub);background:#f1e6d8;justify-content:center;align-items:center;margin-bottom:20px;display:flex}article.post h2{border-left:4px solid var(--color-accent);margin-top:32px;padding-left:10px;font-size:1.15rem}.author-box{border-radius:var(--radius);background:#f5efe6;align-items:flex-start;gap:14px;margin-top:32px;padding:16px;display:flex}.author-box .avatar{background:#e8ddd0;border-radius:50%;flex-shrink:0;width:56px;height:56px}.author-box h4{margin:0 0 4px;font-size:.95rem}.author-box p{color:var(--color-text-sub);margin:0;font-size:.82rem}footer.site-footer{color:#d8cfc3;background:#2e2620;margin-top:60px;padding:40px 0 24px;font-size:.85rem}footer.site-footer .footer-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:24px;margin-bottom:24px;display:grid}footer.site-footer h5{color:#fff;margin:0 0 10px;font-size:.85rem}footer.site-footer ul{margin:0;padding:0;list-style:none}footer.site-footer li{margin-bottom:6px}footer.site-footer a:hover{color:var(--color-accent)}.footer-bottom{text-align:center;color:#9a8f81;border-top:1px solid #453b32;padding-top:16px;font-size:.78rem}@media (width<=640px){nav.main-nav ul{gap:14px;font-size:.82rem}.hero h1{font-size:1.4rem}}