#exn_headersearch{
	width:100%;
	background-color:rgba(255,255,255,0.6);
	padding:25px;
	box-sizing:border-box;
	border-radius:15px;
	position:relative;
}
#exn_headersearch_menu{
	margin:0% auto;
	max-width:940px;
	padding:0%;
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
#exn_headersearch_menu li{
	margin:0%;
	padding:0% 7px;
	box-sizing:border-box;
	font-size:20px;
	box-sizing:border-box;
	
}
#exn_headersearch_menu li.exn_headersearch_menu_area{
	width:25%;	
}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout{
	width:34%;
	
}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a{
	font-size:13px;
	line-height:184.8%;
}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a span{
	position:relative;
	display:inline-block;
	padding:0% 8px;
}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a span:after{
	content:"";
	padding-top:30%;
	display:block;
	height:auto;
	width:1px;
	background-color:#666666;
	box-sizing:border-box;
	top:50%;
	right:0%;
	position:absolute;
	transform:translate(0%,-50%);
}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a span.noborder:after{
	display:none;
}
#exn_headersearch_menu li.exn_headersearch_menu_nop{
	width:22%;	
}
#exn_headersearch_menu li.exn_headersearch_menu_btn{
	width:19%;	
}
#exn_headersearch_menu li.exn_headersearch_menu_btn a{
	background-color:#8e0013;
	color:#FFFFFF;
}

#exn_headersearch_menu li a{
	text-decoration:none;
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:8px 12px;
	box-sizing:border-box;
	font-size:16px;
	background-color:#FFFFFF;
	border-radius:30px;
	overflow:hidden;
	color:#333333;
	text-shadow:none;
	border:solid 1px #8e0013;
}
.exn_btn_open_nopsearch.on_data span.label_default{
display:none;
}
.search_header_nop_item_wrap{
display:flex;
font-size:12px;
width:100%;
flex-wrap:wrap;
align-items:center;
justify-content:start;
}
.search_header_nop_item_wrap1 .search_header_nop_item{
width:100%;
}
.search_header_nop_item_wrap2 .search_header_nop_item{
width:50%;
}
.search_header_nop_item_wrap3 .search_header_nop_item{
width:50%;
font-size:9px;
line-height:135%;
}
.search_header_nop_item_wrap4 .search_header_nop_item{
width:50%;
font-size:9px;
line-height:135%;
}
.search_header_nop_item{
	text-align:center;
}

.search_header_nop_item .label{
	font-size:80%;
	margin-right:4px;
}
.search_header_nop_item .v{
	font-weight:700;
}




.search_litemodal_nop{
display:block;
background-color:#FFFFFF;
border:solid 1px #999999;
padding:20px;
border-radius:5px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
margin:0 auto;
position:relative;
top:0%;
left:auto;
right:0%;
width:600px;
box-sizing:border-box;
}

.nop_baby,
.nop_pet,
.nop_child,
.nop_adult{
	display:flex;
	flex-wrap:wrap;
	padding-top:0px;
	padding-bottom:25px;
	width:100%;
}

.nop_pet .label,
.nop_baby .label,
.nop_child .label,
.nop_adult .label{
	display:block;
	position:relative;
	line-height:100%;
	width:70%;
	text-align:left;
	display:flex;
	align-items:center;
	
}
.nop_pet .label .text,
.nop_baby .label .text,
.nop_child .label .text,
.nop_adult .label .text{
	font-size:110%;
	display:block;
	clear:both;
	text-align:left;
}
.nop_baby .label .sub,
.nop_child .label .sub,
.nop_pet .label .sub,
.nop_adult .label .sub{
position:absolute;
left:0%;
top:auto;
bottom:0%;
transform:translate(0%,50%);
	font-size:70%;
	display:block;
	clear:both;
	text-align:left;
	
}



