/*//////////////////////////////////////////////////////////////////////////////

reservation.css
	
//////////////////////////////////////////////////////////////////////////////*/
#content{
	padding-bottom:60px;
}
#cover{
	position:relative;
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
    border-top: 6px solid #fff;
	border-left: 6px solid #fff;
	border-right: 6px solid #fff;
	border-bottom: 3px solid #fff;
	
	background:url(../img/cover.jpg) no-repeat center bottom;
	background-size:cover;
	height:500px;
}
#intro{
	text-align:center;
	margin-top:60px;
}
#intro h1{
	font-family: 'Lato', Arial, serif; font-weight: 300;
	letter-spacing:0.1em;
	font-size:40px;
	margin:0 auto;
	color:#333;
	line-height:1;
}

#content .inner{
	box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
	border-right:20px solid #fff;
	border-left:20px solid #fff;
	margin:60px auto 60px auto;
}
#content p{
	font-size:14px;
}
#content .mail{
	font-family: 'Lato', Arial, serif; font-weight: 700;
	font-size:28px;
	margin-top:20px;
}
#content .mail a{
	color:#5F492C;
}
#content .mail a:hover{
	color:#444;
}
#content ul{
	margin-top:20px;
	font-size:13px;
	line-height:1.6;
}
#content .web-reservation a{
	background:#5F492C;
	border-radius:3px; 
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
	color:#fff;
	width:100%;
	display:block;
	text-align:center;
	padding:10px 0;
	font-weight:bold;
	font-size:18px;
}
#content .web-reservation a:hover{
	background:#444;
}

/* Responsive Styles
   ========================================================================== */
@media screen and (max-width:1024px) {
	#photo-list .col1-4{
		width: 50%;
	    *width: 49.9690%;
	}
	.col1-2{
		width:100%;
	}
}
@media screen and (max-width: 768px) {	
	#main{
		border: 3px solid #fff;
	}
	#cover{
		border-top: 0;
		border-left: 3px solid #fff;
		border-right: 3px solid #fff;
		border-bottom: 3px solid #fff;
	}
	.titLine{
		display:none;
	}
	h2{
		margin-bottom:10px;
	}
	#content .inner{
		margin:30px auto 20px auto;
	}
}
@media screen and (max-width: 480px) {
	#intro{
		width:80%;
		margin:60px auto 0 auto;
		text-align:left;
	}
	#intro h1{
		font-family: 'Lato', Arial, serif; font-weight: 300;
		letter-spacing:0em;
		font-size:33px;
		margin:0 auto;
		color:#333;
		line-height:1;
	}
}