:root{--brand:#7a3226;--brand-mid:#a8452c;--brand-soft:#f6efec;--fg:#1e1c1c;--sub:#595960;--faint:#9e9e9e;--bg:#ffffff;--card:#ffffff;--line:#e6e2df;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,メイリオ,sans-serif;--r-card:10px 10px 6px 6px;--r-pill:30px;--shadow:1px 1px 8px 2px rgba(216,216,216,.5);--shadow-up:1px 1px 8px 3px rgba(216,216,216,.8);--rail:300px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--fg);font-family:var(--sans);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;align-items:flex-start}.rail{width:var(--rail);flex:none;background:var(--brand);color:#fff;min-height:100vh;position:-webkit-sticky;position:sticky;top:0;padding:40px 30px 36px;display:flex;flex-direction:column;gap:30px}.rail .logo{font-size:25px;font-weight:800;letter-spacing:.1em;line-height:1.4}.rail .catch{font-size:17px;font-weight:700;line-height:2.05;letter-spacing:.02em}.rail .catch span{display:block}.rail nav{margin-top:auto;display:flex;flex-direction:column;gap:2px}.rail nav a{font-size:13px;padding:9px 12px;border-radius:4px;color:rgba(255,255,255,.82)}.rail nav a:hover{background:rgba(255,255,255,.12);color:#fff}.rail .rail-note{font-size:11px;line-height:1.9;color:rgba(255,255,255,.6)}.main{flex:1 1;min-width:0}.wrap{max-width:720px;margin:0 auto;padding:34px 26px 70px}@media (max-width:900px){.shell{display:block}.rail{width:auto;min-height:0;position:static;padding:26px 22px 22px;gap:18px}.rail nav{flex-direction:row;flex-wrap:wrap;margin-top:4px}.rail nav a{padding:5px 12px;background:rgba(255,255,255,.12);border-radius:var(--r-pill)}.rail .rail-note{display:none}.wrap{padding:24px 18px 60px}}.search{display:flex;gap:10px;margin:0 0 16px}.search input[type=search]{flex:1 1;min-width:0;font-size:14px;font-family:inherit;padding:10px 18px;border:1px solid #ddd7d2;border-radius:var(--r-pill);background:var(--card);color:var(--fg)}.search input[type=search]:focus{outline:none;border-color:var(--brand-mid)}.search input::placeholder{color:var(--faint)}.search button{flex:none;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;padding:10px 22px;border-radius:var(--r-pill);border:1px solid var(--brand);background:var(--brand);color:#fff}.search button:hover{background:var(--brand-mid);border-color:var(--brand-mid)}.tabs{display:flex;align-items:center;gap:7px;margin:0 0 14px}.tabs a{font-size:13px;padding:6px 16px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--sub)}.tabs a.on{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700}.tabs-sep{flex:none;width:1px;height:18px;background:var(--line);margin:0 5px}.chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}.chips a{font-size:12px;padding:4px 12px;border-radius:var(--r-pill);border:1px solid var(--line);background:var(--card);color:var(--sub)}.chips a.on{background:var(--fg);color:#fff;border-color:var(--fg)}.chips a b{font-weight:500;color:var(--faint)}.chips a.on b{color:rgba(255,255,255,.7)}h1.page{font-size:21px;font-weight:800;margin:4px 0 6px}p.lead{color:var(--sub);font-size:13px;margin:0 0 20px}ol.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}ol.list>li{display:flex;gap:15px;align-items:center;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:14px 16px;transition:.3s ease-out}ol.list>li:hover{box-shadow:var(--shadow-up);transform:translateY(-2px)}.rank{flex:none;width:24px;text-align:right;font-size:15px;font-weight:800;color:var(--faint);line-height:1.6}.body{flex:1 1;min-width:0}.name{font-size:16px;font-weight:700;line-height:1.5}.name:hover{color:var(--brand-mid)}.meta{font-size:12px;color:var(--sub);margin-top:3px}.meta .dot{margin:0 6px;color:var(--faint)}.meta a.src{color:var(--brand-mid)}.meta a.src:hover{text-decoration:underline}.ratio{flex:none;text-align:center;min-width:62px;background:var(--brand-soft);border-radius:6px;padding:6px 8px}.ratio b{font-size:18px;font-weight:800;line-height:1.15}.ratio b,.ratio small{display:block;color:var(--brand)}.ratio small{font-size:10px;font-weight:700;letter-spacing:.08em}.tag{display:inline-block;margin-right:8px;padding:1px 7px;border:1px solid var(--line);border-radius:3px;font-size:11px;color:var(--faint)}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:560px){.cards{grid-template-columns:1fr}}.photo-card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;transition:.3s ease-out}.photo-card:hover{box-shadow:var(--shadow-up);transform:translateY(-2px)}.photo-head{display:flex;gap:10px;align-items:flex-start;padding:13px 14px 10px}.photo-head .rank{width:20px;font-size:13px}.photo-head .name{font-size:15px}.photo-head .meta{font-size:11px}.photo-head .ratio{min-width:52px;padding:4px 6px}.photo-head .ratio b{font-size:15px}.photo-card .embed{position:relative;height:300px;overflow:hidden;border-top:1px solid var(--line)}.photo-card .embed:after{content:"";position:absolute;left:0;right:0;bottom:0;height:40px;background:linear-gradient(to bottom,rgba(255,255,255,0),var(--card));pointer-events:none}.photo-card .embed.placeholder{background:repeating-linear-gradient(-45deg,#faf8f7,#faf8f7 10px,#f3eeeb 0,#f3eeeb 20px)}.photo-foot{padding:9px 14px 13px;font-size:12px}.photo-foot a{color:var(--brand-mid)}.card{background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:18px;margin:16px 0}.kv{display:grid;grid-template-columns:6.5em 1fr;grid-gap:7px 12px;gap:7px 12px;font-size:13px;margin:0}.kv dt{color:var(--faint)}.kv dd{margin:0}.btn{display:inline-block;margin-top:10px;font-size:13px;font-weight:700;font-family:inherit;cursor:pointer;background:transparent;color:var(--brand);border:1px solid var(--brand);border-radius:var(--r-pill);padding:6px 18px}.btn:hover{background:var(--brand);color:#fff}.embed{margin:10px 0 4px}.embed iframe{max-width:100%!important}.area-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-gap:10px;gap:10px;margin-top:18px}.area-grid a{display:flex;justify-content:space-between;align-items:baseline;background:var(--card);border-radius:var(--r-card);box-shadow:var(--shadow);padding:11px 15px;font-size:14px;transition:.3s ease-out}.area-grid a b{color:var(--faint);font-size:12px;font-weight:500}.area-grid a:hover{box-shadow:var(--shadow-up);transform:translateY(-2px);color:var(--brand-mid)}.note{font-size:11px;line-height:2;color:var(--faint);margin-top:26px}.note.found{margin:-4px 0 14px;font-size:13px;color:var(--sub)}.note.found a{color:var(--brand-mid);margin-left:6px}footer.site{border-top:1px solid var(--line);margin-top:40px;padding:20px 26px 56px}footer.site .inner{max-width:720px;margin:0 auto;font-size:11px;line-height:2;color:var(--faint)}footer.site .inner p{margin:0 0 8px}.foot-links{margin:0 0 10px}.foot-links a{color:var(--fg);font-weight:700;font-size:13px}.foot-links a:hover{color:var(--brand-mid)}@media (prefers-reduced-motion:reduce){.area-grid a,.photo-card,ol.list>li{transition:none}.area-grid a:hover,.photo-card:hover,ol.list>li:hover{transform:none}}.buzz{margin-top:5px;font-size:12px;color:var(--sub)}.buzz b{font-size:17px;font-weight:800;color:var(--brand);margin:0 2px;letter-spacing:.01em}.buzz .raw{color:var(--faint);margin-left:2px}.photo-head .buzz{font-size:11px}.photo-head .buzz b{font-size:15px}.filters{display:flex;gap:8px;margin:0 0 14px;flex-wrap:wrap}.filters select{font-family:inherit;font-size:13px;color:var(--fg);padding:8px 34px 8px 14px;border:1px solid #ddd7d2;border-radius:var(--r-pill);background:var(--card) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23595960' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.filters select:focus{outline:none;border-color:var(--brand-mid)}.filters button{font-family:inherit;font-size:12px;cursor:pointer;color:var(--sub);background:transparent;border:0;padding:8px 4px;text-decoration:underline}.switch{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 20px;font-size:13px;color:var(--sub)}.switch a{padding:2px 0}.switch a:hover{color:var(--brand-mid)}.switch a.on{color:var(--fg);font-weight:700;border-bottom:2px solid var(--brand)}.switch .bar{color:var(--line)}.switch .gap{width:18px}.man{display:inline-block;margin-left:8px;padding:1px 8px;background:var(--brand);color:#fff;border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.08em;vertical-align:2px}ol.list>li>a.src{flex:none;font-size:12px;color:var(--brand-mid);border:1px solid var(--line);border-radius:var(--r-pill);padding:5px 14px}ol.list>li>a.src:hover{border-color:var(--brand-mid)}.rep{display:inline-block;margin-left:6px;padding:1px 8px;border:1px solid var(--brand-mid);color:var(--brand-mid);border-radius:3px;font-size:10px;font-weight:700;letter-spacing:.06em;vertical-align:2px}