@charset "utf-8";

/* =============================================================================
    検索パネル
============================================================================= */

/*  アイコン
-----------------------------------------------------------*/
.m-ico-dp{display:inline-flex;align-items:center;font-style: normal;vertical-align: middle;font-weight:normal;}.m-ico-dp:before{position:relative;top:-1px;font-family:'Material Icons Round';content: attr(data-icon);font-size: 100%;}



.sare-pn{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.sare-pnbox{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.sare-pn_item{
	position: relative;
}
.sare-pn_item.-departure, .sare-pn_item.-destination{
	width: 50%;
}
.sare-pn_item.-destination{
	border-left: solid 1px #ddd;
}
.sare-pn_item.-room{
	width: 100%;
	border-top: solid 1px #ddd;
}
.sare-pnbt{
	padding: 10px;
	width: 100%;
	border-top: solid 1px #ddd;
}
@media screen and (min-width: 1000px) {
	.sare-pn{
		flex-wrap: nowrap;
	}
	.sare-pnbox{
		display: flex;
		flex-wrap: nowrap;
		width: calc(100% - 200px);
	}
	.sare-pn_item.-departure, .sare-pn_item.-destination{
		width: 30%;
	}
	.sare-pn_item.-room{
		width: 40%;
		border: none;
	}
	.sare-pn_item:not(:first-of-type){
		border-left: solid 1px #ddd;
	}
	.sare-pnbt{
		padding: 10px;
		width: 200px;
		border: none;
	}
}
.sare-pn_btn{
	cursor: pointer;
	width: 100%;
	padding: 16px 30px;
	font-size: 1.6rem;
	font-weight: bold;
	background: linear-gradient(135deg, #c00, #ec64a9);;
	box-shadow: 0px 1px 3px rgb(0 0 0 / 20%);
	transition: border-radius .3s;
	letter-spacing: .3em;
	border: none;
	color: #fff;
}
.sare-pn_btn:hover {
  border-radius: 28px;
  opacity: 1;
}
.sare-pn_label{
	position: absolute;
    top: 7px;
    left: 15px;
    z-index: 1;
    display: inline-block;
    color: #989BA1;
    line-height: 1;
    font-size: 1.2rem;
	font-weight: bold;
    pointer-events: none;
    white-space: nowrap;
}
.sare-pn_item.-room .sare-pn_label{
	display: none;
}
.sare-pn_field{
	position: relative;
}
.sare-pn_input i{
	position: absolute;
	left: 15px;
	top: calc(50% - 5px);
	color: #656972;
	font-size: 1.6rem;
	pointer-events: none;
}
.sare-pn_item.-room .sare-pn_input i{
	top: 50%;
	transform: translateY(-50%);
}
.sare-pn_inputTxt{
    overflow: hidden;
	cursor: pointer;
    width: 100%;
    height: 50px;
	padding: 0 10px 0 40px;
	font-size: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sare-pn_item.-departure .sare-pn_inputTxt, .sare-pn_item.-destination .sare-pn_inputTxt{
    padding: 15px 10px 0 40px;
}
.sare-pn_inputTxt::placeholder {
	color: #bcbdc2;
	font-size: 1.6rem;
	font-weight: 400;
}
.sare-pn_required{
    display: inline-block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #CC0D21;
    padding: 2px 6px 3px;
    border: solid 1px #CC0D21;
    border-radius: 50vw;
    background-color: #fff;
    margin-left: 5px;
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px) scale(0.9);
}

.sare-pn_error{
	display: none;
    position: absolute;
	left: 0;
	bottom: -20px;
	color: #d94f5d;
	padding: 0;
    font-size: 1.2rem;
}
.sare-pn_error.is-error{
	display: block;
}

/* ============================= PC */
@media screen and (min-width: 1000px){
	.sare-pn_label{
		font-size: 1.4rem;
	}
	.sare-pn_inputTxt{
		height: 80px;
	}
	
}

/* モーダル */
.sare-pn_overlay{
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
.sare-pn_overlay.is-fade{
	opacity: 1;
}
@media print, screen and (max-width: 999px) {
	.sare-pn_modal{
		overflow: hidden;
		position: fixed;
		left: 100%;
		top: 0;
		z-index: 9999;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transform: translate3d(0, 0, 0);
		transition: transform .5s ease-in-out;
	}
}
.sare-pn_cnt{
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
}
@media print, screen and (max-width: 999px) {
	.sare-pn_modal{
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: -webkit-transform .5s ease-in-out;
		transition: -webkit-transform .5s ease-in-out;
		transition: transform .5s ease-in-out;
		transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
		background-color: #fff;
		z-index: 9999;
	}
	.sare-pn_modal.is-show{
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@media print, screen and (min-width: 1000px) {
	.sare-pn_modal:not(.-date):not(.-room){
	    position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 11;
		margin: auto;
		opacity: 0;
		overflow: hidden;
		width: 848px;
		height: 600px;
	    transition: opacity 0.5s;
	}
	.sare-pn_modal{
		display: none;
	}
	.sare-pn_modal.is-show{
		display: block;
	}
	.sare-pn_modal.is-fade{
		opacity: 1!important;
	}

	.sare-pn_cnt{
	    background: #fff;
	}
}

.sare-pn_head{
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	padding: 0 10px;
	width: 100%;
	height: 56px;
    border-bottom: none;
	background: #fff;
    box-shadow: 0px 1px 3px rgb(0 0 0 / 30%);
}
.sare-pn_head-bt{
	cursor: pointer;
	width: 40px;
	font-size: 2.0rem;
	color: #95999e;
}
.sare-clear_bt{
	color: #3498db;
	font-size: 1.4rem;
}
.sare-pn_head-ttl{
	flex-grow: 1;
	padding-left: 40px;
	
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
}
.sare-pn_head-bt.js-sareModal-back .m-ico-dp{
	visibility: hidden;
	opacity: 0;
    transition: opacity 0.5s;
}
.sare-pn_head-bt.js-sareModal-back.is-show .m-ico-dp{
	visibility: visible;
	opacity: 1;
}

.sare-clear_bt + .sare-pn_head-ttl{
    padding-left: 0;
}

@media print, screen and (min-width: 1000px) {
	.sare-pn_head-bt{
		width: 50px;
		font-size: 2.0rem;
		text-align: center;
	}
	.sare-pn_head-ttl{
	    font-size: 2.2rem;
	}
}
.sare-pn_body{
	padding: 20px 16px;
	overflow-y: scroll;
	flex: 1;
}


@media print, screen and (min-width: 1000px) {
	.sare-pn_body{
		margin-bottom: 2px;
		padding: 20px 30px;
	}
	.sare-pn_body::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	/* スクロールの背景の設定 */
	.sare-pn_body::-webkit-scrollbar-track {
		border-radius: 6px;
	}
	/* スクロールのつまみ部分の設定 */
	.sare-pn_body::-webkit-scrollbar-thumb {
		border-radius: 6px;
		background: #cecacd;
	}
}

.sare-pn_mdf{
	padding: 16px;
	text-align: center;
    box-shadow: 0px -1px 3px rgb(0 0 0 / 30%);
	background-color: #fff;
	letter-spacing: 0;
}
.sare-pn_mdf-bt{
	cursor: pointer;
	display: inline-block;
	padding: 16px 30px;
	width: 100%;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 700;
	background: -webkit-gradient(linear, left top, right top, from(#3498db), to(#52c8ff));
	background: linear-gradient(to right, #3498db 0%, #52c8ff 100%);
	-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
	-webkit-transition: border-radius .3s;
	transition: border-radius .3s;
}
@media print, screen and (min-width: 1000px) {
	.sare-pn_mdf-bt:hover {
		border-radius: 27.5px;
		opacity: 1;
	}
}




/* 出発地・行き先 */
.sare-pn_arealist-parent:not(:first-child){
	margin-top: 30px;
}
.sare-pn_arealist-ttl{
	font-size: 2.2rem;
	font-weight: 700;
	line-height: 2;
}
.sare-pn_arealist-item{
	cursor: pointer;
	transition: background-color .3s;
	position: relative;
	margin: 0 -16px;
}
.sare-pn_arealist-item label{
	cursor: pointer;
	display: block;
}

@media screen and (min-width: 769px){
	.sare-pn_arealist-item label:hover {
		color: #3498db;
		background-color: #e7f6fc;
	}
}
.sare-pn_arealist-body{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 10px 36px 10px 24px;
}

.sare-pn_arealist-arrow{
    color: #98a6b5;
    font-size: 2.2rem;
}
.sare-pn_arealist-input{
	display: none;
}
.sare-pn_arealist-input:checked + .sare-pn_arealist-body{
	color: #3498db;
	background-color: #e7f6fc;
}
.sare-pn_arealist-check{
	display: none;
	color: #3498DB;
	text-align: center;
}
.sare-pn_arealist-input:checked + .sare-pn_arealist-body .sare-pn_arealist-check{
	display: block;
}

/* 行き先 都市 */
.sare-pn_body.-city-detail{
	position: absolute;
	left: 100%;
	top: 56px;
	width: 100%;
	height: calc(100% - 56px);
	
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: -webkit-transform .5s ease-in-out;
	transition: -webkit-transform .5s ease-in-out;
	transition: transform .5s ease-in-out;
	transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
	
	background: #fff;
}
.sare-pn_body.-city-detail.is-show{
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
}


/* 日付カレンダー */
@media print, screen and (min-width: 1000px) {
	.sare-pn_modal.-date{
		opacity: 1;
		
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		min-width: 800px;
		max-height: 803px;
	}
	.sare-pn_modal.-date .sare-pn_head{
		box-shadow: none;
	}
	.sare-pn_modal.-date .sare-pn_head-ttl,
	.sare-pn_modal.-date .sare-pn_head-bt{
		display: none;
	}
	.sare-pn_modal.-date .sare-pn_body{
		padding-top: 0;
	}
	.sare-pn_modal.-date .sare-pn_cnt{
		max-height: 600px;
		
		overflow: hidden;
		margin-top: -1px;
		height: 100%;
		background: #fff;
		border-radius: 1px;
		box-shadow: 0.5px 1px 10px rgb(0 0 0 / 25%);
	}
}

@media print, screen and (min-width: 1000px) {
  .sare-pn_selectCalendar {
    width: 100%;
  }
}

.sare-pn_selectCalendar_list {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}


.sare-pn_selectCalendar_item {
	width: 100%;
	padding: 20px 0;
	margin-bottom: 20px;
	border-bottom: solid 1px #d7d7d7;
}
@media print, screen and (min-width: 1000px) {
	.sare-pn_selectCalendar_item {
		width: calc(33.333% - 30px);
		flex: 0 0 calc(33.333% - 30px);
		margin: 0 15px;
		padding: 0;
		border-bottom: none;
	}
}

.sare-pn_selectCalendar_ttl {
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.4rem;
	color: #6b6e71;
}
.sare-pn_selectCalendar_ttl em{
    color: #323743;
	font-size: 2.1rem;
    font-weight: bold;
}

.sare-pn_selectCalendar_body {
	width: 100%;
	table-layout: fixed;
	text-align: center;
}
.sare-pn_selectCalendar_head {
	flex: 1 1 auto;
	text-align: center;
}
.sare-pn_selectCalendar_head:first-child {
  color: #d94f5d;
}

.sare-pn_selectCalendar_head:last-child {
  color: #3498db;
}
.sare-pn_selectCalendar_row {
	display: flex;
	justify-content: space-between;
}
.sare-pn_selectCalendar_blankCell, .sare-pn_selectCalendar_cell {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1 1 auto;
	margin: 0;
    height: 0;
    width: calc(100%/7);
    padding-top: calc(50%/7);
    padding-bottom: calc(50%/7);
	border-radius: 50%;
}
.sare-pn_selectCalendar_blankCell {
	color: rgba(50, 55, 67, 0.3);
}
.sare-pn_selectCalendar_cell {
	transition: background-color .3s;
}
.sare-pn_selectCalendar_cell:first-child {
	color: #d94f5d;
}
.sare-pn_selectCalendar_cell:last-child {
	color: #3498db;
}

.sare-pn_selectCalendar_cell:hover {
	background-color: #ecf9ff;
}

.sare-pn_selectCalendar_cell:not(.is-disabled) {
	cursor: pointer;
}
.sare-pn_selectCalendar_cell.is-holiday, .sare-pn_selectCalendar_cell.is-holiday:last-child {
	color: #d94f5d;
}

.sare-pn_selectCalendar_cell.is-disabled, .sare-pn_selectCalendar_cell.is-holiday.is-disabled {
	pointer-events: none;
	color: #ddd;
}

.sare-pn_selectCalendar_cell.is-selected {
	color: #fff;
    background: linear-gradient(to bottom, #3498db 0%, #52c8ff 100%);
}
.sare-pn_selectCalendar_cell.is-start, .sare-pn_selectCalendar_cell.is-end, .sare-pn_selectCalendar_cell.is-endover, .sare-pn_selectCalendar_cell.is-period{
	position: relative;
}
.sare-pn_selectCalendar_cell.is-start:before, .sare-pn_selectCalendar_cell.is-end:before, .sare-pn_selectCalendar_cell.is-endover:before, .sare-pn_selectCalendar_cell.is-period:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: inline-block;
	z-index: -1;
	width: 100%;
	height: 100%;
}
.sare-pn_selectCalendar_cell.is-endover{
	background-color: #ecf9ff;
}
.sare-pn_selectCalendar_cell.is-start:before{
	background: linear-gradient(90deg,transparent,transparent 50%,#C6EDFF 51%,#C6EDFF 100%);
}
.sare-pn_selectCalendar_cell.is-end:before{
	background: linear-gradient(90deg,#C6EDFF,#C6EDFF 50%,transparent 51%,transparent 100%);
}
.sare-pn_selectCalendar_cell.is-endover:before {
	background: linear-gradient(90deg,#C6EDFF,#C6EDFF 50%,transparent 51%,transparent 100%);
}
.sare-pn_selectCalendar_cell.is-period:before{
	background: #C6EDFF;
}

.sare-pn_checkBallon{
	position: absolute;
	bottom: 100%;
	left: 50%;
	z-index: 2;
	display: block;
	width: 130px;
	padding: 10px;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: 400;
	line-height: 1.2;
	color: #fff;
	white-space: nowrap;
	background: #323743;
	border-radius: 4px;
	transform: translate(-50%);
	animation: showBallon 3s ease-out;
	animation-fill-mode: forwards;
}
.sare-pn_checkBallon:after {
	position: absolute;
	bottom: -7px;
	left: 50%;
	display: block;
	width: 0;
	height: 0;
	content: "";
	border-top: 8px solid #323743;
	border-right: 6px solid transparent;
	border-left: 6px solid transparent;
	transform: translate(-50%)
}
.sare-pn_selectCalendar_cell:nth-child(7n+1) .sare-pn_checkBallon {
 	transform: translate(-20px) !important
}
.sare-pn_selectCalendar_cell:nth-child(7n+1) .sare-pn_checkBallon:after {
	left: 20px !important
}
.sare-pn_selectCalendar_cell:nth-child(7n+2) .sare-pn_checkBallon {
	transform: translate(-60px) !important
}
.sare-pn_selectCalendar_cell:nth-child(7n+2) .sare-pn_checkBallon:after {
	left: 60px !important
}
.sare-pn_selectCalendar_cell:nth-child(7n) .sare-pn_checkBallon {
	transform: translate(-110px) !important
}
.sare-pn_selectCalendar_cell:nth-child(7n) .sare-pn_checkBallon:after {
	right: 8px !important;
	left: auto !important
}
 .sare-pn_selectCalendar_cell:nth-child(7n+6) .sare-pn_checkBallon {
	transform: translate(-70px) !important
}
.sare-pn_selectCalendar_cell:nth-child(7n+6) .sare-pn_checkBallon:after {
	right: 48px !important;
	left: auto !important
}



@keyframes showBallon {
	0% {
		margin-bottom: 0;
		visibility: hidden;
		opacity: 0
	}
	10% {
		margin-bottom: 10px;
		visibility: visible;
		opacity: 1
	}
	90% {
		margin-bottom: 10px;
		visibility: visible;
		opacity: 1
	}
	to {
		margin-bottom: 0;
		visibility: hidden;
		opacity: 0
	}
}

/* ×ボタン・クリアボタン・戻るボタン */
.c-fullmodal_prev {
  line-height: 24px;
  position: relative;
  padding-left: 24px;
  margin-left: -6px;
}
.c-fullmodal_prev i {
  position: absolute;
  top: 1px;
  left: 0;
}
.c-fullmodal_bt {
  width: 40px;
  /*height: 24px;*/
  font-size: 1.3rem;
  color: #323743;
}
.c-clear_bt {
  width: 40px;
  height: 24px;
  font-size: 1.3rem;
  color: #3498db;
}
.c-fullmodal_bt i {
  color: #95999e;
  font-size: 2.0rem;
}
.c-fullmodal_bt.is-fullModal-back{
  visibility: hidden;
}
.c-fullmodal_bt.is-fullModal-back.is-show{
  visibility: visible;
}


@media print, screen and (min-width: 1000px) {
  .c-fullmodal_prev {
    margin-left: 0;
    padding-left: 30px;
  }
  .c-fullmodal_prev i {
    left: 4px;
  }
  .c-fullmodal_bt, .c-clear_bt {
    font-size: 1.6rem;
  }
  .c-fullmodal_bt, .c-clear_bt {
    width: 50px;
    text-align: center;
  }
}





@media print, screen and (max-width: 999px) {
  .c-fullmodal_footer.-noflex { display: block; }
  #modal-calendar .c-fullmodal_footer.-noflex {
    display: none;
  }
  #modal-calendar.simpleCalendar .c-fullmodal_footer.-noflex.-simple,
  #modal-calendar.kodawariCalendar .c-fullmodal_footer.-noflex.-kodawari{
    display: block;
  }
}

@media print, screen and (min-width: 1000px) {
  .c-fullmodal.-smOnly .c-fullmodal_footer {
    display: none;
  }
}

.c-fullmodal_footer_btn {
  min-width: calc(50% - 5px);
  margin-left: 5px;
  margin-right: 5px;
  font-weight: 700;
}
.f-modal-footer__text + .c-fullmodal_footer_btn,
.c-selectCalendar_simple + .c-fullmodal_footer_btn{
  margin: 10px 0 0;
}

@media print, screen and (min-width: 1000px) {
  #modal-calendar.simpleCalendar .c-fullmodal_footer_btn {
    margin-left: 10px;
    margin-right: 10px;
    min-width: 180px;
    max-width: 180px;
    margin-top: 0;
  }
}

.c-fullmodal_footer_btn.-type-border {
  border: none;
  color: #3498db;
  max-width: calc(33.333% - 5px);
  -ms-flex-preferred-size: calc(33.333% - 5px);
      flex-basis: calc(33.333% - 5px);
}

@media print, screen and (min-width: 1000px) {
  .c-fullmodal_footer_btn.-type-border {
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
    max-width: 200px;
  }
}

.c-fullmodal_footer_btn.-color-primary {
  width: 100%;
  border: none;
  background: -webkit-gradient(linear, left top, right top, from(#3498db), to(#52c8ff));
  background: linear-gradient(to right, #3498db 0%, #52c8ff 100%);
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-transition: border-radius .3s;
  transition: border-radius .3s;
}

.c-fullmodal_footer_btn.-color-primary:hover {
  border-radius: 24px;
  opacity: 1;
}

@media print, screen and (min-width: 1000px) {
  #modal-calendar .c-fullmodal_footer_btn.-color-primary {
    -ms-flex-preferred-size: 200px;
        flex-basis: 200px;
    max-width: 200px;
    margin-right: 0;
  }
  #modal-calendar .c-selectCalendar_simple{
    flex: 1 auto;
    padding: 5px;
    background: #f9f9f9;
  }
}






@media print, screen and (min-width: 1000px) {
	.sare-pn_modal.-date .sare-pn_calendar{
		margin: 0 30px;
	}
}

@media print, screen and (max-width: 999px) {
	.sare-pn_mdf.-date{
		padding-top: 5px;
	}
}

@media print, screen and (min-width: 1000px) {
	.sare-pn_mdf.-date{
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 30px;
		padding: 16px 0;
		box-shadow: none;
		border-top: solid 1px #c0c5cb;
	}
}


.sare-pn_calendar-footerdate{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex: 1;
	margin-right: 10px;
}
.sare-pn_calendar-footerdate-item{
	cursor: pointer;
	flex: 1;
	padding: 5px;
	text-align: left;
}
.sare-pn_calendar-footerdate-item.is-active {
    box-shadow: inset 0 -3px 0 -1px #52c8ff;
}
.sare-pn_calendar-footerdate-item.disabled{
	cursor: inherit;
}
.sare-pn_calendar-footerdate-item dt{
	font-size: 1.2rem;
}
.sare-pn_calendar-footerdate .m-ico-dp{
	margin: 0 10px 5px;
	color: #3498db;
}
.sare-pn_calendar-footerbt{
	margin-top: 10px;
}
@media print, screen and (min-width: 1000px) {
	.sare-pn_calendar-footerbt{
		margin-top: 0;
		width: 200px;
	}
}
  
  
  
  #modal-calendar .l-inner{
    padding: 0 0 20px;
  }
  #modal-calendar .c-selectCalendar{
    overflow: inherit;
  }
  #modal-calendar .c-fullmodal_header .c-selectCalendar_row, .is-filter-calendar .c-fullmodal_header .c-selectCalendar_row{
    display: none;
  }
  .c-hybridPanel_header .c-selectCalendar_row{
    display: none;
  }
  .is-hybridPulldown .sare-pn_selectCalendar_list{
    display: block;
  }
  .is-hybridPulldown .slick-initialized .slick-slide{
    display: block;
  }
  #modal-calendar .slick-list, .filter-calendar .slick-list{
    overflow: hidden;
  }
	
	
	
	
	
	
	
.sare-pn_selectCalendar_list.slick-initialized .slick-arrow{
top: 50%;
font-size: 2.4rem;
color: #323743;
line-height: 1;
}
.sare-pn_selectCalendar_list.slick-initialized .slick-arrow:focus {
opacity: 1;
}
.sare-pn_selectCalendar_list.slick-initialized .slick-arrow:hover {
opacity: .6;
}  
.sare-pn_selectCalendar_list.slick-initialized .slick-arrow:before{
display: none;
}
.sare-pn_selectCalendar_list.slick-initialized .slick-prev {
	left: inherit;
	right: 100%;
	width: 32px;
	height: 32px;
}
.sare-pn_selectCalendar_list.slick-initialized .slick-next {
	right: inherit;
	left: 100%;
	width: 32px;
	height: 32px;
}
.sare-pn_selectCalendar_list.slick-initialized .slick-prev.slick-disabled,
.sare-pn_selectCalendar_list.slick-initialized .slick-next.slick-disabled{
opacity: 0;
pointer-events: none;
}

.sare-pn_selectCalendar_list.slick-initialized .c-selectCalendar_item{
flex-direction: column;
margin-bottom: 0;
}
.filter-calendar .c-hybridPanel_box{
height: inherit;
}
@media print, screen and (max-width: 999px) {
	.sare-pn_selectCalendar_list.slick-initialized .c-selectCalendar_row:first-child{
		display: none;
	}
}












/* 部屋・人数 */
@media print, screen and (min-width: 1000px) {
	.sare-pn_modal.-date,
	.sare-pn_modal.-room{
		position: absolute;
		left: 0px;
		top: 0px;
		z-index: 5;
		width: 100%;
	}
	.sare-pn_modal.-date{
		width: 742px;
	}
	.sare-pn_modal.-room{
		height: auto;
		min-width: 390px;
		max-height: 603px;
	}
	.sare-pn_modal.-date .sare-pn_cnt,
	.sare-pn_modal.-room .sare-pn_cnt{
		overflow: hidden;
		margin-top: -1px;
		height: 100%;
		background: #fff;
		border-radius: 1px;
		box-shadow: 0.5px 1px 10px rgb(0 0 0 / 25%);
	}
}
.sare-pn_modal.-room .sare-pn_body{
	padding: 20px 15px;
}
.sare-pn_people, .sare-pn_membox:not(:first-child){
	margin-top: 20px;
}
.sare-pn_membox.-room{
	padding-bottom: 20px;
	border-bottom: solid 1px #d7d7d7;
}
.sare-pn_roomttl{
	font-size: 1.8rem;
	font-weight: 700;
	line-height: 1.3;
}
.sare-pn_roomttl span{
	font-weight: bold;
}
.sare-pn_memitem{
	margin-top: 20px;
}

.sare-pn_memCount{
	display: flex;
	align-items: center;
	width: 100%;
}
.sare-pn_memCount-ttl{
	font-size: 1.6rem;
    padding-right: 16px;
    width: 100%;
}
.sare-pn_memCount-main{
	display: flex;
    justify-content: flex-end;
	flex-shrink: 0;
	width: auto;
}
.sare-pn_memCount-item{
    display: flex;
    align-items: center;
}
.sare-pn_memCount-bt{
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 28px;
    height: 28px;
    background-color: #3498db;
    border-radius: 3px;
    transition: opacity 0.3s;
}
@media screen and (min-width: 769px){
	.sare-pn_memCount-bt:not(.is-disable):hover{
		opacity: .6;
	}
}
.sare-pn_memCount-bt.is-disable{
	cursor: default;
	background: rgba(50,55,67,.15);
}
.sare-pn_memCount-bt:before,
.sare-pn_memCount-bt.-plus:after{
    pointer-events: none;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
    content: "";
    margin: auto;
    border-radius: 2px;
    background-color: #fff;
}
.sare-pn_memCount-bt:before{
    width: 16px;
    height: 2px;
}
.sare-pn_memCount-bt.-plus:after{
    width: 2px;
    height: 16px;
}

.sare-pn_memCount-num{
	width: 56px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}
.sare-pn_room-input{
	width: 100%;
	height: 100%;
	text-align: center;
	font-size: 100%;
}


.sare-pn_mdf.-room .sare-pn_mdf-bt{
	margin-top: 10px;
}




.sare-pn_mem-child{
	padding-left: 15px;
	padding-right: 15px;
}

.sare-pn_memCount_ageArea{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	margin: 0 -5px;
}
.sare-pn_memCount-ageitem{
	margin-top: 10px;
	padding-left: 5px;
	padding-right: 5px;
	width: 50%;
}
.sare-pn_select{
	position: relative;
}
.sare-pn_memCount-agelabel{
	font-size: 1.2rem;
}
.sare-pn_pulldown{
	position: relative;
	margin-top: 5px;
}
.sare-pn_pulldown .m-ico-dp{
	position: absolute;
    right: 8px;
    top: 50%;
    color: #888;
    font-size: 2.2rem;
    pointer-events: none;
	transition: .2s;
    transform: translateY(-50%) rotateZ(0deg);
}
.sare-pn_inputText{
	overflow: hidden;
	cursor: pointer;
	padding: 0 40px 0 10px;
	width: 100%;
	height: 40px;
	font-size: 100%;
	text-overflow: ellipsis;
	border: 1px solid #BCBDC2;
	background-color: #fff;
	white-space: nowrap;
}

.sare-pn_pulldown_panel{
    display: none;
    position: absolute;
    top: 100%;
    z-index: 1;
    margin-top: -1px;
    width: 100%;
    border: 1px solid #ddd;
    background: #fff;
}

.sare-pn_pulldown-list{
    max-height: 198px;
    overflow: auto;
}
.sare-pn_pulldown-list li.is-active {
    color: #fff;
    background: #ade1f5;
}
.sare-pn_pulldown-list li {
    padding: 12px 10px;
    font-size: 1.3rem;
}
.sare-pn_pulldown-list li:not(:first-child) {
    border-top: solid 1px #ddd;
}
@media print, screen and (max-width: 999px) {
	.sare-pn_mdf-txt{
		font-size: 1.4rem;
	}
}
@media print, screen and (min-width: 1000px) {
	.sare-pn_modal.-room .sare-pn_cnt{
		padding-top: 0!important;
	    max-height: 603px;
	}

	.sare-pn_modal.-room .sare-pn_head{
		display: none;
	}
}


/* =============================================================================
    Slider
============================================================================= */
.sare-pn_selectCalendar .slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.sare-pn_selectCalendar .slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.sare-pn_selectCalendar .slick-list:focus{outline:none}.sare-pn_selectCalendar .slick-list.dragging{cursor:pointer;cursor:hand}.sare-pn_selectCalendar .slick-slider .slick-track,.sare-pn_selectCalendar .slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.sare-pn_selectCalendar .slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.sare-pn_selectCalendar .slick-track:before,.sare-pn_selectCalendar .slick-track:after{display:table;content:''}.sare-pn_selectCalendar .slick-track:after{clear:both}.sare-pn_selectCalendar .slick-loading .slick-track{visibility:hidden}.sare-pn_selectCalendar .slick-slide{display:none;float:left}.sare-pn_selectCalendar [dir='rtl'] .slick-slide{float:right}.sare-pn_selectCalendar .slick-slide img{display:block}.sare-pn_selectCalendar .slick-slide.slick-loading img{display:none}.sare-pn_selectCalendar .slick-slide.dragging img{pointer-events:none}.sare-pn_selectCalendar .slick-initialized .slick-slide{display:block}.sare-pn_selectCalendar .slick-loading .slick-slide{visibility:hidden}.sare-pn_selectCalendar .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.sare-pn_selectCalendar .slick-arrow.slick-hidden{display:none}.sare-pn_selectCalendar .slick-prev,.sare-pn_selectCalendar .slick-next{position:absolute;top:50%;display:block;font-size:0;padding:0;cursor:pointer;border:none;outline:none;z-index:2;background:none}.sare-pn_selectCalendar .slick-prev.slick-disabled:before,.sare-pn_selectCalendar .slick-next.slick-disabled:before{opacity:.25}.sare-pn_selectCalendar .slick-prev:before,.sare-pn_selectCalendar .slick-next:before{font-size:3rem;line-height:1;opacity:.75;color:#3d2502;font-family:'Material Icons Round'}.sare-pn_selectCalendar .slick-prev{left:-50px}.sare-pn_selectCalendar .slick-next{right:-50px}.sare-pn_selectCalendar .slick-prev:before{content:"\e5e0"}.sare-pn_selectCalendar .slick-next:before{content:"\e5e1"}.sare-pn_selectCalendar .slick-dotted.slick-slider{padding-bottom:50px}.sare-pn_selectCalendar .slick-dots{position:absolute;bottom:15px;display:flex;justify-content:center;width:100%}.sare-pn_selectCalendar .slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer}.sare-pn_selectCalendar .slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.sare-pn_selectCalendar .slick-dots li button:hover,.sare-pn_selectCalendar .slick-dots li button:focus{outline:none}.sare-pn_selectCalendar .slick-dots li button:hover:before,.sare-pn_selectCalendar .slick-dots li button:focus:before{opacity:1}.sare-pn_selectCalendar .slick-dots li button:before{font-size:1rem;line-height:20px;position:absolute;top:0;left:0;content:'●';font-family:Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sare-pn_selectCalendar .slick-dots li.slick-active button:before{opacity:.75;color:#000}.sare-pn_selectCalendar .slick-dots>li:first-child:last-child{display:none}