/*
 * Contact Form 7 の見た目を、2026-10 まで本番で使っていた 5.0.2 と同じにする（公開ページの見え方を変えない。2026-10-24）
 * 5.4 以降は、返事の枠の色・入力の誤りの文の色・送信中の表示（くるくる）が変わる。値は 5.0.2 の styles.css のもの
 * 5.0.2 のままでも、同じ色を指すだけで見た目は変わらない。functions.php が contact-form-7 の CSS の後に読み込む
 */

/* 返事の枠 */
.wpcf7 form .wpcf7-response-output {
	border-color: #ff0000;
}
.wpcf7 form.sent .wpcf7-response-output {
	border-color: #398f14;
}
.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 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #f7e700;
}

/* 入力の誤りの文 */
.wpcf7 .wpcf7-not-valid-tip {
	color: #f00;
}

/* 送信中の表示（5.0.2 の ajax-loader.gif の写しを使う） */
.wpcf7 .wpcf7-spinner {
	background: url(../img/cf7-ajax-loader.gif) no-repeat 0 0;
	opacity: 1;
	width: 16px;
	height: 16px;
	border-radius: 0;
	margin: 0 0 0 4px;
	vertical-align: middle;
}
.wpcf7 .wpcf7-spinner::before {
	content: none;
	display: none;
}