/* 詳細・一覧ページ用（既存CSSがあればそちらに合わせて調整） */
*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;line-height:1.8;color:#222;background:#fff}
a{color:#0b5cad}
.wrap{max-width:960px;margin:0 auto;padding:0 16px}
.site-header{border-bottom:1px solid #ddd;padding:12px 0}
.site-header .wrap{display:flex;flex-wrap:wrap;gap:8px 20px;align-items:center;justify-content:space-between}
.logo{font-weight:700;font-size:1.2rem;text-decoration:none;color:#222}
.site-header nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem}
.breadcrumb ol{list-style:none;padding:0;margin:12px auto;display:flex;flex-wrap:wrap;font-size:.85rem;color:#666}
.breadcrumb li+li::before{content:"›";margin:0 6px}
h1{font-size:1.6rem;line-height:1.4;margin:16px 0 4px}
h2{font-size:1.2rem;border-left:4px solid #0b5cad;padding-left:10px;margin:32px 0 12px}
.kana{color:#666;margin:0 0 16px}
table.info{width:100%;border-collapse:collapse}
table.info th,table.info td{border:1px solid #ddd;padding:8px 10px;text-align:left;vertical-align:top}
table.info th{width:30%;background:#f6f8fa;font-weight:600}
.list{padding-left:1.2em}
.prefs{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}
.tags a{display:inline-block;margin:0 6px 6px 0}
.pr{display:inline-block;font-size:.7rem;border:1px solid #999;color:#666;padding:0 6px;border-radius:3px;vertical-align:middle}
.pr-note,.note{font-size:.85rem;color:#666}
.ad{margin:24px 0;min-height:100px}
.site-footer{border-top:1px solid #ddd;margin-top:48px;padding:16px 0;font-size:.85rem;color:#666}
@media (max-width:600px){table.info th{width:38%}}