@charset "UTF-8";
/* ============================================================
中国語ページ（）フォント統一
------------------------------------------------------------
テーマ既定フォント（zen-kaku-gothic-new / zen-old-mincho /
Yu Mincho / ryo-gothic-plusn 等）は日本語字形セットのため、
簡体字の一部字形を持たない。結果、同じ font-weight 指定でも、
字形を持つ漢字は日本語フォントで、持たない簡体字だけが OS の
中国語フォントへフォールバックし、太さがばらついて見える。
ここで中国語ページの漢字を Noto Sans SC（黑体）/ Noto Serif SC
（宋体）に一本化し、同じ太さ指定が同じ太さで表示されるようにする。
・本文 / ゴシック（.zkgn-* / .rgp* / body 既定）→ Noto Sans SC
・見出し / 明朝（.zom-* / .mincho） → Noto Serif SC
・英数字の装飾（.ebg-* eb-garamond / .fptb futura-pt）→ 維持
・アイコン（::before 実装の icomoon / 要素実装の FontAwesome）→ 維持
日本語ページ（lang="ja"）には .zh セレクタが一致しないため無影響。
============================================================ */
:root{
--zh-sans:"Noto Sans SC","PingFang SC","Microsoft YaHei","Hiragino Sans GB",sans-serif;
--zh-serif:"Noto Serif SC","Source Han Serif SC","Songti SC","SimSun",serif;
--zh-latin:"futura-pt","eb-garamond","Helvetica Neue",Arial,sans-serif;
}
/* 既定：すべての漢字を中国語ゴシックに統一。
・::before / ::after のアイコングリフは「*」に一致しないため無影響
・要素実装の FontAwesome アイコンは :where(:not()) で除外
（:where() は特異性 0 なので、下の見出し/英数字ルールを邪魔しない） */
html[lang="zh-Hans"],
html[lang="zh-Hans"] *:where(:not(:is(
.fa, .fas, .far, .fal, .fab, .fad,
.fa-solid, .fa-regular, .fa-brands, .fa-light, .fa-thin, .fa-duotone,
[class^="icon-"], [class*=" icon-"]
))){
font-family:var(--zh-sans) !important;
}
/* 見出し・明朝系 → 中国語明朝（宋体）。内側の span 等の子要素も含める */
html[lang="zh-Hans"] .mincho, html[lang="zh-Hans"] .mincho *,
html[lang="zh-Hans"] .zom-r, html[lang="zh-Hans"] .zom-r *,
html[lang="zh-Hans"] .zom-m, html[lang="zh-Hans"] .zom-m *{
font-family:var(--zh-serif) !important;
}
/* 英数字の装飾フォントは従来どおり維持。内側の子要素も含める */
html[lang="zh-Hans"] .ebg-r, html[lang="zh-Hans"] .ebg-r *,
html[lang="zh-Hans"] .ebg-m, html[lang="zh-Hans"] .ebg-m *,
html[lang="zh-Hans"] .fptb, html[lang="zh-Hans"] .fptb *{
font-family:var(--zh-latin) !important;
}
html[lang="zh-Hans"] .temp-menu-cta .flex .right .tel li a::before{
content:"新宿院";
font-family:var(--zh-sans);
}
html[lang="zh-Hans"] .temp-menu-cta .flex .right .tel li.clinic02 a::before{
content:"银座院";
}
html[lang="zh-Hans"] .temp-menu-cta .flex .right .tel li.clinic03 a::before{
content:"横滨院";
}
/* ============================================================
LINE 予約導線 → WeChat（中国語ページのみ）
------------------------------------------------------------
li.line の アイコンは layout.css で背景画像として指定されている。
・#head-nav-cta li.line a:before (L198)
・.temp-menu-cta … #head-nav-cta li.line a:before （SP/メディアクエリ内） (L568)
・#sp-cta ul li.line a span::before (L941)
いずれも html[lang="zh-Hans"] を前置して詳細度で上回り、背景だけ差し替える。
WeChat アイコンは 23:21 と正方形ではないため、正方形指定の #sp-cta で
cover のままだと左右が切れる。contain にして全体が入るようにする。
============================================================ */
html[lang="zh-Hans"] #head-nav-cta li.line a:before,
html[lang="zh-Hans"] .temp-menu-cta .flex .right #head-nav-cta li.line a:before,
html[lang="zh-Hans"] #sp-cta ul li.line a span::before{
background-image:url(../img/common/icon_wechat.svg);
background-size:contain;
background-position:center;
background-repeat:no-repeat;
}
/* ============================================================
案内バナー（top-guidance）の SP 画像（中国語ページのみ）
------------------------------------------------------------
PC は front-page-zh.php の ![]()
がそのまま中国語版を指すが、
SP は top.css (L1196-1201) が ![]()
を display:none にして
li の の背景画像に差し替える実装のため、日本語版の
img/top/*_sp.png が出てしまう。同じメディアクエリ内で
html[lang="zh-Hans"] を前置し、背景だけ中国語版に差し替える。
画像の縦横比は日本語版と同一（47.4% / 47.1%）なので、
top.css 側の height:42.5vw はそのまま流用できる。
============================================================ */
@media (max-width: 767px) {
html[lang="zh-Hans"] .top-guidance ul li.monitor a{
background-image:url(../img/top_zh/top-guidance_monitor_sp.png);
}
html[lang="zh-Hans"] .top-guidance ul li.line a{
background-image:url(../img/top_zh/top-guidance_line_sp.png);
}
}
/* ============================================================
予約CTA内の「预约」を小さくしない（中国語ページのみ）
------------------------------------------------------------
layout.css (L199) の #head-nav-cta li a i{font-size:86%} は
日本語の「予約」を主文字より一段小さく見せるための指定。
簡体字は字画が多いため 86% だと「微信预约」「WEB预约」の
「预约」が潰れて読みにくいので、中国語ページのみ等倍に戻す。
・line-height:1 は維持（ボタン内の縦位置がずれるため上書きしない）
・バーガー内 電話ボタンの院名バッジ（新宿院 等）の は
#nav … #head-nav-cta li.tel a i{font-size:10.83px / SP 3vw}
が絶対値かつ詳細度も上のため、このルールの影響を受けない。
============================================================ */
html[lang="zh-Hans"] #head-nav-cta li a i{
font-size:inherit;
}