@charset "utf-8";
/*
 * お問い合わせフォーム（MW WP Form）
 *
 * trust-form プラグインが読み込んでいた css/default-responsive.css を移植したもの。
 * プラグインを外すと現行の見た目が崩れるため、必要な指定をテーマ側に持たせている。
 * 末尾に MW WP Form 固有のマークアップに対する調整を追加。
 */


/* ======================================

	 Reset

====================================== */
#trust-form {
	width: 100%;
	height: auto;
}
#trust-form table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
#trust-form table,
#trust-form table th,
#trust-form table td {
	border: none;
}
/* reset form element style*/
.contact-form input,
.contact-formbutton,
.contact-formselect,
.contact-formtextarea {
	margin: 0;
	outline: none;
}
#trust-form input,
#trust-form select {
	vertical-align: middle;
}
#trust-form ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#trust-form ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ======================================

	 Form Style

====================================== */
div#trust-form.contact-form table {
	margin-bottom: 2em;
	text-align: center;
}
div#trust-form.contact-form table th {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
}
div#trust-form.contact-form table td {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	text-align: left;
	vertical-align: middle;
}
div#trust-form.contact-form table tr:hover {
	background: #f4f4f4;
}
div#trust-form.contact-form table div {
	padding: 0 10px;
}

div#trust-form.contact-form p.submit-container {
	text-align: center;
}

div#trust-form.contact-form div.submessage {
	font-size: 80%;
	font-weight: normal;
}

div#trust-form.contact-form span.require {
	margin-left: 3px;
	color: #e55a3b;
}

div#trust-form.contact-form div.error,
div#trust-form.contact-form span.error {
	color: #e55a3b;
}

div#trust-form.contact-form input[type="checkbox"],
div#trust-form.contact-form input[type="radio"] {
	margin-right: 3px;
}
div#trust-form.contact-form label {
	display: block;
	width: 100%;
}

div#trust-form #confirm-button {
	text-align: center;
}

@media only screen and (max-width: 600px) {
	div#trust-form table {
		margin: 2em auto;
		border: 1px solid #ccc;
		border-bottom-width: 0;
	}
	div#trust-form table th,
	div#trust-form table td {
		padding: 0;
		float: left;
		clear: both;
		width: 100%;
	}
	div#trust-form table th {
		background-color: #f4f4f4;
	}
	div#trust-form table ul li,
	div#trust-form table .mwform-radio-field,
	div#trust-form table .mwform-checkbox-field {
		line-height: 3.5em;
	}
	div#trust-form.contact-form table tr:hover {
		background: #fff;
	}
}

/* ======================================

	 MW WP Form 用の調整

====================================== */

/* ラジオボタンは trust-form の ul/li 表示に合わせて行間を詰める */
div#trust-form.contact-form .mwform-radio-field {
	margin: 0;
	padding: 0;
}
div#trust-form.contact-form .vertical-item + .vertical-item {
	margin-top: 0;
}

/* 確認画面では入力画面専用の表示を隠す */
.mw_wp_form_confirm .mwf-input-only,
.mw_wp_form_input .mwf-confirm-only,
.mw_wp_form_confirm #trust-form .require,
.mw_wp_form_confirm #trust-form .submessage,
.mw_wp_form_confirm #trust-form .ex,
.mw_wp_form_confirm #trust-form td small {
	display: none;
}