/*===================================================== */
/* RESERVE PAGE
======================================================= */

@charset "UTF-8";

@import url(https://fonts.googleapis.com/earlyreserve/notoserifjapanese.css);

@font-face {
	font-family: BASKVILL;
	src: url(../font/BASKVILL.TTF) format('truetype');
}
@font-face {
  font-family: Meiryo;
  src: local('Meiryo'), local('メイリオ');
}


/* layout
-------------------------------------------------------- */

#contentsContainer{
	width:100%;
	margin:0 auto 60px;
}

#contact section section{
	width:100%;
	margin: 0 auto 30px;
}


#contact h3,#contact h4{
	margin: 0 0 26px;
	text-align: center;
	font-family: 'Noto Serif Japanese',serif;
}
#contact h3 strong,#contact h4 strong{
	display: block;
	margin: 0 0 8px;
	font-size: 40px;
	font-family: 'BASKVILL',serif;
	line-height: 1;
}
#contact h4 strong{
	font-size: 30px;
}
#contact h3 span,#contact h4 span{
	display: block;
	margin: 0 0 8px;
	font-size: 16px;
	font-weight: 100;
	line-height: 1;
	font-family: 'Noto Serif Japanese',serif;
}

#contact h3::after,#contact h4::after{
	content:url(../images/spacer.gif);
	display: block;
	width:100%;
	height: 1px;

background: rgba(68,57,31,1);
background: -moz-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(68,57,31,1)), color-stop(53%, rgba(226,200,136,1)), color-stop(100%, rgba(68,57,31,1)));
background: -webkit-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -o-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: -ms-linear-gradient(left, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
background: linear-gradient(to right, rgba(68,57,31,1) 0%, rgba(226,200,136,1) 53%, rgba(68,57,31,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44391f', endColorstr='#44391f', GradientType=1 );


}


/* contact area
-------------------------------------------------------- */
#contact #contactArea{}



/* guidance area
------------------------------*/
#contact #guidanceArea{}

#contact #guidanceArea .summary{
	width:90%;
	margin: 0 auto 30px;
	padding:0;
	box-sizing: border-box;
	font-size: 20px;
}
#contact #guidanceArea .summary span{
	color: #fa00c8;
}

/* form area
------------------------------*/
#contact #formArea{}
#contact #formArea table#con_table{
	width:90%;
	margin:auto;
	border-collapse: separate;
	border:2px;
}
#contact #formArea th,#contact #formArea td{
	padding:2%;
}
#contact #formArea th{
	width:30%;
	background:#f3f3f3;
}
#contact #formArea td{
	background:#fff;
}
#contact #formArea th span.must{
	display: inline-block;
	margin-right: 4px;
	color: #f00;
	font-size: 12px;
}

#contact #formArea .submitArea{
	padding-top:15px;
	text-align: center;
}

#contact #formArea input[type=submit]{
	display: inline-block;
	width:250px;
	height: 40px;
	margin: auto;
	line-height: 40px;
}
#contact #formArea input[type=button]{
	display: inline-block;
	width:250px;
	height: 40px;
	margin: auto;
	line-height: 40px;
}
#contact #formArea input[type=submit]{}
#contact #formArea input[type=submit].size_ss{}
#contact #formArea input[type=submit].size_s{}
#contact #formArea input[type=submit].size_m{}
#contact #formArea input[type=submit].size_l{}

#contact #formArea select{}
#contact #formArea textarea{}