@charset "UTF-8";


#tpoint{
padding-top: 260px !important;
}

#reservation_box_wrap h2
	{
	font-family: "trajan-pro-3", serif;
	}


#reservation_box_wrap{
	background: url(../images/top/reservation_search_panel_bg.png) no-repeat 0 0;
    left: 50%;
	top:750px;
    margin: 0 0 0 -407px;
    position: absolute;
	width: 814px;
	height:297px;
	z-index:1;
	}

#reservation_box_wrap h2{
	background: url(../images/top/reservation_box_h.png) no-repeat 0 0;
	color:#ffffff;
	padding:5px 0 11px 32px;
	position:absolute;
	top:30px;
	width:164px;
	}

#reservation_box_wrap p{
	display: block;
	background: url(../images/top/reservation_box_tel.png) no-repeat 0 bottom;
	width: 320px;
	height: 24px;
	text-indent: -9999px;
	float:right;
	padding:40px 71px 0 0;
	}


#reservation_box_wrap #booking_inner{
	/*background-color:#DDE0EC;*/
	padding:55px 0 0 0;
	width:672px;
	margin:0 auto;
	}

#reservation_box_wrap #booking_inner #nitteiarea{
	border-top:1px solid #CB2F61;
	padding-top:10px;
	margin-top: 20px;
	}


#reservation_box_wrap #booking_inner div#searchtypearea{
	padding:5px 0;
	}

#reservation_box #search-btn.button{
	position:absolute;
	top:110px;
	right:71px;
	}

#reservation_box_wrap #cxl{
	float:right;
	background: url(../images/top/tri.png) no-repeat 0 50%;
	padding-left: 15px;
	}












#reservation_box_wrap .search-panel-frame{
/*background-color:#4280d6;*/
margin-top: 70px;
padding:0;
}


/*　宿泊日　*/
#top #reservation_box_wrap .search-panel-frame input[type="text"]{
font-size:1.3em;
margin: 0;
-webkit-appearance: none;
width: 350px;
padding-left: 45px;
/*background-color: #fff;*/
background-image: url(data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KDQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzJfIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMjU2cHg7IGhlaWdodDogMjU2cHg7IG9wYWNpdHk6IDE7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiM0QjRCNEI7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNDkuMTkzLDEwMy41MjVjMTUuOTk0LDAsMjguOTY0LTEyLjk3LDI4Ljk2NC0yOC45NzNWMjguOTY0QzE3OC4xNTcsMTIuOTcsMTY1LjE4NywwLDE0OS4xOTMsMA0KCQlDMTMzLjE5LDAsMTIwLjIyLDEyLjk3LDEyMC4yMiwyOC45NjR2NDUuNTg5QzEyMC4yMiw5MC41NTUsMTMzLjE5LDEwMy41MjUsMTQ5LjE5MywxMDMuNTI1eiIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcGF0aD4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzYyLjgxNSwxMDMuNTI1YzE1Ljk5NSwwLDI4Ljk2NC0xMi45NywyOC45NjQtMjguOTczVjI4Ljk2NEMzOTEuNzgsMTIuOTcsMzc4LjgxLDAsMzYyLjgxNSwwDQoJCWMtMTYuMDAyLDAtMjguOTcyLDEyLjk3LTI4Ljk3MiwyOC45NjR2NDUuNTg5QzMzMy44NDMsOTAuNTU1LDM0Ni44MTMsMTAzLjUyNSwzNjIuODE1LDEwMy41MjV6IiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9wYXRoPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MzUuMTY0LDQxLjI4N2gtMTcuOTI1djMzLjI2NWMwLDMwLjAxNy0yNC40MTUsNTQuNDMyLTU0LjQyMyw1NC40MzJjLTMwLjAxNywwLTU0LjQzMS0yNC40MTUtNTQuNDMxLTU0LjQzMg0KCQlWNDEuMjg3SDIwMy42MTV2MzMuMjY1YzAsMzAuMDE3LTI0LjQxNCw1NC40MzItNTQuNDIyLDU0LjQzMmMtMzAuMDE2LDAtNTQuNDMyLTI0LjQxNS01NC40MzItNTQuNDMyVjQxLjI4N0g3Ni44MzYNCgkJYy0zOC41MjgsMC02OS43NjMsMzEuMjM0LTY5Ljc2Myw2OS43NjN2MzMxLjE4N0M3LjA3Myw0ODAuNzY1LDM4LjMwOSw1MTIsNzYuODM2LDUxMmgzNTguMzI4DQoJCWMzOC41MjgsMCw2OS43NjMtMzEuMjM1LDY5Ljc2My02OS43NjNWMTExLjA1QzUwNC45MjcsNzIuNTIyLDQ3My42OTEsNDEuMjg3LDQzNS4xNjQsNDEuMjg3eiBNNDUwLjAyMyw0MjkuOTg4DQoJCWMwLDE3LjgyNi0xNC41MDMsMzIuMzI5LTMyLjMyOSwzMi4zMjlIOTQuMzA2Yy0xNy44MjYsMC0zMi4zMjktMTQuNTAzLTMyLjMyOS0zMi4zMjlWMTcwLjg3NmgzODguMDQ3VjQyOS45ODh6IiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9wYXRoPg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjM3MS43NjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjI5Mi40MTkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQoJPHJlY3QgeD0iMTExLjM4NiIgeT0iMzcxLjc2OSIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5IiBoZWlnaHQ9IjUxLjE5MiIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIxMTEuMzg2IiB5PSIyOTIuNDE5IiBjbGFzcz0ic3QwIiB3aWR0aD0iNTEuMTkiIGhlaWdodD0iNTEuMTkiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQoJPHJlY3QgeD0iMzQ5LjQyMyIgeT0iMjEzLjA2NyIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5IiBoZWlnaHQ9IjUxLjE5MSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIyNzAuMDgiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTkiIGhlaWdodD0iNTEuMTkxIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjI3MC4wOCIgeT0iMjkyLjQxOSIgY2xhc3M9InN0MCIgd2lkdGg9IjUxLjE5OSIgaGVpZ2h0PSI1MS4xOSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIzNDkuNDIzIiB5PSIzNzEuNzY5IiBjbGFzcz0ic3QwIiB3aWR0aD0iNTEuMTkiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjM0OS40MjMiIHk9IjI5Mi40MTkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOSIgaGVpZ2h0PSI1MS4xOSIgc3R5bGU9ImZpbGw6IHJnYig3NSwgNzUsIDc1KTsiPjwvcmVjdD4NCgk8cmVjdCB4PSIyNzAuMDgiIHk9IjM3MS43NjkiIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTkiIGhlaWdodD0iNTEuMTkyIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjE5MC43MjkiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOTEiIGhlaWdodD0iNTEuMTkxIiBzdHlsZT0iZmlsbDogcmdiKDc1LCA3NSwgNzUpOyI+PC9yZWN0Pg0KCTxyZWN0IHg9IjExMS4zODYiIHk9IjIxMy4wNjciIGNsYXNzPSJzdDAiIHdpZHRoPSI1MS4xOSIgaGVpZ2h0PSI1MS4xOTEiIHN0eWxlPSJmaWxsOiByZ2IoNzUsIDc1LCA3NSk7Ij48L3JlY3Q+DQo8L2c+DQo8L3N2Zz4NCg==);
background-size: 22px 22px;
background-repeat: no-repeat;
background-position: left 15px center;
}

