:root {
  --address-pin--active: url("//trvimg.r10s.jp/share/common/images/address-pin--active.svg?_=20240326");
  --address-pin: url("//trvimg.r10s.jp/share/common/images/address-pin.svg?_=20240326");
}

html:after {
  content: "";
  background-image:
    url("//trvimg.r10s.jp/share/common/images/arrow_left--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/arrow_right--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/filter-icon--active.svg"),
    url("//trvimg.r10s.jp/share/common/images/favorite_active.svg"),
    url("//trvimg.r10s.jp/share/common/images/favorite_active--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/favorite_inactive--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/mailmag_active.svg"),
    url("//trvimg.r10s.jp/share/common/images/mailmag_active--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/mailmag_inactive--hover.svg"),
    url("//trvimg.r10s.jp/share/common/images/filter_plus_active.svg"),
    url("//trvimg.r10s.jp/share/common/images/filter_plus_greyed.svg"),
    url("//trvimg.r10s.jp/share/common/images/filter_minus_active.svg"),
    url("//trvimg.r10s.jp/share/common/images/filter_minus_greyed.svg"),
    var(--address-pin--active),
    var(--address-pin);
}

div#srchSide-B {
  padding-top: 24px;
  margin-left: 10px;
  min-width: 190px;
}

.rt-footer {
  z-index: 1;
}

.htlList--center {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 1128px;
  margin: auto;
}

.htlList--center #srchBrdCrmbs {
  font-family: 'Hiragino Kaku Gothic Pro';
}

.htlList--center div#listError{
	width: auto;
}

.htlList__contents {
  padding-top: 24px;
  position: relative;
  margin-top: 0;
}

.htlList__contents #srchMainContent {
  margin: 0;
}

#srchContents.htlList--center{
  display: flex;
  flex-direction: row;
  min-width: auto;
  padding-left: 8px;
  margin: auto;
}

.htlList__title {
  font-family: Hiragino Kaku Gothic Pro;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px; 
  color: #333;
  margin-bottom: 16px;
}

.htlList__title img {
  object-fit: contain;
  width: 100%;
}

.htlList__subtitle{
  font-size: 14px;
  line-height: 20px;
}

.search-container {
  display: flex;
  flex-direction: column;
  padding: 2px 0px 1px;
}

.search-container--loading::before {
  content: '';
  position: absolute;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: inherit;
  background-color: rgba(255, 255, 255, 0.6);
  pointer-events: none;
}
  
.search-container--loading * {
  pointer-events: none;
}

.search-container--loading::after {
  content: '';
  position: absolute;
  z-index: 20;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);
  transform: translate3d(-50%, -50%, 0) rotate(0deg);
  width: 30px;
  height: 30px;
  border-radius: 100%;
  border: 5px solid #00b900;
  border-top-color: #c4c8c2;
  -webkit-animation: loading 0.7s linear infinite;
  animation: loading 0.7s linear infinite;
}

.search__radio-list {
  display:flex;
  flex-direction: row;
  gap:19px;
  margin-bottom: 8px;
}

.search__radio-label {
  font-family: 'Hiragino Kaku Gothic ProN';
  font-style: normal;
  font-weight: 300;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}

.search__radio-list .search-category {
  height: 18px;
  width: 18px;
  margin-right: 7px;
  vertical-align: text-top;
  accent-color: #54822B;
  margin: 0 3px 0 3px;
}

.search-field__container {
  margin-bottom: 8px;
  display:flex;
  flex-direction: row;
  gap:8px;
  width:1128px;
}

#outOfRangeErrorMessage {
  margin-bottom: 8px;
}

#dh-search-form .search-field__date {
  width: 310px;
  box-sizing: border-box;
}
.search-field__date:hover {
  cursor: pointer;
}

.search-field__item label {
  font-size: 14px;
}

.condition__group-room label{
  font-weight: 300;
  line-height: 16px;
}

.search-field__date::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/calendar_icon.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
}

.condition__room::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/bed_icon_active.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
}

.search-field__item--disabled .condition__room::before{
  background-image: url("//trvimg.r10s.jp/share/common/images/bed_icon.svg");
}

.htlList--center .condition__room {
  position: relative;
  display: block;
  height: 19px;
  padding: 0px 8px 0px 26px;
  border-right: 1px solid #CCCCCC;
}

.condition__group-room {
  margin: unset;
  position: relative;
  padding-left: 32px;
  height: 44px;
  padding-top: 12px;
  box-sizing: border-box;
}

.condition__group-room span > span::after {
  content: "人";
  font-size: 12px;
  line-height: 20px;
}

.condition__group-room::before {
  content: "";
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/guest_icon_active.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
}

.search-field__item--disabled .condition__group-room::before {
  background-image: url("//trvimg.r10s.jp/share/common/images/guest_icon.svg");
}

.search-field__item--disabled.search-field__price::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/currency_icon.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
  margin-right: 8px;
}

.search-field__price::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/currency_icon_active.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
}

.price-limit__wrapper select{
  font-family: 'Hiragino Kaku Gothic Pro';
  flex-grow:1;
  font-weight: 600;
  font-size: 14px;
  line-height: 18px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  padding-right: 0px;
  padding-left: 0px;
  padding-bottom: 2px;
  border-bottom: 4px solid transparent;
  background-color: transparent;
  width: 100%;
  max-width: 50%;
  color: #333;
  height: 42px;
  padding-top: 19px;
  border-radius: 0px;
  outline: none;
  letter-spacing: normal;
}
.price-limit__wrapper select:hover {
  cursor: pointer;
}

.search-field__item--disabled .price-limit__wrapper select {
  color: #CCCCCC;
}

.search-field__price .search-field__item--disabled .price-limit__wrapper select{
  pointer-events: none;
}

#search-form__wrapper .stdSrchBtn.smlSz.search__submit-btn {
  display: flex;
  width: 120px;
  height: inherit;
  background: #54822B;
  border-radius: 4px;
  border: none;
  box-sizing: border-box;
  flex-shrink: 0;
}

.stdSrchBtn.smlSz.search__submit-btn a#dh-submit,
.stdSrchBtn.smlSz.search__submit-btn button#dh-submit {
  background: transparent;
  border: none;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 44px !important;
  width: 120px;
  text-align: center;
  color: #FFFFFF;
  padding: 0;
  white-space: nowrap;
  margin: auto;
  text-decoration: none;
}

.stdSrchBtn.smlSz.search__submit-btn button#dh-submit:disabled {
  background: #cccccc;
  color: #8c8c8c;
  cursor: not-allowed;
}

.search__link-list {
  display:flex;
  flex-direction: row;
  gap:12px;
  justify-content: flex-end;
}

.link-list__item-link:link {
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #1D54A7;
  display: flex;
}

.htlList--center .link-list__item-link:link:hover {
  text-decoration: underline;
  color: #13366A;
}

.htlList--center .link-list__item-link:visited:hover {
  text-decoration: underline;
  color: #13366A;
}

.single-column .link-list__item-link:link:hover {
  text-decoration: underline;
  color: #13366A;
}

.single-column .link-list__item-link:visited:hover {
  text-decoration: underline;
  color: #13366A;
}

