
#key{
	width: 100%;
	height: 498px;
	background: rgb(37, 37, 37);
	padding: 0;
	margin: 0;
}

#key-photo{
	background: url(../img/bar/key.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	width: 1200px;
	height: 498px;
	margin: 0px auto 0px auto;
}

#key-photo p{
	color: #FFF;
	font-size: 20px;
	font-weight: 200;
	text-align: center;
	line-height: 50px;
	padding-top: 240px;
}

#intro{
	line-height: 28px;
	font-size: 18px;
	letter-spacing: 2px;
}
#location{ margin-top: 70px;}

/* -- Degustazione -- */
#degustazione{ margin: 60px auto 40px auto;}
.degustazione{
	width: 400px;
	padding: 20px 0 30px 0;
	margin: 30px auto 0 auto;
	text-align: center;
	border: solid 1px rgb(204, 176, 133);
	border-radius: 3px;
}
.degustazione h4{ margin: 0;	padding: 0;}
.degustazione .desc{ margin-top: 30px;}
.degustazione .prezzo{
	font-weight: 300;
	margin-top: 30px;
}

/* Fine Degustazione  */


form{
	margin-top: 100px;
}

#data{
	padding-top: 20px;
	padding-bottom: 20px;
	width: 100%;
	height: auto;
	margin-top: 80px;
	background: rgb(196, 182, 154);
	text-align: center;
	border-radius: 8px;
}

#data select{
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 6px;
}



.clear{
	width: 1px;
	height: 1px;
	clear: both;
}

#adress{
	text-align: center;
	padding: 40px 0px 40px 0px;
}

.linea{
	width: 500px;
	height: 7px;
	background: url(../img/reclutamento/linea.png);
	background-position: center;
	background-size: 100%;
	margin: 0px auto 0px auto;

}


/* Form */

#form-1{}

#form-1 .formLeft,
#form-1 .formRight{
	width: 50%;
}

#form-1 .formLeft input,
#form-1 .formRight input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-1 .formLeft{ float: left;}
#form-1 .formRight{ float: left;}

#form-2,
#form-3,
#form-4{ margin-top: 40px;}

#form-2 input,
#form-3 input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

select{
	width: 150px;
	height: 40px;
	font-size: 100%;}

#form-5{ margin-top: 40px;}
#form-5 textarea{
	width: 100%;
	border: solid 1px rgb(150, 150, 150);
	border-radius: 6px;
}

#form-5 #submit{
	width: 100px;
	height: 50px;
	margin: 40px auto 0px auto;
}

#form-5 #submit input{
	width: 100px;
	height: 50px;
	background: #D2B48C;
	font-size: 90%;
	color: #FFF;
	border: none;
}


/* スマフォ対応 */

@media screen and (max-width:1000px){
	#key{
		width: 100%;
		height: 400px;
		padding-top: 20px;
		background: none;
	}

	#key-photo{
		background: url(../img/bar/key.jpg);
		background-repeat: no-repeat;
		background-size: 100%;
		width: 100%;
		margin: 0px auto 0px auto;
	}
	#key-photo p{
		font-size: 24px;
		font-weight: 300;
		line-height: 50px;
		padding-top: 190px;
	}
	#intro{
		margin-top: 140px;
		margin-bottom: 80px;
		line-height: 38px;
		font-size: 28px;
		letter-spacing: 3px;
	}

	#location{ margin-top: 170px;}

	#data{
		padding-top: 20px;
		padding-bottom: 20px;
		width: 100%;
		margin-top: 80px;
		text-align: center;
	}
	

	/* -- Degustazione -- */
	#degustazione{ margin-top: 180px;}
	.degustazione{
		width: 70%;
		padding: 20px 0 30px 0;
		margin: 30px auto 0 auto;
		text-align: center;
		border: solid 1px rgb(150, 116, 66);
		border-radius: 4px;
	}
	.degustazione h4{ margin: 0;　padding: 0;}
	.degustazione .desc{ margin-top: 30px;}
	.degustazione .prezzo{
		font-weight: 300;
		margin-top: 30px;
	}

	/* Fine Degustazione  */

	/* Form */

#form-1{ margin-top: 180px;}

#form-1 .formLeft,
#form-1 .formRight{
	width: 50%;
}

#form-1 .formLeft input,
#form-1 .formRight input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}

#form-1 .formLeft{ float: left;}
#form-1 .formRight{ float: left;}

#form-2,
#form-3,
#form-4{ margin-top: 40px;}

/* 中央揃え */
#form-1,
#form-2,
#form-3,
#form-4{ 
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}




#form-2 input,
#form-3 input{
	width: 300px;
	height: 40px;
	border: solid 1px rgb(168, 168, 168);
	border-radius: 6px;
	font-size: 100%;}



}