@charset "UTF-8";
/*
 * Contact Form 7 6.x 対応（2026-10-31）＝問い合わせフォームの見た目を 5.1.6 当時に戻す（自動整形と選択欄の表示は functions.php）
 * 読み込みは functions.php（contact-form-7 の後）。
 */

/* ① 丸い選択ボタン：テーマは id="sex" に指定していたが、CF7 6 は同じ id の重複を外すため、2つ目以降の選択欄（性別・ご紹介の有無など）が
 *    ブラウザ標準の小さい丸に戻っていた。css/secondary.css の #sex と同じ指定をフォーム内の選択ボタン全部に当てる（5.1.6 では全部 id="sex" だった）。 */
.wpcf7-form .wpcf7-radio input[type="radio"]::before {
	content: "";
	border-radius: 100%;
	border: 1px solid #11cbd7;
	display: inline-block;
	width: 2.0em;
	height: 2.0em;
	position: relative;
	top: -0.6em;
	left: -0.7em;
	margin-right: 0.6em;
	vertical-align: middle;
	cursor: pointer;
	text-align: center;
	transition: all 250ms ease;
	background: #fff;
}
.wpcf7-form .wpcf7-radio input[type="radio"]:checked::before {
	background-color: #11cbd7;
	box-shadow: inset 0 0 0 4px #f4f4f4;
}
.wpcf7-form .wpcf7-radio input[type="radio"]:focus::before {
	outline: none;
	border-color: #3197ee;
}

/* ② 送信中の回転アイコン：CF7 6 で 24px（左右の余白 24px）に大きくなり、ボタンの行が 8px 高くなっていた。
 *    5.1.6 の送信中アイコン（16px・左余白 4px）と同じ大きさにする（送信中だけ見える点は同じ） */
.wpcf7-form .wpcf7-spinner {
	width: 16px;
	height: 16px;
	margin: 0 0 0 4px;
	vertical-align: middle;
}
.wpcf7-form .wpcf7-spinner::before {
	top: 2px;
	left: 2px;
	width: 4px;
	height: 4px;
	transform-origin: 6px 6px;
}

/* ③ 送信結果のお知らせ枠：CF7 6 で枠のクラス名が変わり（wpcf7-mail-sent-ok など → form の状態クラス）、
 *    テーマの指定（css/secondary.css「送信後メッセージ」＝赤地に白文字・中央寄せ）と 5.1.6 の枠の色が当たらなくなったため、新しいクラスで同じ指定にする */
.wpcf7 form.sent .wpcf7-response-output {
	border: 2px solid #dc3814;
	color: #fff;
	background: #dc3814;
	padding: 20px 0;
	text-align: center;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border: 2px solid #f7e700;
	padding: 18px;
	font-weight: bold;
}
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	border-color: #ff0000;
}
.wpcf7 form.spam .wpcf7-response-output {
	border-color: #ffa500;
}
.wpcf7-not-valid-tip {
	color: #f00;
}