ul.ctr_num{
	display:flex;
	width:30%;
	margin:0px;
	padding:0px;
	list-style-type:none;
}
ul.ctr_num li{
	margin:0px;
	padding:0px;
	width:33.33%;
	display:flex;
	line-height:100%;
	justify-content:center;
	align-items:center;
			text-shadow:none;
}
ul.ctr_num li a{
	display:flex;
	position:relative;
	width:40px;
	border-radius:50%;
	border:solid 1px #CCCCCC;
	background-color:#FFFFFF;
	line-height:100%;
	justify-content:center;
	align-items:center;
	color:#333333;
		text-shadow:none;
}
ul.ctr_num li a:before{
	content:"";
	display:block;
	padding-top:100%;
}
ul.ctr_num li a span{
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	line-height:100%;
}
ul.ctr_num li span.v{
font-size:120%;
font-weight:700;
display:flex;
	line-height:100%;
	justify-content:center;
	align-items:center;
}
.search_litemodal_nop #nop_bottom{
padding-top:10px;
	text-align:right;
	width:100%;
}
.search_litemodal_nop #nop_bottom .btn_close{
	display:inline-block;
	text-decoration:none;
	background-color:#000000;
	border-radius:10px;
	padding:15px 20px; 
	line-height:100%;
	color:#FFFFFF;
	font-size:80%;
}



.search_litemodal_checkinout_datepicker{
display:block;
background-color:#FFFFFF;
border:solid 1px #999999;
padding:20px;
border-radius:5px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
position:relative;
top:0%;
left:auto;
right:0%;
width:600px;
box-sizing:border-box;
			text-shadow:none;
			color:#666666;
}

.litemodal_checkinout_datepicker_inr{
flex-wrap:wrap;
display:flex;
width:100%;
}
#search_checkinout_datepicker{
	width:100%;
	box-sizing:border-box;
	font-size:80%;
}

