/* --- 札幌市電：白地、赤い矢印とノード、SC番号の丸、左下に「外回り」（電停標識の写真を参照） --- */
.sign-tram .nm-s1{font-size:7.6cqw;letter-spacing:.3em}
.sign-tram .nm-s2{font-size:7cqw;letter-spacing:.1em}
.sign-tram .nm-s3{font-size:7cqw}
.sign-tram .nm-s4{font-size:7cqw}
.sign-tram .nm-s5{font-size:7cqw}
.sign-tram{background:#fbfbfb;border:.8cqw solid #b5b9bd;border-radius:.8cqw;color:#111}
.sign-tram .tr-badge{position:absolute;left:3cqw;top:2.6cqw;width:8.6cqw;height:8.6cqw;border-radius:50%;background:#fff;border:.7cqw solid var(--c);
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-weight:700;color:#111}
.sign-tram .tr-badge .sym{font-size:2.6cqw}
.sign-tram .tr-badge .num{font-size:3.6cqw;margin-top:.1cqw}
.sign-tram .tr-name{position:absolute;left:13cqw;right:13cqw;top:1.4cqw;text-align:center}
.sign-tram .tr-name .kanji{font-weight:700;line-height:1.05}
.sign-tram .tr-name .romaji{font-size:2.3cqw;letter-spacing:.08em;line-height:1.3;color:#222;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;white-space:nowrap}
.sign-tram .tr-arrow{position:absolute;left:7cqw;right:5cqw;top:14cqw;height:5cqw}
.sign-tram .tr-arrow .ln{position:absolute;left:0;right:3.4cqw;top:1.7cqw;height:1.6cqw;background:var(--c)}
.sign-tram .tr-arrow .hd{position:absolute;right:0;top:0;width:4.2cqw;height:5cqw;background:var(--c);clip-path:polygon(0 0,100% 50%,0 100%)}
.sign-tram .tr-arrow .node{position:absolute;top:50%;width:4.2cqw;height:4.2cqw;margin:-2.1cqw 0 0 -2.1cqw;border-radius:50%;background:#fff;border:1.1cqw solid var(--c);box-sizing:border-box}
.sign-tram .tr-arrow .node.prv{left:calc(30cqw - 7cqw)}
.sign-tram .tr-arrow .node.cur{left:calc(50cqw - 7cqw)}
.sign-tram .tr-arrow .node.nxt{left:calc(72cqw - 7cqw)}
.sign-tram .tr-loop{position:absolute;left:3cqw;top:20.6cqw;color:var(--c);line-height:1.15}
.sign-tram .tr-loop b{display:block;font-size:3cqw}
.sign-tram .tr-loop span{display:block;font-size:1.7cqw;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-weight:500;letter-spacing:.04em}
.sign-tram .tr-l,.sign-tram .tr-r{position:absolute;top:20.6cqw;transform:translateX(-50%);text-align:center;white-space:nowrap;line-height:1.15}
.sign-tram .tr-l{left:calc(30cqw + 1cqw)}
.sign-tram .tr-r{left:calc(72cqw + 1cqw)}
.sign-tram .tr-l .k,.sign-tram .tr-r .k{font-size:3.4cqw;font-weight:700}
/* 「次は」は駅名の左（同じ行）に置く。ローマ字は駅名の下 */
.sign-tram .tr-r{display:grid;grid-template-columns:auto auto;column-gap:1.4cqw;align-items:end;justify-items:center}
.sign-tram .tr-r small{grid-column:1;grid-row:1;font-size:2.4cqw;color:#333;padding-bottom:.5cqw}
.sign-tram .tr-r .k{grid-column:2;grid-row:1}
.sign-tram .tr-r .r{grid-column:2;grid-row:2}
.sign-tram .tr-l .r,.sign-tram .tr-r .r{font-size:1.7cqw;color:#333;font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;letter-spacing:.03em}
.sign-tram .q{color:#b9b9c2}
.sign-tram.hidden-name .kanji{color:#b9b9c2}
.sign-tram.revealed-ok .kanji{color:#1e9e4a}
.sign-tram.revealed-ng .kanji{color:#d6342c}