@charset "utf-8";

/**
 * 構造
 */
.mw_wp_form_block {
	margin: 0 0 2em;
}

.mw_wp_form_block table {
	margin: 0 0 2em;
	table-layout: fixed;
	border-collapse: collapse;
	border: none;
	background-color: transparent;
	font-size: 100%;
	width: 100%;
}

.mw_wp_form_block table th,
.mw_wp_form_block table td {
	background-color: transparent;
	border: none;
	font-size: 100%;
	font-weight: normal;
	padding: 1em;
	text-align: left;
	vertical-align: top;
}

.mw_wp_form_block table th {
	font-weight: bold;
	width: 30%;
}

@media screen and ( max-width: 970px ) {
	.mw_wp_form_block table,
	.mw_wp_form_block table tbody,
	.mw_wp_form_block table tr,
	.mw_wp_form_block table th,
	.mw_wp_form_block table td {
		display: block;
		width: auto;
	}
	.mw_wp_form_block {
		border: none;
	}
	.mw_wp_form_block table th {
		border-top: none;
		padding: .5em 1em;
	}
	.mw_wp_form_block table td {
		border-top: #ddd solid 1px;
		border-top: none;
	}
}

/**
 * 画像
 */
.mw_wp_form_block .mw-wp-form_image {
	margin-top: 5px;
}

.mw_wp_form_block .mw-wp-form_image img {
	max-width: 100%;
}

/**
 * 必須
 */
.mw_wp_form_block .require {
	color: #DD3B97;
}

/**
 * 注釈
 */
.mw_wp_form_block .notes {
	color: #999;
	display: block;
	font-size: 12px;
	margin: 5px 0 0;
}

/**
 * エラーメッセージ
 */
.mw_wp_form_block .error {
	color: #DD3B97;
	display: block;
	margin: 5px 0 0;
}

/**
 * アクションボタン
 */
.mw_wp_form_block .action-buttons {
	border-top: #ccc solid 2px;
	padding: 2em 0 0;
	text-align: center;
}

/**
 * フォーム項目基本
 */
.mw_wp_form_block input,
.mw_wp_form_block select,
.mw_wp_form_block textarea {
	box-sizing: border-box;
	max-width: 100%;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	width: auto;
}

/**
 * ボタン
 */
.mw_wp_form_block input[type="submit"],
.mw_wp_form_block input[type="button"],
.mw_wp_form_block button {
	border: 2px solid #ccc;
	border-radius: 0;
	background: #f5f5f5;
	cursor: pointer;
	-webkit-appearance: button;
	line-height: 1;
	padding: 1em 2em;
	outline: 0;
}

.mw_wp_form_block input[type="submit"]:hover,
.mw_wp_form_block input[type="button"]:hover,
.mw_wp_form_block button:hover {
	background: #fff;
	border-color: #333;
}

.mw_wp_form_block input[type="submit"]:focus,
.mw_wp_form_block input[type="submit"]:active,
.mw_wp_form_block input[type="button"]:focus,
.mw_wp_form_block input[type="button"]:active,
.mw_wp_form_block button:focus,
.mw_wp_form_block button:active {
	background: #fff;
	border-color: #333;
}

/**
 * 選択項目
 */
.mw_wp_form_block label {
	display: inline-block;
	margin: 0 5px 0 0;
}

.mw_wp_form_block label input[type="checkbox"],
.mw_wp_form_block label input[type="radio"] {
	margin: 0 5px 0 0;
}

/**
 * テキスト
 */
.mw_wp_form_block input[type="text"],
.mw_wp_form_block input[type="password"],
.mw_wp_form_block input[type="number"],
.mw_wp_form_block input[type="email"],
.mw_wp_form_block input[type="url"],
.mw_wp_form_block textarea {
	border: 2px solid #ccc;
	border-radius: 0;
	padding: .5em 1em;
}

.mw_wp_form_block input[type="text"]:focus,
.mw_wp_form_block input[type="password"]:focus,
.mw_wp_form_block input[type="number"]:focus,
.mw_wp_form_block input[type="email"]:focus,
.mw_wp_form_block input[type="url"]:focus,
.mw_wp_form_block textarea:focus {
	border-color: #333;
	outline: none;
}

/**
 * 複数行テキスト
 */
.mw_wp_form_block textarea {
	overflow: auto;
	vertical-align: top;
	width: 100%;
}

/**
 * ファイル
 */
.mw_wp_form_block input[type="file"] {
	display: inline;
}

/**
 * 電話番号、郵便番号
 */
.mw_wp_form_block .mwform-zip-field input,
.mw_wp_form_block .mwform-tel-field input {
	margin-right: 3px;
	margin-left: 3px;
}