@media only screen and  (max-width: 576px) {
#top #reservation_box_wrap .search-panel-frame input[type="text"]{Width:100%;}
}

/*　人数・客室数　*/
#top #reservation_box_wrap .search-panel-frame select{
font-size:1.3em;
margin-bottom: 0;
padding-left: 15px;
padding-right: 40px;
width: 9ch;
}

@media only screen and  (max-width: 576px) {
#top #reservation_box_wrap .search-panel-frame select{
width: 100%;
text-align: center;
}
}

/*　検索ボタン　*/
#top #reservation_box_wrap .search-panel-frame .directin-sp-form .directin-sp-form-submit-button button{
padding: 5px 40px;
font-size: 1.2em;
background-color: #7c6853;
}

@media only screen and  (max-width: 576px) {
#top #reservation_box_wrap .search-panel-frame .directin-sp-form .directin-sp-form-submit-button button{
margin-top: 30px;
padding: 10px 10px;
}
}




/*　カレンダー 月年BOX　*/
@media only screen and  (max-width: 632px) {
#top div.flatpickr-calendar div.flatpickr-months .flatpickr-current-month{
padding-top:0;
}
}

#top div.flatpickr-calendar div.flatpickr-months select{
width: auto;
display: inline-block;
background-image: none;
border: none;
font-size: 1.2em;
padding: 0;
margin-bottom: 0;
color: rgba(0, 0, 0, 0.9);
font-family: inherit;
font-weight: 700;
}


/*　カレンダー 月　*/
div.flatpickr-calendar div.flatpickr-months span.cur-month{
/*color: #ff0090;
background-color: #59ff62;　*/
font-size: 1.2em;
}

/*　カレンダー 年　*/
#top div.numInputWrapper input[type="number"]{
padding: 0px 6px; 
font-size: 0.7em;
margin: 0;
border: none;
}

#top .flatpickr-current-month .numInputWrapper {
width: 5ch;
}


/*　下部ボタン　*/
#reservation_search_panel ul{
display: flex;
align-items: center;
justify-content: space-between;
margin:10px 40px 20px 40px;
padding-top:30px;
border-top: 1px solid #CB2F61;
}

#reservation_search_panel ul li{
width: 23%;
list-style-type: none;
margin:0;
border: 1px dotted;
}

#reservation_search_panel ul li a{
padding: 5px 3px;
display: block;
text-decoration: none;
text-align: center;
/*color: #fff;
background: #308b81;*/
}