@charset "UTF-8";
/* page */
.modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn:focus-visible, .modal-filter__all-clear-btn:focus-visible, .modal-filter .modal-filter__submit-btn:focus-visible, .popup-filter__primary-btn:focus-visible, .parameter .button:focus-visible {
  border: 1px solid #99c4fd;
  color: #140d77;
  background-color: #f0f7ff;
  outline: 1px solid #3064d5;
  outline-offset: 2px;
}

@keyframes gradationAnimation {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 100% 0%;
  }
}
.search-result-nav__list {
  display: flex;
  width: 100%;
  margin-top: 8px;
  border: 1px solid #c0c5cc;
  border-radius: 4px;
  overflow: hidden;
}
.search-result-nav__list--disabled .search-result-nav__tab {
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  color: #939dad;
  border: none;
}
.search-result-nav__list--disabled .search-result-nav__item {
  pointer-events: none;
}
.search-result-nav__list--disabled .search-result-nav__item:not(first-child) {
  border-color: rgba(192, 197, 204, 0.7);
}
.search-result-nav__list--disabled .search-result-nav__item--active .search-result-nav__tab {
  background-color: #acb5bf;
  color: rgba(233, 236, 242, 0.7);
}
.search-result-nav__item {
  width: 100%;
  text-align: center;
}
.search-result-nav__item:not(:first-child) {
  border-left: 1px solid #c0c5cc;
}
.search-result-nav__tab {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 8px 11px;
  font-size: 0.75rem;
  font-weight: bold;
  color: #2c2a29;
}
@media print, screen and (min-width: 741px) {
  .search-result-nav__tab {
    padding: 12px 16px;
    font-size: 0.875rem;
  }
}
.search-result-nav__tab:visited {
  color: #2c2a29;
}
.search-result-nav__tab:focus-visible {
  outline-offset: -1px;
}
.search-result-nav__tab:hover {
  background-color: #f0f7ff;
  color: #140d77;
}
.search-result-nav__item--active .search-result-nav__tab {
  background-color: #3064d5;
  pointer-events: none;
  color: #fff;
}

.result-number {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 0.875rem;
}
.result-number__term, .result-number__desc {
  display: inline-block;
  vertical-align: middle;
}
.result-number__desc {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: baseline;
}
.result-number__display {
  align-self: center;
  display: inline-block;
  margin-left: 8px;
  font-size: 0.75rem;
  color: #697180;
}
.result-number__range {
  font-weight: bold;
}

#result-number,
#result-number-bottom {
  display: inline-block;
  margin-left: 8px;
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  line-height: 1.3;
  font-weight: bold;
}

