@charset "UTF-8";
/* 静的版（2026-10）の上書き。旧CSSは触らず、ここで差分だけ直す */
[hidden] { display: none !important; }
/* サロン内ナビ：5項目→3項目 */
.salon #salonNavi ul { width: 600px; }
@media screen and (max-width: 639px) {
	.salon #salonNavi ul { width: 100%; }
	.salon #salonNavi li { width: 33.333%; }
}
/* トップのコンテンツ：6枚→2枚を中央に */
.home #contentsArea.x2 ul { text-align: center; font-size: 0; }
.home #contentsArea.x2 li { float: none; display: inline-block; margin: 0 10px 20px; }
@media screen and (max-width: 639px) {
	.home #contentsArea.x2 li { width: 48%; margin: 0 1% 10px; }
	.home #contentsArea.x2 li img { width: 100%; height: auto; }
}
/* 店舗ページ：クーポン欄を外したので、サロン情報の見出しを上の斜め帯に重ねない */
.salon.detail .salonInfo { padding-top: 60px; }
@media screen and (max-width: 639px) { .salon.detail .salonInfo { padding-top: 40px; } }
/* メニューの税込表記 */
#menuArea .taxNote { text-align: right; font-size: .9em; margin: 0 0 20px; }
/* お問い合わせ（フォーム廃止） */
#contactArea { max-width: 800px; margin: 0 auto; }
#contactArea .attention { margin: 0 0 20px; color: #c00; }
#contactArea table { width: 100%; border-collapse: collapse; }
#contactArea th, #contactArea td { padding: 1.2em 1em; border-bottom: 1px solid #ddd; text-align: left; vertical-align: top; }
#contactArea th { width: 30%; font-weight: 500; }
#contactArea td span { display: block; font-size: .85em; color: #666; }
#contactArea .lineBtn { display: inline-block; margin-top: .8em; padding: .7em 1.5em; background: #06c755; color: #fff; border-radius: 4px; text-decoration: none; }
@media screen and (max-width: 639px) {
	#contactArea th, #contactArea td { display: block; width: 100%; box-sizing: border-box; }
	#contactArea th { border-bottom: none; padding-bottom: 0; }
}