/* --- JR北海道：電照式の駅名標（写真：札幌駅）。黒い枠・白い面・太いゴシックの駅名・細い輪のナンバリング・緑の両矢印帯 --- */
.sign-jh{aspect-ratio:1.934/1;background:#f9faf8;border:1.2cqw solid #161616;border-radius:1cqw;color:#111;font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}   /* 比較の結果、Noto Sans JP に決定（ユーザー判断） */
.sign-jh .jh-kana{font-size:12.5cqw;position:absolute;left:0;right:0;top:4.8cqw;text-align:center;font-weight:900;line-height:1;white-space:nowrap}
.sign-jh .jh-kanji{font-size:6.5cqw;position:absolute;left:0;right:0;top:18.9cqw;text-align:center;font-weight:500;line-height:1;white-space:nowrap}
.sign-jh .jh-mark{position:absolute;left:89.6cqw;top:1.8cqw;width:5.7cqw;height:4.9cqw;border:.4cqw solid #111;border-radius:.7cqw;display:flex;align-items:center;justify-content:center;font-size:3.6cqw;font-weight:500;line-height:1}
.sign-jh .jh-ring{position:absolute;left:78.1cqw;top:13.6cqw;width:15.2cqw;height:15.2cqw;border-radius:50%;background:#fff;border:.9cqw solid var(--ring);box-sizing:border-box;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-weight:700;font-family:Arimo,Helvetica,Arial,sans-serif}
.sign-jh .jh-ring.blk{border-color:#111}
.sign-jh .jh-ring .sym{font-size:4.4cqw}
.sign-jh .jh-ring .num{font-size:5.4cqw;margin-top:.2cqw}
.sign-jh .jh-ring .num.wide{font-size:3.8cqw}
.sign-jh .jh-ring.nosym .num{font-size:7cqw;margin:0}
.sign-jh .jh-band{position:absolute;left:.5cqw;right:.5cqw;top:29.3cqw;height:7.2cqw;background:var(--c);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:500;font-family:Arimo,Helvetica,Arial,sans-serif;
  clip-path:polygon(5.5cqw 0,calc(100% - 5.5cqw) 0,100% 50%,calc(100% - 5.5cqw) 100%,5.5cqw 100%,0 50%)}
.sign-jh .jh-band.no-l{clip-path:polygon(0 0,calc(100% - 5.5cqw) 0,100% 50%,calc(100% - 5.5cqw) 100%,0 100%)}
.sign-jh .jh-band.no-r{clip-path:polygon(5.5cqw 0,100% 0,100% 100%,5.5cqw 100%,0 50%)}
.sign-jh .jh-band span{font-size:6.7cqw;letter-spacing:.02em;line-height:1;white-space:nowrap}
.sign-jh .jh-band .node{position:absolute;top:50%;width:6.2cqw;height:6.2cqw;margin-top:-3.1cqw;border-radius:50%;background:#fff}
.sign-jh .jh-band .node.l{left:8.3cqw}
.sign-jh .jh-band .node.r{left:81.7cqw}
.sign-jh .jh-l,.sign-jh .jh-r{position:absolute;top:38cqw;line-height:1;white-space:nowrap;text-align:center}
.sign-jh .jh-l{left:5.7cqw}
.sign-jh .jh-r{right:6.1cqw}
.sign-jh .jh-l .k,.sign-jh .jh-r .k{font-size:5.6cqw;font-weight:500;letter-spacing:.06em}
.sign-jh .jh-l .r,.sign-jh .jh-r .r{margin-top:.5cqw;font-size:4.1cqw;letter-spacing:.08em;font-weight:400;font-family:Arimo,Helvetica,Arial,sans-serif}
.sign-jh .q{color:#9b9d9c}
.sign-jh.hidden-name .jh-kana,.sign-jh.hidden-name .jh-kanji{color:#9b9d9c}
.sign-jh.revealed-ok .jh-kana{color:#1e9e4a}
.sign-jh.revealed-ng .jh-kana{color:#d6342c}
.sign-jh.revealed-ng .jh-kana{color:#d6342c}