:root{--bg: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fafafa;--header: #0d0d0d;--text: #1f1f1f;--text-sub: #4a4a4a;--muted: #8b8b85;--gold: #c9a227;--gold-dark: #a8871d;--line: #e8e8e8;--radius: 10px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--card-border: 1px solid #ececec}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans JP,Hiragino Sans,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block}.header{background:var(--header);padding:14px 20px 10px}.header-inner{max-width:1060px;margin:0 auto;display:flex;align-items:baseline;gap:14px}.site-name{font-family:RocknRoll One,Noto Sans JP,sans-serif;font-size:1.7rem;color:#fff;letter-spacing:.04em;line-height:1}.site-name .mark{color:var(--gold);margin-right:6px}.tagline{font-size:.74rem;color:#9a9a94;letter-spacing:.06em}.nav{background:var(--header);border-bottom:3px solid var(--gold);overflow-x:auto;scrollbar-width:none}.nav::-webkit-scrollbar{display:none}.nav-inner{max-width:1060px;margin:0 auto;display:flex}.nav a{padding:11px 18px;font-size:.88rem;font-weight:700;color:#e2e2dc;white-space:nowrap;transition:color .15s,box-shadow .15s}.nav a:hover,.nav a.active{color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}.wrap{max-width:1060px;margin:22px auto 40px;padding:0 16px;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start}.main{min-width:0}.sec-head{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--line);margin:26px 0 16px}.sec-head h2{font-size:1.15rem;font-weight:900;padding-bottom:8px;border-bottom:2px solid var(--gold);margin-bottom:-2px}.sec-head a{font-size:.78rem;color:var(--muted)}.sec-head a:hover{color:var(--gold-dark)}.hero-card{border:var(--card-border);position:relative;display:block;border-radius:var(--radius);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow);animation:rise .5s ease both}.hero-card img{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .4s ease}.hero-card:hover img{transform:scale(1.03)}.hero-card .shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.84) 100%)}.hero-card .txt{position:absolute;left:18px;right:18px;bottom:14px}.hero-card h1{font-size:1.45rem;font-weight:900;line-height:1.5;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.6)}.hero-card .meta{margin-top:6px}.hero-card .meta span{color:#eee}.rows{display:flex;flex-direction:column;gap:12px}.row{border:var(--card-border);display:flex;gap:14px;background:var(--bg-card);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s;animation:rise .5s ease both}.row:nth-child(2){animation-delay:.05s}.row:nth-child(3){animation-delay:.1s}.row:nth-child(4){animation-delay:.15s}.row:hover{transform:translateY(-2px);box-shadow:0 4px 14px #28240a1f}.row img{width:168px;aspect-ratio:3 / 2;object-fit:cover;border-radius:6px;flex-shrink:0}.row .t{font-size:1.02rem;font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row:hover .t{color:var(--gold-dark)}.row .d{font-size:.78rem;color:var(--muted);margin-top:6px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.meta{display:flex;align-items:center;gap:8px;font-size:.74rem;color:var(--muted);margin-top:8px}.chip{font-weight:700}.side{display:flex;flex-direction:column;gap:22px}.side-box{border:var(--card-border);background:var(--bg-card);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.side-head{font-size:.98rem;font-weight:900;padding-bottom:9px;margin-bottom:12px;border-bottom:2px solid var(--line);position:relative}.side-head:after{content:"";position:absolute;left:0;bottom:-2px;width:74px;border-bottom:2px solid var(--gold)}.rank{display:flex;flex-direction:column;gap:12px}.rank a{display:flex;gap:10px;align-items:flex-start}.rank .n{font-family:RocknRoll One,sans-serif;color:var(--gold);font-size:1.05rem;width:1.2em;line-height:1.2;flex-shrink:0}.rank img{width:74px;aspect-ratio:1;object-fit:cover;border-radius:6px;flex-shrink:0}.rank .t{font-size:.8rem;font-weight:700;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rank a:hover .t{color:var(--gold-dark)}.ad{display:block;background:#fbf7e6;border:1px dashed #d5bd6a;border-radius:var(--radius);padding:18px;text-align:center;font-size:.82rem;color:var(--gold-dark);margin:16px 0}.ad:hover{background:#f7f0d8}.article .cat-chip{display:inline-block;font-size:.78rem;font-weight:700;border:1.5px solid currentColor;border-radius:4px;padding:3px 10px;margin-bottom:14px}.article h1{font-size:1.65rem;font-weight:900;line-height:1.55;margin-bottom:10px}.article .a-meta{display:flex;gap:14px;font-size:.78rem;color:var(--muted);margin-bottom:16px}.article .hero-img{width:100%;border-radius:var(--radius);box-shadow:var(--shadow)}.article .body{font-size:1.02rem;line-height:2;margin:18px 0;color:var(--text-sub)}.article .body p{margin-bottom:1.4em}.article .body a{color:var(--gold-dark);text-decoration:underline}.article .extra-img{width:100%;border-radius:var(--radius);margin:18px 0;box-shadow:var(--shadow)}.share{display:flex;gap:10px;margin:22px 0}.share a{font-size:.8rem;font-weight:700;border:1px solid var(--line);background:var(--bg-card);border-radius:6px;padding:8px 16px;color:var(--text-sub)}.share a:hover{border-color:var(--gold);color:var(--gold-dark)}.recs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rec-card{display:block;animation:rise .5s ease both}.rec-card img{width:100%;aspect-ratio:16 / 10;object-fit:cover;border-radius:8px;box-shadow:var(--shadow);transition:transform .25s ease}.rec-card:hover img{transform:translateY(-3px)}.rec-card .t{font-size:.95rem;font-weight:700;line-height:1.55;margin-top:10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.rec-card:hover .t{color:var(--gold-dark)}.rec-card .c{font-size:.74rem;color:var(--muted);margin-top:8px}.wrap-full{max-width:1060px;margin:0 auto 40px;padding:0 16px}.wrap-full .sec-head{margin-top:34px}.cat-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:18px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}.cat-row .t{font-size:.87rem;-webkit-line-clamp:2}.hidden-row{display:none}.more-btn{display:block;margin:18px auto 6px;padding:12px 46px;font-family:inherit;font-size:.9rem;font-weight:700;color:#fff;background:#3d7a80;border:none;border-radius:999px;cursor:pointer;box-shadow:var(--shadow)}.more-btn:hover{background:#34686d}.footer{background:var(--header);border-top:3px solid var(--gold);margin-top:40px;padding:26px 16px;text-align:center}.footer .f-name{font-family:RocknRoll One,sans-serif;color:#fff;font-size:1rem}.footer .f-sub{font-size:.72rem;color:#9a9a94;margin-top:8px}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:860px){.wrap{grid-template-columns:1fr;margin-top:14px}.site-name{font-size:1.35rem}.tagline{display:none}.hero-card h1{font-size:1.1rem}.row img{width:118px}.row .t{font-size:.9rem}.row .d{display:none}.article h1{font-size:1.3rem}.recs{grid-template-columns:repeat(2,1fr);gap:14px}}