@charset "UTF-8";
/* ファンクラブのフォーム（新規入会・継続・お問合せ・応援メッセージ）の見た目（2026-10-25） */

body#fc .fc-form-intro p { margin-bottom: 0.8em; }

body#fc .fc-form-error {
	margin: 0 0 20px;
	padding: 12px 14px;
	border: 2px solid #c33100;
	color: #c33100;
	font-weight: bold;
	line-height: 1.6;
}

body#fc .fc-form-error[hidden] { display: none; }

body#fc form.fc-form { margin-top: 10px; }

body#fc .fc-form-note { margin-bottom: 15px; }

body#fc .fc-form-row {
	padding: 12px 0;
	border-bottom: 1px dotted #ccc;
}

body#fc .fc-form-label {
	display: block;
	margin-bottom: 6px;
	font-weight: bold;
}

body#fc .fc-req,
body#fc .fc-opt {
	display: inline-block;
	margin-left: 6px;
	padding: 0 6px;
	font-size: 11px;
	font-weight: normal;
	line-height: 18px;
	color: #fff;
	vertical-align: 1px;
}

body#fc .fc-req { background: #c33100; }
body#fc .fc-opt { background: #888; }

body#fc .fc-form input[type="text"],
body#fc .fc-form input[type="email"],
body#fc .fc-form input[type="tel"],
body#fc .fc-form select,
body#fc .fc-form textarea {
	box-sizing: border-box;
	max-width: 100%;
	padding: 6px 8px;
	border: 1px solid #aaa;
	border-radius: 3px;
	font-size: 16px; /* スマートフォンで入力のときに画面が拡大されないように */
	font-family: inherit;
	background: #fff;
	color: #333;
}

body#fc .fc-form .fc-w-full { width: 100%; }
body#fc .fc-form .fc-w-half { width: 48%; }
body#fc .fc-form .fc-w-zip { width: 10em; }
body#fc .fc-form .fc-w-year { width: 6em; }
body#fc .fc-form textarea { width: 100%; min-height: 10em; }

body#fc .fc-form-pair { display: flex; gap: 4%; }
body#fc .fc-form-pair > span { flex: 1; }
body#fc .fc-form-pair > span input { width: 100%; }
body#fc .fc-form-sub { display: block; margin: 6px 0 2px; font-size: 12px; color: #555; }
body#fc .fc-form-help { margin-top: 6px; font-size: 12px; color: #555; }

body#fc .fc-form-radio label { display: block; margin: 4px 0; }

body#fc .fc-form-privacy {
	box-sizing: border-box;
	height: 14em;
	overflow-y: auto;
	margin-bottom: 10px;
	padding: 10px 12px;
	border: 1px solid #ccc;
	background: #fafafa;
	font-size: 12px;
}

body#fc .fc-form-privacy h4 { margin: 10px 0 4px; font-size: 13px; }
body#fc .fc-form-privacy p { margin-bottom: 6px; }

body#fc .fc-form-submit { margin: 25px 0 10px; text-align: center; }

body#fc .fc-form-submit button {
	min-width: 220px;
	padding: 12px 24px;
	border: none;
	border-radius: 4px;
	background: #c33100;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	cursor: pointer;
}

body#fc .fc-form-submit button:disabled { opacity: 0.6; cursor: default; }

body#fc .fc-form-recaptcha-note { font-size: 11px; color: #777; text-align: center; }

body#fc .fc-thanks-lead { color: #c33100; font-weight: bold; font-size: 16px; }

/* お問合せ（/contact/）の見出しの画像（2026-10-25。ほかの見出しと同じ作り。スマートフォンは sp.css と同じ大きさに縮める） */
body#fc #conts h2#contact { background: url("/imgs/contact/h_contact.jpg") no-repeat left top; width: 525px; height: 40px; text-indent: -9999px; }
@media (max-width: 600px) {
	body#fc #conts h2#contact { width: 370px; height: 30px; -moz-background-size: auto 100%; background-size: auto 100%; }
}