/* 星座×日主 120通りの今日の運勢ランキング(kanshi.html)。見た目はすべてここ(2026-09-05) */
.khero{padding-top:60px}
.khero .kicker{margin-bottom:24px}
.khero h1{margin:0;font-size:52px;line-height:1.2;font-weight:900;letter-spacing:-.02em}
.khero .lede{margin:24px 0 0;font-size:16px;line-height:1.95;max-width:46em;color:var(--ink-lead)}
.khero .lede strong{font-weight:700;color:var(--ink)}
.khero .hr{margin-top:30px;height:1px;background:var(--rule)}

.kfilter{padding-top:32px}
.frow{display:flex;align-items:center;gap:16px;margin-bottom:12px;flex-wrap:wrap}
.frow .lab{font-family:Archivo,sans-serif;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);min-width:6em}
.seg{display:inline-flex;border:1px solid var(--rule-mid);background:var(--surface)}
.seg.multi{flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:9px 13px;font:inherit;font-size:13.5px;color:var(--ink-dim);cursor:pointer;border-right:1px solid var(--rule-soft)}
.seg button:last-child{border-right:0}
.seg button[aria-pressed="true"]{background:var(--ink);color:#fff}
.seg button:focus-visible{outline:2px solid var(--primary);outline-offset:-2px}

.ktable{padding-top:28px}
.khead{display:flex;align-items:baseline;gap:14px;margin-bottom:12px}
.khead .day{font-family:Archivo,sans-serif;font-size:12px;letter-spacing:.08em;color:var(--ink-dim)}
.khead .eto{font-size:15px;font-weight:700;color:var(--ink)}
.khead .cnt{margin-left:auto;font-family:Archivo,sans-serif;font-size:12px;color:var(--ink-dim)}
.ktable .empty{color:var(--ink-dim)}
.klist{width:100%;border-collapse:collapse;font-size:14px}
.klist th,.klist td{padding:10px 8px;border-bottom:1px solid var(--rule-soft);text-align:left;vertical-align:baseline}
.klist th{font-family:Archivo,sans-serif;font-size:10.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);border-bottom:1px solid var(--rule)}
.klist td.n{font-family:Archivo,sans-serif;font-weight:700;color:var(--ink-dim);width:3em}
.klist td.w{font-weight:700;color:var(--ink);white-space:nowrap}
.klist td.w .st{color:var(--primary)}
.klist td.p{font-family:Archivo,sans-serif;color:var(--ink-body);white-space:nowrap}
.klist td.s{font-family:Archivo,sans-serif;font-weight:700;color:var(--ink)}
.klist td.t{color:var(--ink-dim);font-size:13px}
.klist tr.top td.n{color:var(--primary)}
.klist tr.hide{display:none}
.klist tr.me td{background:var(--surface)}
@media (max-width:700px){
  .khero h1{font-size:34px}
  .klist td.p,.klist th.p{display:none}
}

.ktail{padding:40px 0 96px}
.ktail .disc{background:var(--surface);padding:22px 24px;color:var(--ink-dim);font-size:13.5px;line-height:1.95}
.ktail .disc strong{color:var(--ink)}
.ktail ul{margin:0;padding-left:1.3em}
.ktail li{margin-bottom:6px}
.klist caption.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* 1,080通り: 101位以降は畳んでおく */
.klist tr.more{display:none}
.klist.all tr.more{display:table-row}
.klist.all tr.more.hide{display:none}
.kmore{margin:14px 0 0}
.kmorebtn{border:1px solid var(--rule-mid);background:var(--surface);padding:10px 16px;font:inherit;font-size:13.5px;color:var(--ink);cursor:pointer}
.kmorebtn:hover{border-color:var(--ink)}
.klist.all + .kmore{display:none}
/* 日付ナビ・日次の文 */
.knav .kbtn{border:1px solid var(--rule-mid);background:var(--surface);padding:7px 12px;font-size:13px;color:var(--ink);text-decoration:none}
.knav .kbtn:hover{border-color:var(--ink)}
.knav .kday{font-family:Archivo,sans-serif;font-size:13px;color:var(--ink)}
.ktexts{padding-top:36px}
.th2{margin:0 0 14px;font-size:20px;font-weight:700}
.tgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--rule-mid);border:1px solid var(--rule-mid);margin-bottom:28px}
.tcard{background:var(--bg);padding:16px 18px}
.tcard .k{font-weight:700;color:var(--ink);margin-bottom:6px}
.tcard .k .sub{margin-left:8px;font-size:12px;font-weight:400;color:var(--ink-dim)}
.tcard p{margin:0;font-size:14px;line-height:1.9;color:var(--ink-body)}
.ktexts .fine{font-size:12.5px;color:var(--ink-dim)}
@media (max-width:700px){.tgrid{grid-template-columns:1fr}}
.knav .kpick{display:inline-flex;align-items:center;gap:8px;margin-left:8px;font-size:12.5px;color:var(--ink-dim)}
.knav .kpick input{border:1px solid var(--rule-mid);background:var(--surface);padding:6px 10px;font:inherit;font-size:13px;color:var(--ink)}
.kfuture{margin:0 0 14px;padding:12px 16px;border:1px solid var(--rule-mid);background:var(--surface);font-size:13px;line-height:1.85;color:var(--ink-body)}
.kfuture strong{color:var(--primary)}