/* --- 道南いさりび鉄道：青いパイプ枠・灰白の面・漢字の駅名・橙の帯（中にかな）・隣駅は漢字＋ローマ字（写真：上磯 sh07） --- */
.sign-dn{aspect-ratio:1.31/1;background:linear-gradient(#f8f8f6 0%,#f4f3f0 55%,#ebe8e4 100%);border:2.2cqw solid #1a3ab8;border-radius:5cqw;color:#222;
  font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic","Meiryo",sans-serif}
.sign-dn::before{content:"";position:absolute;left:0;right:0;top:0;height:2.1cqw;background:#c9c9c8}
.sign-dn .dn-badge{position:absolute;left:82.1cqw;top:2.1cqw;width:9.5cqw;height:9.5cqw;border-radius:50%;background:var(--badge);color:#fff;display:flex;align-items:center;justify-content:center;
  font-size:3.9cqw;line-height:1;font-family:Arimo,Helvetica,Arial,sans-serif;white-space:nowrap}
.sign-dn .dn-name{position:absolute;left:0;right:0;top:13cqw;text-align:center;font-size:14.9cqw;font-weight:700;line-height:1;white-space:nowrap}
.sign-dn .dn-romaji{position:absolute;left:0;right:0;top:31.2cqw;text-align:center;font-size:5.2cqw;letter-spacing:.06em;line-height:1;font-family:Arimo,Helvetica,Arial,sans-serif;white-space:nowrap}
.sign-dn .dn-band{position:absolute;left:0;right:0;top:40.3cqw;height:7.1cqw;color:#fff;display:flex;align-items:center;justify-content:center;font-size:5.2cqw;font-weight:500;letter-spacing:.06em;line-height:1}
.sign-dn .dn-band svg{position:absolute;inset:0;width:100%;height:100%}
.sign-dn .dn-band span{position:relative;white-space:nowrap}
.sign-dn .dn-co{position:absolute;left:0;right:0;top:62.6cqw;text-align:center;font-size:2.5cqw;color:#444;letter-spacing:.04em}
.sign-dn .dn-l,.sign-dn .dn-r{position:absolute;top:51.6cqw;transform:translateX(-50%);text-align:center;white-space:nowrap;line-height:1}
.sign-dn .dn-l{left:19cqw}
.sign-dn .dn-r{left:76.2cqw}
.sign-dn .dn-l .k,.sign-dn .dn-r .k{font-size:7.1cqw;font-weight:700;letter-spacing:.08em}
.sign-dn .dn-l .r,.sign-dn .dn-r .r{margin-top:2cqw;font-size:3.5cqw;letter-spacing:.04em;font-family:Arimo,Helvetica,Arial,sans-serif}
.sign-dn .q{color:#aaa}
.sign-dn.hidden-name .dn-name{color:#aaa}
.sign-dn.revealed-ok .dn-name{color:#1e9e4a}
.sign-dn.revealed-ng .dn-name{color:#d6342c}
