/*!
 * JAM'S FANDOM — 025 英語版: 言語の切り替え「日本語 / EN」・英語の案内・「(Japanese)」・時刻の注記。
 * 英語版があるページ（TOP・/schedule/・/coord/）だけで読む。色は周りの文字の色を引き継ぐ（地との比は各ページの決まりのまま）。
 */

/* ---------------- 言語の切り替え ---------------- */
.jf-lang{display:inline-flex;align-items:center;flex:none;gap:0;font-size:13px;font-weight:700;line-height:1;white-space:nowrap}
.jf-lang-a{
  display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 8px;box-sizing:border-box;
  color:inherit!important;text-decoration:none!important;border-radius:8px;
}
.jf-lang-a.is-cur{text-decoration:underline!important;text-decoration-thickness:2px!important;text-underline-offset:4px}
.jf-lang-a:not(.is-cur){opacity:1}
.jf-lang-a:focus-visible{outline:3px solid currentColor;outline-offset:-3px}
@media (hover:hover){.jf-lang-a:not(.is-cur):hover{text-decoration:underline!important}}
.jf-lang-sep{opacity:.9;padding:0 1px}

/* ヘッダーの中（JS が移す）。スマホは相手の言語だけを小さな札で出す */
.l-header .jf-lang-hd{margin:0 0 0 auto;color:var(--pop-ink,#103d2c);font-size:13px}
.l-header .jf-lang-hd .jf-lang-a{min-width:40px;padding:0 6px}
@media (max-width:959px){
  .l-header .jf-lang-hd .jf-lang-a.is-cur,.l-header .jf-lang-hd .jf-lang-sep{display:none}
  .l-header .jf-lang-hd .jf-lang-a{min-height:32px;border:2px solid currentColor;border-radius:999px;padding:0 10px;font-size:12px}
}
@media (min-width:960px){.l-header .jf-lang-hd{margin-left:14px}}

/* TOP のヘッダー帯（濃い緑の上・白）。帯の高さは変えない。スマホは相手の言語だけ（日付・天気・NEXT の幅を残す） */
.jfp-band .jf-lang{margin:-8px -8px -8px auto}
@media (max-width:599px){.jfp-band .jf-lang-a.is-cur,.jfp-band .jf-lang-sep{display:none}}
/* 切り替えの分、日付・天気は縮めてよい（重ならずに省略する） */
.jfp-band .jfp-band-day{flex:0 1 auto;min-width:0;overflow:hidden}
.jfp-band .jfp-band-wx{min-width:0;overflow:hidden}
.jfp-band .jfp-band-wx > span{overflow:hidden;text-overflow:ellipsis}
.jfp-band .jfp-next{flex:1 1 0;min-width:52px}
@media (min-width:900px){.jfp-band .jf-lang{margin-right:-12px}}

/* 英語版: 天気の表は言葉が長いので少し小さく（7 日が 1 行に入るように） */
.jfp.is-en .jfp-wxd-d,.jfp.is-en .jfp-wxd-w{font-size:11px;letter-spacing:-.01em;white-space:nowrap}

/* /schedule/ の見出しの右上 */
.jfs .hero-in{position:relative}
.jfs .hero .jfs-lang{position:absolute;top:4px;right:8px;z-index:2}

/* /coord/ の見出しの右端 */
.jfc-head .jfc-lang{margin-left:auto}

/* ---------------- 英語の案内（日本語のページ・ブラウザの言語が日本語でない人だけ） ---------------- */
.jf-lang-hint{
  display:flex;align-items:center;justify-content:center;gap:4px;
  background:#103d2c;color:#ffffff;font-size:14px;font-weight:700;line-height:1.4;
  padding:0 4px 0 16px;box-sizing:border-box;width:100%;position:relative;z-index:100;
}
.jf-lang-hint[hidden]{display:none!important}
.jf-lang-hint-a{color:#ffffff!important;text-decoration:underline!important;text-underline-offset:3px;padding:12px 0;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}
.jf-lang-hint-x{
  display:inline-flex;align-items:center;justify-content:center;flex:none;width:44px;height:44px;padding:0;margin:0;
  background:none;border:0;border-radius:8px;color:#ffffff;cursor:pointer;-webkit-appearance:none;appearance:none;box-shadow:none;
}
.jf-lang-hint-x:focus-visible,.jf-lang-hint-a:focus-visible{outline:3px solid #ffe14d;outline-offset:-3px}

/* ---------------- 英語版: 日本語のページへのリンクの印・時刻の注記 ---------------- */
.jf-ja-mark{font-size:.8em;font-weight:500;white-space:nowrap}
.jf-tz{margin:8px 0 0;font-size:12px;line-height:1.5}
.jfp-help.jf-tz{margin-top:10px}
.jfs .jfs-tz{margin:0 0 10px;font-size:12.5px;color:var(--ink-2,inherit)}
.jfp-entry .jf-ja-mark{display:block;margin-top:2px}