@charset "utf-8";

/* ========================================================
	base.css => 共通基本CSS
======================================================== */

/* reset
============================================================================================================ */



/* ClearFix
============================================================================================================ */
.clearfix,
.row {
	zoom: 1;
}
.clearfix:after,
.row:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0; overflow: hidden;
}


/* float
============================================================================================================ */
.fl {float: left;}
.fr {float: right;}


/* text-align
============================================================================================================ */
.tal {text-align: left;}
.tac {text-align: center;}
.tar {text-align: right;}



button {
	cursor: pointer;
}

.red {
	color: #a90000;
}

.ww_reserve{
	width: 100%;
	background-color: #dce1ea;
	z-index: 99999999999;
	bottom: 0;
	border-top: 1px solid #0f3675;	
	color:#0f3675;
}

.ww_reserve a{
	color:#635d46;
}

.w1000{
	width: 1000px;
	margin: 0 auto;
}


.reserve_w{

	padding: 0 0 0 0;
}

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

.w_search_box{
width: 690px;
margin: 0 5px 0 5px;
}

.bookingDate{
text-align: left;
font-weight: normal;
margin: 10px 0 5px 0 !important;
}
.dynPersons{
margin: 35px 0 0 10px !important;
text-align: left;
float: left;
display: block;
width: 134px;
}
.btn_search input[type="button"] {
display: block;
background-color: #0f3675;
width: 160px;
padding: 15px 0;
color: #ffffff;
margin: 0 0 0 0;
font-size: 20px;
font-size: 2.0rem;
text-decoration: underline;
border: 1px solid #0f3675;
text-align: center;
cursor: pointer;
}
.btn_cancel input[type="button"] {
display: block;
background-color: #77a2d5;
width: 160px;
padding: 5px 0;
color: #ffffff;
margin-bottom: 10px;
font-size: 12px;
font-size: 1.2rem;
text-decoration: underline;
border: 1px solid #0f3675;
text-align: center;
cursor: pointer;
}
.dynSubmit{
display: block;
margin: 17px 0 3px 5px;
}
.undecided{
margin-left: 5px;
}
.bookingNights{
margin-left: 5px;
}
.bookingRooms{
margin-left: 5px;
}
select.cmbNights,
select.cmbRooms,
select.cmbPerson0{
padding: 5px 3px 5px 3px;
}

.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;
}









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


.reserve_w{
width: 98%;
padding: 0 auto ;
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 20px;
}

.bookingDate{
text-align: left;
font-weight: normal;
margin: 10px 0 5px 0 !important;
display: block;
}
.dynPersons{
margin: 10px 0 5px 3px !important;
text-align: left;
}
.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 #6a8a2c;
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 #6a8a2c;
text-align: center;
cursor: pointer;
}
.dynSubmit{
display: block;
margin: 0px 0 3px 15px;
}


.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{
display: block;
margin: 10px 0;
}
.dynDate{
display: block;
margin: 10px 0;
}

}


.petpdf{
margin:0 10px 5px 0;
text-align: right;
padding: 0;
letter-spacing: -0.005em;
}
.petpdf a{
text-decoration: none;
}
.petpdf a:hover{
text-decoration: underline;
}

.table_spwidth{

}