@charset "utf-8";

/* =============================================================================
    検索
============================================================================= */

@font-face{
	font-family:'jtb-family';
	src: url("../fonts/jtb-family.ttf") format("truetype"),url("../fonts/jtb-family.woff") format("woff"),url("../fonts/jtb-family.svg#jtb-family") format("svg");
	font-weight:normal;
	font-style:normal;
}
@font-face{
	font-family:'kkrs-dp';
	src: url("../fonts/kkrs-dp.ttf") format("truetype"),url("../fonts/kkrs-dp.woff") format("woff"),url("../fonts/kkrs-dp.svg#kkrs-dp") format("svg");
	font-weight:normal;
	font-style:normal;
}


/* レイアウト
---------------------------------------------------------- */
@media screen and (min-width: 760px){
	.search-htl__top{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin-left: -20px;
		font-size: 1.6rem;
	}
	.search-box{
		margin-left: 20px;
	}
	.search-date{
		width: calc(60% - 20px);
	}
	.search-area, .search-people{
		width: calc(30% - 20px);
	}
}

@media screen and (max-width: 759px){
	.search-htl__top{
		margin-top: -10px;
		font-size: 1.3rem;
	}
	.search-box{
		margin-top: 10px;
	}
	.search-date{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end;
	}
}

.search-date{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.search-date .search-pulldown:first-of-type{
	width: 60%;
}
.search-date .search-pulldown:nth-of-type(2){
	margin-left: 3px;
	width: calc(40% - 3px);
}



@media screen and (min-width: 760px){
	.search-htl__btm{
		margin-top: 20px;
		font-size: 1.5rem;
	}
	.search-htl__btm{
		margin-top: 20px;
		font-size: 1.5rem;
	}
	.search-kodawari{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	.search-kodawari__label{
		padding: 5px 0;
		width: 8em;
	}
	.search-kodawari__content{
		margin-left: 20px;
		width: calc(100% - 8em - 20px);
	}
}
.search-kodawari{
	margin-top: 10px;
}
.search-kodawari__label{
	font-weight: bold;
}
.search-kodawari__list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-left: -30px;
}
.search-kodawari__list li{
	margin-left: 30px;
}

@media screen and (max-width: 759px){
	.search-htl__btm{
		font-size: 1.3rem;
	}
}




/* ラベル
---------------------------------------------------------- */
.search-label{
	width: 100%;
	font-weight: bold;
}

/* テキストボックス
---------------------------------------------------------- */
.search-input{
	cursor: pointer;
	padding: 0 10px;
	width: 100%;
	height: 40px;
	font-size: 1.4rem;
	border-radius: 0;
	border: 1px solid #999;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: textfield;
}
.search-input:focus {
	box-shadow: 0 0 5px 0 rgba(204, 13, 33, 0.2);
}

/* プルダウン
---------------------------------------------------------- */
.search-pulldown{
	position: relative;
}
.search-pulldown__input{
}
.search-pulldown__input:before,
.search-pulldown__input:after{
	position: absolute;
	top: 50%;
	margin-top: -.5em;
	
	pointer-events: none;
	font-family: 'jtb-family' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.search-pulldown__input:before{
	left: 10px;
	font-size: 1.5rem;
	color: #999;
}
.search-date .search-pulldown__input:before{ content: "\e916"; }
.search-area .search-pulldown__input:before{ content: "\e940"; }
.search-people .search-pulldown__input:before{ content: "\e965"; }

.search-pulldown__input:after{
	right: 10px;
	font-size: 1.3rem;
	color: #999;
	content: "\e906";
}
.search-pulldown__input.is-active:before{
	color: #cc0d21;
}
.search-pulldown__input .search-input{
	padding: 0 30px;
}
.search-pulldown__input.is-active .search-input{
	border-color: #cc0d21;
	box-shadow: 0 0 5px 0 rgba(204, 13, 33, 0.2);
}

.search-pulldown__input .search-input:disabled{
	cursor: inherit;
	opacity: 1;
	background: #ddd;
}

/* プルダウンパネル */
.search-panel{
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1;
	margin-top: -1px;
	width: 100%;
	font-size: 1.3rem;
	border: solid 1px #999;
	background: #fff;
}
.search-box:not(.search-people) .search-panel{
	overflow: auto;
	max-height: 198px;
}
.search-panel__list li{
	padding: 5px 13px;
	line-height: 1.4;
	cursor: pointer;
}
.search-panel__list li:hover,
.search-panel__list li.selected{
	background-color: #fae5e5;
}
.search-box.search-people .search-panel{
}
@media screen and (min-width: 760px){
	.search-box.search-people .search-panel{
		right: 0;
		left: auto;
		padding: 20px;
		width: 380px;
	}
}
@media screen and (max-width: 759px){
	.search-box.search-people .search-panel{
		padding: 10px;
		font-size: 1.1rem;
	}
	.search-spinbox__label small{
		font-size: 1.0rem!important;
	}
}

/* プルダウン
---------------------------------------------------------- */
.form-checkbox {
	position: relative;
}
.form-checkbox__input {
	display: none;
}
.form-checkbox__label {
	cursor: pointer;
	display: block;
	padding: 5px 0 5px 22px;
}
.form-checkbox__label:before {
	content: "";
	width: 14px;
	height: 14px;
	display: block;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	border-radius: 3px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}
.form-checkbox input:checked + label {
	position: relative;
}
.form-checkbox input:checked + label:after {
	font-family: 'jtb-family' !important;
	text-decoration: none;
	content: "\e920";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.form-checkbox input:checked + label:before {
	border-color: #000;
	background-color: #ebebeb;
}
.form-checkbox input:checked + label:after {
	color: #000;
	font-size: 1rem;
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -.3em;
}
.form-checkbox input:disabled + label {
	color: #dcdcdc;
	cursor: default;
}
.form-checkbox input:disabled + label:before {
	border-color: #dcdcdc;
	background-color: transparent;
}
.form-radio {
	position: relative;
}
.form-radio__input {
	display: none;
}
.form-radio__label {
	cursor: pointer;
	display: inline-block;
	padding: 5px 0 5px 20px;
}
.form-radio__label:before {
	content: "";
	width: 14px;
	height: 14px;
	display: block;
	border: 1px solid #c8c8c8;
	background-color: #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -7px;
}
.form-radio input:checked + label:after {
	content: "";
	display: block;
	background-color: #000;
	border-radius: 50%;
	width: 8px;
	height: 8px;
	position: absolute;
	top: 50%;
	left: 4px;
	margin-top: -3px;
}

































.domhotel-top-mv-search__option .dom-search-option__selected {
  text-align: left;
  display: inline-block;
}
.domhotel-top-mv-search__option .dom-search-option__selected-list {
  padding-right: 0;
  border-right: none;
  position: absolute;
  top: -2rem;
  left: 0;
}
.domhotel-top-mv-search__option .dom-search-option__more-content {
  margin: 10px 0 0 0;
  border-color: #aaa;
}
.domhotel-top-mv-search__option .dom-search-option__more-btn {
  padding-left: .5em;
}
.domhotel-top-mv-search__option .dom-search-option__more-btn span:after {
  content: "条件を追加する";
  display: inline-block;
  width: 7em;
  text-align: left;
}
.domhotel-top-mv-search__option .dom-search-option__more-btn.is-open span:after {
  content: "条件を閉じる";
}
.domhotel-top-mv-search__option .dom-search-option__item {
  min-width: 11rem;
  padding-right: 1em;
}

@media screen and (max-width: 1131px) {
  .domhotel-top-mv-search__in:after {
    content: "";
    display: block;
    clear: both;
  }

  .domhotel-top-mv-search__keyword {
    width: 50%;
    min-width: initial;
  }

  .domhotel-top-mv-search .dom-search__panel--people {
    right: auto;
    left: 0;
  }
}






/* spinbox
---------------------------------------------------------- */
.search-spinbox__list{
	margin-bottom: 15px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.search-spinbox__label{
	font-weight: bold;
	position: relative;
	padding-left: 2.4rem;
	line-height: 1.4;
}
.search-spinbox__label:before {
  font-size: 1.4rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.5em;
  color: #999;
	
  display: inline-block;
  font-family: 'jtb-family' !important;
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.search-spinbox__label-room:before {
  content: "\e914";
}
.search-spinbox__label-men:before {
  content: "\e927";
  font-size: 2rem;
  margin-left: -.3rem;
}
.search-spinbox__label-women:before {
  content: "\e93f";
  font-size: 2rem;
  margin-left: -.3rem;
}

.search-room-child__trigger {
  font-size: 1.4rem;
  font-weight: bold;
  padding-left: 2.4rem;
  position: relative;
  color: #125687;
}
.search-room-child__trigger:before, .search-room-child__trigger:after {
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -.5em;
	
  display: inline-block;
  font-family: 'jtb-family' !important;
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.search-room-child__trigger:before {
  content: "\e93f";
  color: #ddd;
  margin-left: -.3rem;
}
.search-room-child__trigger:after {
  content: "\e90f";
  color: #999;
  margin-left: .3rem;
}
.search-room-child__trigger span {
  display: inline-block;
  padding-right: 2rem;
  cursor: pointer;
  position: relative;
}
.search-room-child__trigger span:before {
  content: "\e906";
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -.5em;
  font-size: .8em;
  transition: .2s;

  display: inline-block;
  font-family: 'jtb-family' !important;
  text-decoration: none;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.search-room-child__trigger.is-open {
  margin-bottom: 2rem;
}
.search-room-child__trigger.is-open span:before {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}


.search-spinbox__label small {
  display: block;
  color: #777;
  font-size: 1.2rem;
  font-weight: normal;
}
.search-spinbox__fix {
  width: 7rem;
  font-weight: bold;
  text-align: center;
}
.search-spinbox__set {
  width: 14rem;
  min-width: 14rem;
  min-height: 36px;
  position: relative;
}
.search-spinbox__explain {
  padding-left: 1.2em;
  line-height: 1.4;
  width: 350px;
}
.search-spinbox__input {
  border: 1px solid #999;
  height: 36px;
  width: 50px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 45px;
  -webkit-appearance: none;
  -moz-appearance: textfield;
}
.search-spinbox__input::-webkit-outer-spin-button, .search-spinbox__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}


.search-room-child-link a {
  display: inline-block;
  position: relative;
}
.search-room-child-link a:before {
  content: "";
  display: inline-block;
  width: 11px;
  height: 9px;
  background: url(https://www.jtb.co.jp/kokunai_hotel/assets/images/dom/1.0/ico-window.png) no-repeat 0 0;
  background-size: 11px auto;
  margin-right: 5px;
}


.search-spinbox__btn {
	overflow: visible;
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 40px;
	height: 36px;

	color: inherit;
	vertical-align: top;
	border-radius: 4px;
	border: none;
	background-color: #e0e0e0;
	-webkit-appearance: none;
}
.search-spinbox__btn-plus {
	right: 0;
}
.search-spinbox__btn-minus {
	left: 0;
}
.search-spinbox__btn:before {
	font-size: 1.2rem;
	color: #333;

	font-family: 'jtb-family' !important;
	text-decoration: none;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.search-spinbox__btn-plus:before {
	content: "\e900";
}
.search-spinbox__btn-minus:before {
	content: "\e928";
}
.search-spinbox__btn.disabled{
	cursor: default;
	background-color: #f5f5f5;
}
.search-spinbox__btn.disabled:before {
	color: #e0e0e0;
}
.search-spinbox-room {
	margin-top: 0;
	margin-bottom: 20px;
	padding: 0 0 20px;
	border-top: none;
	border-bottom: 1px solid #d7d7d7;
}
.search-spinbox-room .search-spinbox__list {
  margin-bottom: 0;
}
.search-spinbox__total{
	padding-right: 1em;
	text-align: right;
	font-weight: bold;
	font-size: 1.4rem;
	line-height: 1.2;
}
.search-room-total__content{
	border-top: 1px solid #d7d7d7;
	padding: 1rem 0 0;
	margin-top: 1rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.5;
}
.search-room-total__content em {
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0 .2em;
}
@media screen and (max-width: 759px){
	.search-room-total__content em{
		font-size: 1.5rem!important;
	}
}
.search-room-total-count{
	color: #cc0d21;
}
.search-spinbox__total-number {
  font-size: 2rem;
  margin: 0 .2em;
}


.search__panel-people-btn{
	width: 14rem;
	margin: 10px auto 0;
	cursor: pointer;

	display: block;
	background-color: #cc0000;
	border: 1px solid #9a1b1b;
	border-radius: 6px;
	color: #fff;
	text-decoration: none;
	font-size: 1.4rem;
	line-height: 36px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	cursor: pointer;
}
.search__panel-people-btn:hover {
	opacity: .8;
}



.search-spinbox__note {
  border-top: 1px solid #d7d7d7;
  padding-top: 15px;
  font-size: 1.2rem;
}
.search-spinbox__note a {
  color: #125687;
}
.search-spinbox__checkbox {
  text-align: right;
}
.search-spinbox__checkbox .dom-form-checkbox {
  display: inline-block;
  width: 14rem;
  text-align: left;
}
.search-room-child__content{
	display: none;
}
.search-spinbox__list + .search-spinbox__checkbox {
  margin-top: 5px;
}


/* =============================================================================
    カレンダー
============================================================================= */
.ui-datepicker * {
	box-sizing: border-box;
}
.ui-datepicker .dom-form-checkbox {
	position: absolute;
	left: 60px;
	top: 20px;
	font-size: 1.3rem;
}
.hotel-date-undecided {
	margin-bottom: 1rem;
	position: relative;
}
.hotel-date-undecided__btn {
	position: absolute;
	top: 0;
	right: -30px;
	z-index: 1;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 4px;
	padding: .8rem 1.2rem;
	line-height: 1;
	transition: all .2s;
	cursor: pointer;
	font-size: 1.3rem;
}
.hotel-date-undecided__btn:hover {
	border-color: #666;
	background-color: #666;
	color: #fff;
}


@media screen and (min-width: 760px){
	.ui-datepicker .dom-form-checkbox {
		position: absolute;
		left: 60px;
		top: 20px;
		font-size: 1.3rem;
	}
	.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter: Alpha(Opacity=35);
		background-image: none;
	}
	.ui-datepicker {
		width: 17em;
		padding: .2em .2em 0;
		display: none;
	}
	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 2px;
		width: 1.8em;
		height: 1.8em;
	}
	.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
	}
	.ui-datepicker .ui-datepicker-next {
		right: 2px;
	}
	.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}
	.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}
	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		margin-left: -8px;
		top: 50%;
		margin-top: -8px;
	}
	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}
	.ui-datepicker .ui-datepicker-title select {
		font-size: 1em;
		margin: 1px 0;
	}
	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
		width: 45%;
	}
	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 0 0 .4em;
	}
	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}
	.ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: .2em;
		text-align: right;
		text-decoration: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.ui-datepicker .ui-datepicker-buttonpane button {
		float: right;
		margin: .5em .2em .4em;
		cursor: pointer;
		padding: .2em .6em .3em .6em;
		width: auto;
		overflow: visible;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: left;
	}
	.ui-datepicker.ui-datepicker-multi {
		width: auto;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		float: left;
	}
	.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%;
	}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
	}
	.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%;
	}
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
		border-left-width: 0;
	}
	.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;
	}
	.ui-datepicker-row-break {
		clear: both;
		width: 100%;
		font-size: 0;
	}
	.ui-datepicker-rtl {
		direction: rtl;
	}
	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button {
		float: left;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
		float: right;
	}
	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}
	.ui-datepicker .ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
		left: .5em;
		top: .3em;
	}
	.ui-datepicker {
		font-size: 150%;
		position: relative;
		display: none;
		box-sizing: border-box;
		width: 100% !important;
		max-width: 55em !important;
		margin-top: -1px;
		padding: 20px 60px;
		border: 1px solid #999;
		border-radius: 0;
		background: #fff;
		z-index: 1000;
	}
	.ui-datepicker::after, .ui-datepicker::before {
		box-sizing: inherit;
	}
	.ui-datepicker * {
		box-sizing: inherit;
	}
	.ui-datepicker *::after, .ui-datepicker *::before {
		box-sizing: inherit;
	}
	.ui-datepicker .ui-datepicker-header {
		font-weight: normal;
		line-height: 1;
		padding: .4em 0;
		color: #333;
		border: 0;
		background: transparent;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
		font-size: 16px;
	}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 120px;
		display: block;
		width: 18px;
		height: 35px;
		margin: auto;
		cursor: pointer;
		background-size: 18px 35px;
	}
	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 18px;
		height: 35px;
	}
	.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-focus, .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-focus {
		opacity: .8;
		border: 0;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: -40px;
		background: url(https://www.jtb.co.jp/_images/btn_prev_pc.png);
	}
	.ui-datepicker .ui-datepicker-next {
		right: -40px;
		background: url(https://www.jtb.co.jp/_images/btn_next_pc.png);
	}
	.ui-datepicker .ui-datepicker-calendar th {
		font-size: 1.3rem;
		font-weight: bold;
		padding: 0;
		border: 1px solid #ededed;
	}
	.ui-datepicker .ui-datepicker-calendar th span {
		display: block;
		padding: 8px 0;
		text-align: center;
		background-color: #f7f7f7;
	}
	.ui-datepicker .ui-datepicker-calendar td {
		padding: 0;
		border: 1px solid #ededed;
	}
	.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
		line-height: 1;
		display: block;
		padding: 10px 0;
		text-align: center;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-state-default {
		font-size: 1.3rem;
		border: 1px solid #fff;
		background-color: #fff;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
		color: #666;
		border: 1px solid #fc0;
		background: #fc0;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
		color: #fff;
		border-color: #e57f7f;
		background-color: #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
		position: relative;
		color: #fff;
		border-color: #e57f7f;
		background-color: #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
		position: absolute;
		z-index: 100;
		top: 50%;
		width: 0;
		height: 0;
		margin-top: -6px;
		content: '';
		border-width: 6px;
		border-style: solid;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
		right: -12px;
		border-color: transparent transparent transparent #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
		left: -12px;
		border-color: transparent #e57f7f transparent transparent;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
		color: #06c;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
		color: #cc0d21 !important;
	}
	.ui-datepicker-multi .ui-datepicker-group table {
		width: 100%;
		margin: 0 auto .4em;
	}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
		padding: 0 10px;
	}
}
@media screen and (max-width: 1030px) {
	.ui-datepicker {
		max-width: 48em !important;
	}
}

