:root{--bg:#f8f5ee;--paper:#fffdf8;--ink:#27251f;--muted:#6e695f;--line:#ded7c8;--green:#52634f;--deep:#354539;--wine:#815552}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hiragino Sans","Yu Gothic",system-ui,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}
.site-header{background:#fffdf8;border-bottom:1px solid var(--line)}.header-inner{max-width:1180px;margin:auto;padding:13px 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;align-items:baseline}.brand-main{font-family:Georgia,serif;font-size:27px;font-weight:700}.brand-sub{font-size:11px;color:var(--muted)}.global-nav{display:flex;gap:24px;font-size:13px}
main{max-width:1180px;margin:auto;padding:0 28px 68px}.breadcrumb{display:flex;gap:8px;padding:12px 0 4px;color:var(--muted);font-size:11px}
.eyebrow{color:var(--green);font:700 10px Georgia,serif;letter-spacing:.18em}
.intro{padding:18px 0 20px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:40px;align-items:end}.intro h1{margin:2px 0 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:42px;font-weight:500}.intro p{margin:0 0 4px;color:#5e5a52;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:14px}
.section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:14px}.section-head h2{margin:3px 0 0;font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:26px;font-weight:500}.section-head p{margin:0;max-width:440px;color:var(--muted);font-size:11px}.section-head.compact{margin-bottom:12px}
.featured-section{padding:22px 0 8px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-tile{background:var(--paper);border:1px solid var(--line)}.tile-image{aspect-ratio:3/2}.tile-copy{padding:14px 15px 15px}.category{color:var(--wine);font-size:9px}.tile-copy h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:20px;margin:3px 0 5px}.tile-copy p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.55}
.visual-onryo{background:linear-gradient(135deg,#d8d2c4,#7e8578 60%,#52594f)}.visual-yokai{background:linear-gradient(135deg,#b2af98,#53625b 55%,#333d3b)}.visual-tenkabito{background:linear-gradient(135deg,#c9b78f,#8f7158 50%,#53463c)}.visual-kami{background:linear-gradient(135deg,#d9d2b8,#93a398 50%,#58685f)}.visual-onmyoji{background:linear-gradient(135deg,#d4d0c1,#747c70,#3d4942)}.visual-oni{background:linear-gradient(135deg,#c6a598,#845f56,#403936)}.visual-castle{background:linear-gradient(135deg,#d7d5ce,#89908c,#505853)}.visual-deified{background:linear-gradient(135deg,#d6c9a9,#9b835a,#5d4e39)}.visual-anime{background:linear-gradient(135deg,#cfd7da,#88a2ab,#4f6d78)}.visual-region{background:linear-gradient(135deg,#d4c8af,#8fa08a,#566657)}.visual-mystery{background:linear-gradient(135deg,#bbb4aa,#716d69,#42403f)}.visual-place{background:linear-gradient(135deg,#d8cfbd,#8a927e,#58604f)}
.ad-slot{min-height:82px;margin:24px 0;border:1px dashed #c8c1b3;background:rgba(255,255,255,.4);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8b8579}.ad-slot span{font-size:8px;letter-spacing:.16em}.ad-slot strong{font-size:11px;font-weight:500}.ad-slot small{font-size:8px}
.theme-section{padding:2px 0 10px}.theme-chips{display:flex;flex-wrap:wrap;gap:8px}.theme-chips a{background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:7px 12px;font-size:10px}.theme-chips a:hover{border-color:#a8a091}
.all-section{padding:18px 0 4px}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 14px}.searchbox{display:flex;align-items:center;gap:9px;font-size:10px;color:var(--muted)}.searchbox input{width:300px;padding:9px 11px;border:1px solid var(--line);background:var(--paper);font:inherit}.sort{display:flex;gap:6px}.sort button,.pagination button{border:1px solid var(--line);background:var(--paper);padding:7px 10px;font-size:10px;color:var(--ink)}.sort .active,.pagination .current{background:var(--deep);color:#fff;border-color:var(--deep)}
.all-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.small-card{background:var(--paper);border:1px solid var(--line)}.small-image{aspect-ratio:16/10}.small-card>div:last-child{padding:9px 10px 10px}.small-card span{color:var(--wine);font-size:8px}.small-card h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:15px;margin:2px 0}
.pagination{display:flex;justify-content:center;align-items:center;gap:5px;margin-top:18px}.pagination span{font-size:10px;color:var(--muted)}
.zukan-link{padding:20px 24px;background:#eeece4;display:flex;align-items:center;justify-content:space-between;gap:24px}.zukan-link h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:24px;font-weight:500;margin:3px 0}.zukan-link p{margin:0;color:var(--muted);font-size:11px}.zukan-link a{font-weight:700;color:var(--deep);white-space:nowrap;font-size:12px}
.site-footer{background:#273229;color:#f3efe6;padding:34px max(28px,calc((100vw - 1124px)/2));display:flex;justify-content:space-between;gap:34px}.site-footer strong{font-family:Georgia,serif;font-size:25px}.site-footer p{margin:2px 0 0;color:#c7cdc5;font-size:10px}.site-footer nav{display:flex;flex-wrap:wrap;gap:15px;align-items:center;font-size:10px;color:#dde1da}