.boxes {
	margin-bottom:30px;
}
.boxes .box {
	float:left;
	width:32%;
	height:200px;
	/*padding:15px 20px;*/
	margin-left:2%;
	margin-bottom:20px;
	
	box-sizing:border-box;
	/*background-color:#f6f6f6;*/
	background-color:#d40f14;
	background-repeat:no-repeat;
	background-position:right bottom;
	position:relative;
	
	color:#FFF;
}
.boxlink {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	padding: 15px 20px;
}

.boxes .box:first-child,
.boxes .box-4 {
	margin-left:0;
}
.boxes .box.box-3 {
	background-color:#d40f14;
	color:#FFF;
}
.boxes .box .button {
	position:absolute;
	bottom:15px;
	right:20px;
}
.boxes .box h2  {
	margin-bottom:15px;
}
.boxes .box a {
	color:#171717;
}
.boxes .box a:hover {
	color:#d40f14;
}
.boxes .box .boxlink:hover {
	color:#000;
}
.boxes .box a.button {
	color:#FFF;
}
.boxes .box a.button:hover {
	/*color:#000;*/
}
.boxes .box select {
	width:100%;
	height:34px;
	border:0;
	padding:2px 5px 2px 20px;
	margin-top:5px;
}
.boxes .box .sidelink {
	position:absolute;
	bottom:25px;
	left:20px;
	
	font-size:12px;
	color:#FFF;
}
.boxes .box .sidelink:hover {
	color:#000;
}
.boxes .box dl dt,
.boxes .box dl dd {
	float:left;
	padding-bottom:5px;
}
.boxes .box dl dt {
	width:120px;
	clear:both;
}
.boxes .box dl dd {
	width:50px;
	text-align:right;
	margin:0;
}

@media only screen and (max-width : 900px) {
	.boxes .box,
	.boxes .box.box-4,
	.boxes .box:first-child {
		width:41%;
		margin:0 4.5% 20px 4.5%;
	}
}
@media only screen and (max-width : 800px) {
	.boxes .box,
	.boxes .box.box-4,
	.boxes .box:first-child {
		width:48%;
		margin:0 0 20px 4%;
	}
	.boxes .box:first-child,
	.boxes .box:nth-child(2n+1) {
		margin:0 0 20px 0;
	}
}
@media only screen and (max-width : 480px) {
	.boxes .box.box-1,
	.boxes .box.box-2,
	.boxes .box.box-3,
	.boxes .box.box-4,
	.boxes .box.box-5,
	.boxes .box.box-6 {
		max-width:350px;
		width:auto;
		margin:0 auto 20px;
		float:none;
	}
}

.banner {
	margin-bottom:35px;
}
.banner img {
	max-width:100%;
	height:auto;
}

.reserve {
	margin-top:55px;
}
.reserve ul {
	list-style:none;
	padding:0;
	margin:0;
}
.reserve ul li {
	float:left;
	width:32%;
	margin-left:2%;
	
	text-align:center;
}
.reserve ul li:first-child {
	margin-left:0;
}
.reserve ul li img {
	width:100%;
	display:block;
}
.reserve-text span {
	display:block;
}
.reserve-text span + span {
	margin-bottom:15px;
}
.reserve .button {
	display:inline-block;
	padding:7px 15px;
}
.reserve h1 {
	display:block;
	position:relative;
	text-align:center;
	z-index:5;
}
.reserve h1:before {
	position: absolute;
	top: 11px;
	left: 0;
	right: 0;
	
	content: "";
	border-top:1px solid #cccccc;
}
.reserve h1 > span {
	background-color: #FFF;
    display: inline-block;
    padding: 0 15px;
    position: relative;
    z-index: 10;
}

@media only screen and (max-width : 767px) and (min-width: 600px) {
	.reserve ul li {
		float:none;
		width:100%;
		margin-left:0;
		clear:both;
	}
	.reserve ul li .reserve-image {
		float:left;
		width:35%;
	}
	.reserve ul li .reserve-text {
		width:65%;
		margin-top:25px;
		box-sizing:border-box;
		padding-right:175px;
		float:right;
		text-align:left;
		
		position:relative;
	}
	.reserve ul li .reserve-text span {
		display:inline-block;
	}
	.reserve ul li a.button {
		position:absolute;
		right:0;
		top:50%;
		margin-top:-16px;
	}
}

@media only screen and (max-width : 600px) {
	/*
	.banner {
		display:none;
	}
	*/

	.reserve h1 {
		margin-bottom:20px;
	}
	.reserve ul li {
		float:none;
		width:100%;
		margin:0 0 20px;
	}
	.reserve ul li img {
		max-width:100%;
		width:auto;
		margin:0 auto;
	}
}


/*info*/
.info {
}
.info ul {
	list-style:none;
	padding:0;
	margin:0;
}
.info ul li {
	float:left;
	width:50%;
	padding:25px 40px 25px 35px;
	border-left:1px solid #171717;
	border-left:1px solid rgba(23,23,23,0.1);
	box-sizing:border-box;
}
.info ul li:first-child {
	padding:25px 50px 25px 25px;
	border:0;
}

@media only screen and (max-width : 650px) {
	.info ul li {
		float:none;
		width:100%;
		padding:0 0 25px 0;
	}
	.info h2 {
		margin-bottom:15px;
	}
}


.home .desktop {
	display:block;
}
.home .mobile {
	display:none;
}
@media only screen and (max-width : 480px) {
	.home .desktop {
		display:none;
	}
	.home .mobile {
		display:block;
	}
}