.search_litemodal_checkinout_datepicker .ui-widget-header{
	color:#666666;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar{
	border-collapse:collapse;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar th{
	background-color:#FFFFFF;
	color:#666666;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td{
	position:relative;
	box-sizing:border-box;
	color:#666666;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td:before{
	position:relative;
	content:"";
	display:block;
	width:100%;
	padding-top:100%;
	position:static;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a{
	background-color:#FFFFFF;
	background-image:none;
	text-align:center;
	border:none;
	border-radius:50px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:80%;
	display:flex;
	justify-content:center;
	align-items:center;
	box-sizing:border-box;
	color:#666666;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a:before{
	content:"";
	display:none;
	width:100%;
	padding-top:100%;
	border-radius:50px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	z-index:-1;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a.selected{
	color:#FFFFFF;
}


.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a.selected:before{
	background-color:#000000;
	color:#FFFFFF;
	display:block;
	
}

.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a.intermediate{

	color:#000000;
}

.search_litemodal_checkinout_datepicker .ui-datepicker-calendar td a.intermediate:before{
	background-color:#DDDDDD;
	color:#000000;
	display:block;
}


.search_litemodal_checkinout_datepicker .ui-widget-header{
	background-color:#FFFFFF;
	background-image:none;
	border:none;
}
.search_litemodal_checkinout_datepicker .ui-widget.ui-widget-content{
	border:none;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-prev span.ui-icon{
	background-image:none;
}
.search_litemodal_checkinout_datepicker .ui-widget-header .ui-datepicker-prev.ui-state-hover{
	background-image:none;
	border:none;
	background-color:#ffffff;
	top:0%;
	left:1px;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-prev{
	overflow:hidden;
	top:0%;
	left:1px;
	cursor:pointer;
}
.search_litemodal_checkinout_datepicker .ui-datepicker-prev:before{
content:"";
display:block;
height:1px;
width:70%;
position:absolute;
top:50%;
left:0%;
background-color:#000000;
transform:translate(-50%,-50%) rotate(-45deg);
}
.search_litemodal_checkinout_datepicker .ui-datepicker-prev:after{
content:"";
display:block;
height:1px;
width:70%;
position:absolute;
top:50%;
left:0%;
background-color:#000000;
transform:translate(-50%,-50%) rotate(45deg);
}


#search_checkinout_datepicker .ui-datepicker-calendar td.td_calendar_day_disabled a{
color:#CCCCCC;
cursor:default;
}

/**********/
.search_litemodal_checkinout_datepicker .ui-datepicker-next span.ui-icon{
	background-image:none;
}

.search_litemodal_checkinout_datepicker .ui-datepicker-next{
	overflow:hidden;
	top:0%;
	right:0%;
	cursor:pointer;
}
.search_litemodal_checkinout_datepicker .ui-widget-header .ui-datepicker-next.ui-datepicker-next-hover,
.search_litemodal_checkinout_datepicker .ui-widget-header .ui-datepicker-next.ui-state-hover{
	background-image:none;
	border:none;
	background-color:#ffffff;
	top:0%;
	right:0% !important;
}

.search_litemodal_checkinout_datepicker .ui-datepicker-next:before{
content:"";
display:block;
height:1px;
width:70%;
position:absolute;
top:50%;
right:1px;
background-color:#000000;
transform:translate(50%,-50%) rotate(-45deg);
}
.search_litemodal_checkinout_datepicker .ui-datepicker-next:after{
content:"";
display:block;
height:1px;
width:70%;
position:absolute;
top:50%;
right:1px;
background-color:#000000;
transform:translate(50%,-50%) rotate(45deg);
}

#checkinout_row{
	display:flex;
	flex-wrap:wrap;
	width:100%;
}
.checkinout_row_left{
	width:50%;
	padding:10px;
	box-sizing:border-box;
}
.checkinout_row_right{
	width:50%;
	padding:10px;
	box-sizing:border-box;
}

.checkinout_stay{
font-weight:700;
font-size:120%;
margin-bottom:7px;
}
.checkinout_span{
	color:#CCCCCC;
	font-size:75%;
}

.checkinoutwrap{
	display:flex;
	flex-wrap:wrap;
}
.checkinoutwrap .modal_checkin{
	border:solid 1px #999999;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	width:50%;
	box-sizing:border-box;
	padding:10px;
}
.checkinoutwrap .modal_checkout{
	border-top:solid 1px #999999;
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	width:50%;
	box-sizing:border-box;
	padding:10px;
}
.checkinoutwrap .modal_checkin .label,
.checkinoutwrap .modal_checkout .label{
	font-size:60%;
	display:block;
	margin-bottom:7px;
}
.checkinoutwrap .modal_checkin .v,
.checkinoutwrap .modal_checkout .v{
	font-size:80%;

	display:block;
}

.checkinout_bottom{
padding-top:20px;
	text-align:right;
	width:100%;
}
.checkinout_bottom .btn_close{
	display:inline-block;
	text-decoration:none;
	background-color:#000000;
	border-radius:10px;
	padding:15px 20px; 
	line-height:100%;
	color:#FFFFFF;
	font-size:80%;
}
.calcrow{
padding-top:20px;
font-size:70%;
}
.calcrow table{
	border-collapse:collapse;
}
.calcrow table td{
	padding:5px;
}



.search_litemodal_area{
display:block;
background-color:#FFFFFF;
border:solid 1px #999999;
padding:20px;
border-radius:5px;
box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
position:relative;
top:0%;
left:auto;
right:0%;
width:600px;
box-sizing:border-box;
			text-shadow:none;
			color:#666666;
	
}



.litemodal_area_inr{
	display:flex;
	flex-wrap:wrap;
}
.litemodal_area_inr .exn-select-area{
	width:21%;
	border-radius:30px;
	background-color:#8e0013;
	border:solid 1px #8e0013;
	color:#FFFFFF;
	margin:2%;
	text-align:center;
	cursor:pointer;
}
.litemodal_area_inr .exn-select-area.selected{
	background-color:#ffffff;
	color:#8e0013;
}



.litemodal_area_bottom{
text-align:right;
}
.litemodal_area_bottom .btn_close{
	display:inline-block;
	text-decoration:none;
	background-color:#000000;
	border-radius:10px;
	padding:15px 20px; 
	line-height:100%;
	color:#FFFFFF;
	font-size:80%;
}

.exn_modal{
display:none;
position:fixed;
top:50%;
left:50%;
transform:translate(-50% ,-50%);
color:#333333;
z-index:50;
}
@media screen and (max-width: 960px) {
	#exn_headersearch_menu li.exn_headersearch_menu_checkinout a span{
		font-size:1.5vw;
		padding:0% 0.5vw;
	}

}

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

	#search_checkinout_datepicker{
		width:100%;
		overflow-x:scroll;
	}

.search_litemodal_area{
	width:96vw;
}

.search_litemodal_checkinout_datepicker{
	width:96vw;
}
#exn_headersearch{
	width:100%;
	background-color:transparent;
	padding:0px;
	box-sizing:border-box;
	border-radius:0px;
	position:relative;
}
#exn_headersearch_menu{
	margin:0% auto;
	max-width:940px;
	width:100%;
	padding:0%;
	display:block;
}
#exn_headersearch_menu li{
	margin:0%;
	padding:0% 2vw;
	box-sizing:border-box;
	font-size:4.5vw;
	box-sizing:border-box;
	
}


