/*
 * スマホの読みやすさ（サイト共通パーツ v1.37.0・2026-11-13）
 * ⑧-1 トップの写真の上の文をスマホでも見えるように・予約ボタン（ボタンは includes/speed.php が差し込む）
 * ⑧-2 「全ての料金を確認」ボタンの色を濃く（白い字との差 3.2 → 約6）
 * ⑧-3 下の固定バー（HOME／LINE／予約ページ）を押しやすい高さに
 * ⑧-4 ロゴ下のキャッチコピー・フッターの一覧の小さい字を大きく
 */

/* ⑧-1 写真の上の文：テーマの出だしの動き（is_opacity）がスマホで始まらず透明のままだったので、見えるようにする */
#js-main-visual-inner.is_opacity { opacity: 1 !important; }
.ckd-hero__btns { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 22px; position: relative; z-index: 3; }
.ckd-hero__btn {
	display: inline-flex; align-items: center; justify-content: center;
	min-height: 48px; padding: 0 26px; border-radius: 999px;
	font-size: 16px; font-weight: 700; letter-spacing: .06em; text-decoration: none !important;
	border: 2px solid #fff; color: #fff !important; background: rgba(0, 0, 0, .2);
}
.ckd-hero__btn.is-main { background: #fff; color: #3f5a33 !important; }
@media (min-width: 960px) {
	.ckd-hero__btn { font-size: 17px; min-height: 52px; padding: 0 34px; }
}

/* ⑧-2 */
.eb-price-section .section-btn a,
.price-section-btn a { background-color: #6e6150 !important; border-color: #6e6150 !important; color: #fff !important; }

/* ⑧-3 */
.fixed-footer-nav > li > a {
	min-height: 48px; display: flex !important; align-items: center; justify-content: center; gap: 6px;
	font-size: 14px !important;
}

/* ⑧-4 */
@media (max-width: 959px) {
	.header-site-branding .site-description { font-size: min(12px, 3.2vw) !important; white-space: nowrap; letter-spacing: 0 !important; }
}
.footer-widget-box a,
.widget_pages a { font-size: 14px !important; }
.footer-widget-box li,
.widget_pages li { padding-top: 4px; padding-bottom: 4px; }