@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */

/* ------------------------------------------------------------

モデルハウス来場予約

------------------------------------------------------------ */

#article .section .inner {
    width: 93.75%;
    margin: 0 auto;
}

/* heading
---------------------------------------------- */
h3.h3_type01{
	background:linear-gradient(to bottom, #FFFFFF, #F8F8F8);
	color:#00663E;
	font-size:20px;
	font-weight:bold;
	padding:6px 10px 4px;
	border-top:2px solid #85A925;
	border-bottom:1px dotted #BBBBBB;
	margin-bottom:10px;
}

p.wrap_btn{
	text-align:center;
	margin-bottom:20px;
}

/* table
---------------------------------------------- */
table.form{
	width:100%;
	margin-bottom:20px;
	font-size:15px;
}

table.form tr{border-bottom:1px dotted #AAAAAA;}

table.form th{
	width:25%;
	padding:12px 5px 12px 0;
}

table.form th span{display:inline-block;}

table.form th span.must{
	color:#E51019;
	font-size:12px;
}

table.form td{padding:12px 0;}

table.table_reserve{
	width:100%;
	margin:25px 0 30px;
}

table.table_reserve th{
	background:#E9F3CB;
	border:1px solid #85A925;
	padding:10px 0;
	text-align:center;
	color:#00683E;
	font-weight:bold;
	width:31%;
}

table.table_reserve td{
	border:1px solid #85A925;
	padding:10px;
}

table.table_reserve td iframe{
	width:100%;
	height:180px;
}

/* フォーム
---------------------------------------------- */
input[type="text"]{width:100%;}

input.submit{
	display:inline-block;
	background:#85A925;
	padding:1em 3em;
	color:#FFF;
	border:none;
}

input.reset{
	display:inline-block;
	background:#999999;
	padding:1em 3em;
	margin-right:10px;
	color:#FFF;
	border:none;
}

input.postal{width:80%;}

.day01{width:37% !important;}
.day02{width:59% !important;}

select{padding:4px;}

textarea{
	width:100% !important;
	height:180px;
}

span.ERR{color:#E51019;}

.ui-widget{font-size:14px !important;}

.ui-widget .ui-widget{font-size:14px !important;}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{font-size:14px !important;}

/* etc
---------------------------------------------- */
.valign_top{vertical-align:top !important;}
.align_center{text-align:center !important;}
.mb_10{margin-bottom:10px !important;}
.mb_20{margin-bottom:20px !important;}

@media screen and (min-device-width: 767px) { /*--PC--*/

/* article
---------------------------------------------- */
#article .section#lead {
	width: 940px;
	margin: 0 auto;
	padding: 0 0 1em 0;
}

#article #lead.section .inner {
    margin: 20px auto;
    padding: 0;
    width: 93.75%;
}

/* heading
---------------------------------------------- */
h3.h3_type01{margin-bottom:20px;}

/* table
---------------------------------------------- */
table.form{
	margin-bottom:50px;
	font-size:15px;
}

table.table_reserve th{width:16%;}

table.table_reserve td iframe{height:350px;}


/* フォーム
---------------------------------------------- */
input[type="text"]{width:300px;}

input.submit{
	cursor:pointer;
	transition:.2s;
}

input.submit:hover{opacity:0.8;}

input.reset{
	cursor:pointer;
	transition:.2s;
}

input.reset:hover{opacity:0.8;}

.day01,
.day02{width:200px !important;}

textarea{
	width:600px !important;
	height:210px;
}

.ui-widget{font-size:13px !important;}

.ui-widget .ui-widget{font-size:13px !important;}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button{font-size:13px !important;}

}