/* フォント：Noto Sans JP（比較ページ font-compare-jreast.html で選んだ）。漢字は900、かなは700、帯の中の隣駅は500（細め） */
.sign-jr{font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}
/* --- JR東日本：白地、路線色の帯、ナンバリング札 --- */
.sign-jr .nm-s1{font-size:8cqw;letter-spacing:.3em}
.sign-jr .nm-s2{font-size:7.4cqw;letter-spacing:.1em}
.sign-jr .nm-s3{font-size:7.4cqw}
.sign-jr .nm-s4{font-size:7.4cqw}
.sign-jr .nm-s5{font-size:7.4cqw}
.sign-jr{background:#f4f4f9;border:.9cqw solid #1d1d1f;border-radius:1cqw;color:#111}
.sign-jr .jr-badge{position:absolute;left:2cqw;top:1.2cqw;width:8cqw;height:10.6cqw;border-radius:1cqw;text-align:center}
.sign-jr .jr-badge.has-code{background:#2a2a2a}
.sign-jr .jr-badge .code{display:block;height:3.2cqw;line-height:3.4cqw;font-size:2.4cqw;font-weight:700;color:#fff;letter-spacing:.05em}
.sign-jr .jr-badge .box{position:absolute;left:.6cqw;right:.6cqw;bottom:.6cqw;height:7.2cqw;background:#fff;border:.8cqw solid var(--c);border-radius:.9cqw;
  display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1;font-weight:700;color:#111}
.sign-jr .jr-badge .box .sym{font-size:2.4cqw}
.sign-jr .jr-badge .box .num{font-size:4.2cqw;margin-top:.2cqw}
.sign-jr .jr-name{position:absolute;left:12cqw;right:12cqw;top:.6cqw;text-align:center}
.sign-jr .jr-name .kanji{font-weight:900;line-height:1.05}
.sign-jr .jr-name .kana{font-weight:700;font-size:2.6cqw;letter-spacing:.2em;line-height:1.25;color:#222}
.sign-jr .jr-marks{position:absolute;right:2.2cqw;top:1.6cqw;display:flex;gap:.8cqw}
.sign-jr .jr-marks b{width:4cqw;height:4cqw;border:.35cqw solid #111;border-radius:.4cqw;background:#fff;display:flex;align-items:center;justify-content:center;font-size:2.8cqw;line-height:1}
.sign-jr .jr-band{position:absolute;left:1.4cqw;right:1.4cqw;top:14.2cqw;height:6.6cqw;background:var(--band);
  clip-path:polygon(0 0,calc(100% - 3.4cqw) 0,100% 50%,calc(100% - 3.4cqw) 100%,0 100%);color:#fff;font-weight:700}
.sign-jr .jr-band .blk{position:absolute;left:calc(50% - 2.4cqw);width:4.8cqw;top:0;bottom:0;background:var(--light)}
.sign-jr .jr-band .l,.sign-jr .jr-band .r{font-weight:500;position:absolute;top:0;line-height:6.6cqw;font-size:3.8cqw;white-space:nowrap}
.sign-jr .jr-band .l{left:1.6cqw}
.sign-jr .jr-band .r{right:5.4cqw}
.sign-jr .jr-row{position:absolute;left:2.6cqw;right:2.6cqw;top:21.6cqw;height:6cqw;font-size:2.9cqw;line-height:3.4cqw;font-family:Helvetica,"Helvetica Neue",Arial,"Zen Kaku Gothic New",sans-serif}
.sign-jr .jr-row .l{position:absolute;left:0;top:0;white-space:nowrap}
.sign-jr .jr-row .c{position:absolute;left:0;right:0;top:-.1cqw;text-align:center;font-weight:700;font-size:3.3cqw;white-space:nowrap}
.sign-jr .jr-row .r{position:absolute;right:0;top:0;display:flex;align-items:center;gap:1cqw;white-space:nowrap}
.sign-jr .jr-row .mini{display:flex;flex-direction:column;align-items:center;justify-content:center;width:4.2cqw;height:4.6cqw;border:.5cqw solid var(--c);border-radius:.6cqw;background:#fff;
  font-weight:700;line-height:1;color:#111}
.sign-jr .jr-row .mini span:first-child{font-size:1.5cqw}
.sign-jr .jr-row .mini span:last-child{font-size:2.5cqw;margin-top:.1cqw}
.sign-jr.hidden-name .kanji,.sign-jr.hidden-name .jr-row .c{color:#b9b9c2}
.sign-jr.revealed-ok .kanji{color:#1e9e4a}
.sign-jr.revealed-ng .kanji{color:#d6342c}