/**
 * 真南風：Snow Monkey Forms を MW WP Form のときと同じ見た目にする（お問い合わせフォーム）
 * ・MW WP Form のときは <table>：テーマの .postPage table（スマホは th・td が縦に並び、PC は横。th は濃い灰色 #444 に白い太字、td は灰色の枠）
 *   Snow Monkey Forms の項目を表の行（table-row）、項目名を th、欄を td と同じ見た目にする
 * ・欄はテーマの #formArea input（枠 #eae3df）などがそのまま効く
 */

#snow-monkey-form-274 {
	--smf-form-control-padding: 0;
}
#snow-monkey-form-274 .smf-form {
	display: table;
	width: 100%;
	margin: 0 0 30px;
	border-collapse: collapse;
}
#snow-monkey-form-274 .smf-form > * + * {
	margin-top: 0;
}
#snow-monkey-form-274 .smf-form .smf-item {
	display: table-row;
	margin: 0;
	padding: 0;
	border: 0;
}
#snow-monkey-form-274 .smf-form .smf-item__col {
	display: block;
	width: auto;
	max-width: none;
	margin: 0;
	padding: .6em .8em;
	line-height: 1.4;
	font-size: 16px;
}
/* th */
#snow-monkey-form-274 .smf-form .smf-item__col--label {
	color: #fff;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	background-color: #444;
}
#snow-monkey-form-274 .smf-form .smf-item__label {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
/* td */
#snow-monkey-form-274 .smf-form .smf-item__col--controls {
	border: 1px solid #cbcbcb;
}
@media print, screen and (min-width: 768px) {
	#snow-monkey-form-274 .smf-form .smf-item__col {
		display: table-cell;
		padding: .6em .8em;
	}
	#snow-monkey-form-274 .smf-form .smf-item__col--label {
		width: 225px;
		min-width: 295px;
		padding: .6em 30px;
		border-bottom: 1px solid #fff;
	}
	#snow-monkey-form-274 .smf-form .smf-item__col--controls {
		border-left: none;
		padding: .6em 30px;
	}
}
#snow-monkey-form-274 .smf-form .smf-item__controls {
	display: block;
}
#snow-monkey-form-274 .smf-form .smf-placeholder {
	display: block;
	margin: 0;
}

/* 文字の欄：テーマの #formArea input（本文と同じ文字・上下 8px・左右 .5em・枠 #eae3df・幅いっぱい）。Snow Monkey Forms の飾りは消す */
#snow-monkey-form-274 .smf-form :is(.smf-text-control, .smf-email-control, .smf-textarea-control) {
	display: block;
	width: 100%;
}
#snow-monkey-form-274 .smf-form :is(.smf-text-control__control, .smf-email-control__control, .smf-textarea-control__control) {
	display: inline-block;
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 8px .5em 8px .5em;
	border: 1px solid #eae3df;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	color: #000;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.15; /* テーマ（normalize）と同じ */
}
#snow-monkey-form-274 .smf-form .smf-textarea-control__control {
	vertical-align: baseline;
}

/* お名前・ふりがな・郵便番号：.short（幅 200px）を横に並べる */
#snow-monkey-form-274 .smf-form :is(.name, .is-zip, .is-tel) :is(.smf-placeholder, .smf-text-control) {
	display: inline;
	width: auto;
}
#snow-monkey-form-274 .smf-form .short {
	width: 200px;
}
#snow-monkey-form-274 .smf-form .is-tel .smf-text-control__control {
	width: auto;
}
/* 住所：都道府県（下 20px）・市区町村（下 20px）・番地 */
#snow-monkey-form-274 .smf-form .smf-select-control {
	display: block;
	width: auto;
}
#snow-monkey-form-274 .smf-form .smf-select-control__control {
	display: block;
	width: auto;
	margin: 0 0 20px;
	padding: .4em 0 .3em .5em;
	border: 1px solid #e7e7e7;
	border-radius: 0;
	box-shadow: none;
	background: #fff;
	color: #000;
	font-family: inherit;
	font-size: inherit;
	line-height: 1.15; /* テーマ（normalize）と同じ */
	-webkit-appearance: auto;
	appearance: auto;
}
#snow-monkey-form-274 .smf-form .smf-select-control__toggle {
	display: none;
}
#snow-monkey-form-274 .smf-form .is-address [data-name="addr"] .smf-text-control__control {
	margin-bottom: 20px;
}
/* メールアドレス（確認）の欄と「確認用に再度入力ください」 */
#snow-monkey-form-274[data-screen="confirm"] .smf-form :is(.confirmDisp, .kakuninMail) {
	display: none;
}

