/*
 * sp-fix.css (sp_fix_20261105) - smartphone width only (loaded with media="screen and (max-width: 767px)").
 * Approved by 室岡 2026-11-05 as the only intentional differences from the old site on smartphone width.
 */

/* 修正2：ログイン中は WordPress の管理バー（46px、z-index 99999、600px以下では position:absolute）が
   固定の電話・予約バー（top:0、z-index 999）の上に重なり、開いた直後はバーが隠れていた。
   管理バーがあるときだけ、バーを管理バーの下に置き、管理バーも上部に固定する。 */
body:has(#wpadminbar) section#sp-header {
	top: 46px;
}
body:has(#wpadminbar) #wpadminbar {
	position: fixed;
}

/* 修正1：電話バナーは、写真入りの画像（img の src）と、電話アイコン・文字の背景（sp.css の SVG）の2枚重ね。
   端末の判定（User-Agent）がスマホでないと、PC用の写真画像（920×310）がスマホ用の背景（768×345）に重なり、
   写真が電話アイコン・文字・番号を隠していた。footer.php の <picture> で、767px以下では画面幅だけで
   スマホ用の写真画像を選ぶように直した（CSSの追加は不要）。 */