@charset "utf-8";

/**
 * 構造
 */
.mw_wp_form_block table {
	background-color: transparent;
	border: none;
	border-collapse: collapse;
	font-size: 100%;
	margin: 0 0 20px;
	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;
	line-height: 1.6;
	padding: 10px;
	vertical-align: top;
}

.mw_wp_form_block table th {
	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 table th {
		padding: 5px 10px;
	}
	.mw_wp_form_block table td {
		border-top: #ddd solid 1px;
		padding: 20px 10px;
	}
}

/**
 * 画像
 */
.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-top: 20px;
	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"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 1px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.5 ),
				inset 0 15px 17px rgba( 255, 255, 255, 0.5 ),
				inset 0 -5px 12px rgba( 0, 0, 0, 0.05 );
	color: rgba( 0, 0, 0, .8 );
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 12px;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba( 255, 255, 255, 0.8 );
}

.mw_wp_form_block input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.8 ),
				inset 0 15px 17px rgba( 255, 255, 255, 0.8 ),
				inset 0 -5px 12px rgba( 0, 0, 0, 0.02 );
}

.mw_wp_form_block input[type="submit"]:focus,
.mw_wp_form_block input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba( 255, 255, 255, 0.5 ),
				inset 0 2px 5px rgba( 0, 0, 0, 0.15 );
}

/**
 * 選択項目
 */
.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 textarea {
	border-radius: 1px;
	border: 2px solid #ccc;
	padding: 8px 10px;
}

.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 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;
}