/* 多言語のための足し物（style.css の後に読む） */
/* 言語ごとのフォント：style.css は日本語のフォントが先頭なので、中国語の漢字が日本の字形になる・ベトナム語の記号が欠けるのを防ぐ */
:lang(en),:lang(vi),:lang(id){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans","Helvetica Neue",Arial,sans-serif}
:lang(zh-Hans){font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC",sans-serif}
:lang(zh-Hant){font-family:-apple-system,BlinkMacSystemFont,"PingFang TC","Microsoft JhengHei","Noto Sans TC","Noto Sans CJK TC",sans-serif}
:lang(my){font-family:"Noto Sans Myanmar","Myanmar Text","Myanmar Sangam MN","Padauk",sans-serif}
/* ミャンマー語は上下に伸びる字が多いので、行の高さを足して切れないようにする */
html:lang(my) body{line-height:2.05}
html:lang(my) h1,html:lang(my) h2,html:lang(my) h3,html:lang(my) .hero h1{line-height:1.75}
html:lang(my) .btn{line-height:1.9;padding-top:9px;padding-bottom:9px}
/* 長い英単語・URL がはみ出さない */
html:not(:lang(ja)) .doc,html:not(:lang(ja)) main{overflow-wrap:anywhere}

/* ヘッダー右の切り替え（どの幅でもボタン1つ。押すと一覧） */
.lang-sw{position:relative;flex:0 0 auto}
.lang-sw>summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px;min-height:44px;padding:0 2px 0 6px;color:var(--tx2);font-size:14px;white-space:nowrap}
.lang-sw>summary::-webkit-details-marker{display:none}
.lang-sw>summary:hover,.lang-sw[open]>summary{color:var(--ac)}
.lang-sw .lang-cur{display:none}
.lang-sw ul{position:absolute;right:0;top:100%;margin:4px 0 0;padding:6px;list-style:none;background:var(--bg2);border:1px solid var(--line2);border-radius:10px;min-width:200px;z-index:60;box-shadow:0 10px 28px rgba(0,0,0,.45)}
.lang-sw li a{display:flex;align-items:center;min-height:44px;padding:0 12px;border-radius:8px;color:var(--tx);font-size:15px}
.lang-sw li a:hover{background:rgba(255,255,255,.05);text-decoration:none}
.lang-sw li a[aria-current]{color:var(--ac);font-weight:700}
.lang-sw li a:lang(my),.lang-ft a:lang(my){line-height:2.1;padding-top:2px}
@media(min-width:700px){.lang-sw .lang-cur{display:inline;color:var(--tx3);margin-left:2px}.lang-sw .lang-cur::before{content:"・"}}
@media(max-width:400px){.lang-sw .lang-lb{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}}

/* フッターの7言語 */
.lang-ft{display:flex;flex-wrap:wrap;gap:6px 14px;width:100%;border-top:1px solid var(--line);margin-top:6px;padding-top:12px}
.lang-ft a[aria-current]{color:var(--ac)}

/* 端末の言語に訳がある時だけ出す、閉じられる帯（勝手に飛ばさない） */
.lang-bar{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 14px;background:#12333a;color:var(--tx);font-size:14px;line-height:1.6;border-bottom:1px solid var(--line2)}
.lang-bar>span{flex:1 1 auto;padding:6px 0}
.lang-bar a{color:#8fe3f0;font-weight:700;white-space:nowrap;margin-left:6px}
.lang-bar button{margin-left:auto;background:none;border:0;color:var(--tx2);font-size:20px;line-height:1;min-width:44px;min-height:44px;cursor:pointer}

/* 問い合わせは何語でも受ける、の一文 */
.any-lang{font-size:13.5px;color:var(--tx);margin:0 0 6px}
.form-note{font-size:13px;color:var(--tx3);margin:10px 0 0}

/* 「日本語版が正」の一文 */
.ja-note{font-size:13px;color:var(--tx3);border-left:3px solid var(--line2);padding:6px 0 6px 12px;margin:0 0 26px}