@charset "UTF-8";
/* PHP版フォーム用の追加スタイル（mailformpro.css / example.css の上書き） */

/* ボット対策のダミー項目（画面外へ） */
.mfp_hp {
	position: absolute !important;
	left: -9999px !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

/* 郵便番号・電話番号を左寄せ（旧フォームと同じ） */
#mailformpro input[name="郵便番号"],
#mailformpro input[name="電話番号"] {
	text-align: left !important;
}

/* 入力欄 */
#mailformpro input[type="text"],
#mailformpro input[type="email"],
#mailformpro input[type="tel"],
#mailformpro select,
#mailformpro textarea,
.mfp_element_password {
	font-size: 16px; /* iPhoneでの自動ズーム防止 */
	line-height: 1.5;
	padding: 6px 8px;
	background-color: #FFF;
}
#mailformpro .mfp_rows .mfp_col10 + .mfp_col10 {
	margin-top: 4px;
}
#mailformpro input.problem,
#mailformpro select.problem,
#mailformpro textarea.problem {
	background-color: #FCC;
}

/* 郵便番号検索中 */
.mfp_zip_loading {
	display: inline-block;
	width: 16px;
	height: 16px;
	margin-left: 6px;
	vertical-align: middle;
	background: url(_images/mfp_loading.gif) no-repeat center center;
	background-size: contain;
}

/* 確認画面（オーバーレイ） */
#mfp_overlay_background {
	position: fixed !important;
	top: 0; left: 0; right: 0; bottom: 0;
	opacity: 0.7;
}
#mfp_overlay {
	position: fixed !important;
	top: 0; left: 0; right: 0; bottom: 0;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 30px 0;
}
#mfp_overlay_inner {
	text-align: left;
}
div#mfp_phase_confirm h4 {
	font-size: 22px;
	margin: 10px 0 15px;
}
#mfp_phase_confirm p.mfp_confirm_message {
	text-align: center;
	font-size: 14px;
	margin: 15px 0 5px;
}
table#mfp_confirm_table tr th {
	width: 30%;
	white-space: normal;
	vertical-align: top;
}
table#mfp_confirm_table tr td {
	white-space: pre-wrap;
}
.mfp_buttons button {
	margin: 5px 8px;
}
button#mfp_button_cancel {
	font-size: 16px;
	padding: 10px 20px;
	color: #333;
}
button#mfp_button_send[disabled] {
	opacity: 0.5 !important;
	cursor: default;
}

/* 送信中 */
#mfp_loading_screen {
	position: fixed !important;
	top: 0; left: 0; right: 0; bottom: 0;
}
#mfp_loading {
	position: fixed !important;
	top: 50%;
	left: 50%;
	margin: -20px 0 0 -20px;
}

/* サンクスページ */
div#mfp_thanks {
	margin-bottom: 10px;
}
.mfp_thanks .mfp_back {
	margin-top: 20px;
}

/* CSV管理 */
.mfp_admin {
	font-size: 14px;
}
.mfp_admin a.mfp_element_submit {
	text-decoration: none;
}

@media screen and (max-width: 600px) {
	div#wrapper {
		padding: 10px;
	}
	div#wrapper div#header h1 {
		font-size: 18px;
		line-height: 1.4em;
	}
	table#mfp_confirm_table tr th,
	table#mfp_confirm_table tr td {
		display: block;
		width: auto;
	}
	table#mfp_confirm_table tr th {
		border-top: solid 1px #CCC;
		padding-bottom: 0;
	}
	table#mfp_confirm_table tr td {
		border-top: none;
	}
	#mfp_overlay {
		padding: 10px 0;
	}
}