.link-list__item-img {
  padding-right: 4px;
}

#du-search-form .search-field__date {
  width: 100%;
  flex-grow: 0;
  padding-top: 0px;
  padding-right: 0px;
}

#du-search-form .search-field__date .search-field__date-section-wrapper--du:first-child {
  width: 100%;
}

.search__date-field,
div.search-field__container div#dateInptBox {
  display: flex;
  flex-direction: column;
}

.search-field__date-section-wrapper--du {
  display: flex;
  color: #333;
  flex-direction: row;
  margin: auto 0px;
  z-index: 1;
}

:not(.search-field__date-section-wrapper--du) .date-section-wrapper__right-border::after {
  margin: auto 0px;
  width: 1px;
  height: 20px;
  background-color: #CCCCCC;
  content: "";
}

div.search-field__item.search-field__date div#dateInptBox.dateInptBox--du {
  width: 100%;
  height: 100%;
  margin-right: 6px;
  text-align: left;
}

.date-field__dated {
  margin: unset;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  text-align: left;
}

.date-field__undated {
  margin: unset;
  display: flex;
  padding: 12px 0;
}

.search-field__date-section-wrapper--du .date-field__undated {
  display: flex;
  padding: 11px 0;
}

.single-column .search-field__item .date-field__undated label {
  font-size: 14px;
  font-weight: 600;
}

span#du-checkin__span {
  font-weight: 600;
}

span#du-room-count {
  font-weight: 600;
}

span#du-main-btn-adult-count {
  font-weight: 600;
}

span#du-main-btn-child-count {
  font-weight: 600;
}

.date-field__dayuse {
  margin: unset;
  height: 42px;
  box-sizing: border-box;
  white-space: nowrap;
  border-radius: 0px;
}

.date-field__du-time-wrapper {
  position: relative;
  margin-right: 8px;
  margin-left: 8px;
  width: 60px;
}

.date-field__du-duration-wrapper {
  position: relative;
  margin-right: 12px;
  margin-left: 8px;
  width: 56px;
}

.date-field__du-time-wrapper select#du-time,
.date-field__du-duration-wrapper select#du-duration {
  position: absolute;
  height: 42px;
  padding-top: 18px;
  border-bottom: 4px solid transparent;
  padding-left: 0;
}

.date-field__du-time-wrapper select#du-time:hover,
.date-field__du-duration-wrapper select#du-duration:hover {
  cursor: pointer;
}

.date-field__du-time,
.date-field__du-duration  {
  color: #333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "Hiragino Kaku Gothic Pro";
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  width: 110%;
  border-radius: 0px;
}

.search-field__item--disabled .date-field__du-time,
.search-field__item--disabled .date-field__du-duration {
  color: #CCCCCC;
}

.search__date-field.search__date-field--hidden {
  display: none;
}

.date-field__wrapper.search__date-field--open,
.search__date-field--open {
  border-bottom: 4px solid #54822B;
}

.date-field__wrapper {
  border-bottom: 3px solid transparent;
}

.search__date-field .date-field__label {
  font-family: 'Hiragino Kaku Gothic Pro';
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  pointer-events: none;
  padding-top: 4px;
}

.date-field__wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  width: 113px;
  border-radius: 0px;
}

.date-field__span {
  height: 21px;
  font-weight: 600;
}

span#dh-room-count {
  font-weight: 600;
}

.dated__right-icon {
  height: 43px;
  width: 16px;
  z-index: 3;
  cursor: default;
}

div.search-field__item.search-field__date div#dateInptBox {
  width: 100%;
  border: none;
  padding: 0;
  margin: 0;
  line-height: initial;
  color: #333;
  text-align: left;
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker {
  position: absolute;
  background: none;
  border: none;
  padding: 0;
  display: inline-flex;
  height: 44px;
  opacity: 0;
  left: 0
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker:focus {
  outline-width: 0;
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#dh-checkin {
  width: 52%;
  z-index: 2;
}
div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#dh-checkin:hover {
  cursor: pointer;
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#dh-checkin.input--full-width {
  width: 100%;
  
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#dh-checkout {
  width: 100%;
  z-index: 1;
}
div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#dh-checkout:hover {
  cursor: pointer;
}

div.search-field__item.search-field__date div#dateInptBox input.hasDatePicker#du-checkin {
  width: 100%;
  left: 0;
}

div.search-container #dh-search-form,
div.search-container #du-search-form {
  width: 1128px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  flex-grow: 1;
}

.filter-carousel__container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - (106px + 90px + 38px));
}

.filter-carousel__overflow {
  overflow: hidden
}

.filter-carousel__slider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 100%;
  gap: 8px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 150ms ease-out;
  transition: -webkit-transform 150ms ease-out;
  transition: transform 150ms ease-out;
  transition: transform 150ms ease-out, -webkit-transform 150ms ease-out;
  gap: 8px;
}

a.filter-carousel__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 4px;
  height: 28px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font: normal normal 300 14px/20px 'Hiragino Kaku Gothic ProN';
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  background-color: #EDF2E9;
  border: 1px solid #255500;
  border-radius: 44px;
  padding: 0 12px;
  color: #255500 !important;
  text-decoration: none
}

a.filter-carousel__item:hover {
  background-color: #D6E9C7;
}

.filter-carousel__item--text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1
}

.filter-carousel__item--remove {
  width: 16px;
  height: 16px;
  background: url("//trvimg.r10s.jp/share/common/images/close-button.svg")
}

.filter-carousel__nav-btn {
  position: absolute;
  -webkit-transform: translate3d(0%, -50%, 0);
  transform: translate3d(0%, -50%, 0);
  top: 50%;
  width: 64px;
  height: 64px;
  border-radius: 100%;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.2));
  border: 0 none
}

.filter-carousel__nav-btn--hidden {
  opacity: 0;
  pointer-events: none
}

.filter-carousel__nav-btn--prev {
  left: 0;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_left.svg")
}

.filter-carousel__nav-btn--prev:hover {
  cursor: pointer;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_left--hover.svg");
}

.filter-carousel__nav-btn--next {
  right: 0;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_right.svg")
}

.filter-carousel__nav-btn--next:hover {
  cursor: pointer;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_right--hover.svg");
}

.header__filter {
  display: flex;
  width: 100%;
  gap: 8px;
  flex-direction: row;
  font-family: 'Hiragino Kaku Gothic ProN', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
  font-weight: 300;
  margin-top: 16px;
  align-items: center;
}

.filter-btn__wrapper {
  position: relative;
  color: #333;
}

.filter__container {
  display: flex;
  border-width: 1px;
  border-style: solid;
  border-radius: 18px;
  align-items: center;
  width: 104px;
  height: 28px;
  justify-content: center;
}

.filter__button {
  border-color: #8C8C8C;
}

.filter__button:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}

.filter__button--active {
  border: 1px solid #54822B;
  background-color: #54822B;
  color: #FFFFFF;
}

.filter__button--active:hover {
  cursor: pointer;
  background-color: #255500;
}

.filter__button--content {
  display: flex;
  gap: 4px;
  align-items: center;
}

.filter__button--active .filter__icon {
  width: 20px;
  height: 20px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter-icon--active.svg");
}

