/* ynh-site-fixes.css — 瑞海～zmi～鍼灸院 サイト調整（2026-09-14）
   目的：(1) 全体の文字を一回り大きく（トンマナ維持）(2) SPヘッダーの装飾線と文字の重なり解消
        (3) クレジットを最下部・白背景・中央に (4) 地図の代替リンク
   元の style.css は触らず、上書きだけで実現する。 */

/* (1) 文字サイズ：基準 10px → 11px（rem 指定の要素がすべて 10% 大きくなる。比率は元デザインのまま） */
html{ font-size: 68.75%; }                       /* 11px：SP・タブレット */
@media (width >= 1280px) and (width < 1480px){
  html{ font-size: 65.625%; }                    /* 10.5px：PCの狭い幅ではヘッダーのナビが折り返さない範囲に抑える */
  .l-nav-cv__btn .c-cv-btn__txt, .l-nav-list a{ white-space: nowrap; }
}
@media (width >= 1480px){ html{ font-size: 68.75%; } }
@media (width >= 1280px){ .l-nav-cv__btn .c-cv-btn__txt{ white-space: nowrap; } }  /* 電話番号を1行に固定 */

/* (2) ヘッダー（1280px未満）：上部の装飾線がキャッチコピーの文字に重なるため、線を上へ逃がし、内側の余白を確保 */
@media (width < 1280px){
  .l-header::before, .l-header::after{ top: -8px; }
  .l-header__inner{ padding-top: 16px; padding-bottom: 6px; height: auto; min-height: var(--mh--header--height); }
  .l-header{ padding-bottom: 12px; }
}

/* (3) クレジット：フッター（グレーのカード）の下、白背景、中央。SPは固定ボトムバーと重ならないよう下に余白 */
.ynh-credit--bottom{
  width: 100%;
  margin: 0;
  padding: 22px 16px 26px;
  text-align: center;
  font-size: 13px;
  line-height: 1.6;
  letter-spacing: .04em;
  color: #5b6b78;
  background: #fff;
  opacity: 1;
  white-space: nowrap;
}
.ynh-credit--bottom .ynh-credit__link{ color: inherit; border-bottom: 1px solid currentColor; }
@media (width < 768px){
  .ynh-credit--bottom{ padding-bottom: 96px; } /* 固定ボトムバー（電話／予約）の高さ分 */
}

/* (4) 地図の下の代替リンク（iframe が読み込めない端末向け） */
.ynh-map-fallback{ margin: 8px 0 0; font-size: 12px; text-align: right; }
.ynh-map-fallback a{ color: inherit; text-decoration: underline; }