@charset "UTF-8";
/* CSS Document */
html {
	overflow:auto;
}

* {
	box-sizing: border-box;
}

#top_img {
	height: 300px;
	width: 100%;
	background: url(images/slide.jpg) no-repeat center;
	background-size: cover;
}

#top_img h1 {
	padding: 70px 0 0 0; 
	text-align: center;
}

#hotel {
	background: #f4f4f4;
}


#hotel_content {
	max-width: 1280px;
	width: 98%;
	margin: 0 auto;
	
}

.ttl_hotel {
	padding: 40px 0 5px 0;
	font-size: 2.4em;
	font-family: serif;
	text-align: center;
}

.ttl_style {
	padding: 0 0 10px 0;
	font-family: serif;
	text-align: center;
}

.hotel_des {
	text-align: center;
	font-size: 1.2em;
	padding: 0 0 10px 0;
}

.hotel_block {
	float: left;
	width: 24%;
	margin: 0.5%;
	background: #FFF;
	text-align: center;
}

.hotel_block a {
	text-decoration: none;
}

.hotel_block:hover {
	background: #ebf5ff;
}

.hotel_block h2 {
	background: #2f2f2f;
	color: #FFF;
	font-size: 1.2em;
	padding: 5px;
	margin: 0;
}

.hotel_block h3 {
	font-size: 1.2em;
	padding: 10px 0;
	margin: 0;
}

.hotel_block img {
	width: 100%;
}

.hotel_block hr {
	margin: 0 10px;
	padding: 0;
}

.price {
	padding: 10px;
	font-size: 0.9em;
}

.price h4 {
	font-weight: bolder;
}

.clear {
	clear: both;
}

.hotel_list_grande,
.hotel_list_universal {
	max-width: 980px;
	margin: 0 auto;
}


.hotel_list_alliance {
	max-width: 500px;
	margin: 0 auto;
	padding: 0 0 50px 0;
}


.hotel_list_grande .hotel_block {
	width: 32.33%;
}

.hotel_list_universal .hotel_block {
	width: 49%;
}

.hotel_list_alliance .hotel_block {
	width: 100%;
}

.notice {
	text-align: right;
	padding: 10px 0;
	font-size: 0.9em;
}


@media screen and (max-width:640px){

#top_img {
	height: 180px;
}

#top_img h1 {
	padding: 40px 0 0 0;
}


#top_img h1 img {
	width: 70%;
}

.hotel_block {
	float: none;
	width: 95%;
	margin: 0 auto;
}

.hotel_list_grande .hotel_block,
.hotel_list_universal .hotel_block,
.hotel_list_alliance .hotel_block {
	width: 95%;
	margin: 0 auto;
}

}