@charset "UTF-8";
/* Contact Form 7 用の調整
   元ページのフォームは #custom-section-form 配下のCSSで組まれている。
   CF7は入力欄を <span class="wpcf7-form-control-wrap"> で包むなど独自のタグを足すため、
   その分だけを打ち消して元と同じ並びに戻す。 */

/* 入力欄のラッパーをブロック化（元は input が直接 .form-group の子だったため、
   これをしないと width:100% が効かず幅が内容なりになる） */
#custom-section-form .wpcf7-form-control-wrap {
	display: block;
}

/* ラジオ・チェックボックスの横並び。
   CF7のラッパー2階層を display:contents で透過させ、選択肢そのものを .flex-options の
   フレックスアイテムにすることで、元の並び（gap:15px の横並び）に戻す。 */
#custom-section-form .flex-options .wpcf7-form-control-wrap,
#custom-section-form .flex-options .wpcf7-radio,
#custom-section-form .flex-options .wpcf7-checkbox {
	display: contents;
}
#custom-section-form .flex-options .wpcf7-list-item {
	margin: 0;
}

/* CF7が選択肢ラベルに付ける span。元はテキストが直接 label 内にあった */
#custom-section-form .wpcf7-list-item-label {
	font-weight: normal;
}

/* エラー表示 */
#custom-section-form .wpcf7-not-valid-tip {
	color: #d32f2f;
	font-size: 13px;
	margin-top: 4px;
}
#custom-section-form .wpcf7-response-output {
	margin: 20px 0 0;
	padding: 12px 15px;
	border-radius: 4px;
	font-size: 14px;
}

/* 送信中スピナー。CF7既定のまま横に置き、縦の余白を増やさない
   （block にすると送信ボタンの下に余白が増え、元ページより高くなる） */
#custom-section-form .wpcf7-spinner {
	display: inline-block;
	margin: 0 0 0 8px;
	vertical-align: middle;
}

/* フォーム未設定時の管理者向け案内 */
.entry-form-notice {
	padding: 20px;
	background: #fff6e5;
	border: 1px solid #ffc05b;
	border-radius: 4px;
	color: #3d1f11;
}
