@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: 676px;
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{

}


/*★追加ここから*/
.reservebox{width:1200px;margin:0 auto;vertical-align: middle;}
.reservebox .area.ttbox{display: none;}
.reservebox ul.tab-list{display:flex;}
.reservebox ul.tab-list li,
.reservebox_radio .tab_c,
.reservebox_radio .tab_d{width:85px;font-size:0.7em;text-align:center;padding:6px 2px;}
.reservebox ul.tab-list li:hover{background-color: #2b5db1;}
.reservebox ul.tab-list li label{border:none;display:block;color:#fff;}
.reservebox ul.tab-list li img{height:20px;display:block;margin:5px auto;}
.tab_a label{background:url(../images/tabicon_a.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;}
.tab_b label{background:url(../images/tabicon_b.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;}

.tab_c a{display: block;background:url(../images/tabicon_d.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;text-decoration: none;color:#fff;}

.tab_d a{display: block;background:url(../images/tabicon_c.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;text-decoration: none;color:#fff;}

.reservebox ul.tab-list .tab_a input[type="radio"]:checked + label {	background: url(../images/tabicon_a_on.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;	color: #214787;}
.reservebox ul.tab-list .tab_b input[type="radio"]:checked + label {	background: url(../images/tabicon_b_on.svg)top center no-repeat;background-size:auto 25px;padding-top:30px;	color: #214787;}
.reservebox ul.tab-list li.active{background-color:#fff;}
.reservebox ul.tab-list li.active.tab_c,
.reservebox ul.tab-list li.active.tab_d
{background-color:#214787;}
.reservebox ul.tab-list input[type=radio]{display:none;}
.reservebox .reservebox_radio{display:inline-block;width:180px;vertical-align: middle;background-color:#214787;padding:10px 10px 5px 10px ;}
.reservebox .reservebox_radio .reservebox_radio0000{
    display: block;}
.reservebox .reservebox_contents{display:inline-block;width: calc(100% - 285px) ;vertical-align: middle;}
.iframebox {max-width:1020px;width:100%;margin:0 auto;}
.iframebox iframe{width:100%;padding:0;height:116px;}

.flex_dd{
    display: -webkit-flex;
    display: flex;
    margin: 20px 0 0 0;
}
.flex_dd div{
    width: 85px;
}

/*★追加ここまで*/