@charset "utf-8";


/***** お問い合わせページ *****/

/* 完了メッセージを非表示表示する */
#main.contact .contact_complete {
	display: none;
}
/* 送信完了後に完了メッセージを表示にする */
#main.contact form.sent .contact_complete {
	display: block;
}

/* 送信完了後にフォームを非表示にする */
#main.contact form.sent .contact_frame {
	display: none;
}
#main.contact form.sent .wpcf7-validation-errors,
#main.contact form.sent .wpcf7-response-output {
	display: none;
}

/* エラーとなった入力項目に色を付ける */
#main.contact .form_item dd select.wpcf7-not-valid,
#main.contact .form_item dd input.wpcf7-not-valid,
#main.contact .form_item dd textarea.wpcf7-not-valid {
	background-color: #ffeeff;
}

/* エラーメッセージ用CSS */
#main.contact .screen-reader-response,
#main.contact .wpcf7-validation-errors,
#main.contact .wpcf7-response-output {
	color: #aa0000;
	text-align: center;
}
#main.contact dl.form_item .wpcf7-not-valid-tip {
	display: block;
	color: #aa0000;
	font-size: 0.8em;
}
#main.contact .screen-reader-response {
	margin: 10px;
	font-size: 1.2em;
}
#main.contact .screen-reader-response ul {
	display: none;
}

/* 入力フォーム用CSS */
#main.contact .btn_area a {
	width: 200px;
}
#main.contact form .contact_form {
	width: 700px;
	margin: 10px auto;
}

#main.contact form .form_item {
	margin: 10px 0;
}
#main.contact .form_item dd input {
	width: 100%;
	font-size: 1.5em;
	padding: 5px;
}
#main.contact .form_item dd select {
	font-size: 1.3em;
	height: 40px;
	padding: 0 auto;
	padding: 0 auto\9; /* IE8用 */
}
#main.contact .form_item dd select {
	padding: 0 auto\0/; /* IE9用 */
}

#main.contact .form_item dd textarea {
	width: 100%;
	font-size: 1.0em;
	padding: 5px;
}
#main.contact .contact_complete .explain {
	text-align: center;
	margin: 10px;
	font-size: 1.2em;
}
#main.contact .contact_complete .btn_area {
	text-align: center;
}
#main.contact .btn_area {
	text-align: center;
}
#main.contact .btn_area a.contact_btn {
	display: inline-block;
	width: 195px;
	text-align: center;
	font-size: 1.2em;
	background-color: #e29d18;
	background-image: url(../img/common/arrow_h2_link.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	border: solid 2px #eae8e5;
	padding: 5px 20px 5px 30px;
	margin-top: 10px;
}
#main.contact .btn_area a.contact_btn:hover {
	/*filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;*/
	background: #392c22;
}

#main.contact .caution {
	color: #aa0000;
}

/***** スマートフォン用CSS *****/
@media screen and (max-width : 768px) {

	#main.contact form .contact_form {
		width: 90%;
		margin: 10px auto;
	}
	#main.contact .form_item dd input,
	#main.contact .form_item dd textarea {
		width: 96%;
		padding: 2%;
	}
	#main.contact .btn_area {
		width: auto;
		margin: 20px 0;
		text-align: center;
		font-size: 1.2em;
	}
	#main.contact .btn_area a.contact_btn {
		display: block;
		width: auto;
		padding: 10px 20px 10px 30px;
		margin: 5px 0;
		font-size: 0.9em;
	}

}

/***** デスクトップ用CSS *****/
@media screen and (min-width : 769px) {
}