/*
Theme Name: JBWA
Description: 日本ブラジリアンワックス協会（JBWA）の静的サイトと同じヘッダー・ナビ・左右のメニュー・フッターで、WordPress の固定ページを表示するテーマです。CSS・画像・JS は静的サイトのもの（kasou.css / kasou_re.css / css/mediaquery.css / js/ / images/）をそのまま読み込みます。
Version: 1.2.5
Requires at least: 5.8
Requires PHP: 7.4
Text Domain: jbwa
*/

/* WordPress の本文（ブロックエディターで入れた内容） */
.jbwa-wp-content::after {
	content: "";
	display: table;
	clear: both;
}

.jbwa-wp-content img {
	max-width: 100%;
	height: auto;
}

/* 左ナビなしのページ（サロン検索）：本文を左ナビの分まで広げる（PC のみ。スマホは静的サイトの指定どおり全幅） */
@media (min-width: 768px) {
	.jbwa-no-leftnav #main_k {
		float: left;
		width: 900px;
	}

	.jbwa-no-leftnav #jbwa-finder {
		max-width: none;
	}
}

/* スマホのハンバーガーメニュー上部のボタン（Figma「menu上部ボタン」：高さ 50px・角丸 4px・内側余白 10px・アイコンと文字の間 5px） */
.jbwa-sp-menu-buttons {
	display: flex;
	gap: 10px;
	box-sizing: border-box;
	width: 100vw;
	padding: 16px 10px;
	background: rgba(0, 0, 0, 0.9); /* Figma：メニューと同じ黒 */
}

.jbwa-sp-menu-button {
	display: flex;
	flex: 1 1 0;
	align-items: center;
	justify-content: center;
	gap: 5px;
	min-width: 0;
	height: 50px;
	box-sizing: border-box;
	padding: 10px;
	border-radius: 4px;
	color: #fff !important;
	font-size: 16px;
	line-height: 1.2;
	text-decoration: none !important;
	white-space: nowrap;
}

.jbwa-sp-menu-button.is-school {
	background: #296bcd;
}

.jbwa-sp-menu-button.is-salon {
	background: #a02329;
}

.jbwa-sp-menu-button img,
.jbwa-sp-menu-button svg {
	display: block;
	flex: none;
	width: auto;
	height: 24px;
}

@media (max-width: 360px) {
	.jbwa-sp-menu-button {
		font-size: 14px;
	}
}