/* 読み物用。本体と同じ配色で、行長を抑える。 */
:root{
  --ink:#111315; --ink-2:#4b5054; --ink-3:#666c71;
  --paper:#f7f7f5; --card:#ffffff; --rule:#dcdcd6;
  --line:#8d8d89; --accent:#d02c12; --bus:#2b86cc;
}
*{box-sizing:border-box}
body{
  margin:0; background:var(--paper); color:var(--ink);
  font:15px/1.85 system-ui,-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;
}
.bar{
  display:flex; align-items:center; gap:18px; flex-wrap:wrap;
  padding:12px 20px; background:var(--ink); color:#fff;
}
.bar .home{color:#fff; font-weight:800; text-decoration:none; letter-spacing:.02em}
.bar nav{display:flex; gap:14px}
.bar nav a{color:#e6e6e2; text-decoration:none; font-size:13.5px}
.bar nav a:hover{color:#fff; text-decoration:underline}
main{max-width:720px; margin:0 auto; padding:26px 20px 40px}
h1{font-size:24px; margin:0 0 8px; letter-spacing:.01em}
h2{font-size:16px; margin:34px 0 10px; padding-top:14px;
   border-top:1px solid var(--rule)}
h3{font-size:14px; margin:22px 0 6px; color:var(--ink-2)}
p{margin:0 0 12px}
.lead{color:var(--ink-2); font-size:15.5px}
a{color:var(--accent)}
table{width:100%; border-collapse:collapse; margin:10px 0 18px;
      background:var(--card); font-size:13.5px}
th,td{border:1px solid var(--rule); padding:7px 9px; text-align:left;
      vertical-align:top}
th{background:#f0f0ec; font-weight:700}
td.num{text-align:right; font-variant-numeric:tabular-nums; white-space:nowrap}
.spot{font-weight:700}
/* 停留所名。本体の --bus(#2b86cc) は白地で3.90しかなく、
   12.5pxの本文には足りない（4.5:1が要る）。濃くして5.26にする。 */
.stop{color:#2470ad; font-size:12.5px; white-space:nowrap}
.note{background:#eef2f6; border-left:3px solid var(--bus);
      padding:10px 12px; margin:14px 0; font-size:13.5px}
.warn{background:#fdf7ec; border-left:3px solid #a87a2b;
      padding:10px 12px; margin:14px 0; font-size:13.5px}
.cta{margin:34px 0 0; padding:14px; background:var(--ink); border-radius:2px;
     text-align:center}
.cta a{color:#fff; font-weight:800; text-decoration:none; font-size:15px}
footer{border-top:1px solid var(--rule); margin-top:30px;
       padding:18px 20px 34px; font-size:11.5px; color:var(--ink-3);
       line-height:1.8; text-align:center}
footer a{color:var(--ink-2)}
@media (max-width:420px){
  table{font-size:12.5px}
  th,td{padding:6px 7px}
}