.filter__icon {
  width: 20px;
  height: 20px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter-icon.svg");
}

.filter__dropdown {
  display: flex;
  gap: 8.5px;
}

.filter__dropdown--icon {
  width: 8px;
  height: 6px;
  background-image: url("//trvimg.r10s.jp/share/common/images/dropdown-arrow.svg?cacheClear");
}

.filter__dropdown--container {
  display: flex;
  border-width: 1px;
  border-style: solid;
  border-radius: 18px;
  align-items: center;
  height: 28px;
  justify-content: center;
}

.filter__dropdown--container select {
  font-family: 'Hiragino Kaku Gothic Pro';
}

.filter__dropdown--content {
  display: flex;
  align-items: center;
  position: relative;
}
.filter__dropdown--content select {
  font-size: 14px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: 0px;
  border-radius: 0px;
  -moz-border-radius: 0px;
  outline: none;
  padding: 7px 25px 7px 12px;
  border-radius: 18px;
  z-index: 1;
  color: #333;
  cursor: pointer;
}
.filter__dropdown--content::after {
  content: '';
  width: 8px;
  height: 6px;
  background-image: url("//trvimg.r10s.jp/share/common/images/dropdown-arrow.svg?cacheClear");
  background-repeat: no-repeat;
  position: absolute;
  right: 12px;
  z-index: 0;
}

.filter__selected-tags--container {
  display: flex;
  border-width: 1px;
  border-style: solid;
  border-radius: 60px;
  height: 28px;
  align-items: center;
}

.filter__selected-tags {
  border-color: #255500;
  color: #255500;
  background-color: #EDF2E9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.filter__selected-tags:hover {
  cursor: pointer;
  background-color: #D6E9C7;
}

.filter__selected-tags.filter__selected-tags--fixed {
  border-color: #F3F3F3;
  color: #F3F3F3;
  background-color: #F3F3F3;
  color: #333;
}

.filter__selected-tags.filter__selected-tags--fixed:hover {
  pointer-events: none;
}

.filter__selected-tags--text {
  white-space: nowrap;
}

.filter__selected-tags--content {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
}

.filter__selected-tags--close-button {
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.filter__selected-tags--close-button a {
  width: 16px;
  height: 16px;
}

.filter__arrow--left {
  width: 64px;
  height: 64px;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_left.svg");
}

.filter__arrow--left:hover {
  cursor: pointer;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_left--hover.svg");
}

.filter__arrow--right {
  width: 64px;
  height: 64px;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_right.svg");
}

.filter__arrow--right:hover {
  cursor: pointer;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_right--hover.svg");
}

.filter__dropdown--selection {
  position: absolute;
}

.filter__dropdown--selection-container {
  width: 360px;
  max-height: calc(100vh - 200px);
  position: absolute;
  top: 18px;
  left: 0px;
  z-index: 99;
  background-color: #FFFFFF;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px #00000033;
  display: block;
}

.filter__dropdown--selection-container--hide {
  display: none;
}

.filter__dropdown-selection--expand::after {
  content: "";
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_regular_down.svg");
  height: 16px;
  width: 16px;
  margin: auto 0 auto 0;
}

.filter__dropdown-selection--collapse::after {
  content: "";
  height: 16px;
  width: 16px;
  margin: auto 0 auto 0;
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_regular_up.svg");
}

.filter__dropdown-selection {
  width: 360px;
  max-height: calc(100vh - 260px);
  overflow-y: scroll;
  color: #333333;
  overflow-x: hidden;
}

.filter__dropdown-selection--container {
  padding: 16px 16px 0px 16px;
}

.filter__dropdown-selection--title {
  width: 100%;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  border-bottom: 1px solid #CCCCCC;
  margin-bottom: 12px;
}

.filter__dropdown-selection--checkbox-container {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 24px;
}

.filter__dropdown-selection--checkbox-content {
  display: flex;
  align-items: center;
  gap: 4px;
}

.filter__dropdown-selection--expand {
  color: #1D54A7;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.filter__dropdown-selection--expand:hover {
  color: #13366A;
  text-decoration: none;
}

.filter__dropdown-selection--collapse {
  color: #1D54A7;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.filter__dropdown-selection--collapse:hover {
  color: #13366A;
  text-decoration: none;
}

.filter_dropdown-selection--checkbox {
  accent-color: #54822B;
}

.filter_dropdown-selection--checkbox:active {
  border: 2px solid #54822B;
  border-radius: 1px;
}

.filter__dropdown-selection--action-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
  height: 44px;
  padding: 8px 0px 8px 0px;
  position: sticky;
}

.filter__dropdown-selection--action-button__container {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 44px;
  border-radius: 4px;
  margin-right: 16px;
}

.filter__dropdown-selection--action-button__container#clear-filter-selection {
  margin-left: 16px;
}

.filter__dropdown-selection--checkbox-container li input[type="checkbox"] {
  accent-color: #54822B;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}

.filter__dropdown-selection--checkbox-container li {
  display: flex;
  align-items: center;
  gap: 4px;
}

.filter__dropdown-selection--checkbox-container li.feature__checkbox--fixed {
  pointer-events: none;
  color: #8C8C8C;
}

.filter__dropdown-selection--checkbox-container li.feature__checkbox--fixed::before {
  content: "";
  background-image: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="27" height="27" viewBox="0 0 27 27" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.5625 24.4377H24.4375V2.56274H2.5625V24.4377Z" fill="%23EAEAEA" /><path fill-rule="evenodd" clip-rule="evenodd" d="M2.56242 24.4377H24.4374V2.56268H2.56242V24.4377ZM25.5312 0.375H1.46875C0.863906 0.375 0.375 0.865 0.375 1.46875V25.5312C0.375 26.135 0.863906 26.625 1.46875 26.625H25.5312C26.135 26.625 26.625 26.135 26.625 25.5312V1.46875C26.625 0.865 26.135 0.375 25.5312 0.375V0.375Z" fill="%23CCCCCC" /><path fill-rule="evenodd" clip-rule="evenodd" d="M10.2172 21.155L4.13379 15.0705L7.22691 11.9774L10.2172 14.9677L19.2319 5.9541L22.325 9.04723L10.2172 21.155Z" fill="white" /></svg>');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 20px;
  height: 20px;
  width: 20px;
}

.filter__dropdown-selection--checkbox-container li.feature__checkbox--fixed input[type="checkbox"] {
  display: none;
}

.filter__dropdown-selection--backdrop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 98;
}

a#dh-squeeze-submit {
  width: 100%;
  display: block;
  height: 44px;
}

.filter__action-button--search {
  background-color: #54822B;
  color: #FFFFFF;
}

.filter__action-button--clear {
  background-color: #FFFFFF;
  color: #54822B;
  border: 1px solid #54822B;
}

.filter__action-button--text {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  font-weight: 600;
  line-height: 44px;
  border-radius: 4px;
}

.filter__action-button--search-text {
  color: #FFFFFF;
}

.filter__action-button--clear-text {
  color: #54822B;
}

.filter__action-button--search:hover {
  cursor: pointer;
  background: #255500;
}

.filter__action-button--clear:hover {
  cursor: pointer;
  background: #F3F3F3;
}

