/* WordPress 上で動かすための調整（デザイン案には無い部分） */

/* 旧テーマの JS がヘッダーの高さを測るための目印 */
.bcv-header-proxy{position:absolute;top:0;left:0;width:1px;height:var(--gn-h,76px);visibility:hidden;pointer-events:none}

/* 管理バーが出ているときに、追従するヘッダーが隠れないように */
body.admin-bar .gn{top:32px}
@media (max-width:782px){body.admin-bar .gn{top:46px}}

/* キャンペーン画像は今のサイトと同じ正方形で作られ、金額や期間が端まで入っているので、切らずに全体を出す */
.cp-img figure{aspect-ratio:1}
/* 順位の札も画像に重ねず、カテゴリーの横に出す */
.cp-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0}
.cp-meta .rk{position:static;font-size:10.5px;letter-spacing:.12em;font-weight:500;padding:3px 10px;border-radius:999px;background:var(--forest);color:#fff;line-height:1.5}

/* 旧テンプレートのページ：地の色と文字色を新デザインに合わせる */
.lg{background:var(--bg);color:var(--ink-2)}
/* 旧ヘッダーは画面に重なる固定表示だったので、その分の上余白を新しい見出しと同じに詰める */
.lg .pageHeader{padding-top:clamp(36px,5vw,64px)}

/* 診療案内のメガメニュー：本番のメニュー名は長いもの（「ボトックス注射(アラガン・ボツラックス)」など）があるので、折り返して隣の列に重ならないようにする */
.gn-mega .gn-cats a span{white-space:normal;line-height:1.55}
.gn-mega .gn-cats a{align-items:center}

/* トップのメインビジュアル：院長の写真を外した（11/2 先方の依頼）ので、サブスク肌管理の枠と院内の写真を横いっぱいに広げる */
.mosaic .m-mon{grid-column:2/4}
@media (max-width:960px){.mosaic .m-mon,.mosaic .m-top{grid-column:1/-1}}