@charset "utf-8";

/* 予約////////////////////////////////////////////////////////////////////// */
header .wrapper .spnav2 .nav_inner2{
	display:none;
	position: fixed;
    z-index: 10;
    top: 60px;
    right: 0;
    width: 100%;
    height: 92vh;
    overflow: auto;
    padding: 25px;
    color: #fff;
    //background-color: rgba(0,0,0,0.99);
    background-color: #000;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block{
	color: #fff;
	width: 100%;
	text-align: center;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingDate{
	color: #000;
	display: inline-block;
	width: 100%;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .style_subhead{
	display: inline-block;
	margin-right: 25px;
	color: #fff;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynDate{
	display: flex;
	position: relative;
	background-color: #000;
	#margin-right: 20px;
	margin-top: 50px;
    width: 100%;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynDate .title_dynDate{
	background-color: #2c2c2c;
	position: absolute;
	top: -27px;
	width: 100%;
	border-bottom: solid 1px #fff;
	color: #fff;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynDate .cmbARRY{
    background-color: rgba(0,0,0,0);
    color: #fff;
    border: 0px;
    font-size: 24px;
    width: 30%;
    height: 60px;
    text-align: right;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynDate .cmbARRM{
	background-color: rgba(0,0,0,0);
	color: #fff;
	border: 0px;
	font-size: 24px;
	width: 20%;
	height: 60px;
	text-align: right;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynDate .cmbARRD{
	background-color: rgba(0,0,0,0);
	color: #fff;
	border: 0px;
	font-size: 24px;
	width: 20%;
	height: 60px;
	text-align: right;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .title_label{
	color: #fff;
	margin-top: 20px;
	width: 5%;
}

header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingNights{
	display: inline-flex;
	position: relative;
	background-color: #000;
	#width: 120px;
	    width: 40%;
	#margin-right: 20px;
	margin-top: 50px;
	height: 65px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingNights .title_dynDate{
	background-color: #2c2c2c;
	position: absolute;
	top: -27px;
	width: 100%;
	border-bottom: solid 1px #fff;
	color: #fff;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .title_label2{
	color: #fff;
	width: 50px;
	position: absolute;
	right: -15px;
	margin-top: 20px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .cmbNights{
	font-size: 24px;
	height: 65px;
	    width: 50%;
	border: 0;
	background-color: #000;
	color: #fff;
	text-align: center;
	margin-left: 10%;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingRooms{
	display: inline-flex;
	position: relative;
	background-color: #000;
	#width: 120px;
	width: 40%;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingRooms .title_dynDate{
	background-color: #2c2c2c;
	position: absolute;
	top: -27px;
	width: 100%;
	border-bottom: solid 1px #fff;
	color: #fff;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .title_label2{
	color: #fff;
	width: 50px;
	position: absolute;
	right: -15px;
	margin-top: 20px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .cmbRooms{
	font-size: 24px;
	height: 65px;
	width: 50%;
	margin-left: 10%;
	border: 0;
	background-color: #000;
	color: #fff;
	text-align: center;
	#margin-top: 50px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .bookingDate .undecided{
	display: none;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynPersons{
	display: inline-flex !important;
	position: relative;
	background-color: #000;
	width: 120px;
	#margin-left: 250px;
	margin-top: 50px;
	color: #000;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynPersons .title_dynDate{
	background-color: #2c2c2c;
	position: absolute;
	top: -27px;
	#top: -72px;
	width: 100%;
	border-bottom: solid 1px #fff;
	color: #fff;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .title_label2{
	color: #fff;
	width: 50px;
	position: absolute;
	right: -15px;
	margin-top: 20px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .cmbPerson0{
	font-size: 24px;
	height: 60px;
	width: 40%;
	margin-left: 10%;
	border: 0;
	background-color: #000;
	color: #fff;
	text-align: center;
	#margin-top: 50px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .dynSubmit{
	position: relative;
	display: block !important;
	margin-top: 25px;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .dynSubmit .buttonSubmit{
	background-color: #00CCCC;
	padding: 10px 20px;
	cursor: pointer;
	border: 0;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block .dynDispunit{
	display: none;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .dynPersons{
	display: inline-block;
}
header .wrapper .spnav2 .nav_inner2 .yoyaku_block section .ymd_label{
	color: #fff;
}

/* 予約////////////////////////////////////////////////////////////////////// */
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc{
	margin: 0 auto;
	border: 1px solid #808080;
	padding: 40px 30px 20px;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .form_title{
	text-align: left;
	margin-bottom: 10px;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me{
    display: inline-block;
    width: 100%;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me{
    display: inline-block;
    width: 100%;
    margin-top: 20px;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu{
	width:33.3%;
	float: left;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu:last-child{
  text-align: right;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu:last-child .content {
  text-align: center;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu{
	width:25%;
	float: left;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(1){
	padding-right: 1%;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(2){
    padding-right: 0.65%;
    padding-left: 0.35%;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(3){
    padding-right: 0.35%;
    padding-left: 0.65%;
}
.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(4){
    padding-left: 1%;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_day{
    float:left;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo{
    float:right;
    padding: 10px;
    position: relative;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box_input{
    display:none;
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 98%;
    left: 0;
    background-color: #000;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-left: -1px;
    margin-right: 0px;
    width: 100.5%;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box_input .form_sele_box_input_content{
	width:50%;
	display: inline-block;
    float: left;
    margin-top: 20px
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box_input .form_sele_box_input_content a{
	color: #fff;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box_input .form_sele_box_input_content:last-child{
	margin-bottom: 40px
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2{
    float:right;
    margin-top:15px;
    padding: 10px;
    position: relative;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input{
    display:none;
    z-index: 99;
    position: absolute;
    width: 100%;
    top: 98%;
    left: 0;
    background-color: #000;
    border-left: 1px solid #808080;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    margin-left: -1px;
    margin-right: 0px;
    width: 100.5%;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input .form_sele_box_input_content{
	width:50%;
	display: inline-block;
    float: left;
    margin-top: 20px
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input .form_sele_box_input_content a{
	color: #fff;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input .form_sele_box_input_content:hover{
	text-decoration: underline;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input .form_sele_box_input_content:last-child{
	margin-bottom: 40px
}
.spnav2 .nav_inner2 .yoyaku_block form .content .label_top{
	background-color: #2C2C2C;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .input_content{
	padding: 30px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_day .input_content input{
	text-align: center;
    border: none;
}
.spnav2 .nav_inner2 .yoyaku_block form .input_value{
	font-size: 22px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .input_inline{
    display: inline-block;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .minus{
    float: left;
    margin-top: -5px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .plus{
    float: right;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .plus{
    float: right;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .input_sta_c_label{
    margin-right: -20%;
    margin-left: 0;
  font-size: 10px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box img{
	float: right;
	margin-top: 6px;
	width: 14px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box img{
	float: right;
	margin-top: 6px;
	width: 14px;
}
.spnav2 .nav_inner2 .yoyaku_block form .content .datepicker.hasDatepicker{
	border: 0;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.box_day input{
	background-color: #000;
	color: #fff;
}
.spnav2 .nav_inner2 .yoyaku_block form .content{
    display: inline-block;
    border: 1px solid #808080;
}
.spnav2 .nav_inner2 .yoyaku_block form .retu1me .content{
	width: 95%;
}
.spnav2 .nav_inner2 .yoyaku_block form .retu2me .content{
	width: 100%;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.btn_submit{
	margin-top: 20px;
    margin-bottom: 20px;
    border:none;
}
.spnav2 .nav_inner2 .yoyaku_block form .content.btn_submit input{
	background-color: #00CCCC;
	color: #000;
	border: 0;
	padding: 15px 50px;
	font-weight: bold;
	font-family: NotoSansJP, '游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;
	cursor: pointer;
}
#ui-datepicker-div{
	z-index: 99999 !important;
	left: 4.8% !important;
}
@media screen and (max-width:768px){
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu {
	    width: 47.25%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.box_day .input_content{
	    padding: 20px 0;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu {
	    width: 47.25%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .retu1me .content {
	    width: 100%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .retu1me .content.box_sta {
	    float: right;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(1) {
	    padding-right: 0;
	    padding-left: 0;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(2) {
	    padding-right: 0;
	    padding-left: 0;
	    float:right;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(3) {
	    padding-right: 0;
	    padding-left: 0;
		margin-top: 20px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu2me .retu:nth-child(4) {
	    padding-right: 0;
	    padding-left: 0;
	    float:right;
	    margin-top: 20px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.box_day .input_content input {
	    width: -moz-available;
	    width: -webkit-fill-available;
	    width: -o-max-content;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content .input_content {
	    padding: 20px 10px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content .plus img{
	    width: 14px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content .minus img{
	    width: 14px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu:nth-child(1) {
	    width: 100%;
	    margin-bottom: 20px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu:nth-child(1) .content {
	    width: 100%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu:nth-child(3) {
    float: right;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu .box_roo {
	    width: 47.25%;
	    float: left;
	}
	.spnav2 .nav_inner2 .yoyaku_block form#obj_search_pc .retu1me .retu .box_roo2 {
	    width: 47.25%;
	    float: right;
	    margin-top: 0;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.btn_submit {
	    width: 100%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.btn_submit input {
	    width: 100%;
	    border-radius: 5px;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo .form_sele_box_input .form_sele_box_input_content {
	    width: 100%;
	}
	.spnav2 .nav_inner2 .yoyaku_block form .content.box_roo2 .form_sele_box_input .form_sele_box_input_content {
	    width: 100%;
	}
}