.filter__action-button--search-link:hover {
  text-decoration: none;
}

.search-container .chldNum {
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
  font-size: 100%;
}

.search-field__location {
  padding: 4px 12px 4px 40px;
}

.search-field__location:hover {
  cursor: pointer;
}

#du-search-form .search-field__location {
  flex-grow: 1;
}

.search-field__location--highlight {
  background-color: #F3F3F3;
}

.search-field__location--highlight:active {
  color: #255500;
  background-color: #EDF2E9;
}

.search-field__location--current-selection::before {
  content: "";
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/location-icon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  height: 20px;
  width: 20px;
  border-radius: 0px;
}

.select-field__location--lodging-text {
  width: 106px;
  height: 14px;
  margin-bottom: 1px;
  font-weight: 300;
  font-size: 10px;
  line-height: 14px;
  color: #333;
}

.search-field__location--current-selection {
  display: flex;
  flex-direction: column;
}

.select-field__location--current-location {
  width: 106px;
  height: 20px;
  margin-bottom: -1px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
}

.search-field__location--current-selection:focus {
  outline: none;
  border-bottom: 4px solid #54822B;
  margin-top: 4px;
}

.srchBrdCrmbs {
  font-family: 'Hiragino Kaku Gothic ProN', Arial, Helvetica, sans-serif;
}

.htlList--sticky {
  font-family: 'Hiragino Kaku Gothic ProN', Arial, Helvetica, sans-serif;
  position: sticky;
  top:0;
  z-index: 10;
  background-color: #FFF;
  padding-bottom: 8px;
}

.htlList--sticky:after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 10px;
  background: linear-gradient(to top, transparent, rgba(0, 0, 0, 0.1));
}

.search-field__item {
  background: #FFFFFF;
  border: 1px solid #8C8C8C;
  border-radius: 4px;
  position: relative;
  display: flex;
  align-items: center;
  height: 44px;
  box-sizing: border-box;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.search-field__date {
  width: 326px;
  padding: 12px 12px 12px 40px;
  flex-grow:1;
}

.search-field__condition {
  padding: 12px 8px 12px 12px;
  width: 272px;
  color: #333;
}

.search-field__condition:hover {
  cursor: pointer;
}
.search-field__condition label:hover {
  cursor: pointer;
}

.search-field__condition-wrapper {
  position: relative;
  text-align: left;
}

.single-column .search-field__condition {
  width: 300px;
}

.search-field__price {
  width: 280px;
  padding: 0px 12px 4px 12px;
  max-width: 238px;
  flex-shrink: 0;
  color: #333;
}

.search-field__item--disabled {
  color: #CCCCCC;
  background: #F3F3F3;
  border-color: #cccccc;
  pointer-events: none;
}

.price-field__wrapper {
  padding-left: 28px;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-style: normal;
  font-weight: 300;
  font-size: 10px;
  z-index: 1;
}

.price-field__wrapper label {
  line-height: 14px;
  display: block;
}

label.price-field__label {
  position: absolute;
  z-index: 1;
  font-size: 10px;
  top: 4px;
}

.price-field__label-desc {
  font-size: 8px;
  line-height: 12px;
}

.price-limit__wrapper {
  display: flex;
  gap: 8px;
  align-items: center;
  position: absolute;
  z-index: 2;
  top: 0;
}

.price-limit__wrapper span{
  flex-grow:1;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
}

.price-limit__wrapper label{
  position: relative;
  top: 8px;
  line-height: 14px;
  width: 10px;
  font-size: 10px;
}

.stdSrchBtn.smlSz.search__submit-btn:hover {
  cursor: pointer;
  background: #255500;
}

.search__link-list {
  display:flex;
  flex-direction: row;
  gap:12px;
  justify-content: flex-end;
  height: 20px;
  font-family: 'Hiragino Kaku Gothic ProN';
  font-style: normal;
  list-style: none;
  padding: 0;
}

.link-list__label {
  font-weight: 600;
  font-size: 12px;
  line-height: 18px;
  color: #333333;
  align-self: center
}

.link-list__item {
  position: relative;
  padding-right: 20px;
  line-height: 20px;
}

.link-list__item::after {
  padding-left: 4px;
  height: 16px;
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("//trvimg.r10s.jp/share/common/images/chevron_right.svg"), url("//trvimg.r10s.jp/share/common/images/chevron_right_deepblue.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: auto 100%, 0 0;
  width: 16px;
  cursor: pointer;
}

.link-list__item:hover::after {
  background-size: 0 0, auto 100%;
}

.link-list__item-link:link {
  text-decoration: none;
  font-weight: 300;
  font-size: 14px;
  line-height: 20px;
  color: #1D54A7;
}

.link-list__item-img {
  padding-right: 4px;
  margin: 2px 0px;
  display: inline-flex;
  vertical-align: middle;
  width: auto;
  height: 14px;
}

.search-field__room--people-room__active {
  border-bottom: 4px solid #54822B;
  padding-bottom: 10px;
}

.search-field__room--people-room > span::after {
  content: "部屋";
  font-size: 12px;
  line-height: 20px;
  padding-left: 4px;
}

.search-field__room-people--dropdown-container {
  display: flex;
  width: 375px;
  height: 500px;
  max-height: calc(100vh - 260px);
  background: var(--pallet-white, #FFF);
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex-shrink: 0;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: 'Hiragino Kaku Gothic ProN', Arial, Helvetica, sans-serif;
  border-radius: 4px;
}

.search-field__people {
  height: 17px;
  border-radius: 0px;
  box-sizing: unset;
}
.search-field__people:hover,
.search-field__room--people-room:hover {
  cursor: pointer;
}

.search-field__people--people-count {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.search-field__room--room-count {
  width: 100%;
  padding-top: 16px;
  padding-left: 16px;
  padding-right: 16px;
  box-sizing: border-box;
}

.search-field__room--room-selection__header {
  color: #333333;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  border-bottom: 1px solid #CCCCCC;
}

.search-field__room--room-selection {
  margin: 8px 0px 8px 0px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.search-field__room-people--selection-text {
  color: var(--jet, #333);
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.search-field__room--add-remove-rooms {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.search-field__room--add-icon {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter_plus_active.svg");
}

.search-field__room--add-icon-inactive {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter_plus_greyed.svg");
}

.search-field__room--minus-icon {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter_minus_active.svg");
}

.search-field__room--minus-icon-inactive {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/filter_minus_greyed.svg");
}

.search-field__room--expand-icon {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/chevron_down.svg");
  background-position: center;
}

.search-field__room--collapse-icon {
  width: 32px;
  height: 32px;
  background-image: url("//trvimg.r10s.jp/share/common/images/chevron_up.svg");
  background-position: center;
}

.search-field__room--minus-icon:hover {
  cursor: pointer;
}

.search-field__room--add-icon:hover {
  cursor: pointer;
}

.search-field__room--expand-icon:hover {
  cursor: pointer;
}

.search-field__room--collapse-icon:hover {
  cursor: pointer;
}

.search-field__room--separate-room-count {
  margin: unset;
  display: flex;
  flex-direction: row;
  gap: 4px;
  height: 32px;
  align-items: center;
}

.search-field__room--separate-room-count--hidden {
  display: none;
}

.room-filter__separate-room--checkbox {
  margin: unset;
  width: 24px;
  height: 24px;
  accent-color: #54822B;
  -webkit-appearance: auto;
}

.room-filter__separate-room--text {
  color: var(--333333, #333);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px;
}

.room-filter__people-count {
  display: flex;
  align-items: center;
  gap: 14px;
}

.room-filter__adult-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.room-filter__add-remove-adults {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.room-filter__child-count {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
}

.room-filter__add-remove-children {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.room-filter__child-options {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
  gap: 16px;
  margin-left: 16px;
  margin-bottom: 16px;
}

.room-filter__child-options--hidden {
  display: none;
}

.room-filter__child-options--container {
  margin: unset;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}


.room-filter__child-options--text {
  color: var(--pallet-jet, #333);
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.room-filter__child-options--add-remove {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}

.search-field__people--separate-count {
  margin-top: 8px;
  padding-top: 8px;
  
}

.separate-count__border {
  border-top: 1px dashed #CCCCCC;
}

.search-field__people--separate-count-room {
  color: var(--sonic-silver, #6D6D6D);
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  line-height: 18px;
}

.search-field__people--separate-count-room--hidden {
  display: none;
}

.search-field__people--per-room-text {
  color:  #333333;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
}

.search-field__people--per-room-text--hidden {
  display: none;
}

.search-field__plan--submit-button-container {
  margin: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
  border-radius: 0px 0px 4px 4px;
  background: #FFFFFF;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
}

.search-field__plan--submit-button {
  width: 100%;
  height: 44px;
  margin: 8px 16px 8px 16px;
  border-radius: 4px;
  background: #54822B;
  display: flex;
  justify-content: center;
  align-items: center;
}

.search-field__plan--submit-button:hover {
  cursor: pointer;
  background: #255500;
}

.search-field__plan-submit-button--text {
  font-family: 'Hiragino Kaku Gothic ProN', Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.search-field__plan-room-filter--container {
  width: 375px;
  max-height: calc(100vh - 150px);
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 48px;
  left: 0px;
  border-radius: 4px;
  background: var(--pallet-white, #FFF);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.20);
  z-index: 99999 !important;
}

.search-field__plan-room-filter--container--hidden {
  display: none;
}

.footer__all-area {
  margin-bottom: 32px;
}

.section-heading__title {
  font-size: 16px;
}

#aroundArea .all-area__ttlBar {
  color: var(--Jet, #333);
  font-family: "Hiragino Kaku Gothic ProN";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px; 
  margin-bottom: 16px;
  background: transparent;
  padding: 0;
  text-align: start;
  border: none;
}

#aroundArea .all-area__outerBox {
  display: flex;
  width: 1129px;
  padding: 16px;
  flex-direction: column;
  align-items: flex-start;
  border-radius: 4px;
  background-color: #F3F3F3;
  box-sizing: border-box;
  font-family: "Hiragino Kaku Gothic ProN";
  font-size: 14px;
  font-style: normal;
  font-weight: 300;
  line-height: 20px; 
  border: none;
}

#aroundArea .all-area__first {
  border-bottom: dotted 1px #CCCCCC;
  padding-bottom: 12px;
  margin-bottom: 12px;
  width: 100%;
  display: flex;
  flex-grow: 1;
}

#aroundArea .all-area__second {
  display: inline-block;
  margin: 4px 0;
}

#aroundArea .all-area__third-lists {
  display: inline-block;
  margin: 12px 0 4px;
}

#aroundArea .all-area__second li,
#aroundArea .all-area__third-lists li {
  display: inline-block;
  margin:0 0 8px 0;
}

#aroundArea .all-area__second li::after,
#aroundArea .all-area__third-lists li::after {
  display: inline-block;
  height:12px;
  width:1px;
  background: #CCCCCC;
  content: '';
  margin-left: 12px;
  margin-right: 7px;
}

#aroundArea .all-area__second li:last-child::after,
#aroundArea .all-area__third-lists li:last-child::after {
  display: inline-block;
  height:12px;
  width:1px;
  background: transparent;
  content: '';
  margin-left: 12px;
  margin-right: 7px;
}

#aroundArea .all-area__second li a {
  display: initial;
  padding: 0;
  background: none;
}

#aroundArea.footer__all-area ul li a{
  background: none;
  padding: 0;
  display: inline-flex;
}

#aroundArea .all-area__expand-btn {
  display: flex;
  width:100%;
  place-content: flex-end;
}

#aroundArea .all-area__expand-txt{
  display: flex;
  color: #1D54A7;
  cursor: pointer;
  gap: 4px;
}

#aroundArea .all-area__expand-txt::after {
  content: "";
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_regular_down.svg");
  height: 16px;
  width: 16px;
  margin: auto 0 auto 0;
}

#aroundArea .all-area__expand-txt:hover {
  cursor: pointer;
  color: #13366A;
}

#aroundArea .all-area__expand-txt:hover::after {
  filter: invert(6%) sepia(94%) saturate(486%) hue-rotate(176deg) brightness(59%) contrast(114%);
}

#aroundArea .all-area__collapse-txt::after {
  background-image: url("//trvimg.r10s.jp/share/common/images/arrow_regular_up.svg");
}

#aroundArea .all-area__third {
  padding-top: 12px;
  border-top: dotted 1px #CCCCCC;
  width: 100%;
  display: inline-block;
}