#exn_headersearch_menu li.exn_headersearch_menu_area{
	width:100%;	
	border-radius: 10px 10px 0px 0px;
	border:none;
}
#exn_headersearch_menu li.exn_headersearch_menu_area a{
	border-radius: 10px 10px 0px 0px;
	border:none;
}

#exn_headersearch_menu li.exn_headersearch_menu_checkinout{
	width:100%;	

}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a{
	border-radius: 0px;
	border-top:solid 1px #666666;
	border-right:none;
	border-left:none;
	border-bottom:solid 1px #666666;


}


#exn_headersearch_menu li.exn_headersearch_menu_nop{
	width:100%;	

}
#exn_headersearch_menu li.exn_headersearch_menu_nop a{
	border:none;
	border-radius: 0px 0px 10px 10px;
}


#exn_headersearch_menu li.exn_headersearch_menu_btn{
	margin-top:3vw;
	width:100%;	
}
#exn_headersearch_menu li a{
	padding:3vw 4vw;
	font-weight:700;
	font-size:4.5vw;

}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a{

}
#exn_headersearch_menu li.exn_headersearch_menu_checkinout a span{
	position:relative;
	display:inline-block;
	padding:0% 3.5vw;
	font-size:4vw;
}
#exn_headersearch_menu li.exn_headersearch_menu_btn a{
	border-radius:10px;
}
.litemodal_area_inr .exn-select-area{
	width:46%;
	padding:2.5vw;
	font-size:4.5vw;
}


.litemodal_area{
padding:3vw;
width:90vw;

	
}



	.litemodal_checkinout_datepicker{

		padding:0%;
		width:90vw;
		box-shadow: none;
		border:none;
		padding:4vw;
	}
	.litemodal_checkinout_datepicker_inr{
		display:block;
	}
	#checkinout_datepicker{
		width:100%;
		overflow-x:scroll;
		box-sizing:border-box;

	}
	

	.search_litemodal_nop{

		width:90vw;
		padding:0%;
		border:none;

		padding:5vw;
		box-sizing:border-box;
	}
	.reservebox .nop_pet .label .sub{
		transform:translate(0%,70%);
	}
	
	.reservebox .btn{
		padding:4vw;
		font-size:100%;	
	}

.checkinout_row_left{
	width:100%;
	padding:2vw;

}
.checkinout_row_right{
	width:100%;
	padding:2vw;
}

}