/* --- 札幌市営地下鉄：濃灰地、路線色の矢印、白丸に路線色の輪のナンバリング --- */
.sign-sp .nm-s1{font-size:6.8cqw;letter-spacing:.3em}
.sign-sp .nm-s2{font-size:6.4cqw;letter-spacing:.1em}
.sign-sp .nm-s3{font-size:6.4cqw}
.sign-sp .nm-s4{font-size:6.4cqw}
.sign-sp .nm-s5{font-size:6.4cqw}
.sign-sp{background:#2e3134;border:1.4cqw solid #aeb3b8;border-radius:1.8cqw;color:#fff}
.sign-sp .sp-badge{position:absolute;left:3cqw;top:2.2cqw;width:9cqw;height:9cqw;border-radius:50%;background:#fff;border:1.1cqw solid var(--c);
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-weight:700;color:#111}
.sign-sp .sp-badge .sym{font-size:2.8cqw}
.sign-sp .sp-badge .num{font-size:3.8cqw;margin-top:.1cqw}
.sign-sp .sp-name{position:absolute;left:14cqw;right:14cqw;top:.8cqw;text-align:center}
.sign-sp .sp-name .kanji{font-weight:700;line-height:1.05}
.sign-sp .sp-name .romaji{font-size:3.2cqw;line-height:1.25;font-weight:500;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}
.sign-sp .sp-arrow{position:absolute;left:3.4cqw;right:3.4cqw;top:14cqw;height:3.8cqw}
.sign-sp .sp-arrow.start{left:calc(50% - 1.3cqw)}
.sign-sp .sp-arrow i{position:absolute;inset:0;background:#fff;clip-path:polygon(0 0,calc(100% - 3.6cqw) 0,100% 50%,calc(100% - 3.6cqw) 100%,0 100%)}
.sign-sp .sp-arrow i.i{inset:.3cqw .7cqw .3cqw .3cqw;background:var(--c);
  clip-path:polygon(0 0,calc(100% - 3.2cqw) 0,100% 50%,calc(100% - 3.2cqw) 100%,0 100%)}
.sign-sp .sp-arrow.start i.o,.sign-sp .sp-arrow.start i.i{border-top-left-radius:1.9cqw;border-bottom-left-radius:1.9cqw}
.sign-sp .sp-arrow .dot{position:absolute;top:50%;width:2.4cqw;height:2.4cqw;margin:-1.2cqw 0 0 -1.2cqw;border-radius:50%;background:#fff}
.sign-sp .sp-arrow .dot.cur{left:50%}   /* 自駅の丸は、駅名標の中央 */
.sign-sp .sp-arrow.start .dot.cur{left:1.5cqw}
/* 上り側の端の駅：矢印を左向きに反転（自駅が右端になる） */
.sign-sp .sp-arrow.flip{transform:scaleX(-1)}
.sign-sp .sp-arrow.flip.start{left:3.4cqw;right:calc(50% - 1.3cqw)}
.sign-sp.flip .sp-nolabel{left:6.9cqw}
.sign-sp .sp-arrow .dot.nxt{left:calc(100% - 9.5cqw)}
.sign-sp .sp-nolabel{position:absolute;left:calc(100% - 3.4cqw - 9.5cqw - 6cqw);width:12cqw;top:10.8cqw;text-align:center;font-size:3cqw;font-weight:700;color:#ece93c;line-height:1.2}
.sign-sp .sp-l,.sign-sp .sp-r{position:absolute;top:19cqw;color:#ece93c;line-height:1.15;white-space:nowrap}
.sign-sp .sp-l{left:5.5cqw;text-align:left}
.sign-sp .sp-r{right:5.5cqw;text-align:right}
.sign-sp .sp-l .k,.sign-sp .sp-r .k{font-size:4.4cqw;font-weight:700}
.sign-sp .sp-l .k small,.sign-sp .sp-r .k small{font-size:3cqw;margin-right:1.6cqw}
.sign-sp .sp-l .r,.sign-sp .sp-r .r{font-size:2.5cqw;font-weight:500;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif}
.sign-sp .q{color:#8a8d8f}
.sign-sp.hidden-name .kanji{color:#8a8d8f}
.sign-sp.revealed-ok .kanji{color:#58e08a}
.sign-sp.revealed-ng .kanji{color:#ff7b72}