:root{--bg:#f7f7f5; --card:#fff; --ink:#1a1c1e; --muted:#5f6570; --faint:#8b929c;--line:#e3e3e0; --rule:#d3d4d0;--accent:#334b60; --accent-d:#22303d; --accent-l:#eef1f4;--r:6px;}@media (prefers-color-scheme:dark){:root{--bg:#14161a; --card:#1b1e23; --ink:#e7e9ec; --muted:#a2a9b4; --faint:#7d848f;--line:#2a2e35; --rule:#343941;--accent:#9db6cd; --accent-d:#c3d3e2; --accent-l:#1e262f;}}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:"Yu Gothic","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;background:var(--bg);color:var(--ink);line-height:1.85;font-size:15.5px;letter-spacing:.02em;font-feature-settings:"palt" 1;}img{max-width:100%;height:auto;display:block}.wrap{max-width:1100px;margin:0 auto;padding:0 22px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:absolute;left:-9999px}.skip:focus{left:8px;top:8px;z-index:9;background:var(--card);color:var(--ink);padding:8px 12px}.hero{background:var(--card);border-bottom:1px solid var(--rule);padding:52px 0 40px}.hero h1{font-size:1.55rem;font-weight:700;letter-spacing:.1em;line-height:1.5;padding-bottom:16px;position:relative;}.hero h1::after{content:"";position:absolute;left:0;bottom:0;width:44px;height:2px;background:var(--accent)}.hero .lead{margin-top:18px;font-size:.92rem;color:var(--muted);max-width:40em;line-height:2}.hero .by{margin-top:14px;font-size:.8rem;color:var(--faint);letter-spacing:.08em}@media(min-width:700px){.hero h1{font-size:1.9rem}}.notice{background:var(--accent-l);border-bottom:1px solid var(--line)}.notice .wrap{padding:14px 22px;font-size:.85rem;color:var(--muted)}main{padding:34px 0 60px}.bar{margin-bottom:30px}#q{width:100%;padding:12px 2px;font-size:15px;font-family:inherit;letter-spacing:.02em;border:0;border-bottom:1px solid var(--rule);background:transparent;color:var(--ink);}#q::placeholder{color:var(--faint)}#q:focus{outline:0;border-bottom-color:var(--accent)}.tabs{display:flex;flex-wrap:wrap;gap:2px 22px;margin-top:18px}.tab{display:inline-flex;align-items:baseline;gap:6px;padding:6px 0;border:0;background:transparent;color:var(--muted);font-size:.83rem;font-weight:600;font-family:inherit;letter-spacing:.04em;cursor:pointer;border-bottom:2px solid transparent;}.tab:hover{color:var(--ink)}.tab.on{color:var(--ink);border-bottom-color:var(--accent)}.tab .n{font-size:.7rem;color:var(--faint);font-weight:500}.hit{font-size:.8rem;color:var(--faint);margin-bottom:14px;letter-spacing:.04em}.catsec{margin-bottom:52px}.cathead{display:flex;align-items:baseline;gap:10px;font-size:.82rem;font-weight:700;letter-spacing:.16em;color:var(--muted);padding-bottom:10px;margin-bottom:22px;border-bottom:1px solid var(--rule);}.cathead .ce{font-size:.95rem;opacity:.7}.cathead .cn{margin-left:auto;font-size:.72rem;color:var(--faint);font-weight:500;letter-spacing:.06em}.grid{display:grid;gap:1px;grid-template-columns:1fr;background:var(--line);border:1px solid var(--line)}@media(min-width:700px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.grid{grid-template-columns:repeat(3,1fr)}}.card{background:var(--card);display:flex;flex-direction:column;padding:24px 22px 22px}.shot{margin:-24px -22px 18px;border-bottom:1px solid var(--line);aspect-ratio:16/9;overflow:hidden}.shot img{width:100%;height:100%;object-fit:cover}.card h3{font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:.03em;display:flex;gap:9px;align-items:baseline;}.card h3 .ic{font-size:.9rem;opacity:.55;flex:none}.sub{margin-top:10px;font-size:.85rem;color:var(--accent);font-weight:600;line-height:1.75}@media (prefers-color-scheme:dark){.sub{color:var(--accent-d)}}.kind{display:inline-block;margin-top:12px;font-size:.68rem;font-weight:700;letter-spacing:.08em;padding:3px 9px;border:1px solid var(--rule);color:var(--faint);border-radius:2px;}.kind.k-web{border-color:var(--accent);color:var(--accent)}@media (prefers-color-scheme:dark){.kind.k-web{color:var(--accent-d);border-color:var(--accent)}}.desc{margin-top:14px;font-size:.85rem;color:var(--muted);line-height:1.95}.use{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}.use .uh{font-size:.72rem;font-weight:700;color:var(--faint);letter-spacing:.12em}.use p{margin-top:6px;font-size:.82rem;color:var(--muted);line-height:1.95}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:6px 10px;margin-top:16px}.tags li{font-size:.7rem;color:var(--faint);letter-spacing:.04em}.tags li::before{content:"#";opacity:.5;margin-right:1px}.card .body{flex:1}.acts{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.open{text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--accent);border:1px solid var(--accent);border-radius:2px;padding:8px 16px;transition:background .15s,color .15s;}.open:hover{background:var(--accent);color:#fff}.open span,.man span{font-size:.85em}.man{text-decoration:none;display:inline-flex;align-items:center;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.08em;color:var(--muted);border:1px solid var(--rule);border-radius:2px;padding:8px 16px;transition:background .15s,color .15s;}.man:hover{background:var(--muted);color:#fff}@media (prefers-color-scheme:dark){.open{color:var(--accent-d);border-color:var(--accent-d)}.open:hover{background:var(--accent-d);color:#14161a}.man:hover{background:var(--muted);color:#14161a}}.empty,.none-hit{text-align:center;color:var(--faint);padding:64px 0;font-size:.85rem}.foot{border-top:1px solid var(--rule);margin-top:20px;padding:28px 0 44px;color:var(--faint)}.foot p{font-size:.8rem;letter-spacing:.03em}.foot .small{font-size:.75rem;margin-top:8px}