.tour-card__item {
  position: relative;
  margin-top: 24px;
}
@media screen and (max-width : 740.98px) {
  .tour-card__item:first-child {
    margin-top: 16px;
  }
}
.tour-card__link {
  display: flex;
  align-items: flex-start;
  column-gap: 16px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0 0 6px rgba(44, 42, 41, 0.45);
  transition: box-shadow 0.25s, opacity 0.25s;
  color: #2c2a29;
  border-radius: 8px;
  opacity: 1;
}
@media print, screen and (min-width: 741px) {
  .tour-card__link {
    padding: 16px;
  }
}
@media screen and (max-width : 740.98px) {
  .tour-card__link {
    flex-direction: column;
  }
}
@media (hover: hover) {
  .tour-card__link:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  }
}
.tour-card__link:hover, .tour-card__link:visited {
  color: #2c2a29;
}
.tour-card__head {
  width: 100%;
  overflow: hidden;
  position: relative;
}
@media print, screen and (min-width: 741px) {
  .tour-card__head {
    width: 32.5%;
    border-radius: 8px;
  }
}
.tour-card__img {
  aspect-ratio: 3/2;
  width: 100%;
  height: 100%;
  object-fit: contain;
  transition: 0.25s;
}
@media (hover: hover) {
  .tour-card__link:hover .tour-card__img {
    transform: scale(1.05);
  }
}
.tour-card__img-badge-list {
  position: absolute;
  top: 0;
  left: 0;
  display: grid;
  grid-template-columns: repeat(2, auto);
  row-gap: 5px;
}
.tour-card__img-badge-cont {
  display: inline-block;
  padding: 3px 7.5px 4px;
  background-color: #fff;
}
.tour-card__img-badge-item {
  grid-column: span 2;
}
.tour-card__img-badge-item--sale:first-child .tour-card__img-badge-cont {
  border-radius: 8px 0 0 0;
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: #e9ecf2;
}
.tour-card__img-badge-item--award {
  grid-column: auto;
}
.tour-card__img-badge-item--award .tour-card__img-badge-cont {
  padding: 0 4px;
  margin-left: 4px;
  background-color: transparent;
}
.tour-card__img-badge-item--award + .tour-card__img-badge-item--award .tour-card__img-badge-cont {
  margin-left: 0;
}
.tour-card__img-badge {
  display: block;
  height: auto;
  pointer-events: none;
}
.tour-card__body {
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .tour-card__body {
    width: 65.5%;
  }
}
@media screen and (max-width : 740.98px) {
  .tour-card__body {
    padding: 16px;
  }
  .tour-card__body:has(.tour-card__logo) {
    padding-top: 8px;
  }
}
.tour-card__logo {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.tour-card__ttl {
  font-size: 1.125rem;
  font-weight: bold;
  transition: 0.25s;
}
@media (hover: hover) {
  .tour-card__link:hover .tour-card__ttl {
    color: #140d77;
  }
}
.tour-card__catchcopy {
  margin-top: 4px;
  font-size: 0.875rem;
}
.tour-card__date-list {
  display: flex;
  align-items: center;
  column-gap: 8px;
  margin-top: 8px;
}
.tour-card__date-label {
  min-width: 64px;
  padding: calc(2.5px + var(--leading-trim)) 8px;
  background-color: #f5f7fa;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #697180;
  white-space: nowrap;
  border-radius: 4px;
  text-align: center;
}
.tour-card__date-value {
  font-size: 0.75rem;
}
.tour-card__airplane-type {
  display: flex;
  flex-wrap: wrap;
  column-gap: 4px;
  margin-top: 8px;
}
.tour-card__airplane-type-img {
  display: block;
  width: auto;
  height: 20px;
  pointer-events: none;
}
.tour-card__tag {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 8px;
}
.tour-card__tag-item {
  display: inline-flex;
  align-items: center;
  height: fit-content;
  margin-top: auto;
  padding: 4px 8px 4px 4px;
  border-radius: 4px;
  background-color: #f0f7ff;
  font-size: 0.75rem;
  line-height: 1;
  letter-spacing: -0.04em;
}
.tour-card__tag-item--exciting, .tour-card__tag-item--premium, .tour-card__tag-item--select, .tour-card__tag-item--value {
  font-weight: bold;
  padding-right: 4px;
  background-color: transparent;
  padding: 0;
}
.tour-card__tag-icon {
  width: 16px;
  margin-right: 3.5px;
  pointer-events: none;
}

.tour-cost {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  margin-top: 16px;
  margin-left: auto;
  padding-right: 52px;
  text-align: right;
}
.tour-cost__ttl {
  font-size: 0.75rem;
  color: #697180;
}
.tour-cost__desc {
  font-family: "Roboto", sans-serif;
  font-size: 1.375rem;
  font-weight: bold;
  line-height: 1.3;
  color: #df0d00;
}

.icon-heart {
  display: inline-block;
  position: absolute;
  content: "";
  width: 44px;
  height: 44px;
  bottom: 16px;
  right: 16px;
  border-radius: 50%;
  background-color: #f5f7fa;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.9912%2032.375C21.6819%2032.375%2021.3713%2032.3191%2021.0594%2032.2074C20.7474%2032.0956%2020.4702%2031.9207%2020.2275%2031.6826L18.2322%2029.8597C16.212%2028.0163%2014.3811%2026.1724%2012.7396%2024.328C11.0981%2022.4836%2010.2773%2020.4354%2010.2773%2018.1833C10.2773%2016.3152%2010.901%2014.7551%2012.1484%2013.5031C13.3958%2012.251%2014.9536%2011.625%2016.8219%2011.625C17.8275%2011.625%2018.7779%2011.8301%2019.6731%2012.2403C20.5684%2012.6504%2021.341%2013.2197%2021.9912%2013.948C22.6413%2013.2197%2023.4139%2012.6504%2024.3092%2012.2403C25.2044%2011.8301%2026.1548%2011.625%2027.1604%2011.625C29.0305%2011.625%2030.5922%2012.251%2031.8455%2013.5031C33.0989%2014.7551%2033.7256%2016.3152%2033.7256%2018.1833C33.7256%2020.4354%2032.9062%2022.4884%2031.2674%2024.3424C29.6286%2026.1963%2027.7799%2028.0473%2025.7214%2029.8953L23.7617%2031.6895C23.5191%2031.9275%2023.2406%2032.1013%2022.9264%2032.2108C22.6121%2032.3203%2022.3004%2032.375%2021.9912%2032.375ZM20.8518%2016.6095C20.3241%2015.852%2019.7409%2015.2674%2019.1022%2014.8558C18.4635%2014.4442%2017.7041%2014.2383%2016.8238%2014.2383C15.7%2014.2383%2014.7636%2014.6132%2014.0144%2015.363C13.2653%2016.1128%2012.8907%2017.0529%2012.8907%2018.1833C12.8907%2019.1701%2013.2415%2020.2185%2013.9429%2021.3286C14.6444%2022.4387%2015.4834%2023.5156%2016.4598%2024.5593C17.4362%2025.603%2018.441%2026.5803%2019.4743%2027.4911C20.5076%2028.402%2021.3466%2029.1515%2021.9912%2029.7398C22.6375%2029.1463%2023.4783%2028.3943%2024.5134%2027.4839C25.5487%2026.5735%2026.5553%2025.5966%2027.5335%2024.5534C28.5118%2023.5102%2029.3527%2022.4355%2030.0565%2021.3291C30.7603%2020.2229%2031.1122%2019.1743%2031.1122%2018.1833C31.1122%2017.0529%2030.7362%2016.1128%2029.9841%2015.363C29.232%2014.6132%2028.2918%2014.2383%2027.1637%2014.2383C26.28%2014.2383%2025.5199%2014.4442%2024.8836%2014.8558C24.2472%2015.2674%2023.6651%2015.852%2023.1374%2016.6095C22.9974%2016.8146%2022.8275%2016.9685%2022.6276%2017.0711C22.4276%2017.1737%2022.2155%2017.225%2021.9912%2017.225C21.7668%2017.225%2021.5555%2017.1737%2021.3573%2017.0711C21.1591%2016.9685%2020.9906%2016.8146%2020.8518%2016.6095Z%22%20fill%3D%22%23C0C5CC%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  cursor: pointer;
}
[data-loading=pending] + .icon-heart {
  display: none;
}
@media (hover: hover) {
  .icon-heart:hover {
    opacity: 0.4;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.9912%2032.375C21.6819%2032.375%2021.3713%2032.3191%2021.0594%2032.2074C20.7474%2032.0956%2020.4702%2031.9207%2020.2275%2031.6826L18.2322%2029.8597C16.212%2028.0163%2014.3811%2026.1724%2012.7396%2024.328C11.0981%2022.4836%2010.2773%2020.4354%2010.2773%2018.1833C10.2773%2016.3152%2010.901%2014.7551%2012.1484%2013.5031C13.3958%2012.251%2014.9536%2011.625%2016.8219%2011.625C17.8275%2011.625%2018.7779%2011.8301%2019.6731%2012.2403C20.5684%2012.6504%2021.341%2013.2197%2021.9912%2013.948C22.6413%2013.2197%2023.4139%2012.6504%2024.3092%2012.2403C25.2044%2011.8301%2026.1548%2011.625%2027.1604%2011.625C29.0305%2011.625%2030.5922%2012.251%2031.8455%2013.5031C33.0989%2014.7551%2033.7256%2016.3152%2033.7256%2018.1833C33.7256%2020.4354%2032.9062%2022.4884%2031.2674%2024.3424C29.6286%2026.1963%2027.7799%2028.0473%2025.7214%2029.8953L23.7617%2031.6895C23.5191%2031.9275%2023.2406%2032.1013%2022.9264%2032.2108C22.6121%2032.3203%2022.3004%2032.375%2021.9912%2032.375ZM20.8518%2016.6095C20.3241%2015.852%2019.7409%2015.2674%2019.1022%2014.8558C18.4635%2014.4442%2017.7041%2014.2383%2016.8238%2014.2383C15.7%2014.2383%2014.7636%2014.6132%2014.0144%2015.363C13.2653%2016.1128%2012.8907%2017.0529%2012.8907%2018.1833C12.8907%2019.1701%2013.2415%2020.2185%2013.9429%2021.3286C14.6444%2022.4387%2015.4834%2023.5156%2016.4598%2024.5593C17.4362%2025.603%2018.441%2026.5803%2019.4743%2027.4911C20.5076%2028.402%2021.3466%2029.1515%2021.9912%2029.7398C22.6375%2029.1463%2023.4783%2028.3943%2024.5134%2027.4839C25.5487%2026.5735%2026.5553%2025.5966%2027.5335%2024.5534C28.5118%2023.5102%2029.3527%2022.4355%2030.0565%2021.3291C30.7603%2020.2229%2031.1122%2019.1743%2031.1122%2018.1833C31.1122%2017.0529%2030.7362%2016.1128%2029.9841%2015.363C29.232%2014.6132%2028.2918%2014.2383%2027.1637%2014.2383C26.28%2014.2383%2025.5199%2014.4442%2024.8836%2014.8558C24.2472%2015.2674%2023.6651%2015.852%2023.1374%2016.6095C22.9974%2016.8146%2022.8275%2016.9685%2022.6276%2017.0711C22.4276%2017.1737%2022.2155%2017.225%2021.9912%2017.225C21.7668%2017.225%2021.5555%2017.1737%2021.3573%2017.0711C21.1591%2016.9685%2020.9906%2016.8146%2020.8518%2016.6095Z%22%20fill%3D%22%23E73562%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
}
.icon-heart--active {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.9912%2032.375C21.6819%2032.375%2021.3713%2032.3191%2021.0594%2032.2074C20.7474%2032.0956%2020.4702%2031.9207%2020.2275%2031.6826L18.2322%2029.8597C16.212%2028.0163%2014.3811%2026.1724%2012.7396%2024.328C11.0981%2022.4836%2010.2773%2020.4354%2010.2773%2018.1833C10.2773%2016.315%2010.901%2014.7548%2012.1484%2013.5029C13.3958%2012.251%2014.9536%2011.625%2016.8219%2011.625C17.8275%2011.625%2018.7779%2011.8301%2019.6731%2012.2403C20.5684%2012.6504%2021.341%2013.2197%2021.9912%2013.948C22.6413%2013.2197%2023.4139%2012.6504%2024.3092%2012.2403C25.2044%2011.8301%2026.1548%2011.625%2027.1604%2011.625C29.0287%2011.625%2030.59%2012.251%2031.8442%2013.5029C33.0985%2014.7548%2033.7256%2016.315%2033.7256%2018.1833C33.7256%2020.4354%2032.9062%2022.4884%2031.2674%2024.3424C29.6286%2026.1963%2027.7799%2028.0473%2025.7214%2029.8953L23.7617%2031.6895C23.5191%2031.9275%2023.2406%2032.1013%2022.9264%2032.2108C22.6121%2032.3203%2022.3004%2032.375%2021.9912%2032.375Z%22%20fill%3D%22%23E73562%22%2F%3E%0A%3C%2Fsvg%3E%0A");
}
@media (hover: hover) {
  .icon-heart--active:hover {
    opacity: 0.7;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2244%22%20height%3D%2244%22%20viewBox%3D%220%200%2044%2044%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M21.9912%2032.375C21.6819%2032.375%2021.3713%2032.3191%2021.0594%2032.2074C20.7474%2032.0956%2020.4702%2031.9207%2020.2275%2031.6826L18.2322%2029.8597C16.212%2028.0163%2014.3811%2026.1724%2012.7396%2024.328C11.0981%2022.4836%2010.2773%2020.4354%2010.2773%2018.1833C10.2773%2016.315%2010.901%2014.7548%2012.1484%2013.5029C13.3958%2012.251%2014.9536%2011.625%2016.8219%2011.625C17.8275%2011.625%2018.7779%2011.8301%2019.6731%2012.2403C20.5684%2012.6504%2021.341%2013.2197%2021.9912%2013.948C22.6413%2013.2197%2023.4139%2012.6504%2024.3092%2012.2403C25.2044%2011.8301%2026.1548%2011.625%2027.1604%2011.625C29.0287%2011.625%2030.59%2012.251%2031.8442%2013.5029C33.0985%2014.7548%2033.7256%2016.315%2033.7256%2018.1833C33.7256%2020.4354%2032.9062%2022.4884%2031.2674%2024.3424C29.6286%2026.1963%2027.7799%2028.0473%2025.7214%2029.8953L23.7617%2031.6895C23.5191%2031.9275%2023.2406%2032.1013%2022.9264%2032.2108C22.6121%2032.3203%2022.3004%2032.375%2021.9912%2032.375Z%22%20fill%3D%22%23E73562%22%2F%3E%0A%3C%2Fsvg%3E%0A");
  }
}

.c-feature-favorite {
  position: absolute;
  width: 44px;
  height: 44px;
  bottom: 16px;
  right: 16px;
}
@media screen and (max-width : 740.98px) {
  .c-feature-favorite__text {
    width: auto;
    right: auto;
    margin-inline: 0;
    transform: translateX(calc(-100% - 2px));
  }
}
@media screen and (max-width : 740.98px) {
  .c-feature-favorite__text::after {
    top: 0;
    bottom: 0;
    right: -8px;
    left: auto;
    transform: none;
    background-size: cover;
    margin-inline: 0;
  }
}
[data-loading=pending] + .c-feature-favorite {
  display: none;
}

.tour-card-loading {
  position: relative;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0px 6px rgba(44, 42, 41, 0.45);
}
@media print, screen and (min-width: 741px) {
  .tour-card-loading {
    padding: 16px;
  }
}
.tour-card-loading__inner {
  display: flex;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
@media print, screen and (min-width: 741px) {
  .tour-card-loading__inner {
    gap: 16px;
  }
}
@media screen and (max-width : 740.98px) {
  .tour-card-loading__inner {
    flex-direction: column;
  }
}
.tour-card-loading__img, .tour-card-loading__title, .tour-card-loading__content, .tour-card-loading__cost {
  background-image: linear-gradient(90deg, #fff 0%, #e9ecf2 50%, #fff 100%);
  background-position: 0% 0%;
  background-size: 3000px 100%;
  animation: cardLoading 2.5s linear infinite;
}
.tour-card-loading__img {
  width: 100%;
  height: 173px;
  flex-shrink: 0;
}
@media print, screen and (min-width: 741px) {
  .tour-card-loading__img {
    width: 32.5%;
  }
}
@media screen and (max-width : 740.98px) {
  .tour-card-loading__img {
    height: 223px;
  }
}
.tour-card-loading__body {
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .tour-card-loading__body {
    width: 65.5%;
  }
}
@media screen and (max-width : 740.98px) {
  .tour-card-loading__body {
    padding: 16px;
  }
}
.tour-card-loading__title {
  width: 100%;
  height: 62px;
}
.tour-card-loading__content {
  width: 100%;
  height: 48px;
  margin-top: 8px;
}
.tour-card-loading__cost {
  width: 57.2%;
  height: 48px;
  margin-top: 16px;
  margin-left: auto;
}
@keyframes cardLoading {
  0% {
    background-position: 0 0%;
  }
  100% {
    background-position: 3000px 0%;
  }
}

.pagination {
  padding-top: 24px;
}
.pagination__num {
  display: grid;
  grid-auto-flow: column;
  gap: 4px;
  width: fit-content;
  vertical-align: middle;
  margin: 16px auto 0;
}
.pagination__num ul {
  display: grid;
  grid-auto-flow: column;
  gap: 4px;
}
.pagination__num ul li {
  background-color: #e9ecf2;
  text-align: center;
  border-radius: 4px;
  transition: 0.3s;
}
.pagination__num ul li:hover {
  background-color: #e0edff;
}
.pagination__num ul li:disabled {
  background-color: rgba(233, 236, 242, 0.6980392157);
}
.pagination__num ul li a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #2c2a29;
  font-size: 0.875rem;
}
.pagination__num ul li a:hover {
  color: #140d77;
}
.pagination__num ul li a:disabled {
  color: #939dad;
  pointer-events: none;
}
.pagination__num .page_act {
  background-color: #697180;
  pointer-events: none;
}
.pagination__num .page_act:disabled {
  background-color: rgba(233, 236, 242, 0.6980392157);
}
.pagination__num .page_act a {
  color: #ffffff;
  font-weight: bold;
  pointer-events: none;
}
.pagination__num .page_act a:disabled {
  color: #939dad;
  pointer-events: none;
}
.pagination__icon {
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-color: #697180;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  font-size: 0;
  transition: 0.3s;
}
.pagination__icon--top {
  -webkit-mask-image: url("/assets/images/search-result/icon_double_arrow_left.svg");
  mask-image: url("/assets/images/search-result/icon_double_arrow_left.svg");
}
.pagination__icon--prev {
  -webkit-mask-image: url("/assets/images/search-result/icon_double_arrow_left.svg");
  mask-image: url("/assets/images/search-result/icon_arrow_left.svg");
}
.pagination__icon--next {
  -webkit-mask-image: url("/assets/images/search-result/icon_double_arrow_left.svg");
  mask-image: url("/assets/images/search-result/icon_arrow_right.svg");
}
.pagination__icon--end {
  -webkit-mask-image: url("/assets/images/search-result/icon_double_arrow_left.svg");
  mask-image: url("/assets/images/search-result/icon_double_arrow_right.svg");
}

.prev,
.next,
.top,
.end {
  padding: 10px;
  width: 44px;
  height: 44px;
  transition: 0.3s;
}
.prev:hover,
.next:hover,
.top:hover,
.end:hover {
  background-color: #e0edff;
  border-radius: 4px;
}
.prev:hover .pagination__icon,
.next:hover .pagination__icon,
.top:hover .pagination__icon,
.end:hover .pagination__icon {
  background-color: #140d77;
}
.prev:disabled,
.next:disabled,
.top:disabled,
.end:disabled {
  background-color: rgba(233, 236, 242, 0.6980392157);
  pointer-events: none;
}
.prev:disabled svg,
.next:disabled svg,
.top:disabled svg,
.end:disabled svg {
  fill: #939dad;
}

.top.is-disabled .pagination__icon--top,
.top.is-disabled .pagination__icon--end,
.end.is-disabled .pagination__icon--top,
.end.is-disabled .pagination__icon--end {
  background-color: #acb5bf;
}
.top.is-disabled,
.end.is-disabled {
  pointer-events: none;
}

@media screen and (max-width : 740.98px) {
  .pagination__num ul li:nth-child(4),
  .pagination__num ul li:nth-child(5) {
    display: none;
  }
}

.pagination__num--disabled .prev,
.pagination__num--disabled .next,
.pagination__num--disabled .top,
.pagination__num--disabled .end {
  pointer-events: none;
}
.pagination__num--disabled .pagination__icon {
  background-color: #acb5bf;
}
.pagination__num--disabled ul li,
.pagination__num--disabled .page_act {
  pointer-events: none;
  background-color: transparent;
}
.pagination__num--disabled ul li a,
.pagination__num--disabled .page_act a {
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  color: #939dad;
  border: none;
  font-weight: normal;
}

.parameter {
  background-color: #f5f7fa;
}
.parameter__contents {
  display: grid;
  grid-template-areas: "search heading button" "body body body";
  grid-template-columns: auto auto 1fr;
  align-items: center;
  max-width: 1136px;
  padding: 24px 16px;
  margin-inline: auto;
}
@media screen and (max-width : 740.98px) {
  .parameter__contents {
    padding-inline: 20px;
    margin-bottom: 4px;
  }
}
@media screen and (max-width : 374.98px) {
  .parameter__contents {
    grid-template-areas: "search search button" "heading heading button" "body body body";
  }
}
.parameter__search {
  display: flex;
  align-items: center;
  grid-area: search;
  margin-right: 8px;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width : 740.98px) {
  .parameter__search {
    font-size: 0.875rem;
  }
}
.parameter__search-icon {
  width: 16px;
  margin-right: 2.5px;
}
.parameter__heading {
  grid-area: heading;
  display: flex;
  align-items: center;
  column-gap: 4px;
  font-size: 0.875rem;
  cursor: pointer;
  color: #3064d5;
  border: none;
  background: none;
  padding: 0;
  font-family: inherit;
}
@media (hover: hover) {
  .parameter__heading:not(.is-disabled-hover):hover {
    color: #140d77;
    text-decoration: underline;
  }
  .parameter__heading:not(.is-disabled-hover):hover .parameter__accordion-icon {
    background-color: #140d77;
  }
}
@media screen and (max-width : 740.98px) {
  .parameter__heading {
    font-size: 0.75rem;
  }
}
@media screen and (max-width : 374.98px) {
  .parameter__heading {
    margin-top: 4px;
  }
}
.parameter__heading-text--open {
  display: none;
}
.parameter__heading.is-open .parameter__heading-text {
  display: none;
}
.parameter__heading.is-open .parameter__heading-text--open {
  display: block;
}
.parameter__accordion-icon {
  display: inline-block;
  vertical-align: bottom;
  width: 16px;
  height: 16px;
  mask-image: url(/assets/images/search-result/icon_parameter_arrow_bottom.svg);
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  background-color: #3064d5;
}
.parameter__heading.is-open .parameter__accordion-icon {
  transform: rotate(180deg);
}
.parameter__body {
  display: none;
  grid-area: body;
  margin-top: 8px;
  font-size: 0.75rem;
  font-weight: normal;
}
.parameter__list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
}
.parameter__date {
  width: 100%;
}
.parameter__item {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
.parameter__term {
  flex-shrink: 0;
}
.parameter__term-icon {
  display: block;
}
.error-message-s + .parameter {
  margin-top: 24px;
}
.parameter .button-wrap {
  margin-left: auto;
  grid-area: button;
}
.parameter .button-wrap--disabled .button {
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  color: #939dad;
  border: none;
  border: 1px solid rgba(192, 197, 204, 0.7);
}
@media screen and (max-width : 740.98px) {
  .parameter .button {
    --button-padding-block: 7.5px;
    --button-font-size: 12;
  }
}
@media print, screen and (min-width: 741px) {
  .parameter .button {
    --button-padding-block: 8px;
    --button-font-size: 14;
  }
}
.parameter .button {
  color: #2c2a29;
  border-radius: 100px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width : 740.98px) {
  .parameter .button {
    padding: 9px 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 741px) {
  .parameter .button {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.parameter .button {
  background-color: #fff;
  color: #2c2a29;
  border: 1px solid #939dad;
}
@media (hover: hover) {
  .parameter .button:not(.is-disabled-hover):hover {
    background-color: #f0f7ff;
    color: #140d77;
    border-color: #99c4fd;
  }
}
.parameter .button:visited:not(:focus-visible) {
  color: #2c2a29;
}
.parameter .button {
  width: fit-content;
  padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
  font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
  display: block;
}

.radio-list {
  display: flex;
  gap: 19px;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 11px;
}
.radio-list input[type=radio],
.radio-list label {
  cursor: pointer;
}
.radio-list input[type=radio] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.radio-list label {
  display: block;
  position: relative;
  padding-left: 32px;
  font-size: 0.875rem;
}
.radio-list label::after, .radio-list label::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 24px;
  height: 24px;
  appearance: none;
  background-image: url("/assets/images/common/icon_radio.svg"), url("/assets/images/common/icon_radio_hover.svg");
  background-size: 100% 100%, 0 0;
  background-repeat: no-repeat;
}
.radio-list label::after {
  opacity: 0;
  background-image: url("/assets/images/common/icon_radio_checked.svg");
  z-index: 1;
}
@media (hover: hover) {
  .radio-list label:not(.is-disabled-hover):hover::before {
    background-size: 0 0, 100% 100%;
  }
}
.radio-list input[type=radio]:checked + label::after {
  opacity: 1;
}
@media (hover: hover) {
  .radio-list input[type=radio]:checked + label:not(.is-disabled-hover):hover::before {
    opacity: 0;
  }
}
.radio-list input[type=radio]:focus-visible {
  outline: none;
}
.radio-list input[type=radio]:focus-visible + label {
  outline: 2px solid #0078d7;
  outline-offset: 4px;
}
.radio-list input[type=radio]:disabled + label {
  pointer-events: none;
}
.radio-list input[type=radio]:disabled + label::before {
  background-image: url("/assets/images/common/icon_radio_disabled.svg");
}
.radio-list input[type=radio]:disabled + label::after {
  background-image: url("/assets/images/common/icon_radio_checked-disabled.svg");
}

@media screen and (max-width : 740.98px) {
  .fixed-content {
    position: fixed;
    bottom: 16px;
    left: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    z-index: 50;
  }
}

.fixed-content-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #66a4f9;
  z-index: 50;
  gap: 2px;
  padding: 14px 4px;
  border-left: none;
  border-radius: 0 8px 8px 0;
  box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.15);
  transition: 0.3s;
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item {
    position: fixed;
    padding: 13.5px 4px;
    left: auto;
    border-radius: 8px 0 0 8px;
    border: 1px solid #66a4f9;
    border-right: none;
  }
}
@media (hover: hover) {
  .fixed-content-item:not(.is-disabled-hover):hover {
    background-color: #e0edff;
  }
}
.fixed-content-item__icon {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  transition: background-color 0.3s;
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item__icon {
    width: 28px;
    height: 28px;
  }
}
.fixed-content-item__text {
  display: block;
  font-size: 0.75rem;
  line-height: 150%;
  letter-spacing: -0.07em;
  text-indent: -0.07em;
  margin: 0 auto;
  color: #3064d5;
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item__text {
    font-size: 0.875rem;
    letter-spacing: -0.04em;
    text-indent: -0.04em;
  }
}
@media screen and (max-width : 740.98px) {
  .fixed-content-item--filter {
    min-width: 68px;
  }
  .fixed-content-item--filter .fixed-content-item__icon {
    background-color: #3064d5;
    -webkit-mask-image: url("/assets/images/search-result/icon_sort.svg");
    mask-image: url("/assets/images/search-result/icon_sort.svg");
    mask-size: contain;
  }
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item--filter {
    display: none;
  }
}
.fixed-content-item--save-list {
  opacity: 1;
  transition: height 0s, visibility 0s, opacity 0.2s 0.2s ease;
}
@media screen and (max-width : 740.98px) {
  .fixed-content-item--save-list {
    min-width: 68px;
  }
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item--save-list {
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    min-width: 78px;
  }
}
.fixed-content-item--save-list.is-hidden {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease, visibility 0s 0.2s, height 0s 0.3s;
}
.fixed-content-item--save-list .fixed-content-item__icon {
  background-image: url("/assets/images/search-result/icon_favorite_blue.svg");
}
.fixed-content-item--page-top {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 16px;
  right: 16px;
  left: auto;
  width: 44px;
  height: 44px;
  background-color: rgba(44, 42, 41, 0.5019607843);
  border: none;
  border-radius: 50%;
  opacity: 1;
  transition: height 0s, visibility 0s, opacity 0.2s 0.2s ease;
}
@media print, screen and (min-width: 741px) {
  .fixed-content-item--page-top {
    bottom: 19px;
    right: 16px;
  }
}
@media (hover: hover) {
  .fixed-content-item--page-top:not(.is-disabled-hover):hover .fixed-content-item__icon {
    background-color: #140d77;
  }
}
.fixed-content-item--page-top.is-hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease, visibility 0s 0.2s;
}
.fixed-content-item--page-top .fixed-content-item__icon {
  background-color: #ffffff;
  -webkit-mask-image: url(/assets/images/search-result/icon_arrow_up.svg);
  mask-image: url(/assets/images/search-result/icon_arrow_up.svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 14px;
  height: 8px;
}

.popup-filter-wrapper {
  position: relative !important;
}

.popup-filter {
  display: none;
  position: absolute;
  border: solid 1px #888888;
  overflow: hidden;
  top: 100%;
  z-index: 11;
  background-color: #fff;
}
@media print, screen and (min-width: 741px) {
  .popup-filter {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
    border-radius: 8px;
  }
}
@media screen and (max-width : 740.98px) {
  .popup-filter {
    position: static;
    width: 100%;
    max-height: 0;
    animation: slideClose 0.3s ease forwards;
  }
}
.popup-filter.is-open {
  display: block;
}
@media screen and (max-width : 740.98px) {
  .popup-filter.is-open {
    height: 200px;
    max-height: 1000px;
    animation: slideOpen 0.3s ease forwards;
  }
}
.popup-filter--large.is-open {
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .popup-filter--large.is-open {
    min-width: 600px;
  }
}
@media screen and (max-width : 740.98px) {
  .popup-filter--large.is-open {
    height: 360px;
  }
}
@media screen and (max-width : 740.98px) {
  .popup-filter--height-auto {
    height: auto;
    overflow-y: auto;
  }
}
@media screen and (max-width : 740.98px) {
  .popup-filter--height-auto.is-open {
    height: auto;
  }
}
@keyframes slideOpen {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 600px;
  }
}
@keyframes slideClose {
  0% {
    display: block;
    max-height: 600px;
  }
  100% {
    display: none;
    max-height: 0;
  }
}
.popup-filter.js-accordion-contents {
  display: none;
}
.popup-filter__head {
  display: none;
}
.popup-filter__body {
  overflow: hidden;
}
.popup-filter__ttl {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.popup-filter__close {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  width: 24px;
  height: 24px;
  margin-block: auto;
  padding: 0;
  border: none;
  background-color: transparent;
}
.popup-filter__foot {
  width: 100%;
  margin-top: auto;
  padding: 16px 20px;
  background-color: #f5f7fa;
}
.popup-filter__primary-btn {
  border-radius: 100px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width : 740.98px) {
  .popup-filter__primary-btn {
    padding: 9px 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 741px) {
  .popup-filter__primary-btn {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.popup-filter__primary-btn {
  background-color: #10069f;
  color: #fff;
  border: 1px solid transparent;
}
@media (hover: hover) {
  .popup-filter__primary-btn:not(.is-disabled-hover):hover {
    background-color: #140d77;
    color: #fff;
  }
}
.popup-filter__primary-btn:visited:not(:focus-visible) {
  color: #fff;
}
.popup-filter__primary-btn {
  width: 100%;
  padding: 12px 14px;
}

.c-modal__bg {
  display: none;
}

/* ハーフモーダル用 */
.search-others {
  display: flex;
  flex-direction: column;
  gap: 16px;
  background-color: #f5f7fa;
}
@media print, screen and (min-width: 741px) {
  .search-others {
    padding: 40px 6px 64px;
  }
}
@media screen and (max-width : 740.98px) {
  .search-others {
    padding: 40px 20px 64px;
  }
}
.search-others__heading, .search-others__body {
  color: #2c2a29;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
  width: 100%;
  max-width: 1116px;
  margin: 0 auto;
}
.search-others__back-button {
  display: block;
  width: 100%;
  max-width: 1104px;
  margin: 0 auto;
  padding-top: 14px;
  text-align: left;
}
.search-others__link {
  color: #2c2a29;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.search-others__link::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: #697180;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-image: url("/assets/images/common/icon_arrow_left.svg");
  mask-image: url("/assets/images/common/icon_arrow_left.svg");
  transition: background-color 0.2s;
}
@media (hover: hover) {
  .search-others__link:not(.is-disabled-hover):hover {
    color: #140d77;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .search-others__link:not(.is-disabled-hover):hover::before {
    background-color: #140d77;
  }
}

.search-others-list {
  margin: 0 auto;
  background-color: #ffffff;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1490196078);
  border-radius: 8px;
  max-width: 1104px;
}
.search-others-list__item:not(:last-child) {
  border-bottom: 1px solid #e9ecf2;
}
@media (hover: hover) {
  .search-others-list__item:not(.is-disabled-hover):hover {
    transition: all 0.2s;
    background-color: #f0f7ff;
  }
  .search-others-list__item:not(.is-disabled-hover):hover .search-others-button {
    transition: all 0.2s;
  }
  .search-others-list__item:not(.is-disabled-hover):hover .search-others-button__text {
    color: #140d77;
  }
  .search-others-list__item:not(.is-disabled-hover):hover .search-others-button::before, .search-others-list__item:not(.is-disabled-hover):hover .search-others-button::after {
    background-color: #140d77;
  }
}

.search-others-button {
  display: grid;
  position: relative;
  grid-auto-flow: column;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px 14px 40px;
}
.search-others-button__text {
  color: #2c2a29;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.5;
}
.search-others-button::before, .search-others-button::after {
  display: inline-block;
  content: "";
  position: absolute;
  width: 16px;
  height: 16px;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  background-color: #697180;
}
.search-others-button::before {
  top: 18.5px;
  left: 16px;
  margin-right: 3.5px;
}
.search-others-button::after {
  top: 18.5px;
  right: 16px;
  -webkit-mask-image: url("/assets/images/common/icon_arrow_right.svg");
  mask-image: url("/assets/images/common/icon_arrow_right.svg");
}
.search-others-button--trip::before {
  -webkit-mask-image: url("/assets/images/search-result/icon_trip.svg");
  mask-image: url("/assets/images/search-result/icon_trip.svg");
}
.search-others-button--pack::before {
  -webkit-mask-image: url("/assets/images/search-result/icon_pack.svg");
  mask-image: url("/assets/images/search-result/icon_pack.svg");
}
.search-others-button--hotel::before {
  -webkit-mask-image: url("/assets/images/search-result/icon_hotel.svg");
  mask-image: url("/assets/images/search-result/icon_hotel.svg");
}
.search-others-button--activities::before {
  -webkit-mask-image: url("/assets/images/search-result/icon_activities.svg");
  mask-image: url("/assets/images/search-result/icon_activities.svg");
}
.search-others-button--directions_car::before {
  -webkit-mask-image: url("/assets/images/search-result/icon_directions_car.svg");
  mask-image: url("/assets/images/search-result/icon_directions_car.svg");
}

@media screen and (max-width : 740.98px) {
  .filter-popular {
    display: flex;
    white-space: nowrap;
    flex-wrap: nowrap;
    width: calc(100% + 40px);
    transform: translateX(-20px);
    background-color: #f0f7ff;
    display: none;
  }
}
@media screen and (max-width : 740.98px) {
  .filter-popular-section {
    padding-top: 24px;
    position: relative;
  }
}
@media screen and (max-width : 740.98px) and (max-width : 740.98px) {
  .filter-popular-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-top: 8px solid #e9ecf2;
    width: calc(100% + 40px);
    transform: translateX(-20px);
  }
}
@media print, screen and (min-width: 741px) {
  .filter-popular-section {
    padding-top: 16px;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .filter-popular-section {
    padding-top: 24px;
    border-top: 1px dashed #c0c5cc;
  }
}
.filter-popular-section .modal-filter__ttl-lv2 {
  margin-top: 0;
}
.filter-popular__ttl, .modal-filter__ttl-lv2 {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
  flex-shrink: 0;
}
@media screen and (max-width : 740.98px) {
  .filter-popular__ttl-text {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .filter-popular__ttl-text {
    clip: unset;
    clip-path: unset;
    width: unset;
    height: unset;
    overflow: unset;
    position: unset;
    white-space: unset;
  }
}
.filter-popular__ttl-icon {
  display: inline-block;
  vertical-align: bottom;
  width: 24px;
  height: 24px;
  mask-image: url("/assets/images/search-result/icon_sort.svg");
  mask-size: 100% 100%;
  mask-repeat: no-repeat;
  background-color: #697180;
}
@media screen and (max-width : 740.98px) {
  .filter-popular__ttl-icon {
    width: 20px;
    height: 20px;
    background-color: #3064d5;
  }
}
.modal-filter.is-show .filter-popular__ttl-icon {
  background-color: #697180;
}
.filter-popular__current-num {
  display: none;
}
.filter-popular__current-num[data-filter-selected-num="0"] {
  display: none;
}
@media screen and (max-width : 740.98px) {
  .filter-popular__current-num {
    position: absolute;
    top: 4px;
    right: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    background-color: #3064d5;
    border-radius: 50%;
    font-size: 0.75rem;
    line-height: 1.3;
    color: #fff;
  }
}
.filter-popular__button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #697180;
}
@media print, screen and (min-width: 741px) {
  .filter-popular__button {
    pointer-events: none;
  }
}
@media screen and (max-width : 740.98px) {
  .filter-popular__button {
    cursor: pointer;
    padding: 15px 16px;
  }
}
@media screen and (max-width : 740.98px) and (hover: hover) {
  .filter-popular__button:hover .filter-popular__ttl-icon {
    background-color: #140d77;
  }
  .filter-popular__button:hover .filter-popular__current-num {
    background-color: #140d77;
  }
}
.modal-filter.is-show .filter-popular__button {
  padding: 0;
  pointer-events: none;
}
.filter-popular__more {
  display: none;
}
@media screen and (max-width : 740.98px) {
  .filter-popular__more {
    display: inline-block;
    border: none;
    background-color: transparent;
    font-size: 0.75rem;
    color: #3064d5;
    cursor: pointer;
    padding: 0;
    margin-left: 12px;
  }
}
@media screen and (max-width : 740.98px) and (hover: hover) {
  .filter-popular__more:hover {
    color: #140d77;
  }
}
@media print, screen and (min-width: 741px) {
  .filter-popular .checkbox-list {
    margin-top: 16px;
  }
}
@media screen and (max-width : 740.98px) {
  .filter-popular .checkbox-list {
    flex-direction: row;
    flex-wrap: nowrap;
    overflow-x: auto;
    column-gap: 4px;
    padding: 8px 40px 8px 0;
    align-items: center;
  }
}
@media screen and (max-width : 740.98px) {
  .filter-popular .checkbox-list label {
    padding: 7.5px 14px;
    font-size: 0.75rem;
    line-height: 1.3;
    background-color: #e0edff;
    border-radius: 100px;
    border: 1px solid transparent;
    color: #2c2a29;
  }
  .filter-popular .checkbox-list label::before {
    display: none;
  }
  .filter-popular .checkbox-list label::after {
    width: 16px;
    height: 16px;
    left: auto;
    right: 12px;
    margin-block: auto;
    background-image: url("/assets/images/search-result/icon_close.svg");
  }
}
.filter-popular .checkbox-list label:has(input[type=checkbox]:checked) {
  padding-right: 32px;
  border-color: #c0c5cc;
  background-color: #fff;
}
.modal-filter.is-show .filter-popular {
  display: none;
}
@media print, screen and (min-width: 741px) {
  .filter-popular .checkbox-list .js-add-popular-label {
    display: none;
  }
}

.modal-filter {
  display: block;
  width: auto;
  height: auto;
  overflow-y: visible;
}
.modal-filter:not(.is-show) {
  position: static !important;
}
.modal-filter__head {
  display: none;
}
.modal-filter__body {
  display: flex;
  flex-direction: column;
}
@media print, screen and (min-width: 741px) {
  .modal-filter__foot {
    display: none;
    position: sticky;
    left: 0;
    bottom: 0;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
    padding-top: 16px;
    padding-block: 40px 24px;
    z-index: 10;
    background: linear-gradient(to top, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 80%, rgba(255, 255, 255, 0) 100%);
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter__foot {
    display: none;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter__foot.is-active {
    display: flex;
  }
}
.modal-filter__ttl-icon {
  vertical-align: bottom;
}
.modal-filter__ttl {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: bold;
  cursor: pointer;
}
.modal-filter.is-show .modal-filter__ttl:not(.accordion__ttl--code) {
  padding-right: calc(3em + 12px);
  pointer-events: none;
  cursor: default;
}
.modal-filter.is-show .modal-filter__ttl:not(.accordion__ttl--code)::after {
  display: none;
}
.modal-filter__ttl-lv2 {
  margin-top: 40px;
}
.modal-filter.is-show .modal-filter__ttl-lv2 + .modal-filter__item::before {
  display: none;
}
.modal-filter.is-show .modal-filter__ttl-lv2 + .modal-filter__item .modal-filter__ttl {
  padding-top: 0;
}
.modal-filter__ttl-sub {
  margin-left: 8px;
  font-size: 0.75rem;
  font-weight: normal;
  line-height: 1.5;
  color: #697180;
}
.modal-filter__contents {
  position: relative;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
  gap: 8px;
  padding-top: 16px;
}
.modal-filter.is-show .modal-filter__contents {
  position: static;
}
@container (max-width: 170px) {
  .modal-filter__contents:has(.days-range) {
    gap: 0;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter__contents:has(.popup-filter) {
    row-gap: 0;
  }
}
.modal-filter__contents > .modal-filter__contents {
  padding-top: 0;
}
.modal-filter__item {
  position: relative;
  border-top: 1px solid #c0c5cc;
}
@media screen and (max-width : 740.98px) {
  .modal-filter__item {
    padding-top: 32px;
    padding-bottom: 24px;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter__item {
    padding-block: 24px;
  }
}
.modal-filter__ttl-lv2 + .modal-filter__item {
  padding-top: 16px;
  border-top: none;
}
.modal-filter__item:has(.modal-filter__item) {
  padding-top: 0;
  border-top: none;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__item {
    border-top: 1px dashed #c0c5cc;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__item {
    border-top: none;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    border-top: 8px solid #e9ecf2;
    width: calc(100% + 40px);
    transform: translateX(-20px);
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter__clear-btn-wrapper {
    margin-top: 8px;
  }
  .budget + .modal-filter__clear-btn-wrapper, .popup-filter + .modal-filter__clear-btn-wrapper {
    margin-top: 8px;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter__clear-btn-wrapper {
    margin-top: 16px;
    width: fit-content;
  }
}
.modal-filter.is-show .modal-filter__clear-btn-wrapper {
  position: absolute;
  top: 24px;
  right: 0;
  width: auto;
  margin-top: 0;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__clear-btn-wrapper {
    top: 30px;
  }
}
.modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn-wrapper {
  position: static;
  display: inline-block;
  max-width: 160px;
  width: 100%;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn-wrapper {
    max-width: 130px;
  }
}
.modal-filter__clear-btn {
  display: block;
  width: fit-content;
  margin-left: auto;
  font-size: 0.875rem;
  color: #3064d5;
}
.modal-filter__clear-btn:visited, .modal-filter__clear-btn:active {
  color: #3064d5;
}
@media (hover: hover) {
  .modal-filter__clear-btn:not(.is-disabled-hover):hover {
    color: #140d77;
  }
}
.modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
  display: block;
  border-radius: 100px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
    padding: 9px 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
  background-color: #fff;
  color: #2c2a29;
  border: 1px solid #939dad;
}
@media (hover: hover) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn:not(.is-disabled-hover):hover {
    background-color: #f0f7ff;
    color: #140d77;
    border-color: #99c4fd;
  }
}
.modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn:visited:not(:focus-visible) {
  color: #2c2a29;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
    width: fit-content;
    padding: calc(var(--button-padding-block, 12px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 16) / 16 * 1rem);
    min-width: 160px;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__foot .modal-filter__clear-btn {
    width: fit-content;
    padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
    width: 100%;
  }
}
.modal-filter__all-clear-btn {
  display: block;
  border-radius: 100px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width : 740.98px) {
  .modal-filter__all-clear-btn {
    padding: 9px 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter__all-clear-btn {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.modal-filter__all-clear-btn {
  background-color: #fff;
  color: #2c2a29;
  border: 1px solid #939dad;
}
@media (hover: hover) {
  .modal-filter__all-clear-btn:not(.is-disabled-hover):hover {
    background-color: #f0f7ff;
    color: #140d77;
    border-color: #99c4fd;
  }
}
.modal-filter__all-clear-btn:visited:not(:focus-visible) {
  color: #2c2a29;
}
@media print, screen and (min-width: 741px) {
  .modal-filter__all-clear-btn {
    --button-font-size: 14;
    width: fit-content;
    padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
    width: 100%;
    margin-top: 8px;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter__all-clear-btn {
    --button-font-size: 14;
    --button-padding-block: 12px;
    width: fit-content;
    padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
    width: 100%;
    max-width: 256px;
    margin-top: 16px;
    margin-inline: auto;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__all-clear-btn {
    display: none;
  }
}
.modal-filter .c-modal__close {
  display: none;
}
.modal-filter .modal-filter__submit-btn {
  border-radius: 100px;
  line-height: 1.3;
  text-align: center;
  cursor: pointer;
  transition: 0.2s;
}
@media screen and (max-width : 740.98px) {
  .modal-filter .modal-filter__submit-btn {
    padding: 9px 14px;
    font-size: 0.875rem;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter .modal-filter__submit-btn {
    padding: 11px 16px;
    font-size: 1rem;
  }
}
.modal-filter .modal-filter__submit-btn {
  background-color: #10069f;
  color: #fff;
  border: 1px solid transparent;
}
@media (hover: hover) {
  .modal-filter .modal-filter__submit-btn:not(.is-disabled-hover):hover {
    background-color: #140d77;
    color: #fff;
  }
}
.modal-filter .modal-filter__submit-btn:visited:not(:focus-visible) {
  color: #fff;
}
@media print, screen and (min-width: 741px) {
  .modal-filter .modal-filter__submit-btn {
    --button-font-size: 14;
    width: fit-content;
    padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
  }
}
.modal-filter.is-show {
  width: 100vw;
  height: 100%;
  overflow-y: scroll;
}
.modal-filter.is-show .modal-filter__item > .accordion__ttl:not(.accordion__ttl--code) + .js-accordion-contents {
  display: block !important;
}
.modal-filter.is-show .modal-filter__ttl-lv2 + .modal-filter__item {
  border-top: none;
}
.modal-filter.is-show .modal-filter__item + .modal-filter__ttl-lv2 {
  position: relative;
  padding-top: 24px;
  margin: 0;
}
.modal-filter.is-show .modal-filter__item + .modal-filter__ttl-lv2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__item + .modal-filter__ttl-lv2::before {
    border-top: 1px dashed #c0c5cc;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__item + .modal-filter__ttl-lv2::before {
    border-top: 8px solid #e9ecf2;
    width: calc(100% + 40px);
    transform: translateX(-20px);
  }
}
.modal-filter.is-show .modal-filter__close-wrapper {
  position: fixed;
  top: 13px;
  right: 0;
  left: 0;
  z-index: 101;
  max-width: 712px;
  padding-inline: 20px;
  margin-inline: auto;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__close-wrapper {
    top: 16px;
  }
}
.modal-filter.is-show .c-modal__close {
  top: 0;
  right: 20px;
  display: block;
  width: 24px;
  height: 24px;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .c-modal__close {
    right: 16px;
  }
}
.modal-filter.is-show .modal-filter__head {
  position: sticky;
  top: 0;
  z-index: 20;
  display: block;
  width: 100%;
  padding: 12px 40px;
  background-color: #fff;
  text-align: center;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__head {
    padding: 16px;
  }
}
.modal-filter.is-show .modal-filter__ttl-modal {
  display: block;
  font-size: 1.25rem;
  line-height: 1.3;
  font-weight: bold;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__ttl-modal {
    font-size: 1.125rem;
  }
}
.modal-filter.is-show .modal-filter__body {
  max-width: 712px;
  margin-inline: auto;
  padding-inline: 20px;
  display: flex;
}
.modal-filter.is-show .modal-filter__foot {
  position: sticky;
  bottom: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  gap: 24px;
  width: 100%;
  margin-top: 16px;
  padding: 16px;
  background-color: #f5f7fa;
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__foot {
    gap: 8px;
    padding-inline: 20px;
  }
  .is-single-tab .modal-filter.is-show .modal-filter__foot {
    padding-bottom: calc(var(--extra-safe-bottom) + var(--safe-bottom));
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .modal-filter__submit-btn {
    width: 100%;
    min-width: 256px;
    padding: calc(var(--button-padding-block, 12px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 16) / 16 * 1rem);
    max-width: 256px;
  }
}
@media screen and (max-width : 740.98px) {
  .modal-filter.is-show .modal-filter__submit-btn {
    --button-padding-block: 11px;
    --button-font-size: 14;
    width: fit-content;
    padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
    font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
    max-width: 197px;
    width: 100%;
  }
}
.modal-filter__body .modal-filter__clear-btn-wrapper {
  width: 100%;
}
.modal-filter__foot .modal-filter__clear-btn-wrapper {
  margin-top: 0;
}
.modal-filter__foot .modal-filter__clear-btn {
  --button-padding-block: 11px;
  --button-font-size: 14;
  width: fit-content;
  padding: calc(var(--button-padding-block, 8px) + var(--leading-trim, 0px)) 16px;
  font-size: calc(var(--button-font-size, 12) / 16 * 1rem);
}

.modal-filter__item .modal-filter__item:last-child {
  padding-bottom: 0;
}
.modal-filter__item:has(.search-item) {
  display: none;
}
.modal-filter__item:has(.search-item)::before {
  display: none;
}
.modal-filter__item:has(.search-item.is-active) {
  display: flex;
  padding-bottom: 24px;
  flex-direction: column;
}
.modal-filter__item:has(.search-item.is-active)::before {
  display: block;
}

.search-label {
  box-sizing: border-box;
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
}
.search-label input[type=text] {
  text-overflow: ellipsis; /* 省略記号 */
  white-space: nowrap; /* 折り返さない */
  overflow: hidden; /* はみ出しを隠す */
}
.search-label input[type=text],
.search-label select:not(.ui-datepicker-month) {
  width: 100%;
  padding: 15px 8px;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  font-size: 0.875rem;
}
@supports (-webkit-touch-callout: none) {
  .search-label input[type=text],
  .search-label select:not(.ui-datepicker-month) {
    font-size: 16px;
    transform: scale(0.875);
    transform-origin: left center;
  }
}
.search-label input[type=text],
.search-label select:not(.ui-datepicker-month) {
  line-height: 1.3;
  background: #fff;
  border: 1px solid #939dad;
  border-radius: 8px;
  color: #2c2a29;
}
.search-label input[type=text]:focus-visible,
.search-label select:not(.ui-datepicker-month):focus-visible {
  background-color: #f0f7ff;
  outline: 2px solid #99c4fd;
  outline-offset: -1px;
}
.search-label input[type=text]:disabled,
.search-label select:not(.ui-datepicker-month):disabled {
  background-color: rgba(233, 236, 242, 0.7);
  border-color: rgba(192, 197, 204, 0.7);
  color: #939dad;
}
.search-label--error input[type=text],
.search-label--error select:not(.ui-datepicker-month) {
  background-color: #fff7f7;
  border: 2px solid rgba(214, 51, 51, 0.4);
}
.search-label--error input[type=text]:focus-visible,
.search-label--error select:not(.ui-datepicker-month):focus-visible {
  border-color: transparent;
}
.search-label__error-txt {
  display: none;
  align-items: center;
  gap: 4px;
  margin-top: 4px;
  font-size: 0.75rem;
  color: #df0d00;
}
.search-label--error .search-label__error-txt {
  display: flex;
}
.search-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 8px;
  left: 8px;
  font-size: 0.75rem;
  box-sizing: border-box;
  z-index: 1;
}
.search-label--budget-low, .search-label--budget-high {
  width: 83px;
}
@container (max-width: 170px) {
  .search-label--budget-low, .search-label--budget-high {
    width: 152px;
    margin-top: 4px;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .search-label--budget-low, .modal-filter.is-show .search-label--budget-high {
    width: 158px;
  }
}
.search-label--departure-date input[type=text], .search-label--budget-low input[type=text], .search-label--budget-high input[type=text], .search-label--city input[type=text], .search-label--area input[type=text], .search-label--keyword input[type=text] {
  padding-top: 22px;
  padding-bottom: 8px;
}
.search-label--travel-days select:not(.ui-datepicker-month), .search-label--number-rooms select:not(.ui-datepicker-month), .search-label--room-type select:not(.ui-datepicker-month) {
  padding-top: 22px;
  padding-bottom: 8px;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .search-label--travel-days, .modal-filter.is-show .search-label--number-rooms {
    width: 216px;
    margin-bottom: auto;
  }
}
.search-label--departure-date {
  width: 100%;
  max-width: 101px;
}
@container (max-width: 170px) {
  .search-label--departure-date {
    max-width: unset;
    width: 100%;
    margin-top: 16px;
  }
  .search-label--departure-date input[type=text] {
    width: 100%;
  }
  .search-label--departure-date .search-from {
    width: 100%;
    margin-top: 0;
  }
}
@media screen and (max-width : 740.98px) {
  .search-label--departure-date {
    width: 152px;
  }
}
.search-label--departure-date::before {
  content: "出発日";
}
.search-label--departure-date.is-hidden {
  visibility: hidden;
  opacity: 0;
}
@container (max-width: 170px) {
  .search-label--departure-date.is-hidden {
    height: 0;
  }
}
.search-label--pulldown-icon input[type=text],
.search-label--pulldown-icon select:not(.ui-datepicker-month), .search-label--required input[type=text],
.search-label--required select:not(.ui-datepicker-month) {
  padding-right: 32px;
  background-repeat: no-repeat;
  background-size: 16px 16px;
  background-position: right 8px center;
}
.search-label--pulldown-icon select:not(.ui-datepicker-month) {
  background-image: url("/assets/images/search-result/icon_select_arrow.svg");
}
.search-label--required input[type=text] {
  background-image: url("/assets/images/search-result/icon_checked_circle.svg");
}
.search-label--required input[type=text]:placeholder-shown {
  background-image: url("/assets/images/search-result/icon_check_circle.svg");
}
.search-label--error input[type=text] {
  background-image: none !important;
}
.search-label--travel-days::before {
  content: "旅行日数";
}
.search-label--number-rooms::before {
  content: "室数";
}
.search-label--room-type::before {
  content: "部屋タイプ";
}
.search-label--budget-low::before {
  content: "予算";
}
.search-label--budget-high::before {
  content: "予算";
}
.search-label--city::before {
  content: "都市";
}
.search-label--area::before {
  content: "地域";
}
.search-label--keyword::before {
  content: "キーワード";
}

@container (max-width: 170px) {
  .search-from {
    margin-top: 4px;
  }
}
@container (max-width: 170px) {
  .search-from + .search-label--departure-date {
    margin-top: 4px;
  }
}
@container (max-width: 170px) {
  .search-from.is-hidden {
    display: none;
  }
}

.budget {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.budget-bar {
  width: calc(100% - 20px);
  transform: translateX(10px);
  margin-top: 10px;
  margin-bottom: 13px;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .budget-bar {
    width: 335px;
  }
}

.budget-yen-label {
  width: 100%;
  margin-bottom: 16px;
}
.budget-yen-label__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .budget-yen-label__inner {
    width: 335px;
  }
}
.budget-yen-label__text {
  font-size: 0.875rem;
  line-height: 1.5;
}

.budget-yen,
.search-from {
  font-size: 0.875rem;
  line-height: 1.3;
}

.budget-yen {
  margin-left: 4px;
}

.noUi-target {
  height: 6px;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.noUi-connect {
  height: 6px;
  background: #3064d5;
}

.noUi-connects {
  background-color: #e9ecf2;
}

.noUi-horizontal .noUi-handle {
  width: 20px !important;
  height: 20px !important;
  border: none;
  border-radius: 50% !important;
  cursor: pointer;
  top: -8px;
  right: -20px;
}
.noUi-horizontal .noUi-handle:focus-visible {
  outline: 2px solid #0078d7;
  outline-offset: 1px;
}
.noUi-horizontal .noUi-handle-lower {
  transform: translateX(-10px);
}
.noUi-horizontal .noUi-handle-upper {
  transform: translateX(-10px);
}

.noUi-touch-area {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/assets/images/search-result/icon_slide.svg");
  background-size: contain;
  background-repeat: no-repeat;
}

.noUi-handle::before,
.noUi-handle::after,
.noUi-pips-horizontal {
  display: none;
}

.checkbox-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  row-gap: 8px;
}
.checkbox-list input[type=checkbox],
.checkbox-list label {
  cursor: pointer;
}
.checkbox-list input[type=checkbox] {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
}
.checkbox-list label {
  display: block;
  width: fit-content;
  position: relative;
  min-height: 24px;
  padding-left: 32px;
  font-size: 0.875rem;
}
.checkbox-list label::after, .checkbox-list label::before {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 24px;
  height: 24px;
  appearance: none;
  background-image: url("/assets/images/common/icon_checkbox.svg"), url("/assets/images/common/icon_checkbox_hover.svg");
  background-size: 100% 100%, 0 0;
  background-repeat: no-repeat;
}
.checkbox-list label::after {
  opacity: 0;
  background-image: url("/assets/images/common/icon_checkbox_checked.svg"), url("/assets/images/common/icon_checkbox_checked-hover.svg");
  background-size: 100% 100%, 0 0;
  z-index: 1;
}
@media (hover: hover) {
  .checkbox-list label:not(.is-disabled-hover):hover::before {
    background-size: 0 0, 100% 100%;
  }
}
.checkbox-list label:has(input[type=checkbox]:checked)::after {
  opacity: 1;
}
@media (hover: hover) {
  .checkbox-list label:has(input[type=checkbox]:checked):not(.is-disabled-hover):hover::before {
    opacity: 0;
  }
  .checkbox-list label:has(input[type=checkbox]:checked):not(.is-disabled-hover):hover::after {
    background-size: 0 0, 100% 100%;
  }
}
.checkbox-list label:has(input[type=checkbox]:focus-visible) {
  outline: 2px solid #0078d7;
}
.checkbox-list label:has(input[type=checkbox]:focus-visible) input {
  outline: none;
}
.checkbox-list label:has(input[type=checkbox]:disabled) {
  pointer-events: none;
}
.checkbox-list label:has(input[type=checkbox]:disabled)::before {
  background-image: url("/assets/images/common/icon_checkbox_disabled.svg");
}
.checkbox-list label:has(input[type=checkbox]:disabled)::after {
  background-image: url("/assets/images/common/icon_checkbox_checked-disabled.svg");
}
.checkbox-list input[type=checkbox].is-hidden,
.checkbox-list label.is-hidden {
  display: none;
}
.checkbox-list--brand, .checkbox-list--airline {
  width: 382px;
  padding: 16px;
}
.checkbox-list__sub-label {
  display: block;
  font-size: 0.75rem;
  color: #697180;
}

.modal-filter.is-show .checkbox-list--preferences {
  margin-top: 8px;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .checkbox-list--preferences {
    flex-direction: row;
    gap: 16px 24px;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .checkbox-list--preferences .modal-filter__clear-btn {
    display: none;
  }
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .checkbox-list--preferences input[type=checkbox].is-hidden,
  .modal-filter.is-show .checkbox-list--preferences label.is-hidden {
    display: unset;
  }
}
.modal-filter.is-show .checkbox-list--preferences input[type=checkbox].is-show-modal-pc,
.modal-filter.is-show .checkbox-list--preferences label.is-show-modal-pc {
  display: block;
}

.checkbox-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.checkbox-title--all {
  font-size: 0.875rem;
}
.checkbox-list + .checkbox-title {
  margin-top: calc(16px + var(--leading-trim, 0px));
}

.search-item {
  display: none;
}
.search-item.is-active {
  display: flex;
  flex-direction: column;
}

.room-type {
  width: 100%;
}
@media print, screen and (min-width: 741px) {
  .modal-filter.is-show .room-type {
    width: 208px;
    margin-left: auto;
  }
}
.room-type__item {
  display: none;
}
.room-type__item + .room-type__item {
  margin-top: 8px;
}
.room-type__item.is-show {
  display: flex;
  align-items: center;
}
.room-type__text {
  margin-right: 8px;
  font-size: 0.875rem;
  white-space: nowrap;
}

.search-from.is-hidden {
  visibility: hidden;
  opacity: 0;
}
.search-from:not(.modal-filter__contents > .search-from) {
  margin-inline: 8px;
}

.check-list {
  width: 100%;
}
.check-list:not(.check-list--middle) {
  overflow-x: hidden;
  overflow-y: auto;
}
.check-list .check-list__item {
  width: 100%;
}
.check-list .check-list__item:not(:first-of-type) {
  border-top: solid 1px #d7d7d7;
}
.check-list .check-list__category-title {
  display: flex;
  align-items: center;
  width: 100%;
  padding: 5px;
  cursor: pointer;
}
.check-list .check-list__category-title p {
  font-weight: bold;
  width: calc(100% - 20px);
  padding-left: 5px;
  padding-right: 25px;
  position: relative;
}
.check-list .check-list__category-title p::after {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 13px;
  height: 8px;
  background: url("/assets/images/search-result/icon_arrow_down.svg") no-repeat 100%/100%;
  position: absolute;
  top: 50%;
  right: 5px;
  transform: translateY(-50%);
}
.check-list .check-list__category-title p.non-icon::after {
  display: none;
}
.check-list .check-list__category-title p.is-open::after {
  transform: translateY(-50%) rotate(180deg);
}
.check-list .check-list__checkbox {
  width: 100%;
}
.check-list .check-list__checkbox--notFull {
  width: auto;
}
.check-list .check-list__checkbox input[type=checkbox] {
  display: none;
}
.check-list .check-list__checkbox label {
  display: block;
  height: 20px;
  padding-left: 20px;
  cursor: pointer;
  position: relative;
}
.check-list .check-list__checkbox label::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #888888;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.check-list .check-list__checkbox--large {
  padding: 5px;
}
.check-list .check-list__checkbox--large label {
  font-weight: bold;
  padding-left: 25px;
}
.check-list .check-list__checkbox label::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #888888;
  border-radius: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.check-list .check-list__checkbox input[type=checkbox]:checked + label::before {
  background: url("../images/search-result/icon_check.svg") no-repeat 100%/100%;
}
.check-list--middle {
  display: none;
  padding-left: 25px;
  border-top: solid 1px #d7d7d7;
}
.check-list--middle.is-open {
  display: block;
}
.check-list--middle .check-list__item {
  padding: 5px 0;
}
.check-list--middle .check-list__checkbox label {
  padding-left: 25px;
  font-size: 1rem;
  line-height: 1.2;
}
@media print, screen and (min-width: 741px) {
  .check-list {
    width: 340px;
  }
  .check-list:not(.check-list--middle) {
    max-height: 300px;
  }
  .check-list .check-list__item:hover {
    background: #f2f2f2;
  }
  .check-list--middle .check-list__item:hover {
    background: #ffffff;
  }
}
@media screen and (max-width : 740.98px) {
  .check-list:not(.check-list--middle) {
    max-height: 200px;
  }
}
.check-list--no-gap {
  gap: 0;
}

/* ハーフモーダル用 */
.check-area.is-active {
  display: block;
  width: 100%;
}
.check-area .check-area {
  height: calc(100% - 50px);
  padding-bottom: 50px;
  overflow-y: auto;
}
@media screen and (max-width : 740.98px) {
  .check-area .check-area {
    height: 100%;
  }
}
.check-area__item {
  padding: 12px 20px;
}
.check-area__item > ul {
  display: flex;
  flex-wrap: wrap;
  padding-left: 24px;
  font-size: 14px;
}
.check-area__item > ul > li {
  padding: 15px 0 0 0;
}
.check-area__item > ul .is-hide {
  display: none;
}
.check-area__item > ul + .check-area__checkbox {
  margin-top: 25px;
  padding-top: 25px;
  border-top: 1px solid #d7d7d7;
}
.check-area__item > .check-area__checkbox + .check-area__checkbox {
  border-top: 1px solid #d7d7d7;
  padding-top: 10px;
  margin-top: 10px;
}
.check-area__item .check-area__item .check-area__checkbox label {
  font-weight: normal;
  color: #333;
}
.check-area__more {
  margin-bottom: 25px;
  padding-top: 10px;
  padding-bottom: 25px;
  padding-right: 20px;
  background-image: url("/assets/images/search-result/icon_arrow_down.svg");
  background-repeat: no-repeat;
  background-position: right top 18px;
  background-size: 12px;
  border-bottom: 1px solid #d7d7d7;
  cursor: pointer;
  text-align: right;
  font-size: 14px;
}
.check-area__more:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.check-area__more.is-active {
  background-image: url("/assets/images/search-result/icon_arrow_up.svg");
}
@media (hover: hover) {
  .check-area__more:not(.is-disabled-hover):hover {
    text-decoration: underline;
  }
}
.check-area__checkbox input {
  display: none;
}
.check-area__checkbox label {
  display: flex;
  min-height: 20px;
  padding-left: 26px;
  padding-right: 24px;
  cursor: pointer;
  position: relative;
  background: #fff;
  align-items: center;
  font-size: 14px;
  font-weight: bold;
  color: #0057b8;
}
.check-area__checkbox label::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #888888;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.check-area__checkbox input[type=checkbox]:checked + label::before {
  background: url("../images/search-result/icon_check.svg") no-repeat 100%/100%;
}

.check-area-display {
  width: 75%;
}
@media screen and (max-width : 740.98px) {
  .check-area-display {
    width: 70%;
  }
}

.check-area-button {
  position: absolute;
  bottom: 0;
  background: #f2f2f2;
  width: 100%;
  padding: 17px;
  text-align: center;
  z-index: 1;
}
.check-area-button .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 228px;
  cursor: pointer;
  padding: 4.5px 12px;
  border-radius: 16px;
  color: #333;
  background-color: #fff;
  border: 1px solid #888;
  font-size: 1rem;
  transition: 0.25s;
}
@media (hover: hover) {
  .check-area-button .button:not(.is-disabled-hover):hover {
    color: #333;
    border-color: #888;
    background-color: #e2e2e2;
  }
}
.check-area-button .button:focus {
  color: #333;
  border-color: #888;
  background-color: #e2e2e2;
}

@media screen and (max-width : 740.98px) {
  .check-area__item {
    margin-bottom: 16px;
    padding-bottom: 16px;
  }
}
@media screen and (max-width : 740.98px) {
  .check-area__item > ul {
    display: block;
    padding-left: 24px;
  }
}
@media screen and (max-width : 740.98px) {
  .check-area__item > ul > li {
    margin-bottom: 10px;
    padding: 10px 0 0 0;
  }
}
@media screen and (max-width : 740.98px) {
  .check-area__item .check-area__checkbox label {
    font-size: 12px;
  }
}
@media screen and (max-width : 740.98px) {
  .check-area__item .check-area__item .check-area__item .check-area__checkbox label {
    padding-right: 0;
    font-size: 12px;
  }
}

.check-inner {
  width: 100%;
  height: 620px;
  display: flex;
  position: relative;
  background: #fff;
  overflow: hidden;
}
@media screen and (max-width : 740.98px) {
  .check-inner {
    height: 360px;
    border-radius: 0;
  }
}
.check-inner > ul {
  width: 25%;
  background: #F2F2F2;
  overflow: auto;
  padding-bottom: 60px;
}
@media screen and (max-width : 740.98px) {
  .check-inner > ul {
    width: 35%;
  }
}
.check-inner .select-list__item {
  border-bottom: 1px solid #D7D7D7;
  cursor: pointer;
}
.check-inner .select-list__item.is-active {
  background-color: #fff;
}
@media print, screen and (min-width: 741px) {
  .check-inner .select-list__item:hover {
    background-color: #fff;
  }
}

.check-inner .select-list__item {
  border-bottom: 1px solid #D7D7D7;
  cursor: pointer;
}
.check-inner .select-list__item.is-active {
  background-color: #fff;
}
@media print, screen and (min-width: 741px) {
  .check-inner .select-list__item:hover {
    background-color: #fff;
  }
}

.select-list__checkbox {
  width: 100%;
}
.select-list__checkbox--notFull {
  width: auto;
}
.select-list__checkbox input[type=checkbox] {
  display: none;
}
.select-list__checkbox label {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  cursor: pointer;
  position: relative;
  background: #fff;
}
.select-list__checkbox label::before {
  box-sizing: border-box;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: solid 1px #888888;
  border-radius: 4px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
.select-list__checkbox input[type=checkbox]:checked + label::before {
  background: url("../images/search-result/icon_check.svg") no-repeat 100%/100%;
}

.select-list--middle .select-list__checkbox label {
  line-height: 1.5;
  padding: 5px 0 5px 25px;
}

.select-list__category-title {
  padding: 10px 16px;
  display: flex;
  align-items: center;
}
.select-list__category-title p {
  padding-left: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
}
@media print, screen and (min-width: 741px) {
  .select-list__category-title p br {
    display: none;
  }
}
@media screen and (max-width : 740.98px) {
  .select-list__category-title p {
    font-size: 12px;
  }
}
@media screen and (max-width : 740.98px) {
  .select-list__category-title {
    padding: 10px 12px;
  }
}

.ui-datepicker .day-sunday > a,
.ui-datepicker .day-holiday > a {
  background: #ffc0c0;
}
.ui-datepicker .day-saturday > a {
  background: #c0d0ff;
}
.ui-datepicker .ui-state-hover:hover {
  background: #004098 !important;
  color: #fff !important;
}
.ui-datepicker .ui-state-active {
  position: relative;
  background: #004098 !important;
  font-weight: 400;
  color: #fff;
}
.ui-datepicker .ui-datepicker-next-hover,
.ui-datepicker .ui-datepicker-prev-hover {
  background: none !important;
}
@media print, screen and (min-width: 741px) {
  .ui-datepicker .ui-datepicker-year,
  .ui-datepicker select.ui-datepicker-month,
  .ui-datepicker .ui-datepicker-month {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1020px) and (min-width: 768px) {
  .ui-datepicker .ui-datepicker-title {
    width: 192px;
  }
}
@media screen and (orientation: landscape) and (max-width: 740px) {
  .ui-datepicker {
    top: 0 !important;
  }
}

.loading-dots {
  display: flex;
  gap: 12px;
}
.result-number .loading-dots {
  margin-left: 8px;
}
.sidebar .loading-dots {
  margin-top: 24px;
  justify-content: center;
}
.loading-dots__dot {
  width: 12px;
  height: 12px;
  background-color: #3064D5;
  border-radius: 50%;
  animation: scaleUp 1.5s infinite ease-in-out;
}
.loading-dots__dot:nth-child(2) {
  animation-delay: 0.3s;
}
.loading-dots__dot:nth-child(3) {
  animation-delay: 0.6s;
}

@keyframes scaleUp {
  0%, 100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
[data-loading=pending] {
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  opacity: 0 !important;
}

.not-found-text {
  color: #2c2a29;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 4px;
}
.not-found-text--sub {
  color: #697180;
  font-weight: normal;
}

.error-message {
  padding: 24px;
  background-color: #fff7f7;
}
@media screen and (max-width : 740.98px) {
  .error-message {
    padding: 16px;
  }
}
.error-message + .error-message {
  margin-top: 8px;
}
.section-select__title + .error-message {
  margin-top: 24px;
}
.error-message__head {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.error-message__icon {
  position: relative;
  top: 3px;
}
.error-message__icon:not(img)::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  mask-size: contain;
  mask-repeat: no-repeat;
  background-color: #df0d00;
  mask-image: url(/assets/images/common/icon_warning.svg);
}
.error-message__title {
  font-size: 0.875rem;
  font-weight: bold;
  color: #df0d00;
}
.error-message__text {
  margin-top: 8px;
  font-size: 0.875rem;
  color: #df0d00;
}
.error-message__note {
  margin-top: 8px;
  font-size: 0.75rem;
  color: #df0d00;
}
.error-message__link {
  font-size: 0.875rem;
  text-decoration: underline;
  color: #3064d5;
}
.error-message__link:visited {
  color: #3064d5;
}
@media (hover: hover) {
  .error-message__link:not(.is-disabled-hover):hover {
    color: #140d77;
    text-decoration: none;
  }
}
.error-message--info {
  background-color: #fffcd5;
}
.error-message--info .error-message__icon:not(img)::before {
  background-color: #f29423;
  mask-image: url(/assets/images/common/icon_info_fill.svg);
}
.error-message--info .error-message__title,
.error-message--info .error-message__text,
.error-message--info .error-message__note {
  color: #cf3700;
}
.error-message--gray {
  background-color: #f5f7fa;
}
.error-message--gray .error-message__icon:not(img)::before {
  background-color: #697180;
  mask-image: url(/assets/images/common/icon_info_fill.svg);
}
.error-message--gray .error-message__title,
.error-message--gray .error-message__text,
.error-message--gray .error-message__note {
  color: #2c2a29;
}

.favorite-error__bg {
  display: block;
}
.favorite-error__title {
  font-size: 1.625rem;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width : 740.98px) {
  .favorite-error__title {
    font-size: 1.125rem;
    font-weight: bold;
  }
}
.favorite-error__message {
  margin-top: 16px;
}

/*# sourceMappingURL=search-result.css.map */