#aroundArea .all-area__third--hidden {
  display: none;
}

#aroundArea #around-area-accordion:checked ~ .all-area__third-wrap {
  display: block;
  width: 100%;
}

#aroundArea #around-area-accordion:checked ~ .all-area__expand-btn .all-area__expand-txt {
  font-size: 0;
}
#aroundArea #around-area-accordion:checked~.all-area__expand-btn .all-area__expand-txt::before {
  content: "閉じる";
  font-size: 14px;
}
#aroundArea #around-area-accordion:checked ~ .all-area__expand-btn .all-area__expand-txt::after {
  transform: scale(1, -1);
}

#aroundArea .all-area__third li {
  display: inline-block;
  margin-left: 0;
}

#aroundArea .all-area__third li a {
  background: none;
  padding: 0;
}

#aroundArea .all-area__third li a::after {
  display: inline-block;
  height: 12px;
  width: 1px;
  background: #CCCCCC;
  content: '';
  margin-left: 12px;
  margin-right: 7px;
}

#aroundArea .all-area__third li:last-child a::after {
  display: inline-block;
  height: 12px;
  width: 1px;
  background: transparent;
  content: '';
  margin-left: 12px;
  margin-right: 7px;
}

.hidden{
  display:none;
}

/**** modal ****/
#dhLocPickerDataRef,
#duLocPickerDataRef {
  visibility: hidden;
  position: absolute;
  flex: none;
  width: 0;
  height: 0;
  clear: both;
  margin: 0;
  padding: 0;
  pointer-events: none;
  user-select: none;
}

.loc-picker__list-container, .loc-picker__list-item{
  list-style: none;
  padding: 0;
  margin: 0;
}

.loc-picker__history {
  margin-bottom: 16px;
}

.loc-picker__history-header {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #6D6D6D;
  text-align: start;
  display: block;
  margin-left: 16px;
}

