@charset "utf-8";



.bg_reserve{
background-color: #2b4571;
padding-top: 5px;
padding-bottom: 5px;
width: 990px;
margin: 0 auto 0 auto;
}




.reserve_w{
	color: #fff;
	padding: 5px 0 10px 0;
}


.reserve_tit{
font-size: 2.0rem;
padding: 35px 25px 0 10px;
font-weight: 700;
}

.w_search_box{
width: 658px;
margin: 15px 10px 0 0px;
}

.bookingDate{
text-align: left;
font-weight: normal;
margin: 10px 0 5px 0 !important;
float: left;
display: block;

}
.dynPersons{
margin: 10px 0 5px 5px !important;
text-align: left;
float: left;
display: block;
}
.btn_search input[type="button"] {
display: block;
background-color: #ba9252;
width: 160px;
padding: 15px 0;
color: #ffffff;
margin: 25px 0 0 0;
font-size: 20px;
font-size: 2.0rem;
text-decoration: underline;
border: 1px solid #1a2d4f;
text-align: center;
cursor: pointer;
}
.btn_cancel input[type="button"] {
display: block;
background-color: #a6a6a6;
width: 160px;
padding: 5px 0;
color: #ffffff;
margin-bottom: 10px;
font-size: 12px;
font-size: 1.2rem;
text-decoration: underline;
border: 1px solid #1a2d4f;
text-align: center;
cursor: pointer;
}
.dynSubmit{
display: block;
margin: 0px 0 3px 15px;
}

.copy_main00{
width: 960px;
margin: 20px auto;
text-align: center;
}

.btn_search input:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: underline;
}
.btn_cancel input:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: underline;
}
.dynDate input{
margin: 0 10px 0 0 !important;
}
.dynGroup{
	display: block;
	margin: 0 0 15px 0;
}
.dynDate{
	display: inline;
}

.style_subhead{
	display: inline;
	margin: 0 5px 0 0;
}

.bookingNights{
	margin: 0 5px 0 5px;
}
.bookingRooms{
	margin: 0 5px 0 5px;
}

		@media screen and (max-width: 768px) {
		
		.bg_reserve{
background-color: #2b4571;
padding-top: 15px;
padding-bottom: 10px;
width: 100%;
margin: 0 auto 50px auto;
}
				.calender_box .fl,
				.calender_box .fr{
				float: none !important;
				width: 94%;
				margin-left: auto;
				margin-right: auto;
				text-align: center;
				margin-bottom: 20px;
				}
				.calender_box img{
				width: 100%;
				height: auto;
				}
		
				.cam_fl{
				float: left;
				width: 48%;
				margin: 10px 1% 10px 1%;
				text-align: center;
				}
				.cam_fl.rm00{margin: 10px 1% 10px 1%;}
				.cam_fl a{
				display: block;
				width: 100%;
				}
				.cam_fl a img{width: 100%;height: auto;}
				.cam_fl a span{display: block;}
				
				.tab_slickcity980 .city_box {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}

				
				.brand_box_dormy {
				width: 48%;
				margin: 10px 1% 10px 1%;
				background-color: #004186;
				}

				.brand_box_nono {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}
				.brand_box_premium {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}
				.brand_box_gc {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}
				.brand_box_express {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}
				.open_box{
				width: 48%;
				margin: 10px 1% 10px 1%;
				padding-top: 20px;
				}
				.open_box.rm00{
				margin: 10px 1% 10px 1%;
				}
				.open_box .txt{display: block;text-align: center;}
				
				.infolist{
				margin-left: 5%;
				margin-right: 5%;
				}
				.back_link{
				margin: 15px 5%;
				}
				.tab_merit980 .merit_box {
				width: 48%;
				margin: 10px 1% 10px 1%;
				}
				.tab_merit980 .merit_box.ri00 {
				margin: 10px 0 10px 1%;
				}
				.cam_fl03{
				width: 94%;
				margin: 5px 3% 5px 3%;
				}
				.cam_fl03 img{
				width: 100%;
				}
				.cam_fl03.rm00{
				margin: 5px 3% 5px 3%;
				}
				.reserve_w{
width: 98%;
padding: 5px auto 0 auto !important;
margin: 0 auto;
}

.reserve_w .fl{
float: none;
}
.style_block_area{
float: none !important;
}				
.reserve_tit{
font-size: 1.8rem;
padding: 10px 0 0 0;
font-weight: 700;
}

.w_search_box{
width: 95%;
margin: 0 10px 0 0px;
padding: 5px 10px;
}

.bookingDate{
text-align: left;
font-weight: normal;
margin: 10px 0 15px 0 !important;
float: none;
}
.dynPersons{
margin: 5px 0 10px 0 !important;
text-align: left;
float: none;
}
.btn_search input[type="button"] {
display: block;
background-color: #ba9252;
width: 95%;
padding: 15px 0;
color: #ffffff;
margin: 0 auto 15px auto;
font-size: 18px;
font-size: 1.8rem;
text-decoration: underline;
border: 1px solid #1a2d4f;
text-align: center;
cursor: pointer;
}
.btn_cancel input[type="button"] {
display: block;
background-color: #a6a6a6;
width: 95%;
padding: 5px 0;
color: #ffffff;
margin: 0 auto 15px auto;
font-size: 12px;
font-size: 1.2rem;
text-decoration: underline;
border: 1px solid #1a2d4f;
text-align: center;
cursor: pointer;
}
.dynSubmit{
display: block;
margin: 0px 0 3px 0;
}


.copy_main00{
width: 100%;
margin: 10px auto;
text-align: center;
}

.btn_search input:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: underline;
}
.btn_cancel input:hover{
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
	text-decoration: underline;
}
.style_subhead{
	display: block;
}
.dynPersons{

margin: 10px 0;
}
.dynDate{
margin: 20px 0 10px 0 ;
}


input,select{
font-size: 16px;
}

select.selectGroup{
width: 90%;
}

input[type="button"]{
   -webkit-appearance: none;
   border-radius: 0;
}
.dynGroup{
	display: block;
	margin: 0 0 15px 0;
}

.bookingRooms{
	display: block;
	margin: 15px 0 0 0;
}


	h3.open_h3{
    border-bottom: 1px dotted #a9a9a9;
    cursor: pointer;
    margin: 0;
	}
	.open_h3:after, 
	.open_h3.active:after {
    font-size: 16px;
    margin-left: 14px;
	}
	.open_h3.active::after {
    content: "▲";
	}
	.open_h3::after {
    content: "▼";
	}

}