@charset "UTF-8";

/* カスタマイズ (このCSSは後から定義しているため、同じ定義名は上書きされる) */
/* 2020/1/27 金額欄「(税込)」文字サイズ調整。
             [個人情報の取り扱いについて]横幅調整
   2023/6/21 『Mailform Pro 送信不具合問題』で、v4.3.2.1を適用
 */

/* iPhone、Android 文字サイズ対策 */
body {
	-webkit-text-size-adjust: 100%;  
}
/* ストライプ色は 薄黄緑とする */
.mfp_colored {
	background-color: #eeffda;
}
form#mailformpro label.mfp_checked {
    background-color: #ccffcc;
}
form#mailformpro dl {
	border-top: none;
	border-bottom: 1px solid #d3d3d3;
}
form#mailformpro dd {
	border-top: none;
	padding: 10px 5px 11px 100px;
}
form#mailformpro dt {
	padding: 10px 5px 11px 100px;
}
form#mailformpro input {
	margin-left: 10px;
	text-align: left;
}
form#mailformpro .brand_txt {
	font-size: 120%;
	font-weight: bold;
}
form#mailformpro .brand_txt span.tax_in{
	font-size: 80%;
	font-weight: bold;
}
form#mailformpro textarea {
	margin-left: 10px;
	text-align: left;
}
form#mailformpro dd {
	text-align: left;
}

form#mailformpro ul {
	font-size: 100%;
	vertical-align: bottom;
}
form#mailformpro .i_checkbox {
	margin: 0px 3px 5px 5px;
}
form#mailformpro .i_radio {
	margin: 0px 5px 3px 0px;
}
form#mailformpro select {
	margin-left: 10px;
}
form#mailformpro .info {
	text-align: left;
}

form#mailformpro .day_note {
	font-size: 11.5px;
}
/* 都道府県リスト 位置調整 */
#mfp_element_9 {
	margin-left: 10px;
}

/* [必須]マーク */
.must {
	padding: 2px 3px;
	line-height: 16px;
}

/* 個人情報の取り扱いについて */
.info-box {
	border-radius: 10px;
	margin: 10px 4px 20px 4px;
	padding: 5px 5px 5px 10px;
	color: #303030;
	font-size: 13px;
	text-align: left;
/*	font-weight: bold; */
	line-height: 160%;
	border: 1px solid #54b25a;
	background-color: #ffffcc;
}
.confirm_info {
	padding: 10px 15px 20px 20px;
	color: #303030;
	font-size: 13px;
	text-align: left;
}

/* 確認画面 「入力内容をご確認ください」 */
div#mfp_overlay_inner h4 {
	text-align: center;
}

/* ラベル文字数によるテキストボックス位置の微調整用 */
.l_4moji {
	width: 4em;
	display:inline-block;
}
.l_5moji, .l_5moji_ie89 {
	font-size: 110%;
	width: 5em;
/*	display:inline-block; */
}
.l_6moji {
	width: 6em;
	display:inline-block;
}
.l_7moji {
	width: 7em;
	display:inline-block;
}
.l_8moji, {
	width: 8em;
	display:inline-block;
}
.l_9moji {
	width: 9em;
	display:inline-block;
}
.l_10moji {
	width: 10em;
	display:inline-block;
}
.l_11moji {
	width: 11em;
	display:inline-block;
}
.l_12moji {
	width: 12em;
	display:inline-block;
}
.l_13moji {
	width: 13em;
	display:inline-block;
}


#container{width:548px;}
#container form#mailformpro dl dd{padding: 10px 5px 10px 160px;}
#container form#mailformpro .must{border:none;}
#container form#mailformpro #oshiharai_dd label{display: block; box-shadow: none;}

/*  [キャンセル][確認画面へ] */

/*  [確認画面へ] */
#mailformpro .mfp_element_submit:hover, button#mfp_button_send:hover {
	border: solid 1px #94ddff;
	box-shadow: 0px 4px 28px 8px #94ddff;
	text-shadow: 0px 2px 0px #94ddff;

}
#mailformpro .mfp_element_reset, button#mfp_button_cancel {
	float: left;
	font-size: 11px;
	padding: 2px 6px;
}
#mailformpro .mfp_element_reset:hover, button#mfp_button_cancel:hover {
	border: solid 1px #be4c4c;
	box-shadow: 0px 4px 12px #be4c4c;

}
button#mfp_button_cancel {
	margin-left: 3%;
}

/* 「JavaScript」を有効にする必要があります。 */
#contact div.no_script{
	padding: 0px 20px;
	display:block;
	width: 505px;
	font-size: 13px;
	font-weight: bold;
}
#contact a.a-font-blue{
	color: #0000FF;
}

/* 確認画面 overlay_confirm
------------------------------------------------------------*/
/* 確認画面 「入力内容をご確認ください」 */
div#mfp_overlay_inner h4 {
	text-align: center;
	font-size: 140%;
	font-weight: bold;
}
/* thanks画面  */
#thanks_mes {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
}