@media screen and (max-width: 759px){
	.hotel-date-undecided__btn {
		top: -15px;
		right: -5px;
		padding: .8rem 1.2rem;
		font-size: 1.0rem;
	}
	.ui-datepicker .dom-form-checkbox {
		position: absolute;
		left: 15px;
		top: 10px;
		font-size: 1.3rem;
	}
	.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
		opacity: .35;
		filter: Alpha(Opacity=35);
		background-image: none;
	}
	.ui-datepicker {
		display: none;
		width: calc(100% - 76px);

		position: relative;
		box-sizing: border-box;
		padding: 25px 15px 15px;
		border: 1px solid #999;
		border-radius: 0;
		background: #fff;
		z-index: 1000;
	}
	.ui-datepicker .ui-datepicker-header {
		position: relative;
		padding: .2em 0;
	}
	.ui-datepicker .ui-datepicker-prev {
		left: 2px;
		background: url(https://www.jtb.co.jp/_images/btn_prev_pc.png) no-repeat;
	}
	.ui-datepicker .ui-datepicker-next {
		right: 2px;
		background: url(https://www.jtb.co.jp/_images/btn_next_pc.png) no-repeat;
	}
	.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
		position: absolute;
		top: 10px;
		display: block;
		width: 1.0em;
		height: 1.0em;

		height: 25px;
		margin: auto;
		cursor: pointer;
		background-size: 100% auto;
	}
	.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
		top: 1px;
	}

	.ui-datepicker .ui-datepicker-prev-hover {
		left: 1px;
	}
	.ui-datepicker .ui-datepicker-next-hover {
		right: 1px;
	}
	.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
	}
	.ui-datepicker .ui-datepicker-title {
		margin: 0 2.3em;
		line-height: 1.8em;
		text-align: center;
	}
	.ui-datepicker .ui-datepicker-title select {
		font-size: 1em;
		margin: 1px 0;
	}
	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
		width: 45%;
	}
	.ui-datepicker table {
		width: 100%;
		font-size: .9em;
		border-collapse: collapse;
		margin: 10px 0 .4em;
	}
	.ui-datepicker th {
		padding: .7em .3em;
		text-align: center;
		font-weight: bold;
		border: 0;
	}
	.ui-datepicker td {
		border: 0;
		padding: 1px;
	}
	.ui-datepicker td span, .ui-datepicker td a {
		display: block;
		padding: .2em;
		text-align: right;
		text-decoration: none;
	}
	.ui-datepicker .ui-datepicker-buttonpane {
		background-image: none;
		margin: .7em 0 0 0;
		padding: 0 .2em;
		border-left: 0;
		border-right: 0;
		border-bottom: 0;
	}
	.ui-datepicker .ui-datepicker-buttonpane button {
		float: right;
		margin: .5em .2em .4em;
		cursor: pointer;
		padding: .2em .6em .3em .6em;
		width: auto;
		overflow: visible;
	}
	.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
		float: left;
	}
	.ui-datepicker.ui-datepicker-multi {
		width: auto;
	}
	.ui-datepicker-multi .ui-datepicker-group {
		float: left;
	}
	.ui-datepicker-multi .ui-datepicker-group table {
		width: 95%;
		margin: 0 auto .4em;
	}
	.ui-datepicker-multi-2 .ui-datepicker-group {
		width: 50%;
	}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
	}
	.ui-datepicker-multi-4 .ui-datepicker-group {
		width: 25%;
	}
	.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
		border-left-width: 0;
	}
	.ui-datepicker-multi .ui-datepicker-buttonpane {
		clear: left;
	}
	.ui-datepicker-row-break {
		clear: both;
		width: 100%;
		font-size: 0;
	}
	.ui-datepicker-rtl {
		direction: rtl;
	}
	.ui-datepicker-rtl .ui-datepicker-prev {
		right: 2px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next {
		left: 2px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-prev:hover {
		right: 1px;
		left: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-next:hover {
		left: 1px;
		right: auto;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane {
		clear: right;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button {
		float: left;
	}
	.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .ui-datepicker-rtl .ui-datepicker-group {
		float: right;
	}
	.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
		border-right-width: 0;
		border-left-width: 1px;
	}
	.ui-datepicker .ui-icon {
		display: block;
		text-indent: -99999px;
		overflow: hidden;
		background-repeat: no-repeat;
		left: .5em;
		top: .3em;
	}

	.ui-datepicker::after, .ui-datepicker::before {
		box-sizing: inherit;
	}
	.ui-datepicker * {
		box-sizing: inherit;
	}
	.ui-datepicker *::after, .ui-datepicker *::before {
		box-sizing: inherit;
	}
	.ui-datepicker .ui-datepicker-header {
		font-weight: normal;
		line-height: 1;
		padding: .4em 0;
		color: #333;
		border: 0;
		background: transparent;
	}
	.ui-datepicker .ui-datepicker-header .ui-datepicker-title {
		font-size: 16px;
	}
	.ui-datepicker .ui-datepicker-prev.ui-state-hover, .ui-datepicker .ui-datepicker-prev.ui-state-focus, .ui-datepicker .ui-datepicker-next.ui-state-hover, .ui-datepicker .ui-datepicker-next.ui-state-focus {
		opacity: .8;
		border: 0;
	}

	.ui-datepicker .ui-datepicker-calendar th {
		font-size: 1.3rem;
		font-weight: bold;
		padding: 0;
		border: 1px solid #ededed;
	}
	.ui-datepicker .ui-datepicker-calendar th span {
		display: block;
		padding: 8px 0;
		text-align: center;
		background-color: #f7f7f7;
	}
	.ui-datepicker .ui-datepicker-calendar td {
		padding: 0;
		border: 1px solid #ededed;
	}
	.ui-datepicker .ui-datepicker-calendar td span, .ui-datepicker .ui-datepicker-calendar td a {
		line-height: 1;
		display: block;
		padding: 10px 0;
		text-align: center;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-state-default {
		font-size: 1.3rem;
		color: #333;
		border: 1px solid #fff;
		background-color: #fff;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-state-default:hover {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
		color: #666;
		border: 1px solid #fc0;
		background: #fc0;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-period .ui-state-default {
		color: #fff;
		border-color: #f0b2b2;
		background-color: #f0b2b2;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day .ui-state-default {
		color: #fff;
		border-color: #e57f7f;
		background-color: #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default {
		position: relative;
		color: #fff;
		border-color: #e57f7f;
		background-color: #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
		position: absolute;
		z-index: 100;
		top: 50%;
		width: 0;
		height: 0;
		margin-top: -6px;
		content: '';
		border-width: 6px;
		border-style: solid;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkin .ui-state-default::before {
		right: -12px;
		border-color: transparent transparent transparent #e57f7f;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-date-checkout .ui-state-default::before {
		left: -12px;
		border-color: transparent #e57f7f transparent transparent;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:last-child a {
		color: #06c;
	}
	.ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-end:first-child a, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday, .ui-datepicker .ui-datepicker-calendar .ui-datepicker-holiday a {
		color: #cc0d21 !important;
	}
	.ui-datepicker-multi .ui-datepicker-group table {
		width: 100%;
		margin: 0 auto .4em;
	}
	.ui-datepicker-multi-3 .ui-datepicker-group {
		width: 33.3%;
		padding: 0 10px;
	}
}