@charset "UTF-8";
/* ---------------------------------------------------------------
	Inquiry.css
--------------------------------------------------------------- */
/* 共通
------------------------------------------------------ */
#inquiry h2{ background: url(../../inquiry/img/title_bg.png) no-repeat center top;}
#inquiry #contents  { clear: both; margin: 0 auto; width: 100%; max-width: 1100px; background: url(../../inquiry/img/contents_bg.png) no-repeat right top;}
#inquiry #breadcrumb{ clear: both; margin: 5px auto; width: 100%; text-align: right;}

#inquiry #contents section { margin: 0 auto 70px; width: 1005px;}

#inquiry #contents h3{ margin: 0 auto 45px; padding: 25px 0 0; width: 1000px;}

#inquiry #contents h4{
	margin: 0 0 20px; color: #41271b; font-size: 18px;
	border-bottom: 1px solid #a59733;
}
#inquiry section dl ~ h4{ margin: 50px 0 20px;}

#inquiry section h4 span{
	display: block; margin: 0 0 10px; padding: 0 0 0 10px;
	border-left: 7px solid #a59733;
}

/* 共通 */
#inquiry.index section{ margin: 0 auto 70px; width: 940px; box-sizing: border-box;}
#inquiry.index section dl{ clear: both; margin: 0; padding: 15px 10px; border-bottom: 1px dotted #a59733;}

#inquiry.index .note,
#inquiry.thanks .note{ color: #b41616;}

#inquiry.index span.note{ display: inline-block;}
#inquiry.index p.note{ margin: 15px 0 5px;}


/* sec1 */
#inquiry.index #sec1 { margin: 0 auto 45px;}
#inquiry.index #sec1 dl { clear: both;}
#inquiry.index #sec1 dt { width: 120px; float: left;}
#inquiry.index #sec1 dt span {
	display: inline-block; width: 120px; padding: 5px; color: #fff;
	text-align: center; background: #472f00; box-sizing: border-box;
}
#inquiry.index #sec1 dd { margin: 0 0 0 150px; width: auto; float: none;}
#inquiry.index #sec1 dd ul {}
#inquiry.index #sec1 dd li {}

#inquiry.index b,
#inquiry.index b a { color: #900000; font-size: 14px;}
#inquiry.index b a:hover { text-decoration: none;}


/* form */
#inquiry.index #form{
	padding: 20px 30px;
	background: rgba(255,255,255,0.75);
	box-shadow: 0 0 10px rgba(235,225,211,0.75);
}

#inquiry.index #form form { margin: 15px 0;}

#inquiry.index #form dt,
#inquiry.index #form dd{ border: none; background: none;}
#inquiry.index #form dt{ padding: 5px 0 0; width: 23%; float: left;}
#inquiry.index #form dd{ clear: none; padding: 0; width: 75%; float: right;}

#inquiry.index #form form>p{ margin: 0 10px 25px;}
#inquiry.index #form ul,
#inquiry.index #form ol{ margin: 0 0 5px; list-style: none; line-height: 1.8;}
#inquiry.index #form li{ margin: 0 0 5px;}

#inquiry.index #form ul li{ float: left; padding: 0 1% 0 0; width: 33.3%; box-sizing: border-box;}
#inquiry.index #form li span{ display: inline-block; margin: 0 5px 0 0; width: 75px;}

#inquiry.index #form .number{ margin: 0 0 10px;}
#inquiry.index #form .number li span{ width: 80px;}
#inquiry.index #form .number li input{ margin: 0 10px 0 0;}

#inquiry.index #form label{ margin: 0; display: inline-block; cursor: pointer;}
#inquiry.index #form input{ margin: 0 5px 0 0; padding: 0; font-size: 13px;}

#inquiry.index #form input[type="tel"],
#inquiry.index #form input[type="text"],
#inquiry.index #form input[type="email"],
#inquiry.index #form input[type="number"],
#inquiry.index #form select,
#inquiry.index #form textarea {
	margin: 5px 0; padding: 2px; max-width: 100%; font-size: 13px;
	border: 1px solid #ddd; box-sizing: border-box;
}

#inquiry.index #form .trans li:nth-child(3n+1) { clear: both;}


#inquiry.index #form #mailformpro label.mfp_not_checked {border: 0;}
#inquiry.index #form .mfp_buttons { margin: 15px auto 20px; width: 98%; text-align: center;}
#inquiry.index #form .mfp_buttons button{
	cursor: pointer; width: 30%; padding: 3px 0; font-size: 14px; text-align: center;
	line-height: 25px; letter-spacing: 3px; border-radius: 5px;
}

#inquiry.index #form #order_submit{ color: #fff; background: #a59733; border: 1px solid #a59733;}
#inquiry.index #form #order_reset { color: #a59733; background: #fff; border: 1px solid #a59733;}

#inquiry.index #form .mfp_element_submit,
#inquiry.index #form .mfp_element_reset,
#inquiry.index #form .mfp_element_button{ text-shadow: none;}



/* サンクスページ */
#inquiry.thanks section{
	margin: 0 auto 70px; padding: 20px 30px; width: 940px; box-sizing: border-box;
	background: rgba(255,255,255,0.75); box-shadow: 0 0 10px rgba(235,225,211,0.75);
}
#inquiry.thanks section dl{ margin: 25px 0;}
#inquiry.thanks section dt{
	margin: 0 0 10px; padding: 0 0 0 20px; font-size: 16px; font-weight: bold;
	background: url(../../mist/img/icon.gif) no-repeat left center;
}


/* ---------------------------------------------------
	clear
------------------------------------------------------ */
#inquiry #contents section:after,
#inquiry.index #contents div:after,
#inquiry.index #contents dl:after,
#inquiry.index #form dt:after,
#inquiry.index #form ul:after{ clear: both; content: "."; display: block; height: 0; font-size: 0; visibility: hidden; }