@charset "utf-8";

#heading_text{
	background-image: url('../../images/rooms/h2_rooms_bg.png');
}


#search_bg {
	background-color: #ffffff;
	background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #d7f1f1), color-stop(.5, transparent), to(transparent));
	background-image: -moz-linear-gradient(left, #d7f1f1 50%, transparent 50%, transparent);
	background-image: -o-linear-gradient(left, #d7f1f1 50%, transparent 50%, transparent);
	background-image: linear-gradient(left, #d7f1f1 50%, transparent 50%, transparent);
	-webkit-background-size: 10px 10px;
	-moz-background-size: 10px 10px;
	background-size: 10px 10px;

}
.search_box0 {
	padding: 40px 0 40px;
}
#search_box {
	padding: 30px;
	border: 3px solid #000;
	background: #fff;
	position: relative;
}
#search_box label {
	cursor: pointer;
}
#search_box input[type=checkbox] {
	cursor: pointer;
}
#area_sel{
	line-height:2;
	float:left;
	border: 1px solid #000;
	padding:5px;
}

#area_sel ul{
	clear:left;
}

#area_sel li{
	float:left;
	margin-right:15px;
}



#area input:checked + label:after{
	top:3px;
	height:7px;
	border-left: 3px solid #E71063;
	border-bottom: 2px solid #E71063;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

#roomtype_sel {
	padding:50px 20px;
	display:inline-block;
}



.search_buttan{
	clear:left;
	display:inline-block;
	margin:30px 0 0 85px;
	padding:10px 60px;
	background-color:#C42002;
	border:none;
	color:#fff;
	text-align:center;
	line-height:1em;
	cursor: pointer;
}

#search_baloon{
	position:absolute;
	top:-80px;
	right:0;
}

#search_baloon_text{
	position:absolute;
	top:-40px;
	right:55px;
	color:#fff;
}

#hangar_bg {
	background: #fff url('../../images/rooms/rooms_bg.png') repeat left 20px;
}

#rooms_pictures_box{
	margin: 5px;
}
#rooms_pictures_box a {
	display: inline-block;
	margin:0 10px 25px 10px;
	color: #333;
}
#rooms_pictures_box a:hover {
	color: #999;
	text-decoration: none;
}
.room_box {
	background-color:#d3eeee;
	display:inline-block;
	width:218px;
}
.room_box p {
	margin-bottom: 0;
}
.room_photo {
	width:218px;
	height:150px;
	text-align: center;
	line-height: 0;
}
.room_box img{
	width: auto;
	height: auto;
	margin: 0 auto;
	max-width:218px;
	max-height:150px;
}

.rooms_text {
	margin: 6px 10px 10px;
}

.room_name{
	font-weight :bold;
	color: #C42002;
	margin: 0;
	width: 198px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}


.room_type {
	font-size: 80%;
}
.room_type span {
	background-color:#94AFB0;
	color:#fff;
	padding:3px;
	margin-right:5px;
}






/*===============================================
●画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px) {

#hedding {
	max-width: 640px;
	width:100%;
	margin: 0 auto;
	padding:0 10px;

}

#search_bg {
	background-color: #94AFB0;
	background-image: none;
}

#search_box {
	margin: 120px 0 0;
	padding: 30px;
	border: 3px solid #000;
	background: #fff;
	position: relative;
}

#roomtype_sel {
	padding: 20px;
}

.search_buttan{
	clear:both;
	margin:20px auto;
}
#search_buttan_box{
	text-align:center;
}

#search_baloon{
	position:absolute;
	top:-130px;
	right:0;
}

#search_baloon_text{
	position:absolute;
	top:-90px;
	right:55px;
	color:#fff;
}

#rooms_pictures_box{
	margin: 5px;
	max-width:640px;

}
.room_box{
	width:100%;
	max-width:640px;
	margin:0 auto 30px;
}
.room_box img{
	width:100%;
}
.room_photo {
	width:100%;
	height:auto;
	text-align: center;
	line-height: 0;
}

.room_photo img{
	max-width:640px;
	width:100%;
	height:auto;
	text-align: center;
	line-height: 0;
}

.room_box img{
	width: auto;
	height: auto;
	margin: 0 auto;
	max-width:100%;
	max-height:auto;
}



}