.search-field__location {
  width: 152px;
  padding: 4px 12px 4px 40px;
}

.search-field__location--highlight {
  background-color: #F3F3F3;
}

.search-field__location--highlight:active {
  color: #255500;
  background-color: #EDF2E9;   
}

.search-field__location--current-selection {
  display: flex;
  flex-direction: column;
  width: 100px;
}

.loc-picker__history-item-container {
  height: 36px;
  display: flex;
  white-space: nowrap;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
}

.loc-picker__history-item::before {
  display: block;
  content: '';
  border-top: 1px dashed #CCCCCC;
  width: 100%;
  height: 1px;
  margin-left: 16px;
} 

.loc-picker__history-item-content--first {
  display: flex;
  color: #333333;
  font-size: 12px;
  font-style: normal;
  font-weight: 300;
  line-height: 18px;
  align-items: center;
  gap: 8px;
}

.loc-picker__history-item-content--first::before {
  content: "";
  background-image: url("//trvimg.r10s.jp/share/common/images/search-history_icon.svg");
  background-repeat: repeat-y;
  background-position: left center;
  background-size: auto 100%;
  height: 24px;
  width: 24px;
}

.loc-picker__history-item-content--last {
  overflow: hidden;
  color: #333333;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.loc-picker__backdrop {
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 150;
}

.loc-picker__container--area {
  display: none;
  position: absolute;
  background-color: white;
  box-shadow: 0px 0px 10px 0px rgba(100, 70, 70, 0.2);
  padding: 0px 0px 16px 0px;
  box-sizing: border-box;
  border-radius: 4px;
  margin-top: 8px;
  width: 400px;
  height: 600px;
  max-height: calc(100vh - 150px);
  overflow-y: scroll;
  z-index: 200;
  left: -1%;
  top: 90%;
  overflow-x: hidden;
}

.loc-picker__list-item,
.loc-picker__list-button {
  cursor: pointer;
}

.loc-picker__list-area:hover > .loc-picker__list-area--middle-container:has(~ .loc-picker__list-button:hover) {
  background-color: #FFFFFF;
}

.loc-picker__list-item[data-area-accordion="panel"]:hover > .loc-picker__list-area:hover > .loc-picker__list-area--middle-container:has(~ .loc-picker__list-button:hover) {
  background-color: #F3F3F3;
}

.loc-picker__list-area:hover > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button:hover) {
  background-color: #FFFFFF;
}

.loc-picker__list-item[data-area-accordion="panel"]:hover > .loc-picker__list-area:hover > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button:hover) {
  background-color: #F3F3F3;
}

.loc-picker__list-area:hover > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button:hover) {
  background-color: #FFFFFF;
}

.loc-picker__list-area:hover > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button:hover) {
  background-color: #FFFFFF;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--middle-container:has(~ .loc-picker__list-button:hover) {
  background-color: #EDF2E9;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button:hover) {
  background-color: #EDF2E9;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button:hover) {
  background-color: #EDF2E9;
}

.loc-picker__list-button {
  position: relative;
  background: url("//trvimg.r10s.jp/share/common/images/dropdown_expand.svg") no-repeat center center;
  background-size: 16px 16px;
  border: 0 none;
  width: 36px;
  height: 36px;
  z-index: 100;
}

.loc-picker__list-button:hover,
.loc-picker__list-button:active {
  background-color: #F3F3F3;
}