/* エラー */
#snow-monkey-form-274 .smf-form .smf-error-messages {
	margin: 5px 0 0;
	color: #b70000;
	font-size: 14px;
}

/* ボタン：テーマの #formArea .btnArea .btn（薄い灰色 #f4f4f4・濃い文字・高さ 32px・角なし）。「確認画面へ」「送信する」は幅 290px、押すと濃い灰色 #333 */
#snow-monkey-form-274 .smf-action {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 0;
	margin: 0;
	padding: 0;
}
#snow-monkey-form-274 .smf-action .smf-button-control {
	display: block;
	flex-basis: 100%;
	max-width: 100%;
	margin: 0 0 25px;
}
#snow-monkey-form-274 .smf-action .smf-button-control__control {
	display: block;
	width: 100%;
	max-width: 290px;
	height: 32px;
	margin: 0 auto;
	padding: 1px 6px;
	border: 1px solid #f4f4f4;
	border-radius: 0;
	background-color: #f4f4f4;
	box-shadow: none;
	color: #333;
	font-family: Arial, sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	cursor: pointer;
	transition: .3s;
}
#snow-monkey-form-274 .smf-action .smf-button-control__control:is(:hover, :focus) {
	color: #fff;
	background: #333;
	border-color: #333;
}
@media print, screen and (min-width: 768px) {
	#snow-monkey-form-274 .smf-action {
		flex-wrap: nowrap;
	}
	#snow-monkey-form-274 .smf-action .smf-button-control {
		margin: 0;
	}
}
/* 確認画面：左右 45% ずつ。「戻る」は右寄せ、「送信する」は左寄せ（テーマの .mw_wp_form_confirm と同じ） */
#snow-monkey-form-274[data-screen="confirm"] .smf-action .smf-button-control {
	flex-basis: 45%;
	max-width: 45%;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-action .smf-button-control__control[data-action="back"] {
	margin: 0 0 0 auto;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-action .smf-button-control__control:not([data-action="back"]) {
	margin: 0 auto 0 0;
}

#snow-monkey-form-274 .smf-moving {
	margin: 0;
	text-align: center;
}

/* お名前・ふりがな：2つ目の欄は上 10px（テーマの input + input）。横に並ぶので行が 10px 高くなる */
#snow-monkey-form-274 .smf-form .name .smf-placeholder + .smf-placeholder .smf-text-control__control {
	margin-top: 10px;
}

/* 確認画面：住所は「沖縄県 那覇市金城 3-8-11」と1行に（今と同じ） */
#snow-monkey-form-274[data-screen="confirm"] .smf-form .is-address :is(.smf-placeholder, .smf-placeholder > div) {
	display: inline;
	margin: 0;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-form .is-address .smf-placeholder + .smf-placeholder::before {
	content: " ";
}
/* 確認画面：郵便番号は「〒9010155」、電話番号は「098-857-0733」と詰めて表示。電話が空なら「-」も出さない */
#snow-monkey-form-274[data-screen="confirm"] .smf-form :is(.is-zip, .is-tel) .smf-item__controls {
	font-size: 0;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-form :is(.is-zip, .is-tel) :is(.smf-placeholder, .mh-zip-mark) {
	font-size: 16px;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-form .smf-sep::before {
	content: "-";
	font-size: 16px;
}
#snow-monkey-form-274[data-screen="confirm"] .smf-form .is-tel:not(:has(input[type="hidden"]:not([value=""]))) .smf-sep {
	display: none;
}