.loc-picker__list-item[data-area-acd-open="true" i] > .loc-picker__list-area > .loc-picker__list-button {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.loc-picker__header--area {
  font-size: 12px;
  font-weight: 300;
  line-height: 18px;
  color: #6D6D6D;
  padding: 4px 16px 4px 0px;
  height: 32px;
  text-align: start;
  display: flex;
  align-items: flex-end;
  margin-left: 16px;
}

.loc-picker__list-item--middle > .loc-picker__list-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.loc-picker__list-item--small > .loc-picker__list-area {
  display: flex;
  height: 36px;
  align-items: center;
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  justify-content: space-between;
}

.loc-picker__list-item--detail > .loc-picker__list-area {
  display: flex;
  height: 36px;
  align-items: center;
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  justify-content: space-between;
}

.loc-picker__list-item--detail > .loc-picker__list-area--active > .loc-picker__list-area--detail-container > .loc-picker__list-area--detail-text::before {
  display: flex;
  content: "";
  background-image: var(--address-pin--active);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-item--spot > .loc-picker__list-area {
  display: flex;
  height: 36px;
  align-items: center;
  color: #333333;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.loc-picker__list-area--spot-text {
  display: flex;
  align-items: center;
}

.loc-picker__selection > .loc-picker__list-area--spot-container > .loc-picker__list-area--spot-text::before {
  content: "";
  background-image: var(--address-pin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-area--spot:hover::before {
  background-color: #F3F3F3;
}

.loc-picker__list-item--spot > .loc-picker__list-area--active > .loc-picker__list-area--spot-container > .loc-picker__list-area--spot-text::before {
  display: flex;
  content: "";
  background-image: var(--address-pin--active);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-item--spot > .loc-picker__list-area--active {
  display: flex;
  height: 36px;
  align-items: center;
  color: #255500;
  background-color: #EDF2E9;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

.loc-picker__list-area--middle-text {
  margin-left: 16px;
}

.loc-picker__list-area--small-text {
  margin-left: 32px;
}

.loc-picker__list-area--detail-text {
  display: flex;
  margin-left: 48px;
  align-items: center;
}

.loc-picker__selection > .loc-picker__list-area--detail-container > .loc-picker__list-area--detail-text::before {
  content: "";
  background-image: var(--address-pin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-area--spot-text {
  margin-left: 64px;
}

.loc-picker__list-area:hover > .loc-picker__list-area--middle-container {
  height: 36px;
  background-color: #F3F3F3;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area:hover > .loc-picker__list-area--small-container {
  height: 36px;
  background-color: #F3F3F3;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area:hover > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #F3F3F3;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area:hover > .loc-picker__list-area--detail-container {
  height: 36px;
  background-color: #F3F3F3;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area:hover > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #F3F3F3;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--middle-container {
  height: 36px;
  background-color: #D6E9C7;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--small-container {
  height: 36px;
  background-color: #D6E9C7;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #D6E9C7;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--detail-container {
  height: 36px;
  background-color: #D6E9C7;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #D6E9C7;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active > .loc-picker__list-area--middle-container {
  height: 36px;
  background-color: #EDF2E9;
  color: #255500;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active > .loc-picker__list-area--small-container {
  height: 36px;
  background-color: #EDF2E9;
  color: #255500;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active > .loc-picker__list-area--small-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #EDF2E9;
  color: #255500;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active > .loc-picker__list-area--detail-container {
  height: 36px;
  background-color: #EDF2E9;
  color: #255500;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active > .loc-picker__list-area--detail-container:has(~ .loc-picker__list-button) {
  height: 36px;
  background-color: #EDF2E9;
  color: #255500;
  width: 90.5%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area:hover > .loc-picker__list-area--spot-container {
  height: 36px;
  background-color: #F3F3F3;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--active:hover > .loc-picker__list-area--spot-container {
  height: 36px;
  background-color: #D6E9C7;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--detail-container:hover {
  height: 36px;
  background-color: #F3F3F3;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-area--spot-container:hover {
  height: 36px;
  background-color: #F3F3F3;
  width: 100%;
  display: flex;
  align-items: center;
}

.loc-picker__list-item--middle::before {
  display: block;
  content: '';
  border-top: 1px dashed #CCCCCC;
  width: 100%;
  height: 1px;
  margin-left: 16px;
}

.loc-picker__list-item--small::before {
  display: block;
  content: '';
  border-top: 1px dashed #CCCCCC;
  width: 100%;
  height: 1px;
  margin-left: 32px;
}

.loc-picker__list-item--detail::before {
  display: block;
  content: '';
  border-top: 1px dashed #CCCCCC;
  width: 100%;
  margin-left: 48px;
}

.loc-picker__list-item--spot::before {
  display: block;
  content: '';
  border-top: 1px dashed #CCCCCC;
  width: 100%;
  height: 1px;
  margin-left: 64px;
}

.loc-picker__history-item:hover {
  cursor: pointer;
  background-color: #F3F3F3;
}

.loc-picker__list-item--middle[data-area-accordion="panel"] > .loc-picker__list-area:hover {
  background-color: #F3F3F3;
  width: 100%;
}

.loc-picker__list-item--small[data-area-accordion="panel"] > .loc-picker__list-area:hover {
  background-color: #F3F3F3;
  width: 100%;
}

.loc-picker__list-area--middle-text {
  display: flex;
  align-items: center;
  -webkit-user-select: none;
  user-select: none;
}

.loc-picker__selection > .loc-picker__list-area--middle-container > .loc-picker__list-area--middle-text::before,
.loc-picker__def-option::before {
  content: "";
  background-image: var(--address-pin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-area--small-text {
  display: flex;
  align-items: center;
}

.loc-picker__selection > .loc-picker__list-area--small-container > .loc-picker__list-area--small-text::before {
  content: "";
  background-image: var(--address-pin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-item--middle:not([data-area-acd-open]) > .loc-picker__list-area--active > .loc-picker__list-area--middle-container > .loc-picker__list-area--middle-text::before {
  display: flex;
  content: "";
  background-image: var(--address-pin--active);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__list-item--small:not([data-area-acd-open]) > .loc-picker__list-area--active > .loc-picker__list-area--small-container > .loc-picker__list-area--small-text::before {
  display: flex;
  content: "";
  background-image: var(--address-pin--active);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 16px;
  height: 24px;
  width: 24px;
  margin-right: 8px;
}

.loc-picker__def-option {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 36px;
  margin-top: 8px;
  padding: 0 16px;
}

.loc-picker__def-option::after {
  content: attr(data-area-label);
}

.loc-picker__def-option:hover {
  background-color: #F3F3F3;
}

.loc-picker__def-option--active::before {
  background-image: var(--address-pin--active);
}

.loc-picker__def-option--active {
  color: #255500;
  background-color: #EDF2E9;
}

.loc-picker__def-option--active:hover {
  background-color: #D6E9C7;
}

#dh-search-history #dh-search-history-container {
  display: flex;
  position: relative;
  font-size: 12px;
  line-height: 20px;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
#dh-search-history #dh-search-history-container .searchHistoryTitle {
  color: #333;
  padding: 0;
  font-weight: 600;
}
#dh-search-history #dh-search-history-container .searchHistory {
  margin: 0 4px 0 8px;
}
#dh-search-history #dh-search-history-container .btnClose {
  align-items: center;
  display: flex;
  position: initial;
  text-indent: initial;
  width: auto;
  height: auto;
  overflow: auto;
  background: none;
}

.htlList--center dl.changeDistance {
	border:1px solid #EEE;
	background-color: #F4F4F4;
	padding:2px;
	font-size:82%;
	margin-left:0px;
	margin-top: 30px;
	float:left;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.htlList--center dl.changeDistance {
  position:relative;
  bottom:35px;
  left:500px;
}

.htlList--center .pr_icon {
	right: 12px;
}

.search__links {
  margin: unset;
  display: flex;
  justify-content: space-between;
}

.stdSrchBtn.smlSz.search__submit-btn a#du-submit {
  padding: 0;
  width: 120px;
  font-size: 14px;
  line-height: 44px !important;
  background: #54822B;
  border: 1px solid #54822B;
  text-decoration: none;
}

.single-column .rt-footer {
  width: 100%;
  min-width: 100vw;
  margin-left: 25px;
}

div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi li.tab-subnavi__menu .tab-subnavi__menu-text.active {
  color: #255500;
  font-weight: 600;
}
div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi li.tab-subnavi__menu .tab-subnavi__menu-text--active {
  color: #255500;
  font-weight: 600;
}

.single-column #du-search-form p.stdSrchBtn.smlSz.search__submit-btn {
  width: 120px;
  height: inherit;
  flex-shrink: 0;
  padding: 0;
  font-size: 14px;
  line-height: 33px;
  background: #54822B;
  border-color: #54822B;
  border-radius: 4px;
}

#du-submit {
  width: 120px;
  height: inherit;
  background: #54822B;
  border: none;
  box-sizing: border-box;
}

ul#htlBox.plnList .plnBox .plnPhoto {
  width: auto;
  max-width: 120px;
}

.filter__dropdown--content .note-for-score-sort {
  display: none;
}

.htlList--center div#historyList {
  right: -170px;
}

.searchbox__checkbox__group {
  height: 32px;
  width: auto;
  background-color: #F3F3F3;
  border-radius: 4px;
  margin-bottom: 8px;
  display: flex;
  gap: 5px;
  align-items: center;
}

.searchbox__checkbox__group--hidden {
  display: none !important;
  pointer-events: none;
}

.searchbox__checkbox__group label {
  font-size: 14px;
  line-height: 32px;
  color: #333;
}

.searchbox__checkbox__group input[type="checkbox"] {
  accent-color: #54822B;
  margin-left: 7px;
  margin-right: 7px;
}
  
article.faq {
  width: 1128px !important;
  margin: 0 auto 0px auto !important;
  text-align: unset;
}

.single-column article.faq {
  width: 1128px !important;
  margin: 0 auto 0px auto !important;
  text-align: unset;
}

article.faq .dtlTblTtl, .single-column article.faq .dtlTblTtl {
  margin-top: 32px;
}

.single-column div#htlCntntArea {
  margin-left: 0px;
}

#htlCntntArea .no-vacancy-error {
  max-width: 950px;
  margin: -32px 0 16px 0 !important;
}

#htlContents > .no-vacancy-error {
  width: 918px;
}

.scrt-pvs span[itemtype="http://data-vocabulary.org/Breadcrumb"], .scrt-pvs .unexpose, .scrt span[itemtype="http://data-vocabulary.org/Breadcrumb"], .scrt .unexpose {
  display: block !important;
}

.single-column .htlPlnCsst .planThumb {
  scroll-margin-top: 91px;
}

.single-column .htlPlnRmTypInfo a {
  scroll-margin-top: 96px;
}

.single-colum .tab-subnavi__menu.tab-subnavi__menu--active {
  color: #255500;
  font-weight: 700;
}

div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi li.tab-subnavi__menu .tab-subnavi__menu-text {
  cursor: pointer;
}

div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi li.tab-subnavi__menu .tab-subnavi__menu-text:hover {
  text-decoration: underline;
}

div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi li.tab-subnavi__menu.tab-subnavi__menu--active .tab-subnavi__menu-text:hover {
  color: #255500;
  text-decoration: none;
  cursor: default;
}

div#errorArea {
  padding: 94px 0 150px 0;
}

.htlList--sticky ~ .rt-footer {
  z-index: 9;
}

div#htlContents.single-column {
  z-index: 2;
}

.banner-container {
  align-items: flex-end;
}

div#htlContents div.hometown-tax__container {
  margin-left: 0 !important;
  margin-top: 8px !important;
  width: 1128px !important;
  min-width: unset !important;
  max-width: unset !important;
}

div#htlContents #membershipIntroductionDiv ~ .hometown-tax__banner-container div.hometown-tax__container {
  margin-left: 0;
  width: auto;
}

.single-column div.membershipIntroduction {
  min-width: 560px;
}

.link-list__item.dap-ana-link .link-list__item-img{
  height: 16px !important;
  width: 56px !important;
}

.link-list__item.dap-jal-link .link-list__item-img{
  height: 16px !important;
  width: 55px !important;
}

.link-list__item.dap-jr-link .link-list__item-img{
  height: 16px !important;
  width: 24px !important;
}

.grpLocationLocus a:visited:hover {
  text-decoration: none;
  color: #13366A;
}

.htlList--center #srchBrdCrmbs a:hover {
  color: #13366A;
}

.dh-modal__room-count,
.du-modal__room-count {
  width: 24px;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #333;
}

.room-filter__add-remove-adults span:nth-child(2) {
  width: 24px;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #333;
}

.room-filter__add-remove-children span {
  width: 32px;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #333;
  background-repeat: no-repeat;
}

.room-filter__child-options--add-remove span:nth-child(2) {
  width: 24px;
  font-size: 16px;
  text-align: center;
  font-weight: 700;
  color: #333;
}

.single-column .search-field__item--disabled#du-duration-wrapper {
  border-radius: 0 4px 4px 0;
}

img.membershipIntroduction__img, div.single-column .membershipIntroduction {
  height: 40px;
}

img.hometown-tax-promotion__img, div.hometown-tax-promotion__wrap {
  border-radius: 2px;
}

#membershipIntroductionDiv + .hometown-tax__banner-container div.hometown-tax-promotion__wrap {
  width: unset;
}

.membershipIntroduction + .hometown-tax__banner-container div.hometown-tax-promotion__wrap {
  width: unset;
}

div.skeleton {
  border-radius: 2px;
}

#htlBrdCrmbs a:hover {
  text-decoration: none;
}

.single-column span.header__breadcrumb:hover {
  text-decoration: underline;
  color: #13366A !important;
}

a.header__breadcrumb:hover {
  text-decoration: underline !important;
  color: #13366A !important;
}

#srchBrdCrmbs a:hover {
  text-decoration: underline;
}

span.grpLocationLocus a:hover {
  text-decoration: underline;
}

.htlList--center ~ #footerCarouselGroup .section-heading__subtitle {
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  font-weight: 300;
}

.domestic-search-container {
  margin-bottom: 8px;
}

.tab__second-navi:empty {
  background-color: transparent;
}

div#htlContents.single-column div.travel__tab div#trvlHtlSubNav ul.tab__second-navi:empty {
  border-bottom: none;
} 

.single-column .container.faq {
  padding: 8px 0 0 0;
  width: unset;
}

.single-column .trv-article-pc {
  margin-top: 0px;
  padding: 0px 0 24px;
}

.single-colum #htlBrdCrmbs a:hover {
  color: #13366A;
}

.single-column div#htlHeader div#RthNameArea h2 a.rtconds.fn:hover {
  color: #13366A !important;
}

.single-column #htlHeader ul.header__links li.review-count__wrapper .review-count__text:hover {
  color: #13366A !important;
  text-decoration: none;
}

.single-column #htlHeader ul.header__links li.header__address a:hover {
  color: #13366A !important;
}

.single-column .header__main-info #sustainableLinker a:hover {
  color: #13366A !important;
}

li#sustainableLinker a {
  font-size: 12px;
  text-decoration: underline;
  text-underline-offset: 1.2px;
  text-decoration-thickness: 0.8px;
}

.htlList--center a.searchHistoryLink:hover {
  color: #13366A !important;
}

.single-column #htlBrdCrmbs a.header__breadcrumb:hover {
  color: #13366A !important;
}

.single-colum #htlHeader .sustainable-linker {
  padding: 0 8px;
}

a#dh-squeezes-submit {
  width: 100%;
}

span#dh-room-count-container {
  display: inline-block;
  width: 50px;
  padding-bottom: 6px;
  border-radius: 0px;
}

span#du-room-count-container {
  display: inline-block;
  width: 50px;
  padding-bottom: 6px;
  border-radius: 0px;
}

#dh-same-room-lbl span label {
  font-size: 12px;
}

span#dh-main-btn-adult-count {
  font-weight: 600;
}

span#dh-main-btn-child-count {
  font-weight: 600;
}

.condition__group-room span > span::after {
  font-weight: 600;
}

#du-same-room-lbl span label {
  font-size: 12px;
}

a#hotelTypeShowButton {
  cursor: pointer;
}

.search-field__price__active, .search-field__time__active, .search-field__duration__active {
  border-bottom: 4px solid #54822B !important;
}

select#f_kin2:focus-visible,
select#f_kin:focus-visible,
select#du-time:focus-visible,
select#du-duration:focus-visible,
select#du-kin2:focus-visible,
select#du-kin:focus-visible {
  outline: none;
}

div[hidden] {
  display: none;
}

.single-column #htlBrdCrmbs {
  transform: none;
}

#htlContents.single-column #attention ._attention__outermost-wrapper_grgv0_1 {
  min-width: unset;
}

.rt-wide-banner-pc {
  position: relative;
  z-index: 9999;
}

#domestic-search-container {
  margin: unset;
}

#hotel-info {
  margin: unset;
}

div#htlHeader div#RthNameArea h2 {
  padding: unset;
}

.single-column ul#RthExcursionArea {
  margin: unset !important;
  padding-top: 12px;
  width: 1128px !important;
}

.single-column #htlMainContent ul#RthExcursionArea {
  width: 99% !important;
}

.single-column div#htlCntntArea h2#pageTitle {
  margin: 0 0 8px 0;
}

.single-column div#map_canvas {
  margin-top: 0;
}

.single-column div#mapArea div.mapUser {
  margin-top: 0;
}

.single-column div#htlMainContent p#pageTitle {
  margin-top: 0;
}

.single-column .bonusProgram_labelIcon {
  margin-top: 24px;
  margin-bottom: -16px;
}

.single-column div#htlCntntArea.RthDomestic {
  margin-top: -24px;
}

.single-column .htlSinglePage {
  margin-top: -24px;
}

.single-column div#htlCntntArea.RthDomestic .no-vacancy-error {
  margin-top: -16px !important;
}