@charset "UTF-8";
@font-face {
  font-family: his-icons;
  src: url("../fonts/hisicons-icomoon.woff") format("woff");
}
@keyframes loading-shimmer {
  0% {
    background-position: 0 0%;
  }
  100% {
    background-position: 3000px 0%;
  }
}
@keyframes blink-opacity {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}
@keyframes bounce-scale {
  0%, 80%, 100% {
    opacity: 0.3;
    transform: scale(0);
  }
  40% {
    opacity: 1;
    transform: scale(1);
  }
}
:root {
  --color-white: #fff;
  --color-base: #2c2a29;
  --color-primary: #10069f;
  --color-secondary: #3064d5;
  --color-caution: #df0d00;
  --color-warning: #cf3700;
  --color-muted: #697180;
  --color-success: #23c9ab;
  --color-gray: #acb5bf;
  --color-hover: #140d77;
  --color-overseas: #007cdd;
  --background-color-primary: #f5f7fa;
  --background-color-error: #fff7f7;
  --font-family: 'Noto Sans JP', sans-serif;
  --font-family-robot: 'Roboto', sans-serif;
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
}

html {
  font-size: 100%;
  scroll-padding-top: var(--header-height, 0);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font-family);
  font-size: 0.875rem;
  font-weight: var(--font-normal);
  line-height: 1.5;
  color: var(--color-base);
  word-break: normal;
  overflow-wrap: anywhere;
  line-break: strict;
}

main * {
  box-sizing: border-box;
}

a,
button {
  touch-action: manipulation;
}

a {
  color: var(--color-secondary);
  text-decoration: none;
}

button {
  padding: 0;
  font-family: var(--font-family);
  background-color: transparent;
  border: none;
}
button:not(:disabled) {
  cursor: pointer;
}

button,
input,
optgroup,
select,
textarea {
  font-family: var(--font-family);
  font-size: 0.875rem;
  text-size-adjust: 100%;
}

figure {
  margin: 0;
}

.ui-static-price-container {
  font-size: 1.375rem;
}

.ui-static-price-range {
  color: var(--color-caution);
  text-shadow: 0 0 var(--color-caution);
}

.ui-static-price-discount-info {
  color: var(--color-caution);
}

.ui-static-product-card .ui-static-product-card-title {
  font-size: 0.875rem;
  font-weight: var(--font-bold);
  color: var(--color-base);
}

.ui-static-product-card .ui-static-image img {
  aspect-ratio: auto 3/2;
  object-fit: contain;
  transition: all 0.25s;
}

.ui-static-message.ui-static-message-variant-info .ui-static-icon {
  font-size: 16px;
}
.ui-static-message.ui-static-message-variant-info {
  background-color: #f0f7ff;
}

html:has(body > .ui-static-modal-overlay),
body:has(> .ui-static-modal-overlay) {
  overflow: hidden;
}

.ui-static-modal-overlay {
  z-index: 600;
}
.ui-static-modal-overlay .ui-static-modal-content .ui-static-modal-content-inner {
  padding-bottom: 0;
}
.ui-static-modal-overlay .ui-static-message.ui-static-message-variant-error .ui-static-message-title-wrapper {
  align-items: flex-start;
}
.ui-static-modal-overlay .ui-static-message.ui-static-message-variant-error .ui-static-message-title-wrapper .ui-static-icon {
  color: var(--color-caution);
}
.ui-static-modal-overlay .ui-static-message.ui-static-message-variant-error .ui-static-message-title-wrapper .ui-static-message-title-text {
  line-height: 1.2;
  color: var(--color-caution);
  text-align: left;
}
.ui-static-modal-overlay .ui-static-modal-close-2 {
  /* stylelint-disable-next-line */
  margin-top: 32px;
}
.ui-static-modal-overlay .ui-static-modal-close-2 .ui-static-button {
  height: 21px;
}
.ui-static-modal-overlay .ui-static-modal-close-2 .ui-static-button.ui-static-button-with-icon-left .ui-static-icon {
  bottom: auto;
  line-height: 0.875;
}

.ui-static-modal-overlay.ui-static-modal-overlay-scrollable .ui-static-modal-content:not(.ui-static-modal-content-full) {
  max-height: calc(100vh - 88px);
  /* stylelint-disable-next-line */
  margin: auto 20px;
  overflow-y: auto;
}

.ui-static-input .ui-static-input-text-input:focus {
  /* stylelint-disable-next-line */
  padding: 26px 7px 4px 29px;
}
.ui-static-input.ui-static-input-secondary .ui-static-input-text-input {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  padding: 21px 8px 6px 32px;
}

.main:has([data-js-search=popover].is-opened) + .c-page-top,
.main:has(.c-destination-modal.is-show) + .c-page-top,
.main:has(.js-modal.is-modal-opened) + .c-page-top {
  visibility: hidden;
  opacity: 0;
}

.ui-static-main-visual {
  position: relative;
  z-index: 0;
}

.ui-static-main-visual-form {
  width: 100%;
  max-width: 1064px;
  margin-top: 0;
}

.ui-static-search-box {
  position: relative;
  z-index: 5;
  /* stylelint-disable-next-line */
  margin-top: -158px;
}
.ui-static-search-box .ui-static-tab {
  padding: 0;
}
.ui-static-search-box .ui-static-tab-content-item {
  display: block !important;
}

.ui-static-search-form {
  background-color: var(--color-white);
  box-shadow: 0 0 10px 0 rgba(44, 42, 41, 0.45);
}

.ui-static-search-box-tab.ui-static-tab {
  padding-inline: 0;
  margin-inline: 8px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.ui-static-search-box-tab.ui-static-tab::-webkit-scrollbar {
  display: initial !important;
}

.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button-list {
  margin-right: 0;
  margin-left: 0;
}

.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button {
  font-weight: var(--font-normal);
  color: var(--color-base);
  text-decoration: none;
  box-shadow: none;
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:not(.search-box-tab-ovs, :hover) {
  background-color: var(--color-white);
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.is-active {
  position: relative;
  font-weight: var(--font-bold);
  pointer-events: none;
  background-color: var(--color-white);
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.is-active ::before {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 10px;
  content: "";
  background-color: var(--color-white);
}
.ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.search-box-tab-switch.search-box-tab-ovs {
  font-weight: var(--font-normal);
  color: #0063b0;
}

.ui-static-search-form .ui-static-search-form-button {
  margin-top: 16px;
}

.main > .ui-static-section-wrapper {
  padding-top: 0;
}
.main > .ui-static-section-wrapper:has(.c-db-back-link) {
  padding-bottom: 16px;
}

.ui-static-button .ui-static-icon {
  pointer-events: none;
}

.ui-static-button-secondary:not(.active, :disabled):active,
.ui-static-button-secondary:focus,
.ui-static-button-secondary.active,
.ui-static-button-secondary.focused {
  color: var(--color-base);
  background: var(--color-white);
  border-color: #939dad;
}

.ui-static-slider .swiper-pagination {
  z-index: 1;
}
.ui-static-slider .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  opacity: 1;
}
.ui-static-slider .swiper-button-lock {
  display: none;
}
.ui-static-slider-pagination-out:has(.swiper-pagination-lock) {
  padding-bottom: 0 !important;
}

.ui-static-radio:focus-within .radiocheck {
  outline: none;
}

.ui-static-progress-dot {
  font-size: 0.3rem;
  transform: translate(2.5em, -100%);
}

.ui-static-accordion .ui-static-accordion-content-inner {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  padding: 22px;
}

.c-page-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 200;
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}
.c-page-top.is-hidden {
  visibility: hidden;
  pointer-events: none;
  opacity: 0;
}
.c-page-top .c-page-top__button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  padding: 0;
  cursor: pointer;
  background-color: rgba(44, 42, 41, 0.5);
  border: none;
  border-radius: 50%;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
  transition: background-color 0.2s;
}
.c-page-top .c-page-top__button .c-page-top__icon {
  display: block;
  width: 14px;
  height: 8px;
  color: #fff;
  background-color: currentcolor;
  transition: color 0.2s;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url(../image/common/icon_arrow_up.svg);
}

.ui-static-image.has-link:hover {
  opacity: inherit;
}

.ui-static-link:hover, .ui-static-link:focus {
  color: inherit;
}
.ui-static-link:hover .ui-static-icon, .ui-static-link:focus .ui-static-icon {
  color: inherit;
}

button.ui-static-link {
  background: none;
  border: none;
}

.ui-static-icon.ui-static-icon-link.ui-static-icon-link.active, .ui-static-icon.ui-static-icon-link.ui-static-icon-link:hover, .ui-static-icon.ui-static-icon-link.ui-static-icon-link:focus {
  color: inherit;
}

.ui-static-icon.ui-static-icon-link.ui-static-icon-ui.active, .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover, .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:focus {
  color: inherit;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-ui.active .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:focus .ui-static-icon-svg {
  fill: inherit;
}

.ui-static-icon.ui-static-icon-link.ui-static-icon-basic.active, .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover, .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:focus {
  color: inherit;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-basic.active .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:focus .ui-static-icon-svg {
  fill: inherit;
}

.ui-static-icon.ui-static-icon-link.ui-static-icon-form.active, .ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover, .ui-static-icon.ui-static-icon-link.ui-static-icon-form:focus {
  color: inherit;
}
.ui-static-icon.ui-static-icon-link.ui-static-icon-form.active .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover .ui-static-icon-svg, .ui-static-icon.ui-static-icon-link.ui-static-icon-form:focus .ui-static-icon-svg {
  fill: inherit;
}

.ui-static-button-secondary:not(.active, :disabled):hover, .ui-static-button-secondary:not(.active, :disabled):active {
  color: inherit;
  background: inherit;
  border-color: inherit;
}
.ui-static-button-secondary:not(.active, :disabled):hover .ui-static-icon, .ui-static-button-secondary:not(.active, :disabled):active .ui-static-icon {
  color: inherit;
}

.ui-static-button-shadow:not(.active, :disabled):hover, .ui-static-button-shadow:not(.active, :disabled):active, .ui-static-button-shadow.active, .ui-static-button-shadow.focused {
  color: inherit;
  background-color: inherit;
  box-shadow: inherit;
}

.ui-static-tab-button:hover {
  color: inherit;
  background: inherit;
}

.ui-static-tab-type-line .ui-static-tab-button:hover {
  color: inherit;
}
.ui-static-tab-type-line .ui-static-tab-button:hover::before {
  background-color: inherit;
}

.ui-static-tab-type-rounded .ui-static-tab-button:hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.ui-static-tab-type-rounded .ui-static-tab-button:hover .ui-static-icon {
  color: inherit;
}

.ui-static-checkbox .checkmark::after {
  font-size: 24px;
  font-weight: 400;
}
.ui-static-checkbox.is-disabled .checkmark {
  background: #e9ecf2;
  border-color: var(--color-gray);
}
.ui-static-checkbox.is-disabled input:checked ~ .checkmark {
  background: var(--color-gray);
  border-color: var(--color-gray);
}
.ui-static-checkbox:not(.is-disabled):hover .checkmark, .ui-static-checkbox:not(.is-disabled):focus-visible .checkmark {
  border-color: var(--color-secondary);
}
.ui-static-checkbox:not(.is-disabled):hover input:checked ~ .checkmark, .ui-static-checkbox:not(.is-disabled):focus-visible input:checked ~ .checkmark {
  background: var(--color-secondary);
  border-color: var(--color-secondary);
}
.ui-static-checkbox input:focus ~ .checkmark {
  border-color: #939dad;
}
.ui-static-checkbox input:focus-visible ~ .checkmark {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
.ui-static-checkbox input:checked ~ .checkmark {
  border-color: #3064d5;
}

.ui-static-input.has-info .ui-static-input-label:hover::after {
  color: inherit;
}

.ui-static-input-select-value:hover, .ui-static-input-select-value.is-active {
  background-color: inherit;
  border-color: inherit;
}

.ui-static-input-select-options li:hover {
  background-color: inherit;
}

/* stylelint-disable-next-line */
.ui-static-radio.is-disabled .radiocheck {
  background: var(--color-light-gray);
  border-color: var(--color-gray);
}
.ui-static-radio:hover:not(.is-disabled) .radiocheck, .ui-static-radio.focused:not(.is-disabled) .radiocheck {
  border-color: inherit;
}

.ui-static-select-options li:not(.ui-static-select-selected):hover {
  background: inherit;
}

.ui-static-modal-overlay .ui-static-modal-close-2 .ui-static-button.ui-static-button-secondary:hover {
  background-color: inherit;
}

.ui-static-accordion-trigger {
  line-height: 1.5;
}
.ui-static-accordion-trigger:hover {
  background: inherit;
}
.ui-static-accordion-trigger:hover .ui-static-accordion-text,
.ui-static-accordion-trigger:hover .ui-static-icon {
  color: inherit;
}

.ui-static-pagination-icon:not(:disabled):hover, .ui-static-pagination-icon:not(:disabled):focus {
  background: inherit;
}
.ui-static-pagination-icon:not(:disabled):hover .ui-static-icon, .ui-static-pagination-icon:not(:disabled):focus .ui-static-icon {
  color: inherit;
}

.ui-static-pagination-item:hover {
  color: inherit;
  background-color: inherit;
}

.ui-static-breadcrumb-list {
  gap: 4px;
}
.ui-static-breadcrumb-list .ui-static-breadcrumb-item {
  gap: 4px;
}

.ui-static-breadcrumb-loading {
  display: inline-block;
  width: 80px;
  height: 18px;
  vertical-align: middle;
  background-image: linear-gradient(90deg, #fff 0%, #e9ecf2 50%, #fff 100%);
  background-position: 0% 0%;
  background-size: 3000px 100%;
  animation: loading-shimmer 2.5s linear infinite;
}

.ui-static-breadcrumb-link:hover, .ui-static-breadcrumb-link.focused {
  color: inherit;
}
.ui-static-breadcrumb-link:hover .ui-static-icon, .ui-static-breadcrumb-link.focused .ui-static-icon {
  color: inherit;
}

.ui-static-banner:hover {
  opacity: inherit;
}

.ui-static-gallery-slide-wrapper .ui-static-gallery-next:not(:disabled):hover, .ui-static-gallery-slide-wrapper .ui-static-gallery-next:not(:disabled):focus,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev:not(:disabled):hover,
.ui-static-gallery-slide-wrapper .ui-static-gallery-prev:not(:disabled):focus {
  cursor: auto;
}

.ui-static-gallery-video:focus, .ui-static-gallery-video:hover {
  opacity: inherit;
}

.ui-static-gallery-video.ui-static-gallery-video-youtube:focus, .ui-static-gallery-video.ui-static-gallery-video-youtube:hover {
  opacity: inherit;
}

.ui-static-gallery-thumbnails .ui-static-gallery-button:hover {
  opacity: inherit;
}

.ui-static-icon-button:hover {
  background-color: inherit;
  box-shadow: inherit;
}
.ui-static-icon-button:hover .ui-static-icon {
  color: inherit;
}

.ui-static-colorpallete:hover {
  border-color: inherit;
}

.ui-static-notification:hover .ui-static-notification-text {
  color: inherit;
  text-decoration: none;
}
.ui-static-notification:hover img {
  transform: none;
}

.ui-static-notification-image img:hover {
  transform: none;
}

.ui-static-text-icon > *:hover, .ui-static-text-icon > *:focus {
  text-decoration: none;
}

.ui-static-article-card a:hover, .ui-static-article-card a:focus {
  color: inherit;
  text-decoration: inherit;
}
.ui-static-article-card:hover .ui-static-image img, .ui-static-article-card:focus .ui-static-image img {
  transform: none;
}

.ui-static-product-card:hover {
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.149);
}
.ui-static-product-card:hover .ui-static-image img {
  transform: none;
}
.ui-static-product-card:hover .ui-static-product-card-title {
  color: var(--color-hover);
}
.ui-static-product-card .ui-static-link:hover .ui-static-icon {
  color: inherit;
}
.ui-static-product-card .ui-static-link {
  /* stylelint-disable-next-line */
}
.ui-static-product-card .ui-static-link:hover .ui-static-icon-heart_brder {
  color: inherit;
}
.ui-static-product-card .ui-static-product-card-heart-icon:hover {
  cursor: auto;
}
.ui-static-product-card [class^=ui-static-link]:hover, .ui-static-product-card [class^=ui-static-link]:focus {
  text-decoration: inherit;
}
.ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-title {
  font-size: 1.125rem;
  line-height: 1.5;
}
.ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-tag {
  font-weight: normal;
}
.ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container {
  background-color: var(--color-white);
}
.ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container .ui-static-price-container {
  padding: 0 8px;
  /* stylelint-disable-next-line */
  margin-right: 48px;
}
.ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-tag-tertiary-container .ui-static-product-card-tags {
  align-items: flex-end;
}

.ui-static-panel:hover, .ui-static-panel:focus {
  text-decoration: inherit;
}

.ui-static-panel-variant-link-a:hover .ui-static-image img {
  transform: none;
}
.ui-static-panel-variant-link-a:hover .ui-static-panel-text {
  color: inherit;
}
.ui-static-panel-variant-link-a:hover .ui-static-panel-text .ui-static-icon {
  color: inherit;
}

.ui-static-panel-variant-link-b:hover .ui-static-image {
  transform: none;
}

.ui-static-panel-variant-cover:hover .ui-static-image {
  transform: none;
}

.ui-static-contact-inquiry:hover {
  background-color: inherit;
  box-shadow: inherit;
}

.ui-static-contact-reserve-item-ovs .ui-static-button-secondary:not(.active, :disabled):hover {
  color: inherit;
  background-color: inherit;
}
.ui-static-contact-reserve-item-ovs .ui-static-button-secondary:not(.active, :disabled):hover .ui-static-icon {
  color: inherit;
}

.ui-static-contact-reserve-item-dom .ui-static-button-secondary:not(.active, :disabled):hover {
  color: inherit;
  background-color: inherit;
}
.ui-static-contact-reserve-item-dom .ui-static-button-secondary:not(.active, :disabled):hover .ui-static-icon {
  color: inherit;
}

.ui-static-favorite .ui-static-icon {
  color: #c0c5cc;
}
.ui-static-favorite:hover .ui-static-icon {
  color: #e73562;
  opacity: inherit;
}

.ui-static-navigation-item .ui-static-link:hover .ui-static-icon {
  color: inherit;
}
.ui-static-navigation-item .ui-static-link:hover .ui-static-navigation-text {
  color: inherit;
  text-decoration: none;
}

.ui-static-navigation-item .ui-static-navigation-inner:hover .ui-static-navigation-text, .ui-static-navigation-item .ui-static-navigation-inner:active .ui-static-navigation-text {
  color: inherit;
  transition: inherit;
}
.ui-static-navigation-item .ui-static-navigation-inner:hover svg, .ui-static-navigation-item .ui-static-navigation-inner:active svg {
  fill: inherit;
}

.ui-static-pulldown-selector:hover .ui-static-button, .ui-static-pulldown-selector.focused .ui-static-button {
  color: inherit;
  background: inherit;
  border-color: inherit;
}
.ui-static-pulldown-selector:hover .ui-static-button .ui-static-button-icon .ui-static-icon, .ui-static-pulldown-selector.focused .ui-static-button .ui-static-button-icon .ui-static-icon {
  color: inherit;
}

.ui-static-pulldown-selector-link:hover, .ui-static-pulldown-selector-link:focus {
  outline: inherit;
  background-color: inherit;
}

.ui-static-search-form-tab-button:hover {
  color: inherit;
  background: inherit;
}

.ui-static-search-form-tab-type-rounded .ui-static-search-form-tab-button:hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.ui-static-search-form-tab-type-rounded .ui-static-search-form-tab-button:hover svg {
  fill: inherit;
}

.ui-static-link-image-text:hover .ui-static-navigation-text {
  color: inherit;
  text-decoration: none;
}

.ui-static-link-list-button:hover {
  color: inherit;
  background-color: inherit;
  border-color: inherit;
}
.ui-static-link-list-button:hover .ui-static-icon {
  color: inherit;
}

.ui-static-link-list-text:hover {
  color: inherit;
}
.ui-static-link-list-text:hover span {
  text-decoration: none;
}
.ui-static-link-list-text:hover .ui-static-icon {
  color: inherit;
}

.ui-static-tooltip .ui-static-tooltip-message[data-popper-placement^=left] .ui-static-tooltip-message-arrow {
  position: absolute;
  top: 0;
  transform: translate(0, 12px);
}

.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table:focus {
  outline: none;
}
.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table thead th,
.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table thead td {
  background-color: #e9ecf2;
  /* stylelint-disable-next-line */
  padding: 8px 16px;
}
.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table tbody th {
  padding: 8px 16px;
  background-color: #f5f7fa;
}
.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table tbody td {
  padding: 8px 16px;
}
.ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table th {
  font-weight: 400;
}

.ui-static-accordion-content[data-state=open] {
  /* stylelint-disable-next-line declaration-no-important -- デザインシステムの max-height: 0 を上書き */
  display: block !important;
  /* stylelint-disable-next-line declaration-no-important */
  max-height: none !important;
  /* stylelint-disable-next-line declaration-no-important */
  overflow: visible !important;
}

.ui-static-accordion-trigger[data-state=open] .ui-static-icon {
  transform: rotate(180deg);
}

.u-text-left {
  text-align: left;
}

.u-text-center {
  text-align: center;
}

.u-text-right {
  text-align: right;
}

.u-display-inline-block {
  display: inline-block;
}

.u-display-block {
  display: block;
}

.u-display-table {
  display: table;
}

.u-display-table-cell {
  display: table-cell;
}

.u-display-none {
  display: none;
}

.u-display-flex {
  --sp-gap: 0;
  --pc-gap: 0;
  display: flex !important;
  gap: var(--sp-gap);
}
.u-display-flex--wrap {
  flex-wrap: wrap;
}
.u-display-flex--vertical {
  flex-direction: column;
}
.u-display-flex--vertical-reversed {
  flex-direction: column-reverse;
}
.u-display-flex--horizontal {
  flex-direction: row;
}
.u-display-flex--horizontal-reversed {
  flex-direction: row-reverse;
}
.u-display-flex--left {
  justify-content: flex-start;
}
.u-display-flex--right {
  justify-content: flex-end;
}
.u-display-flex--center {
  justify-content: center;
}
.u-display-flex--center > img {
  flex-shrink: 0;
}
.u-display-flex--space-between {
  justify-content: space-between;
}
.u-display-flex--space-around {
  justify-content: space-around;
}
.u-display-flex--top {
  align-items: flex-start;
}
.u-display-flex--middle {
  align-items: center;
}
.u-display-flex--bottom {
  align-items: flex-end;
}

.u-display-inline-flex {
  display: inline-flex !important;
}

.u-flex-item-fill {
  width: 100%;
}

.u-flex-item-top {
  align-self: flex-start;
}

.u-flex-item-middle {
  align-self: center;
}

.u-flex-item-bottom {
  align-self: flex-end;
}

.u-flex-item-left {
  justify-self: flex-start;
}

.u-flex-item-center {
  justify-self: center;
}

.u-flex-item-right {
  justify-self: flex-end;
}

.u-flex-item-grow {
  flex-grow: 1;
}
.u-flex-item-grow > * {
  width: 100%;
}

.u-flex-item-no-grow {
  flex-grow: 0;
}

.u-flex-item-shrink {
  flex-shrink: 1;
}

.u-flex-item-no-shrink {
  flex-shrink: 0;
}

.u-clearfix {
  overflow: hidden;
}

.u-float-right {
  float: right;
}

.u-float-left {
  float: left;
}

.u-font-size-sm {
  font-size: 0.75rem;
}

.u-font-size-default {
  font-size: 0.875rem;
}

.u-font-size-md {
  font-size: 1rem;
}

.u-font-weight-normal {
  font-weight: var(--font-normal) !important;
}

.u-font-weight-bold {
  font-weight: var(--font-bold) !important;
}

.u-height-0 {
  height: 0;
}

.u-height-auto {
  height: auto;
}

img.u-auto, img.u-stretch {
  height: auto;
  vertical-align: bottom;
}

img.u-stretch {
  width: 100%;
  max-width: none;
}

img.u-auto {
  width: auto;
  max-width: 100%;
}

.u-mt-0 {
  margin-top: 0 !important;
}

.u-mb-0 {
  margin-bottom: 0 !important;
}

.u-mt-4 {
  margin-top: 4px !important;
}

.u-mb-4 {
  margin-bottom: 4px !important;
}

.u-mt-8 {
  margin-top: 8px !important;
}

.u-mb-8 {
  margin-bottom: 8px !important;
}

.u-mt-16 {
  margin-top: 16px !important;
}

.u-mb-16 {
  margin-bottom: 16px !important;
}

.u-mt-24 {
  margin-top: 24px !important;
}

.u-mb-24 {
  margin-bottom: 24px !important;
}

.u-mt-40 {
  margin-top: 40px !important;
}

.u-mb-40 {
  margin-bottom: 40px !important;
}

.u-mr-0 {
  margin-right: 0 !important;
}

.u-mr-4 {
  margin-right: 4px !important;
}

.u-mr-8 {
  margin-right: 8px !important;
}

.u-ml-0 {
  margin-left: 0 !important;
}

.u-ml-4 {
  margin-left: 4px !important;
}

.u-ml-8 {
  margin-left: 8px !important;
}

.u-mt-auto {
  margin-top: auto;
}

.u-mr-auto {
  margin-right: auto;
}

.u-mb-auto {
  margin-bottom: auto;
}

.u-ml-auto {
  margin-left: auto;
}

.u-margin-inline-auto {
  margin-inline: auto;
}

.u-cursor-pointer {
  cursor: pointer;
}

.u-cursor-default {
  cursor: default;
}

.u-cursor-not-allowed {
  cursor: not-allowed;
}

.u-pointer-events-none {
  pointer-events: none;
}

.u-pointer-events-visible {
  pointer-events: visible;
}

.u-position-relative {
  position: relative;
}

.u-position-absolute {
  position: absolute;
}

.u-position-fixed {
  position: fixed;
}

.u-position-sticky {
  position: sticky;
}

.u-text-align-left {
  text-align: left;
}

.u-text-align-center {
  text-align: center;
}

.u-text-align-right {
  text-align: right;
}

.u-text-color-base {
  color: var(--color-base) !important;
}

.u-text-color-primary {
  color: var(--color-primary) !important;
}

.u-text-color-secondly {
  color: var(--color-secondary) !important;
}

.u-text-color-caution {
  color: var(--color-caution) !important;
}

.u-text-color-warning {
  color: var(--color-warning) !important;
}

.u-text-color-muted {
  color: var(--color-muted) !important;
}

.u-text-color-gray {
  color: var(--color-gray);
}

.u-text-color-white {
  color: var(--color-white) !important;
}

.u-text-decoration-none {
  text-decoration: none;
}

.u-text-decoration-underline {
  text-decoration: underline;
}

.u-text-decoration-line-through {
  text-decoration: line-through;
}
.u-text-note {
  display: flex;
  gap: 4px;
}
.u-text-note::before {
  content: "※";
}

.u-text-with-icon {
  --gap: 8px;
  position: relative;
  display: inline-flex;
  gap: var(--gap);
  align-items: center;
}
.u-text-with-icon--reverse {
  flex-direction: row-reverse;
}
.u-text-with-icon__icon {
  position: relative;
  flex-shrink: 0;
}
.u-text-with-icon--external {
  gap: 4px;
  padding: 4px;
}

.u-link-with-icon {
  vertical-align: text-bottom;
}
.u-link-with-icon__text {
  margin-right: 4px;
}

.u-text-transform-capitalize {
  text-transform: capitalize;
}

.u-text-transform-uppercase {
  text-transform: uppercase;
}

.u-text-transform-lowercase {
  text-transform: lowercase;
}

.u-vertical-align-top {
  vertical-align: top;
}

.u-vertical-align-middle {
  vertical-align: middle;
}

.u-vertical-align-bottom {
  vertical-align: bottom;
}

.u-none {
  display: none !important;
}

.u-overflow-hidden {
  overflow: hidden;
}

.u-overflow-visible {
  overflow: visible;
}

.u-overflow-auto {
  overflow: auto;
}

.u-overflow-scroll {
  overflow: scroll;
}

.u-width-1-12 {
  width: 8.3333333333%;
}
.u-width-2-12 {
  width: 16.6666666667%;
}
.u-width-3-12 {
  width: 25%;
}
.u-width-4-12 {
  width: 33.3333333333%;
}
.u-width-5-12 {
  width: 41.6666666667%;
}
.u-width-6-12 {
  width: 50%;
}
.u-width-7-12 {
  width: 58.3333333333%;
}
.u-width-8-12 {
  width: 66.6666666667%;
}
.u-width-9-12 {
  width: 75%;
}
.u-width-10-12 {
  width: 83.3333333333%;
}
.u-width-11-12 {
  width: 91.6666666667%;
}
.u-width-12-12 {
  width: 100%;
}
.u-width-1-10 {
  width: 10%;
}
.u-width-2-10 {
  width: 20%;
}
.u-width-3-10 {
  width: 30%;
}
.u-width-4-10 {
  width: 40%;
}
.u-width-5-10 {
  width: 50%;
}
.u-width-6-10 {
  width: 60%;
}
.u-width-7-10 {
  width: 70%;
}
.u-width-8-10 {
  width: 80%;
}
.u-width-9-10 {
  width: 90%;
}
.u-width-10-10 {
  width: 100%;
}

.db-header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: var(--background-color-primary);
}
.db-header__wrapper {
  display: flex;
  gap: 16px;
  align-items: center;
}
.db-header__wrapper--links {
  justify-content: flex-end;
}
.db-header__wrapper--links + .db-header__wrapper--links {
  width: 100%;
}
.db-header__title {
  font-size: 1.125rem;
  font-weight: var(--font-bold);
}
.db-header__link {
  font-size: 0.75rem;
}
.db-header__link span {
  font-weight: var(--font-bold);
  text-decoration: none;
}
.db-header__location .ui-static-button {
  width: 104px;
  background: var(--color-secondary);
  border-color: var(--color-secondary);
  border-radius: 4px;
}
.db-header__location .ui-static-button:has(+ .is-active) .ui-static-icon {
  transform: translateY(-50%) rotateX(180deg);
}
.db-header__location .ui-static-pulldown-selector-content {
  top: -5px;
  left: 0;
  width: 104px;
}
.db-header__location .ui-static-pulldown-selector-link {
  padding: 8px 24px;
  font-size: 0.875rem;
}
.db-header__location .ui-static-pulldown-selector-link.selected::before {
  display: none;
}
.db-header__location .ui-static-pulldown-selector-link.selected {
  font-weight: var(--font-bold);
}
.db-header__location .ui-static-pulldown-selector-link:hover, .db-header__location .ui-static-pulldown-selector-link:focus {
  background: #c0dbff;
}

.db-search-panel .ui-static-input[tabindex="0"],
.db-search-panel .db-input-box[tabindex="0"],
.db-search-condition .ui-static-input[tabindex="0"],
.db-search-condition .db-input-box[tabindex="0"] {
  cursor: pointer;
}
.db-search-panel .ui-static-input[tabindex="0"]:focus-visible,
.db-search-panel .db-input-box[tabindex="0"]:focus-visible,
.db-search-condition .ui-static-input[tabindex="0"]:focus-visible,
.db-search-condition .db-input-box[tabindex="0"]:focus-visible {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
  border-radius: 4px;
}
.db-search-panel .ui-static-input[tabindex="0"]:focus:not(:focus-visible),
.db-search-panel .db-input-box[tabindex="0"]:focus:not(:focus-visible),
.db-search-condition .ui-static-input[tabindex="0"]:focus:not(:focus-visible),
.db-search-condition .db-input-box[tabindex="0"]:focus:not(:focus-visible) {
  outline: none;
}
.db-search-panel .ui-static-input[tabindex="0"] *,
.db-search-panel .db-input-box[tabindex="0"] *,
.db-search-condition .ui-static-input[tabindex="0"] *,
.db-search-condition .db-input-box[tabindex="0"] * {
  pointer-events: none;
}
.db-search-panel .ui-static-input .ui-static-input-text-input,
.db-search-condition .ui-static-input .ui-static-input-text-input {
  background: var(--color-white);
}
.db-search-panel .ui-static-input .ui-static-input-text-input::before,
.db-search-condition .ui-static-input .ui-static-input-text-input::before {
  display: none;
}
.db-search-panel .ui-static-input .ui-static-input-text-input input,
.db-search-condition .ui-static-input .ui-static-input-text-input input {
  width: 100%;
  padding: 0;
  background: none;
  border: none;
}
.db-search-panel .ui-static-input .ui-static-input-text-input input:focus,
.db-search-condition .ui-static-input .ui-static-input-text-input input:focus {
  outline: none;
}
.db-search-panel .ui-static-input .ui-static-input-text-input .ui-static-icon,
.db-search-panel .ui-static-input .ui-static-input-text-input .c-db-icon,
.db-search-condition .ui-static-input .ui-static-input-text-input .ui-static-icon,
.db-search-condition .ui-static-input .ui-static-input-text-input .c-db-icon {
  color: var(--color-secondary);
}
.db-search-panel .c-db-search-popover.is-opened .ui-static-input-text-input,
.db-search-condition .c-db-search-popover.is-opened .ui-static-input-text-input {
  background: #f0f7ff;
  border-color: #99c4fd;
  border-width: 2px;
}
.db-search-panel .ui-static-grid-item:has(.is-show) .ui-static-input-text-input,
.db-search-condition .ui-static-grid-item:has(.is-show) .ui-static-input-text-input {
  background: #f0f7ff;
  border-color: #99c4fd;
  border-width: 2px;
}
.db-search-panel .db-search-panel-list-wrapper,
.db-search-condition .db-search-panel-list-wrapper {
  padding: 0;
}
.db-search-panel .db-search-panel-list,
.db-search-condition .db-search-panel-list {
  display: grid;
  grid-template-columns: 1fr 164px;
  gap: 8px;
  align-items: center;
}
.db-search-panel .db-search-panel-list__contents,
.db-search-condition .db-search-panel-list__contents {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}
.db-search-panel .db-search-panel-list .ui-static-grid-item__header,
.db-search-condition .db-search-panel-list .ui-static-grid-item__header {
  display: none;
}
.db-search-panel .db-search-panel-list .ui-static-grid-item__header-title,
.db-search-condition .db-search-panel-list .ui-static-grid-item__header-title {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
}
.db-search-panel .db-search-panel-list .ui-static-grid-item__header .db-clear-btn,
.db-search-condition .db-search-panel-list .ui-static-grid-item__header .db-clear-btn {
  font-size: 0.875rem;
  color: var(--color-secondary);
}
.db-search-panel .db-search-panel-list .ui-static-button-large,
.db-search-condition .db-search-panel-list .ui-static-button-large {
  min-width: 164px;
}
.db-search-panel .db-reservation-date__wrapper,
.db-search-condition .db-reservation-date__wrapper {
  width: 100%;
}
.db-search-panel .ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs .ui-static-icon.db-top-tab-buttons__button--public-icon,
.db-search-condition .ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs .ui-static-icon.db-top-tab-buttons__button--public-icon {
  color: #007cdd;
}

.db-input-box__label {
  position: absolute;
  top: 8px;
  right: 32px;
  left: 32px;
  z-index: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  color: #939dad;
  white-space: nowrap;
}
.db-input-box__label.is-checked {
  color: #939dad;
}
.db-input-box__text-input {
  overflow: hidden;
  text-overflow: ellipsis;
  color: #939dad;
  white-space: nowrap;
}
.db-input-box__text-input.is-checked {
  color: var(--color-base);
}

.db-input-pulldown-content__label {
  transition: 0.3s ease;
}
.db-input-pulldown-content__label:focus-within .radiocheck {
  outline: none;
}

.specific-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 4px;
  width: fit-content;
  margin: 16px auto 0;
}
.specific-list .specific-tag {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  height: 32px;
  padding: 8px 12px 8px 16px; /* stylelint-disable-line declaration-property-value-allowed-list */
  font-size: 0.75rem;
  cursor: pointer;
  user-select: none;
  background-color: transparent;
  border: 1px solid #c0c5cc;
  border-radius: 100px;
  transition: background-color 0.2s, border-color 0.2s;
}
.specific-list .specific-tag input {
  position: absolute;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
  overflow: hidden;
  pointer-events: none;
  opacity: 0;
}
.specific-list .specific-tag .ui-static-icon {
  color: var(--color-secondary);
}
.specific-list .specific-tag .specific-tag__close {
  position: relative;
  display: none;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  margin-left: 2px;
}
.specific-list .specific-tag .specific-tag__close::before, .specific-list .specific-tag .specific-tag__close::after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12px;
  height: 1.5px;
  content: "";
  background-color: #697180;
  border-radius: 1px;
  transition: background-color 0.2s;
}
.specific-list .specific-tag .specific-tag__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.specific-list .specific-tag .specific-tag__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.specific-list .specific-tag:has(input:focus-visible) {
  outline: 2px solid var(--color-secondary);
  outline-offset: 2px;
}
.specific-list .specific-tag:has(input:checked) {
  background-color: #e0edff;
  border: 1px solid #66a4f9;
}
.specific-list .specific-tag:has(input:checked) .specific-tag__close {
  display: block;
}
.specific-list .specific-tag:has(input:disabled) {
  color: #939dad;
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  border-color: rgba(192, 197, 204, 0.7);
}
.specific-list .specific-tag:has(input:disabled) .ui-static-icon {
  color: #acb5bf;
}
.specific-list .specific-tag:has(input:disabled) .specific-tag__close {
  display: none;
}

.db-specific-filter .fieldset-item:has(input:disabled) {
  pointer-events: none;
  opacity: 0.5;
}

v-date-picker .month-select-item {
  display: none;
}

.db-reservation-date {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.ui-static-input.has-icon .db-reservation-date__clear-btn {
  position: absolute;
  top: 50%;
  right: 12px;
  z-index: 2;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: none;
  transform: translateY(-50%);
}
.ui-static-input.has-icon .db-reservation-date__clear-btn .ui-static-icon {
  position: relative;
  top: auto;
  left: auto;
  pointer-events: none;
  transform: none;
}
.db-reservation-date__clear-btn .ui-static-icon {
  color: var(--color-muted) !important;
}

/* stylelint-disable declaration-property-value-allowed-list, selector-class-pattern */
/* no-scroll
------------------------- */
html.no-scroll,
body.no-scroll {
  overflow: hidden;
}

/* c-destination-modal
------------------------- */
.c-destination-modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s, visibility 0.3s;
}
.c-destination-modal.is-show {
  visibility: visible;
  pointer-events: auto;
  opacity: 1;
}
.c-destination-modal__bg {
  width: 100%;
  height: 100%;
  background: rgba(44, 42, 41, 0.45);
}
.c-destination-modal__contents {
  position: absolute;
  inset: 0;
  width: calc(100% - 40px);
  max-width: 736px;
  height: fit-content;
  max-height: calc(100% - 48px);
  margin: auto;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
}
.c-destination-modal__inner {
  display: flex;
  flex-direction: column;
  max-height: calc(100dvh - 48px);
  overflow: hidden;
}
.c-destination-modal__title {
  flex-shrink: 0;
  padding: 16px 40px;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
  /* border-bottom: #e9ecf2 solid 1px; */
}
.c-destination-modal__close {
  position: absolute;
  top: 17px;
  right: 12px;
  display: flex;
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
}
.c-destination-modal__body {
  display: flex;
  flex: 1;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}
.c-destination-modal .ui-static-icon {
  color: #697180;
}

@keyframes destination-slide-up {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0);
  }
}
/* area-select（左右レイアウト）
------------------------- */
.area-select {
  display: flex;
  flex: 1;
  min-height: 0;
  overflow: hidden;
}
.area-select__nav {
  flex-shrink: 0;
  overflow: hidden auto;
}
.area-select__nav-item {
  font-size: 0.875rem;
  font-weight: bold;
  color: #2c2a29;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  cursor: pointer;
  transition: color 0.2s, text-decoration-color 0.2s;
}
.area-select__content {
  position: relative;
  flex: 1;
  min-width: 0;
  overflow-y: auto;
}
.area-select__panel {
  display: none;
  padding: 8px 16px;
}
.area-select__panel.is-active {
  display: block;
}
.area-select__panel-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  font-weight: bold;
  color: #2c2a29;
  cursor: pointer;
}
.area-select__panel-header .ui-static-icon {
  font-size: 16px;
}

/* area-suggest（キーワードサジェスト検索）
------------------------- */
.area-suggest {
  position: relative;
  flex-shrink: 0;
  padding: 12px 127px 40px;
}
.area-suggest__input {
  display: flex;
  flex-shrink: 0;
  gap: 8px;
  align-items: center;
  height: 50px;
  padding: 10px 8px;
  /* background-color: #f5f7fa; */
  border: 1px solid #939dad;
  border-radius: 8px;
}
.area-suggest__input:focus-within {
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.area-suggest__input .ui-static-icon {
  flex-shrink: 0;
  color: #939dad;
}
.area-suggest__field {
  flex: 1;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #2c2a29;
  outline: none;
  background: none;
  border: none;
}
.area-suggest__field::placeholder {
  color: #939dad;
}
.area-suggest__list {
  overflow-y: auto;
  list-style: none;
}
.area-suggest__list > * + * {
  border-top: 1px solid #e9ecf2;
}
.area-suggest__list:empty {
  display: none;
}
.area-suggest__list .area-list__item {
  padding: 12px 0;
  margin: 0;
}
.area-suggest__empty {
  padding: 16px 8px;
  font-size: 0.875rem;
  color: #939dad;
  text-align: center;
}

/* area-suggest-group（大エリアアコーディオン）
------------------------- */
.area-suggest-group {
  /* border-bottom: 1px solid #e9ecf2; */
}
.area-suggest-group__header {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 19.5px 0;
  font-size: 0.875rem;
  color: var(--color-base);
  cursor: pointer;
  border-radius: 6px;
  transition: color 0.2s;
}
.area-suggest-group__header:has(.area-suggest-group__toggle:hover) {
  color: var(--color-base);
}
.area-suggest-group__header:has(.area-suggest-group__toggle:hover) .ui-static-icon {
  color: #697180;
}
.area-suggest-group__header:has(.area-suggest-group__toggle:hover) .area-suggest-group__name {
  text-decoration-color: transparent;
}
.area-suggest-group__icon {
  display: flex;
  flex-shrink: 0;
}
.area-suggest-group__name {
  flex: 1;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s;
}
.area-suggest-group__toggle {
  position: relative;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  font-size: 12px;
  cursor: pointer;
  background-color: #e9ecf2;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: 100px;
}
.area-suggest-group__toggle::before {
  position: absolute;
  inset: -10px;
  content: "";
}
.area-suggest-group__children {
  display: none;
  padding: 0 0 8px 20px;
  margin: 0;
  list-style: none;
  border-top: 1px solid #e9ecf2;
}
.area-suggest-group__children > * + * {
  border-top: 1px solid #e9ecf2;
}
.area-suggest-group__check {
  display: none;
}
.area-suggest-group__check:checked ~ .area-suggest-group__header .area-suggest-group__toggle {
  transform: rotate(180deg);
}
.area-suggest-group__check:checked ~ .area-suggest-group__children {
  display: block;
}

/* area-list（エリア一覧）
------------------------- */
.area-list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.area-list__item {
  display: flex;
  gap: 4px;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: #2c2a29;
  cursor: pointer;
  transition: color 0.2s;
}
.area-list__item.is-selected {
  background-color: #f0f7ff;
}
.area-list__item .ui-static-icon {
  margin-top: 2.5px;
}
.area-list__item--area .ui-static-icon {
  flex-shrink: 0;
  color: #697180;
}
.area-list__item--sub {
  gap: 8px;
  padding: 12px;
  margin-left: 24px;
  font-weight: normal;
  color: #4a5568;
  background-color: #f5f7fa;
}
.area-list__item--sub::before {
  display: block;
  width: 6px;
  height: 6px;
  margin-top: calc(0.5lh - 3px);
  content: "";
  background-color: #c0c5cc;
  border-radius: 50%;
}
.area-list__item--sub + .area-list__item--sub {
  padding-top: 8px;
  margin-top: -4px;
}
.area-list__item--sub + .area-list__item--area {
  margin-top: 8px;
}
.area-list__icon {
  display: flex;
  flex-shrink: 0;
}
.area-list__name {
  display: inline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s;
}
.area-list__pref {
  display: inline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.2s;
}

/* stylelint-disable declaration-property-value-allowed-list, selector-class-pattern */
/* c-room-unit（部屋数・人数）
------------------------- */
.c-room-unit {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 40px;
}
.c-room-unit__add-btn {
  position: relative;
  display: flex;
  column-gap: 8px;
  align-items: center;
  width: fit-content;
  margin-left: auto;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-color, #3064d5);
}
.c-room-unit__add-btn::before {
  display: block;
  width: 16px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--icon-background-color, #3064d5);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url(../image/common/icon_plus.svg);
}
.c-room-unit.is-limit .c-room-unit__add-btn {
  display: none;
}

/* c-room-unit-item（1部屋分）
------------------------- */
.c-room-unit-item {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-room-unit-item + .c-room-unit-item {
  padding-top: 24px;
  margin-top: 24px;
  border-top: dashed 1px #acb5bf;
}
.c-room-unit-item__errors:has(.c-room-unit-errors:empty) {
  display: none;
}
.c-room-unit-item__header {
  display: flex;
  column-gap: 16px;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.3;
}
.c-room-unit-item__main {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.c-room-unit-item__footer {
  padding-top: 8px;
}

.c-room-unit-label {
  font-size: 1.125rem;
  font-weight: bold;
}

.c-room-unit-note::before {
  font-weight: normal;
  content: "※";
}
.c-room-unit-note {
  display: none;
  margin-left: auto;
  font-size: 0.75rem;
  font-weight: bold;
  color: #697180;
}

.c-room-unit-item:first-of-type .c-room-unit-note {
  display: block;
}

.c-room-unit-delete-btn {
  position: relative;
  display: flex;
  column-gap: 8px;
  align-items: center;
  width: fit-content;
  font-size: 0.875rem;
  color: var(--text-color, #3064d5);
}
.c-room-unit-delete-btn::before {
  display: block;
  width: 16px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--icon-background-color, #3064d5);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url(../image/common/icon_clear.svg);
}

.c-room-unit-item:first-of-type .c-room-unit-delete-btn {
  display: none;
}

/* c-room-unit-guest（ゲスト行）
------------------------- */
.c-room-unit-guest {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px 10px;
}
.c-room-unit-guest + .c-room-unit-guest {
  padding-top: 16px;
  border-top: dashed 1px #acb5bf;
}
.c-room-unit-guest__label {
  display: flex;
  column-gap: 8px;
  align-items: center;
  font-size: 0.875rem;
}
.c-room-unit-guest__label::after {
  font-size: 0.75rem;
  color: #697180;
  content: attr(data-annotation);
}
.c-room-unit-guest__detail {
  display: none;
}
.c-room-unit-guest__detail:has(.c-room-unit-guest-detail__content > *) {
  display: grid;
  grid-column: 1/-1;
}
.c-room-unit-guest__errors {
  display: none;
}
.c-room-unit-guest__errors:has(.c-room-unit-errors > *) {
  display: grid;
  grid-column: 1/-1;
}

/* c-room-unit-guest-detail（年齢詳細）
------------------------- */
.c-room-unit-guest-detail {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
  padding: 16px;
  background-color: #f5f7fa;
}
.c-room-unit-guest-detail__heading {
  font-size: 0.875rem;
  font-weight: bold;
}
.c-room-unit-guest-detail__heading::after {
  font-weight: normal;
  content: attr(data-annotation);
}
.c-room-unit-guest-detail__content {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 8px;
}

/* c-room-unit-age-info（年齢選択行）
------------------------- */
.c-room-unit-age-info {
  display: grid;
  grid-template-columns: auto 86px 1fr;
  column-gap: 8px;
  align-items: center;
}
.c-room-unit-age-info__label {
  font-size: 0.875rem;
  font-weight: bold;
}
.c-room-unit-age-info__select-wrapper {
  position: relative;
}
.c-room-unit-age-info__select {
  display: none;
}
.c-room-unit-age-info__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-size: 0.875rem;
  color: #2c2a29;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: solid 1px #939dad;
  border-radius: 4px;
  transition: border-color 0.2s;
}
.c-room-unit-age-info__trigger .ui-static-icon {
  font-size: 16px;
  transition: transform 0.2s;
}
.c-room-unit-age-info__trigger[aria-expanded=true] .ui-static-icon {
  transform: rotate(180deg);
}
.c-room-unit-age-info__dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  display: none;
  width: 144px;
  max-height: 208px;
  overflow-y: auto;
  list-style: none;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
}
.c-room-unit-age-info__dropdown.is-open {
  display: block;
}
.c-room-unit-age-info__option {
  padding: 8px 12px;
  font-size: 0.875rem;
  cursor: pointer;
}
.c-room-unit-age-info__option:hover {
  background-color: #f5f7fa;
}
.c-room-unit-age-info__option.is-selected {
  font-weight: bold;
}
.c-room-unit-age-info__adult-flag {
  display: none;
  font-size: 0.875rem;
}
.c-room-unit-age-info.is-enable .c-room-unit-age-info__adult-flag {
  display: block;
}

/* c-room-unit-notes（注意書き）
------------------------- */
.c-room-unit-notes {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.c-room-unit-notes__note {
  padding-left: 1em;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--color-muted);
  text-indent: -1em;
}
.c-room-unit-notes__note::before {
  content: "※";
}

/* c-room-unit-errors / c-room-unit-error（エラー）
------------------------- */
.c-room-unit-errors {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
}
.c-room-unit-errors:empty {
  display: none;
}

.c-room-unit-error {
  display: grid;
  grid-template-columns: auto 1fr;
  column-gap: 8px;
  align-items: flex-start;
  padding: 16px;
  background-color: #fff7f7;
}
.c-room-unit-error::before {
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: #df0d00;
  transform: translateY(3px);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  mask-image: url(../image/common/icon_warning.svg);
}
.c-room-unit-error__message {
  color: #df0d00;
}

.c-db-back-link {
  width: fit-content;
  font-size: 0.75rem;
}
.c-db-back-link span {
  text-decoration: none;
}
.c-db-back-link .ui-static-icon {
  top: unset;
}

.c-db-expand-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 40px !important;
}

.c-db-expand-card {
  --border-color: #e9ecf2;
  --bg-color: #f5f7fa;
  display: flex;
  flex-direction: column;
  gap: 24px;
  /* stylelint-disable-next-line */
  padding: 32px 40px;
  background-color: var(--bg-color);
  border: 1px solid var(--border-color);
  border-radius: 16px;
}
.c-db-expand-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
.c-db-expand-card__title {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.3;
}
.c-db-expand-card__option {
  margin-left: auto;
}
.c-db-expand-card__option-item {
  display: inline-flex;
  align-items: baseline;
  font-size: 0.875rem;
  color: var(--color-caution);
}
.c-db-expand-card__option-price {
  font-family: var(--font-family-robot);
  font-size: 1.375rem;
  font-weight: 900;
}
.c-db-expand-card__option-unit {
  font-size: 0.875rem;
  font-weight: var(--font-bold);
}
.c-db-expand-card__option-currency {
  font-size: 0.875rem;
  font-weight: var(--font-bold);
}
.c-db-expand-card__body--has-image {
  display: grid;
  grid-template-columns: 320px 1fr;
  /* stylelint-disable-next-line */
  gap: 32px;
  align-items: flex-start;
}
.c-db-expand-card__media {
  min-width: 0;
}
.c-db-expand-card__slider {
  width: 100%;
}
.c-db-expand-card__figure {
  margin: 0;
}
.c-db-expand-card__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}
.c-db-expand-card__caption {
  display: flex;
  gap: 8px;
  justify-content: space-between;
  margin-top: 8px;
  font-size: 0.75rem;
  line-height: 1.4;
}
.c-db-expand-card__caption-description {
  flex: 1 1 auto;
  color: var(--color-muted);
}
.c-db-expand-card__caption-note {
  flex: 0 0 auto;
  color: var(--color-muted);
}
.c-db-expand-card__text-wrapper {
  position: relative;
  min-width: 0;
}
.c-db-expand-card__text-wrapper.is-collapsed::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3em;
  pointer-events: none;
  content: "";
  background: linear-gradient(to bottom, transparent, var(--bg-color));
}
.c-db-expand-card__text {
  font-size: 0.875rem;
  line-height: 1.5;
}
.c-db-expand-card__text > * + * {
  /* stylelint-disable-next-line */
  margin-top: 1em;
}
.c-db-expand-card__footer {
  display: flex;
  justify-content: center;
}
.c-db-expand-card__more-button {
  display: inline-flex;
  gap: 4px;
  align-items: center;
  padding: 0;
  font-size: 0.875rem;
  color: var(--color-secondary);
  cursor: pointer;
  background: none;
  border: none;
}
.c-db-expand-card__more-button .ui-static-icon {
  color: var(--color-secondary);
}
.c-db-expand-card__more-button-icon {
  transition: transform 0.3s ease;
}
.c-db-expand-card.is-expanded .c-db-expand-card__more-button-icon {
  transform: rotate(180deg);
}

.c-db-expand-card-slider {
  position: relative;
}
.c-db-expand-card-slider .swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.c-db-expand-card-slider .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.c-db-expand-card-slider:has(.c-db-expand-card-slider__pagination:not(.swiper-pagination-lock)) .swiper {
  padding-bottom: 20px; /* stylelint-disable-line declaration-property-value-allowed-list */
}
.c-db-expand-card-slider__pagination {
  --swiper-pagination-bullet-width: 10px;
  --swiper-pagination-bullet-height: 10px;
  --swiper-pagination-bullet-horizontal-gap: 2px;
  --swiper-pagination-bottom: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.c-db-expand-card-slider__pagination .swiper-pagination-bullet {
  margin: 0;
  cursor: pointer;
  background-color: #e9ecf2;
  border-radius: 50%;
  opacity: 1;
}
.c-db-expand-card-slider__pagination .swiper-pagination-bullet-active {
  background-color: #939dad;
}
.c-db-expand-card-slider__pagination.swiper-pagination-lock {
  display: none;
}
.c-db-expand-card-slider__button-prev, .c-db-expand-card-slider__button-next {
  position: absolute;
  top: calc((100% - 44px) / 2);
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  padding: 0;
  cursor: pointer;
  background: rgba(44, 42, 41, 0.55);
  border: none;
  border-radius: 50%;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
.c-db-expand-card-slider__button-prev .ui-static-icon, .c-db-expand-card-slider__button-next .ui-static-icon {
  color: #fff;
}
.c-db-expand-card-slider__button-prev.swiper-button-lock, .c-db-expand-card-slider__button-next.swiper-button-lock {
  display: none;
}
.c-db-expand-card-slider__button-prev {
  left: 10px;
}
.c-db-expand-card-slider__button-next {
  right: 10px;
}

.c-db-nest-checkbox__parent {
  display: flex;
  align-items: center;
}
.c-db-nest-checkbox__label-text {
  flex-grow: 0;
}
.c-db-nest-checkbox__parent-icon {
  flex-grow: 1;
  height: 24px;
  text-align: right;
  cursor: pointer;
}
.c-db-nest-checkbox__child {
  display: none;
}
.c-db-nest-checkbox .fieldset-vertical .c-db-nest-checkbox__child-item + .c-db-nest-checkbox__child-item {
  margin-top: 16px;
}

.c-db-condition-group__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.3;
  cursor: pointer;
}
.c-db-condition-group__title-icon {
  transition: transform 0.3s ease;
}
.c-db-condition-group__content {
  margin-top: 16px;
}
.c-db-condition-group__content .fieldset {
  /* stylelint-disable-next-line */
  padding: 2px 0;
}
.c-db-condition-group__content > :first-child + * {
  margin-top: 16px;
}
.c-db-condition-group__content .ui-static-input-text-input {
  padding-left: 8px !important;
}
.c-db-condition-group__content .ui-static-input-text-input input {
  width: 100%;
  border: none;
}
.c-db-condition-group__content .ui-static-input-text-input input:focus:not(:focus-visible) {
  outline: none;
}
.c-db-condition-group__expand-button {
  display: block;
  width: fit-content;
  margin: 0 0 0 auto;
  font-size: 0.875rem;
}
.c-db-condition-group__expand-button.ui-static-link:focus {
  color: #0057b8;
}
.c-db-condition-group .fieldset:not(.fieldset-vertical) {
  gap: 16px 24px;
}
.c-db-condition-group .fieldset.c-db-nest-checkbox__child {
  /* stylelint-disable-next-line */
  padding-left: 32px;
  margin-top: 16px;
}
.c-db-condition-group .fieldset .c-db-nest-checkbox__child-item:last-child {
  margin-bottom: 8px;
}
.c-db-condition-group .fieldset-item.is-open [data-js-accordion=trigger] .ui-static-icon {
  transform: rotate(180deg);
}
.c-db-condition-group .fieldset-item .checkmark {
  cursor: pointer;
}
.c-db-condition-group.is-open .c-db-condition-group__title-icon {
  transform: rotate(180deg);
}

/* c-db-search-popover
------------------------- */

.c-db-search-popover {
  position: relative;
}
.c-db-search-popover__content {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 220;
  display: none;
  min-width: 227px;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.45);
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity, display;
  transition-behavior: allow-discrete;
}
.c-db-search-popover.is-opened > .c-db-search-popover__content {
  top: 100%;
  display: block;
  opacity: 1;
}
@starting-style {
  .c-db-search-popover.is-opened > .c-db-search-popover__content {
    opacity: 0;
  }
}
.c-db-search-popover:has(.is-slide-in) .c-db-search-popover__content {
  right: initial;
  left: 0;
}
.c-db-search-popover:has(input[type=checkbox]:disabled) .c-db-search-popover__trigger {
  pointer-events: none;
}
.c-db-search-popover:has(input[type=checkbox]:disabled) .ui-static-input-text-input {
  background-color: color-mix(in sRGB, #e9ecf2 70%, transparent);
  border: 1px solid color-mix(in sRGB, #c0c5cc 70%, transparent);
}
.c-db-search-popover:has(input[type=checkbox]:disabled) .ui-static-input-text-input .c-db-icon {
  color: #939dad;
}
.c-db-search-popover:has(input[type=checkbox]:disabled) .ui-static-input-text-input .db-input-box__text-input::placeholder {
  color: #939dad;
}
.c-db-search-popover {
  /* stylelint-disable-next-line selector-class-pattern -- 外部ライブラリ互換のため */
}

/* c-db-search-popover-content
------------------------- */
.c-db-search-popover-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  max-height: calc(100vh - 96px);
  background-color: var(--color-white);
}
.c-db-search-popover-content__header {
  position: relative;
  padding-top: 16px;
  padding-bottom: 16px;
}
.c-db-search-popover-content__title {
  padding-inline: 16px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}
.c-db-search-popover-content__close-button {
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: flex;
  width: 24px;
  height: 24px;
  margin: auto;
  background: none;
  border: none;
}
.c-db-search-popover-content__close-button .c-db-search-popover-content__close-icon.ui-static-icon {
  position: static;
  transform: none;
}
.c-db-search-popover-content__main {
  flex-grow: 1;
  height: 100%;
  padding: 16px;
  overflow: hidden auto;
}
.c-db-search-popover-content__main .fieldset.fieldset-vertical {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  gap: 19px;
}
.c-db-search-popover-content__footer {
  flex-shrink: 0;
  /* stylelint-disable-next-line */
  padding: 16px 20px;
  background-color: var(--background-color-primary);
}
.c-db-search-popover-content__apply-button {
  width: 100%;
  min-width: 0;
}
.c-db-search-popover-content .ui-static-button {
  font-weight: var(--font-normal);
}
.c-db-search-popover-content v-date-picker {
  display: flex;
  flex-direction: column;
}
.c-db-search-popover-content .vc-pane-container .vc-header {
  align-items: start;
  height: 24px;
  padding: 0;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  margin: 0 0 11px;
  margin-bottom: 8px;
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow {
  position: relative;
  width: 24px;
  height: 24px;
  color: #697180;
  opacity: 1;
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow:disabled {
  color: #acb5bf;
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow::before {
  display: inline-block;
  /* stylelint-disable-next-line font-family-no-missing-generic-family-keyword -- Material Icons専用 */
  font-family: "Material Symbols Rounded";
  font-size: 24px;
  font-style: normal;
  font-weight: normal;
  font-feature-settings: "liga";
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  overflow-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow.vc-prev::before {
  content: "keyboard_arrow_left";
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow.vc-next::before {
  content: "keyboard_arrow_right";
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-arrow svg {
  display: none;
}
.c-db-search-popover-content .vc-pane-container .vc-header .vc-title {
  font-size: 1rem;
  font-weight: bold !important;
  line-height: 1.3;
}
.c-db-search-popover-content .vc-pane-container .vc-pane-layout {
  gap: 24px 16px;
}
.c-db-search-popover-content .vc-pane-container .vc-pane {
  margin: 0;
}
.c-db-search-popover-content .vc-pane-container .vc-weeks {
  min-width: 276px;
}
.c-db-search-popover-content .vc-pane-container .vc-weekdays {
  grid-template-rows: 25px;
}
.c-db-search-popover-content .vc-pane-container .vc-week {
  grid-template-rows: 48px;
}
.c-db-search-popover-content .vc-pane-container .vc-weekday,
.c-db-search-popover-content .vc-pane-container .vc-day {
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-db-search-popover-content .vc-pane-container .vc-weekday {
  font-size: 0.75rem;
  font-weight: bold;
}
.c-db-search-popover-content .vc-pane-container .vc-day-content {
  font-size: 0.875rem;
  font-weight: var(--font-normal);
}
.c-db-search-popover-content .vc-pane-container .vc-day-content.vc-disabled {
  color: #c0c5cc !important;
}

.c-db-icon {
  background-color: currentcolor;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.c-db-icon--category-search {
  mask-image: url("../image/common/icon_category-search.svg");
}
.c-db-icon--directions-bus {
  mask-image: url("../image/common/icon_directions-bus.svg");
}
.c-db-icon--stop-bus {
  mask-image: url("../image/common/icon_stop-bus.svg");
}
.c-db-icon--hashtag {
  mask-image: url("../image/common/icon_hashtag.svg");
}
.c-db-icon--adult-luxury {
  mask-image: url("../image/common/icon_adult-luxury.svg");
}
.c-db-icon--amusement {
  mask-image: url("../image/common/icon_amusement.svg");
}
.c-db-icon--autumn-leaves {
  mask-image: url("../image/common/icon_autumn-leaves.svg");
}
.c-db-icon--buffet {
  mask-image: url("../image/common/icon_buffet.svg");
}
.c-db-icon--family {
  mask-image: url("../image/common/icon_family.svg");
}
.c-db-icon--firework {
  mask-image: url("../image/common/icon_firework.svg");
}
.c-db-icon--flower {
  mask-image: url("../image/common/icon_flower.svg");
}
.c-db-icon--fruit-picking {
  mask-image: url("../image/common/icon_fruit-picking.svg");
}
.c-db-icon--gastronomy {
  mask-image: url("../image/common/icon_gastronomy.svg");
}
.c-db-icon--girls-trip {
  mask-image: url("../image/common/icon_girls-trip.svg");
}
.c-db-icon--holiday {
  mask-image: url("../image/common/icon_holiday.svg");
}
.c-db-icon--hot-spring {
  mask-image: url("../image/common/icon_hot-spring.svg");
}
.c-db-icon--illumination {
  mask-image: url("../image/common/icon_illumination.svg");
}
.c-db-icon--move-slowly {
  mask-image: url("../image/common/icon_move-slowly.svg");
}
.c-db-icon--nature {
  mask-image: url("../image/common/icon_nature.svg");
}
.c-db-icon--new-releases {
  mask-image: url("../image/common/icon_new-releases.svg");
}
.c-db-icon--pets {
  mask-image: url("../image/common/icon_pets.svg");
}
.c-db-icon--power-spot {
  mask-image: url("../image/common/icon_power-spot.svg");
}
.c-db-icon--sale {
  mask-image: url("../image/common/icon_sale.svg");
}
.c-db-icon--seafood {
  mask-image: url("../image/common/icon_seafood.svg");
}
.c-db-icon--stargazing {
  mask-image: url("../image/common/icon_stargazing.svg");
}
.c-db-icon--student {
  mask-image: url("../image/common/icon_student.svg");
}
.c-db-icon--new-sort {
  mask-image: url("../image/common/icon_new-sort.svg");
}
.c-db-icon--double_arrow_left {
  mask-image: url("../image/common/icon_double_arrow_left.svg");
}
.c-db-icon--double_arrow_right {
  mask-image: url("../image/common/icon_double_arrow_right.svg");
}
.c-db-icon--circle-dashed {
  mask-image: url("../image/common/icon_circle-dashed.svg");
}
.c-db-icon--ropeway {
  mask-image: url("../image/common/icon_ropeway.svg");
}
.c-db-icon--open-modal {
  mask-image: url("../image/common/icon_open-modal.svg");
}
.c-db-icon--arrow {
  mask-image: url("../image/common/icon_arrow.svg");
}
.c-db-icon--facility {
  mask-image: url("../image/common/icon_facility.svg");
}
.c-db-icon--activities {
  mask-image: url("../image/common/icon_activities.svg");
}
.c-db-icon--hotel-building {
  mask-image: url("../image/common/icon_hotel-building.svg");
}
.c-db-icon--color-black {
  color: var(--color-base);
}
.c-db-icon--color-muted {
  color: var(--color-muted);
}
.c-db-icon--color-gray {
  color: var(--color-gray);
}
.c-db-icon--color-overseas {
  color: var(--color-overseas);
}
.c-db-icon--color-caution {
  color: var(--color-caution);
}
.c-db-icon--color-secondary {
  color: var(--color-secondary);
}
.c-db-icon--size-small {
  width: 16px;
  height: 16px;
}
.c-db-icon--size-medium {
  width: 24px;
  height: 24px;
}
.c-db-icon--size-large {
  width: 40px;
  height: 40px;
}
.c-db-icon--search-box {
  position: absolute;
  top: 50%;
  left: 7px;
  z-index: 1;
  transform: translateY(-50%);
}

.c-db-product-category-tag {
  width: fit-content;
}
.c-db-product-category-tag__item {
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 4px 8px;
  font-size: 0.75rem;
  font-weight: var(--font-bold);
  border-radius: 4px;
}
.c-db-product-category-tag__item .ui-static-icon {
  line-height: 12px;
}
.c-db-product-category-tag__item--day-trip {
  color: #268507;
  background-color: #f3ffe8;
}
.c-db-product-category-tag__item--day-trip .ui-static-icon {
  color: #268507;
}
.c-db-product-category-tag__item--stay-trip {
  color: #c9003d;
  background-color: #ffedef;
}
.c-db-product-category-tag__item--stay-trip .ui-static-icon {
  color: #c9003d;
}
.c-db-product-category-tag__item--night-trip {
  color: #0063b0;
  background-color: #eaf6ff;
}
.c-db-product-category-tag__item--night-trip .ui-static-icon {
  color: #0063b0;
}

.c-db-product-tag-icon {
  display: flex;
  gap: 4px;
  align-items: center;
  width: fit-content;
  padding: 4px 8px 4px 4px;
  background-color: #f0f7ff;
  border-radius: 4px;
}
.c-db-product-tag-icon--img {
  padding: 0;
  background-color: transparent;
}
.c-db-product-tag-icon--bg-white {
  background-color: #fff;
}
.c-db-product-tag-icon__text {
  line-height: 1;
  letter-spacing: -0.04em;
}

.c-db-tag {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  padding: 3px 8px;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  border-radius: 4px;
}
.c-db-tag--gray {
  color: #697180;
  background-color: #e9ecf2;
}
.c-db-tag--green {
  color: #008552;
  background-color: #f2fff7;
}
.c-db-tag--orange {
  color: #cf3700;
  background-color: #fffcd5;
}
.c-db-tag--blue {
  color: #3064d5;
  background-color: #f0f7ff;
}
.c-db-tag--navy {
  color: #10069f;
  background-color: #e0edff;
}
.c-db-tag--indigo {
  color: #21218e;
  background-color: #f1f1ff;
}
.c-db-tag--red {
  color: #df0d00;
  background-color: #fff7f7;
}
.c-db-tag--rose {
  color: #ba0254;
  background-color: #ffebf7;
}
.c-db-tag--yellow {
  color: #2c2a29;
  background-color: #ffee1d;
}
.c-db-tag--camel {
  color: #644900;
  background-color: #fbf9ef;
}
.c-db-tag--dark {
  color: #2c2a29;
  background-color: transparent;
}
.c-db-tag--white {
  color: #697180;
  background-color: #fff;
}

@keyframes product-card-fadein {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.c-db-search-result-product {
  animation: product-card-fadein 0.75s both;
}
.c-db-search-result-product:nth-child(1) {
  animation-delay: 0.25s;
}
.c-db-search-result-product:nth-child(2) {
  animation-delay: 0.3s;
}
.c-db-search-result-product:nth-child(3) {
  animation-delay: 0.35s;
}
.c-db-search-result-product:nth-child(4) {
  animation-delay: 0.4s;
}
.c-db-search-result-product:nth-child(5) {
  animation-delay: 0.45s;
}
.c-db-search-result-product:nth-child(6) {
  animation-delay: 0.5s;
}
.c-db-search-result-product:nth-child(7) {
  animation-delay: 0.55s;
}
.c-db-search-result-product:nth-child(8) {
  animation-delay: 0.6s;
}
.c-db-search-result-product:nth-child(9) {
  animation-delay: 0.65s;
}
.c-db-search-result-product:nth-child(10) {
  animation-delay: 0.7s;
}
.c-db-search-result-product + .c-db-search-result-product {
  margin-top: 24px;
}
.c-db-search-result-product__link {
  display: block;
  color: inherit;
  text-decoration: none;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 6px 0 rgba(44, 42, 41, 0.4509803922);
  transition: box-shadow 0.3s ease;
}
.c-db-search-result-product__inner {
  display: flex;
  overflow: hidden;
  border-radius: 8px;
}
.c-db-search-result-product__image-container {
  position: relative;
  flex-shrink: 0;
  padding: 16px 0 16px 16px;
}
.c-db-search-result-product__image-inner {
  width: 260px;
  overflow: hidden;
  border-radius: 8px;
}
.c-db-search-result-product__image-inner img {
  display: block;
  width: 100%;
  height: 100%;
  transition: transform 0.25s;
}
.c-db-search-result-product__overlay-image {
  position: absolute;
  top: 16px;
  left: 16px;
  width: auto;
  max-height: 26px;
}
.c-db-search-result-product__data-area {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 8px;
  min-width: 0;
  padding: 16px;
}
.c-db-search-result-product__text-area {
  display: flex;
  flex-direction: column;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  gap: 6px;
}
.c-db-search-result-product__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}
.c-db-search-result-product__title {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  color: #2c2a29;
  transition: color 0.3s ease;
}
.c-db-search-result-product__location {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #2c2a29;
}
.c-db-search-result-product__location .ui-static-icon {
  flex-shrink: 0;
}
.c-db-search-result-product__distance {
  font-size: 0.75rem;
  line-height: 1.5;
  color: #2c2a29;
}
.c-db-search-result-product__features {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.c-db-search-result-product__feature {
  display: flex;
  gap: 4px;
  align-items: center;
  font-size: 0.75rem;
  line-height: 1.1;
  color: #2c2a29;
  letter-spacing: -0.04em;
}
.c-db-search-result-product__feature .ui-static-icon {
  flex-shrink: 0;
  color: #697180;
}
.c-db-search-result-product__description {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #2c2a29;
  -webkit-box-orient: vertical;
}
.c-db-search-result-product__sale-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  overflow: hidden;
}
.c-db-search-result-product__price-area {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: 170px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  padding: 16px 20px;
  background-color: #f5f7fa;
}
.c-db-search-result-product__price-inner {
  display: grid;
  grid-template-areas: "discount-label old-price" "price-main price-main" "price-unit price-unit" "price-per-person price-per-person";
  grid-template-columns: 1fr auto;
  width: 100%;
}
.c-db-search-result-product__price-main {
  display: flex;
  grid-area: price-main;
  align-items: baseline;
  justify-content: flex-end;
  width: 100%;
}
.c-db-search-result-product__discount-label {
  grid-area: discount-label;
  width: fit-content;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  padding: 0 3px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  margin-right: 9px;
  margin-left: auto;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #df0d00;
  white-space: nowrap;
  border: 1px solid rgba(223, 13, 0, 0.4);
}
.c-db-search-result-product__old-price {
  grid-area: old-price;
  font-family: Roboto, sans-serif;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.5;
  color: #2c2a29;
  text-align: right;
  text-decoration: line-through;
}
.c-db-search-result-product__current-price, .c-db-search-result-product__current-price-yen {
  font-family: Roboto, sans-serif;
  font-size: 1.375rem;
  font-weight: 700;
  line-height: 1.3;
  color: #2c2a29;
  text-align: right;
}
.c-db-search-result-product__current-price--red, .c-db-search-result-product__current-price-yen--red {
  color: #df0d00;
}
.c-db-search-result-product__current-price-yen {
  font-size: 0.875rem;
}
.c-db-search-result-product__price-unit {
  grid-area: price-unit;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #697180;
  text-align: right;
}
.c-db-search-result-product__price-per-person {
  grid-area: price-per-person;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #2c2a29;
  text-align: right;
}

.c-db-table__detail-head {
  font-size: 0.75rem;
}
.c-db-table__detail-body {
  letter-spacing: -0.04em;
}
.c-db-table__title {
  font-weight: 400;
}
.c-db-table__title--bold {
  font-weight: bold !important;
}
.c-db-table__text {
  font-weight: 400;
}

.c-db-list-count {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: baseline;
  font-size: 0.875rem;
}
.c-db-list-count__count-number {
  font-size: 1.375rem;
  font-weight: var(--font-bold);
  line-height: 0;
}
.c-db-list-count__count-display {
  font-size: 0.75rem;
  color: var(--color-muted);
}
.c-db-list-count__count-range {
  font-weight: var(--font-bold);
}

.c-db-pagination {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
}
.c-db-pagination__list {
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
}
.c-db-pagination__item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  font-size: 0.875rem;
  color: var(--color-base);
  text-decoration: none;
  background: #e9ecf2;
  border-radius: 4px;
}
.c-db-pagination__item.is-disabled {
  color: #acb5bf;
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
}
.c-db-pagination__item--first, .c-db-pagination__item--prev, .c-db-pagination__item--next, .c-db-pagination__item--last {
  color: var(--color-muted);
  background: transparent;
}
.c-db-pagination__item--first.is-disabled, .c-db-pagination__item--prev.is-disabled, .c-db-pagination__item--next.is-disabled, .c-db-pagination__item--last.is-disabled {
  color: #acb5bf;
  pointer-events: none;
  background: transparent;
}
.c-db-pagination__item--first.is-disabled .c-db-icon, .c-db-pagination__item--prev.is-disabled .c-db-icon, .c-db-pagination__item--next.is-disabled .c-db-icon, .c-db-pagination__item--last.is-disabled .c-db-icon {
  color: #acb5bf;
}
.c-db-pagination__item--current {
  font-weight: var(--font-bold);
  color: #fff;
  pointer-events: none;
  background: var(--color-muted);
}
.c-db-pagination.is-loading .c-db-pagination__item {
  color: #939dad;
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
}
.c-db-pagination.is-loading .c-db-pagination__item--first,
.c-db-pagination.is-loading .c-db-pagination__item--prev,
.c-db-pagination.is-loading .c-db-pagination__item--next,
.c-db-pagination.is-loading .c-db-pagination__item--last {
  color: #acb5bf;
  background: transparent;
}
.c-db-pagination.is-loading .c-db-pagination__item--first .c-db-icon,
.c-db-pagination.is-loading .c-db-pagination__item--prev .c-db-icon,
.c-db-pagination.is-loading .c-db-pagination__item--next .c-db-icon,
.c-db-pagination.is-loading .c-db-pagination__item--last .c-db-icon {
  color: #acb5bf;
}

.c-db-loading-product-card + .c-db-loading-product-card {
  margin-top: 24px;
}
.c-db-loading-product-card .ui-static-product-card {
  pointer-events: none;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner {
  justify-content: space-between;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__image-container.ui-static-product-card-image-container .c-db-loading-product-card__content {
  height: auto;
  aspect-ratio: 4/3;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container {
  display: flex;
  flex-direction: column;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-title {
  width: 100%;
  height: 120px;
  margin-top: 0;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-description {
  height: 50px;
  margin-top: 8px;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-price-container {
  width: 300px;
  margin-left: auto;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-price-container--use-search-result {
  height: 48px;
  margin-top: 8px;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-price-container--use-savelist {
  height: 94px;
  margin-top: 16px;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__content {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(90deg, #fff 0%, #e9ecf2 50%, #fff 100%);
  background-position: 0% 0%;
  background-size: 3000px 100%;
  animation: loading-shimmer 2.5s linear infinite;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__price-area {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: 0 16px 16px;
  background-color: unset;
}
.c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__price-area .c-db-loading-product-card__content {
  width: 70%;
  height: 40px;
}

/* c-counter
------------------------- */
.c-counter {
  display: flex;
  align-items: center;
}
.c-counter__button {
  position: relative;
  display: flex;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #e9ecf2;
  border-radius: 50%;
}
.c-counter__button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: #697180;
  transform: translate(-50%, -50%);
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.c-counter__button--decrement::before {
  mask-image: url(../image/common/icon_minus.svg);
}
.c-counter__button--increment::before {
  mask-image: url(../image/common/icon_plus.svg);
}
.c-counter__button:disabled {
  pointer-events: none;
  cursor: default;
  background-color: #f5f7fa;
}
.c-counter__button:disabled::before {
  background-color: #acb5bf;
}
.c-counter__value {
  width: 38px;
  font-size: 1.125rem;
  font-weight: bold;
  text-align: center;
  outline: none;
  background-color: transparent;
  border: none;
}

.c-db-follow-button {
  position: fixed;
  z-index: 500;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-end;
}
.c-db-follow-button__item {
  display: block;
  width: 78px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  padding: 13.5px 2px;
  text-decoration: none;
  background: var(--color-white);
  border: 1px solid #66a4f9;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.15);
}
.c-db-follow-button__icon {
  display: block;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
  margin: 0 auto 2px;
  color: var(--color-secondary);
  text-align: center;
}
.c-db-follow-button__icon.c-db-icon {
  background-color: var(--color-secondary);
}
.c-db-follow-button__text {
  display: block;
  font-size: 0.875rem;
  color: var(--color-secondary);
  text-align: center;
  text-indent: -0.04em;
  letter-spacing: -0.04em;
}

.c-form-label {
  position: relative;
  display: inline-block;
  width: fit-content;
  cursor: pointer;
}
.c-form-label:has(:disabled) {
  cursor: not-allowed;
}
.c-form-label:has(.c-input-disabled) {
  pointer-events: none;
  cursor: not-allowed;
}

.c-input-radio,
.c-input-checkbox {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  white-space: nowrap;
  clip-path: inset(50%);
}
.c-input-radio + .c-input-name,
.c-input-checkbox + .c-input-name {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: fit-content;
}
.c-input-radio + .c-input-name::before,
.c-input-checkbox + .c-input-name::before {
  box-sizing: border-box;
  display: block;
  flex-shrink: 0;
  width: 24px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--background-color, #fff);
  border: 2px solid var(--border-color, #939dad);
}
.c-input-radio.c-input-required + .c-input-name::before,
.c-input-checkbox.c-input-required + .c-input-name::before {
  --background-color: #fdffe5;
}
.c-input-radio.c-input-error:not(:checked) + .c-input-name::before,
.c-input-checkbox.c-input-error:not(:checked) + .c-input-name::before {
  --border-color: rgb(214 51 51 / 40%);
  --background-color: var(--background-color-error);
}
.c-input-radio:checked + .c-input-name::before,
.c-input-checkbox:checked + .c-input-name::before {
  --border-color: var(--color-secondary);
}
.c-input-radio:checked + .c-input-name::after,
.c-input-checkbox:checked + .c-input-name::after {
  position: absolute;
  display: inline-block;
}

.c-input-radio + .c-input-name::before {
  border-radius: 50%;
}
.c-input-radio:checked + .c-input-name::after {
  top: 4px;
  left: 4px;
  width: 16px;
  aspect-ratio: 1;
  content: "";
  background-color: var(--color-secondary);
  border-radius: 50%;
}
.c-input-radio:disabled + .c-input-name, .c-input-radio.c-input-disabled + .c-input-name {
  color: #939dad;
}
.c-input-radio:disabled + .c-input-name::before, .c-input-radio.c-input-disabled + .c-input-name::before {
  --border-color: #c0c5cc;
  --background-color: #e9ecf2 !important;
}
.c-input-radio:disabled + .c-input-name::after, .c-input-radio.c-input-disabled + .c-input-name::after {
  background-color: #c0c5cc;
}

.c-input-checkbox + .c-input-name::before {
  border-radius: 4px;
}
.c-input-checkbox:disabled + .c-input-name, .c-input-checkbox.c-input-disabled + .c-input-name {
  color: #939dad;
}
.c-input-checkbox:disabled + .c-input-name::before, .c-input-checkbox.c-input-disabled + .c-input-name::before {
  --border-color: #c0c5cc;
  --background-color: #e9ecf2 !important;
}
.c-input-checkbox:checked + .c-input-name {
  --border-color: var(--color-secondary);
  --background-color: var(--color-secondary);
}
.c-input-checkbox:checked + .c-input-name::after {
  top: 0;
  left: 0;
  width: 24px;
  aspect-ratio: 1;
  pointer-events: none;
  content: "";
  background-color: var(--color-white);
  mask-image: url("../image/common/icon_check.svg");
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
}
.c-input-checkbox:checked:disabled + .c-input-name::before, .c-input-checkbox:checked.c-input-disabled + .c-input-name::before {
  --background-color: #c0c5cc !important;
}

.c-input-text::placeholder {
  color: #939dad;
}
.c-input-text:disabled::placeholder {
  color: #c0c5cc;
}

/* stylelint-disable-next-line no-duplicate-selectors -- Intentionally split: placeholder styles and main styles are separate blocks */
.c-input-text {
  --border-color: #939dad;
  --background-color: var(--color-white);
  --sp-width: 100%;
  --pc-width: 100%;
  width: var(--sp-width);
  height: auto;
  min-height: 50px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- Custom padding required for input field design */
  padding: 10px 8px;
  color: var(--color-base);
  resize: vertical;
  background-color: var(--background-color);
  border: solid 1px var(--border-color);
  border-radius: 8px;
}
.c-input-text--short {
  width: 192px;
}
.c-input-text.c-input-required {
  --background-color: #fdffe5;
}
.c-input-text.c-input-error {
  --border-color: rgb(214 51 51 / 40%);
  --background-color: var(--background-color-error);
  border-width: 2px;
}
.c-input-text:disabled {
  cursor: not-allowed;
  --border-color: rgb(192 197 204 / 70%);
  --background-color: rgb(233 236 242 / 70%);
}
.c-input-text:focus {
  --border-color: transparent;
  outline: 2px solid #99c4fd;
  --background-color: #f0f7ff;
}

form:has(.c-certification-input) .c-submit-button {
  --text-color: #939dad;
  --border-color: rgb(192 197 204 / 70%);
  --background-color: rgb(233 236 242 / 70%);
  pointer-events: none;
  cursor: not-allowed;
}

form:has(.c-certification-input:checked) .c-submit-button {
  --text-color: var(--color-white);
  --border-color: var(--color-primary);
  --background-color: var(--color-primary);
  pointer-events: visible;
  cursor: pointer;
}

.c-input-has-icon {
  position: relative;
}
.c-input-has-icon__icon {
  position: absolute;
  top: 50%;
  left: 8px;
  pointer-events: none;
  transform: translateY(-50%);
}
.c-input-has-icon__text {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- Custom padding for icon offset */
  padding-left: 32px;
}

.c-input-box {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: #fff;
  border: 3px solid rgba(242, 148, 35, 0.4);
}
.c-input-box .c-input-name {
  font-weight: var(--font-bold);
}
.c-input-box .c-input-checkbox:disabled + .c-input-name {
  color: #697180;
}

.c-input-name-grid {
  display: grid;
}
.c-input-name-grid__sub-item {
  font-size: 0.75rem;
}

.c-input-checkbox:not(:disabled) + .c-input-name .c-input-name-grid__sub-item {
  color: var(--color-muted);
}

.c-db-input-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.c-db-input-wrapper__header {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  align-items: center;
}
.c-db-input-wrapper__title {
  font-size: 0.875rem;
  font-weight: var(--font-bold);
  line-height: 1.3;
}
.c-db-input-wrapper__required {
  flex-shrink: 0;
  height: 17px;
  padding-inline: 8px;
  font-size: 0.75rem;
  font-weight: var(--font-bold);
  line-height: 1.3;
  color: #df0d00;
  background-color: #fff7f7;
  border-radius: 4px;
}
.c-db-input-wrapper__input-note {
  font-size: 0.75rem;
  line-height: 1.3;
  color: #697180;
}
.c-db-input-wrapper__body > * + * {
  margin-top: 16px;
}
.c-db-input-wrapper__error {
  display: none;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #df0d00;
}
.c-db-input-wrapper__error .ui-static-icon {
  margin-right: 4px;
  vertical-align: text-bottom;
  color: #df0d00;
}
.c-db-input-wrapper.is-error .c-db-input-wrapper__error {
  display: block;
}
.c-db-input-wrapper__note {
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #df0d00;
}
.c-db-input-wrapper--child {
  gap: 4px;
}
.c-db-input-wrapper .c-db-input-wrapper--child .c-db-input-wrapper__title {
  font-weight: var(--font-normal);
}
.c-db-input-wrapper--disabled .c-db-input-wrapper__title {
  color: #939dad;
}

.c-db-text-field__input {
  width: 100%;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 8px;
  font-size: 0.875rem;
  line-height: 1.3;
  outline: none;
  background-color: #fff;
  border: 1px solid #939dad;
  border-radius: 8px;
  transition: border-color 0.15s, background-color 0.15s;
}
.c-db-text-field__input::placeholder {
  color: #939dad;
}
.c-db-text-field__input:focus {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 7px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: -1px 0;
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.c-db-text-field__input:disabled {
  color: #939dad;
  cursor: not-allowed;
  background-color: rgba(233, 236, 242, 0.6980392157);
  border-color: rgba(192, 197, 204, 0.6980392157);
}
.c-db-text-field__input[data-auto-filled=true]:not(:focus) {
  color: #939dad;
}
.c-db-text-field__input:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
.c-db-text-field__input:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #f0f7ff inset;
}
.c-db-text-field.is-unfilled .c-db-text-field__input:not(:focus) {
  background-color: #fdffe5;
}
.c-db-text-field.is-error .c-db-text-field__input:not(:focus) {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 7px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: -1px 0;
  background-color: var(--background-color-error);
  border: 2px solid rgba(214, 51, 51, 0.4);
}
.c-db-text-field.is-error .c-db-text-field__input:not(:focus)::placeholder {
  color: #2c2a29;
}
.c-db-text-field.is-error .c-db-text-field__input:not(:focus):-webkit-autofill {
  box-shadow: 0 0 0 1000px var(--background-color-error) inset;
}

.c-db-select {
  position: relative;
}
.c-db-select__trigger {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 8px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #2c2a29;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #939dad;
  border-radius: 8px;
  transition: border-color 0.15s;
}
.c-db-select__trigger:disabled {
  color: #c0c5cc;
  cursor: not-allowed;
  background-color: rgba(233, 236, 242, 0.6980392157);
  border-color: rgba(192, 197, 204, 0.6980392157);
}
.c-db-select__trigger:disabled .c-db-select__chevron .ui-static-icon {
  color: #acb5bf;
}
.c-db-select__trigger[aria-expanded=true] {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 7px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: -1px 0;
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.c-db-select__label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-db-select__label.is-placeholder {
  color: #939dad;
}
.c-db-select__chevron {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  transition: transform 0.2s;
}
.is-opened .c-db-select__chevron {
  transform: rotate(180deg);
}
.c-db-select__popover {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 90;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity, visibility;
}
.is-opened .c-db-select__popover {
  top: 100%;
  visibility: visible;
  max-height: calc(100svh - 94px);
  opacity: 1;
}
.c-db-select__content {
  max-height: calc(100svh - 96px);
  padding: 4px 0;
  overflow-y: auto;
  background-color: var(--color-white, #fff);
}
.c-db-select__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-db-select__option {
  display: block;
  width: 100%;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #2c2a29;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  transition: background-color 0.1s;
}
.c-db-select__option.is-selected {
  font-weight: var(--font-bold, bold);
}
.c-db-select__option:disabled {
  color: #bbb;
  cursor: not-allowed;
}
.c-db-select.is-unfilled .c-db-select__trigger:not([aria-expanded=true]) {
  background-color: #fdffe5;
}
.c-db-select.is-error .c-db-select__trigger:not([aria-expanded=true]) {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 7px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: -1px 0;
  background-color: var(--background-color-error);
  border: 2px solid rgba(214, 51, 51, 0.4);
}
.c-db-select.is-error .c-db-select__trigger:not([aria-expanded=true]) .c-db-select__label.is-placeholder {
  color: #2c2a29;
}

.c-db-radio {
  display: flex;
  gap: 24px;
  margin-top: 4px;
}
.c-db-radio--vertical {
  flex-direction: column;
  gap: 16px;
}
.c-db-radio.is-error .c-db-radio__text::before {
  background-color: var(--background-color-error);
  border-color: rgba(214, 51, 51, 0.4);
}
.c-db-radio.is-disabled {
  pointer-events: none;
  opacity: 0.5;
}
.c-db-radio.is-disabled .c-db-radio__input + .c-db-radio__text::before {
  background-color: transparent;
}
.c-db-radio.is-disabled .c-db-radio__input:checked + .c-db-radio__text::before {
  border-color: #939dad;
}
.c-db-radio.is-disabled .c-db-radio__input:checked + .c-db-radio__text::after {
  display: none;
}
.c-db-radio.is-required:not(.is-error) .c-db-radio__text::before {
  background-color: #fdffe5;
}
.c-db-radio__label:has(.c-db-radio__text) {
  cursor: pointer;
}
.c-db-radio__input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  /* stylelint-disable-next-line */
  margin: -1px;
  overflow: hidden;
  white-space: nowrap;
  border-width: 0;
  /* stylelint-disable-next-line */
  clip: rect(0, 0, 0, 0);
}
.c-db-radio__input:checked + .c-db-radio__text::before {
  border: solid 2px var(--color-secondary);
}
.c-db-radio__input:checked + .c-db-radio__text::after {
  position: absolute;
  top: 50%;
  left: 4px;
  display: block;
  width: 16px;
  height: 16px;
  content: "";
  background-color: var(--color-secondary);
  border-radius: 50%;
  transform: translateY(-50%);
}
.c-db-radio__text {
  position: relative;
  display: flex;
  gap: 8px;
  align-items: center;
  width: fit-content;
  font-size: 0.875rem;
  line-height: 1.5;
}
.c-db-radio__text::before {
  box-sizing: border-box;
  display: block;
  width: 24px;
  height: 24px;
  content: "";
  background-color: var(--color-white);
  border: solid 2px #939dad;
  border-radius: 50%;
  transition: all ease-out 0.2s;
}

.c-db-dot-list {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-db-dot-list li {
  position: relative;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- ドットアイコン分のpadding */
  padding-left: 14px;
  font-size: 0.875rem;
  line-height: 1.6;
}
.c-db-dot-list li::before {
  position: absolute;
  top: 0.5em;
  left: 0;
  width: 8px;
  height: 8px;
  content: "";
  background-color: #c0c5cc;
  border-radius: 50%;
}

.c-db-flow-step {
  height: 49px;
  padding: 8px;
  background: var(--background-color-primary);
}
.c-db-flow-step__inner {
  display: flex;
  justify-content: space-between;
  width: 660px;
  margin: 0 auto;
}
.c-db-flow-step__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-db-flow-step__item::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: calc((660px - 16px * var(--step-count)) / var(--step-gap) - 4px);
  height: 2px;
  /* stylelint-disable-next-line */
  margin-left: 18px;
  content: "";
  background: #e9ecf2;
  transform: translateY(-50%);
}
.c-db-flow-step__item:last-child::before {
  display: none;
}
.c-db-flow-step__item::after {
  position: absolute;
  top: 100%;
  left: 50%;
  display: none;
  font-size: 0.75rem;
  font-weight: bold;
  color: var(--color-secondary);
  white-space: pre;
  content: attr(data-label);
  transform: translateX(-50%);
}
.c-db-flow-step__item.is-current::after {
  display: block;
}
.c-db-flow-step__item.is-current .c-db-flow-step__icon:not(.ui-static-icon)::before {
  width: 10px;
  height: 10px;
  background: var(--color-secondary);
}
.c-db-flow-step__item.is-complete::before {
  background: #c0dbff;
}
.c-db-flow-step__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
}
.c-db-flow-step__icon:not(.ui-static-icon)::before {
  display: block;
  width: 6px;
  height: 6px;
  content: "";
  background: var(--color-gray);
  border-radius: 50%;
}
.c-db-flow-step__icon.ui-static-icon {
  width: 16px;
  height: 16px;
  color: #66a4f9;
  background: none;
}

.c-db-textarea {
  width: 100%;
}
.c-db-textarea__input {
  box-sizing: border-box;
  display: block;
  width: 100%;
  height: 100px;
  /* stylelint-disable-next-line */
  padding: 7px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--color-base);
  resize: vertical;
  background-color: var(--color-white);
  border: solid 1px #939dad;
  border-radius: 8px;
}
.c-db-textarea__input.is-required {
  background-color: #fdffe5;
}
.c-db-textarea__input.is-error {
  background-color: var(--background-color-error);
  border: solid 2px rgba(223, 13, 0, 0.4);
}
.c-db-textarea__input.is-error::placeholder {
  color: #939dad;
}
.c-db-textarea__input.is-error:focus-visible {
  background-color: var(--background-color-error);
  border: 2px solid rgba(223, 13, 0, 0.4);
}
.c-db-textarea__input:focus-visible {
  /* stylelint-disable-next-line */
  padding: 6px;
  outline: none;
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.c-db-textarea__input::placeholder {
  color: #939dad;
}
.c-db-textarea__count-text {
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: var(--color-muted);
}
.c-db-textarea__count-text.is-hidden {
  display: none;
}
.c-db-textarea__error {
  display: none;
  margin-top: 4px;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #df0d00;
}
.c-db-textarea__error .ui-static-icon {
  margin-right: 4px;
  vertical-align: text-bottom;
  color: #df0d00;
}

.c-db-heading--size-tiny {
  font-size: 0.875rem;
}
.c-db-heading--size-small {
  font-size: 1.125rem;
}
.c-db-heading--size-16 {
  font-size: 1rem;
}
.c-db-heading--size-medium {
  font-size: 1.25rem;
}
.c-db-heading--size-large {
  font-size: 1.5rem;
}
.c-db-heading--left {
  text-align: left;
}
.c-db-heading--center {
  text-align: center;
}
.c-db-heading--right {
  text-align: right;
}
.c-db-heading--bold {
  font-weight: bold;
}
.c-db-heading--underline {
  text-decoration: underline;
}
.c-db-heading--bg-color {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 0.5em 1em;
}
.c-db-heading--bg-image {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 0.5em 1em;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.c-db-heading--with-icon {
  display: flex;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  gap: 0.4em;
  align-items: center;
}
.c-db-heading--with-subtitle-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.c-db-heading--with-subtitle-top.c-db-heading--center {
  align-items: center;
}
.c-db-heading--with-subtitle-top.c-db-heading--right {
  align-items: flex-end;
}
.c-db-heading--with-subtitle-bottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.c-db-heading--with-subtitle-bottom.c-db-heading--center {
  align-items: center;
}
.c-db-heading--with-subtitle-bottom.c-db-heading--right {
  align-items: flex-end;
}
.c-db-heading__subtitle {
  font-size: 0.75em;
  font-weight: normal;
}
.c-db-heading__icon {
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
}
.c-db-heading__text {
  flex: 1;
}

.c-db-fselect {
  position: relative;
}
.c-db-fselect__trigger {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 8px;
  font-size: 0.875rem;
  line-height: 1.4;
  color: #2c2a29;
  text-align: left;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #939dad;
  border-radius: 8px;
  transition: border-color 0.15s;
}
.c-db-fselect__trigger:disabled {
  color: #c0c5cc;
  cursor: not-allowed;
  background-color: rgba(233, 236, 242, 0.6980392157);
  border-color: rgba(192, 197, 204, 0.6980392157);
}
.c-db-fselect__trigger:disabled .c-db-fselect__chevron .ui-static-icon {
  color: #acb5bf;
}
.c-db-fselect__trigger[aria-expanded=true] {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 7px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: -1px 0;
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.c-db-fselect__label {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.c-db-fselect__label.is-placeholder {
  color: #939dad;
}
.c-db-fselect__chevron {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  transition: transform 0.2s;
}
.is-opened .c-db-fselect__chevron {
  transform: rotate(180deg);
}
.c-db-fselect__popover {
  position: absolute;
  right: 0;
  left: 0;
  z-index: 90;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.1490196078);
  opacity: 0;
  transition-duration: 0.3s;
  transition-property: opacity, visibility;
}
.is-opened .c-db-fselect__popover {
  top: 100%;
  visibility: visible;
  max-height: calc(100svh - 94px);
  opacity: 1;
}
.c-db-fselect__filter {
  position: sticky;
  top: 0;
  z-index: 1;
  display: flex;
  gap: 4px;
  align-items: center;
  padding: 14px 12px; /* stylelint-disable-line declaration-property-value-allowed-list */
  margin: 16px 16px 8px;
  background-color: #fff;
  border: 1px solid #939dad;
  border-radius: 8px;
}
.c-db-fselect__filter .ui-static-icon {
  color: #acb5bf;
}
.c-db-fselect__filter:has(.c-db-fselect__filter-input:focus) {
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  padding: 14px 11px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list */
  margin: 15px 16px 7px;
  background-color: #f0f7ff;
  border: 2px solid #99c4fd;
}
.c-db-fselect__filter-input {
  flex: 1;
  font-size: 0.875rem;
  line-height: 1.4;
  outline: none;
  background: transparent;
  border: none;
}
.c-db-fselect__filter-input::placeholder {
  color: #939dad;
}
.c-db-fselect__filter-clear {
  display: flex;
  align-items: center;
  padding: 0;
  cursor: pointer;
  background: none;
  border: none;
}
.c-db-fselect__filter-clear[hidden] {
  display: none;
}
.c-db-fselect__content {
  max-height: calc(100svh - 94px - 72px);
  padding: 4px 0;
  overflow-y: auto;
  background-color: var(--color-white, #fff);
}
.c-db-fselect__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.c-db-fselect__group {
  padding: 4px 16px;
  font-size: 0.875rem;
  font-weight: var(--font-bold);
  list-style: none;
}
.c-db-fselect__group:not(:first-child) {
  padding-top: 12px; /* stylelint-disable-line declaration-property-value-allowed-list */
  border-top: 1px solid #e9ecf2;
}
.c-db-fselect__group[hidden] {
  display: none;
}
.c-db-fselect__option {
  display: flex;
  gap: 4px;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #2c2a29;
  text-align: left;
  cursor: pointer;
  background: none;
  border: none;
  transition: background-color 0.1s;
}
.c-db-fselect__option.is-selected {
  font-weight: var(--font-bold, bold);
}
.c-db-fselect__option:disabled {
  color: #bbb;
  cursor: not-allowed;
}
.c-db-fselect__option-search-icon {
  display: none;
  flex-shrink: 0;
  align-items: center;
}
.c-db-fselect.is-filtering .c-db-fselect__option-search-icon {
  display: flex;
}
.c-db-fselect__empty {
  padding: 12px 16px; /* stylelint-disable-line declaration-property-value-allowed-list */
  font-size: 0.875rem;
  color: #697180;
}
.c-db-fselect__empty[hidden] {
  display: none;
}
.c-db-fselect.is-unfilled .c-db-fselect__trigger:not([aria-expanded=true]) {
  background-color: #fdffe5;
}
.c-db-fselect.is-error .c-db-fselect__trigger:not([aria-expanded=true]) {
  background-color: var(--background-color-error);
  border: 2px solid rgba(214, 51, 51, 0.4);
}

.step-tab {
  position: relative;
  z-index: 1;
  width: 100%;
  padding-top: 24px;
  overflow: hidden;
}
.step-tab::after {
  position: absolute;
  bottom: -100%;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  box-shadow: 0 0 6px 0 rgba(44, 42, 41, 0.45);
}
.step-tab__list {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  margin: 0 auto;
}
.step-tab__item {
  position: relative;
  width: 100%;
}
.step-tab__item--current {
  z-index: 3;
}
.step-tab__item--current::after {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: 2;
  width: calc(100% - 1px);
  height: 20px;
  content: "";
  background-color: #fff;
}
.step-tab__item--next, .step-tab__item--disabled {
  z-index: 4;
}
.step-tab__item--next::after, .step-tab__item--disabled::after {
  position: absolute;
  right: 0;
  bottom: -30px;
  display: block;
  width: calc(100% - 1px);
  height: 30px;
  content: "";
  box-shadow: 0 0 6px 0 rgba(44, 42, 41, 0.45);
}
.step-tab__link {
  display: flex;
  column-gap: 4px;
  align-items: center;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  justify-content: center;
  width: 100%;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  padding: 12px 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.3;
  color: #2c2a29;
  text-align: center;
  letter-spacing: -0.02em;
  cursor: pointer;
  background-color: #fff;
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: 1px solid #c0c5cc;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  transition: 0.2s;
}
.step-tab__link:visited {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  color: #2c2a29;
}
.step-tab__item--current .step-tab__link {
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  padding-block: 15px;
  font-weight: bold;
  color: #3064d5;
  pointer-events: none;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
  box-shadow: 0 0 6px 0 rgba(44, 42, 41, 0.45);
}
.step-tab__item--next .step-tab__link {
  color: #697180;
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  border-color: rgba(192, 197, 204, 0.7);
}
.step-tab__item--next .step-tab__link:not(:disabled) {
  pointer-events: auto;
  cursor: pointer;
}
.step-tab__item--checked .step-tab__link {
  background-color: #e0edff;
}
.step-tab__item--disabled .step-tab__link {
  color: #697180;
  pointer-events: none;
  background-color: rgba(233, 236, 242, 0.7);
  border-color: rgba(192, 197, 204, 0.7);
}
.step-tab__item:first-child .step-tab__link {
  border-left: none;
}
.step-tab__link:focus-visible {
  outline-offset: -1px;
}
.step-tab__icon {
  font-size: 1.5rem;
  color: #acb5bf;
  transition: 0.2s;
}
.step-tab__icon.c-db-icon {
  width: 24px;
  height: 24px;
}
.step-tab__icon--completed {
  display: none;
}
.step-tab__item--current .step-tab__icon {
  color: #3064d5;
}
.step-tab__item--checked .step-tab__icon--default {
  display: none;
}
.step-tab__item--checked .step-tab__icon--completed {
  display: flex;
  color: #66a4f9;
}
.step-tab__item--next button:not(:disabled) .step-tab__icon {
  color: #66a4f9;
}
.step-tab__item--current .step-tab__icon {
  color: #3064d5;
}

.db-p-header-alert {
  margin-bottom: 8px;
  background-color: var(--background-color-error);
}
.db-p-header-alert__wrapper + .db-p-header-alert__wrapper {
  /* stylelint-disable-next-line */
  margin-top: 12px;
}
.db-p-header-alert__wrapper {
  flex-direction: column;
  align-items: flex-start;
}
.db-p-header-alert__wrapper.is-open .db-p-header-alert__icon--arrow {
  transform: rotate(180deg);
}
.db-p-header-alert__wrapper.is-open .db-p-header-alert__text {
  display: block;
}
.db-p-header-alert__wrapper .db-p-header-alert__text .ui-static-link {
  text-decoration: underline;
}
.db-p-header-alert__inner {
  display: flex;
  gap: 8px;
  align-items: flex-start;
  width: 100%;
}
.db-p-header-alert__inner[data-js-accordion=trigger] {
  cursor: pointer;
}
.db-p-header-alert__heading {
  width: 100%;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--color-caution);
}
[data-js-accordion=trigger] > .db-p-header-alert__heading {
  font-weight: 700;
  text-decoration: underline;
}
.db-p-header-alert__icon {
  line-height: 1.5;
  color: var(--color-caution);
}
.db-p-header-alert__icon.material-symbols-rounded {
  margin-right: 0;
}
.db-p-header-alert__icon.material-symbols-rounded.db-p-header-alert__icon--arrow {
  font-size: 1rem;
}
.db-p-header-alert__icon--arrow {
  transition: transform 0.3s ease-out;
}
.db-p-header-alert__text {
  display: none;
  margin-top: 8px;
  color: var(--color-caution);
}

.c-header-btoe {
  width: 100%;
  background: #38393a;
}
.c-header-btoe__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- impresso準拠 */
  padding: 9px 18px;
  margin: 0 auto;
  overflow: auto hidden;
  white-space: nowrap;
}
.c-header-btoe__staff-name {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.8;
  color: #fff;
  white-space: nowrap;
}
.c-header-btoe__logout {
  display: flex;
  flex-shrink: 0;
  gap: 4px;
  align-items: center;
  /* stylelint-disable-next-line declaration-property-value-allowed-list -- impresso準拠 */
  font-size: 0.833125rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.c-header-btoe__logout-icon {
  color: #fff;
}

.u-hr {
  width: 100%;
  margin: 0;
  border-top: 1px dashed #c0c5cc;
  border-bottom: none;
}

.db-aspect-4x3 {
  display: block;
  aspect-ratio: 4/3;
  overflow: hidden;
}
.db-aspect-4x3 img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* stylelint-disable selector-class-pattern -- swiper default class */
.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-fade .swiper-slide-active {
  pointer-events: auto;
}

/* stylelint-enable selector-class-pattern */

@media screen and (768px <= width <= 1104px){
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-image-container {
    margin: 0;
  }
  .c-db-search-result-product__inner {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 37.5510204082% 1fr;
  }
  .c-db-search-result-product__image-container {
    grid-row: 1/-1;
  }
  .c-db-search-result-product__image-inner {
    width: 100%;
  }
  .c-db-search-result-product__data-area {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- タブレットデザイン合わせ */
    padding: 16px 16px 8px;
  }
  .c-db-search-result-product__price-area {
    width: 100%;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- タブレットデザイン合わせ */
    padding: 6px 20px 16px;
    background-color: transparent;
  }
  .c-db-search-result-product__price-inner {
    grid-template-areas: "discount-label discount-label" "old-price price-main" "price-unit price-per-person";
  }
  .c-db-search-result-product__discount-label {
    margin-right: 0;
  }
  .c-db-search-result-product__old-price {
    align-self: end;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding-bottom: 2px;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    margin-right: -12px;
  }
  .c-db-search-result-product__price-unit {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    margin-right: 9px;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner {
    display: grid;
    grid-template-rows: 1fr auto;
    grid-template-columns: 37.5510204082% 1fr;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__image-container.ui-static-product-card-image-container {
    grid-row: 1/-1;
    width: 100%;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container {
    width: 100%;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-title {
    height: 74px;
  }
}

@media screen and (width > 1104px){
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__price-area {
    width: 170px;
    background-color: #f5f7fa;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__price-area .c-db-loading-product-card__content {
    display: none;
  }
}

@media screen and (width < 768px){
  .ui-static-modal-overlay .ui-static-modal-content {
    /* stylelint-disable-next-line */
    padding: 32px 16px 24px;
  }
  .ui-static-modal-overlay .ui-static-modal-content .ui-static-modal-content-inner {
    row-gap: 1rem;
  }
  .ui-static-modal-overlay .ui-static-message.ui-static-message-variant-error .ui-static-message-title-wrapper .ui-static-icon span {
    line-height: 1.5;
  }
  .ui-static-modal-overlay .ui-static-message.ui-static-message-variant-error .ui-static-message-title-wrapper .ui-static-message-title-text {
    line-height: 1.5;
  }
  .ui-static-modal-overlay .ui-static-heading {
    font-weight: bold;
  }
  .ui-static-input .ui-static-input-text-input input {
    font-size: 16px;
    transform: scale(0.875);
    transform-origin: left center;
  }
  .db-search-panel .db-top-search-contents .ui-static-input .ui-static-input-text-input,
  .db-search-condition .db-top-search-contents .ui-static-input .ui-static-input-text-input {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- チェックマーク削除に伴うpadding調整 */
    padding: 22px 8px 5px 31px;
  }
  .ui-static-search-box {
    /* stylelint-disable-next-line */
    margin-top: -46px;
  }
  .ui-static-search-form {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
    padding: 24px 20px 40px;
    border-radius: 0;
  }
  .ui-static-search-box-tab.ui-static-tab {
    margin-inline: 0;
  }
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding-top: 7px;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding-bottom: 7px;
  }
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button .ui-static-icon {
    font-size: 16px;
  }
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button.is-active {
    /* stylelint-disable-next-line */
    padding-top: 10px;
    /* stylelint-disable-next-line */
    padding-bottom: 10px;
  }
  .ui-static-slider-pagination-out {
    /* stylelint-disable-next-line */
    padding-bottom: 30px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container {
    padding: 16px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-title {
    margin-top: 8px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-description p {
    font-size: 0.875rem;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container .ui-static-price-discount-info {
    display: inline-flex;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container .ui-static-price-container {
    padding: 8px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container .ui-static-price-range {
    font-size: 1.375rem;
    line-height: 1;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-tag-tertiary-container {
    display: block;
  }
  .ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table thead th,
  .ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table thead td {
    padding: 8px;
  }
  .ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table tbody th,
  .ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table tbody td {
    padding: 8px;
  }
  .ui-static-table.ui-static-table-variant-basic .ui-static-table-table-wrapper .ui-static-table-table tbody td {
    /* stylelint-disable-next-line */
    padding: 18.5px 12px;
  }
  .u-pc-only {
    display: none !important;
    visibility: hidden !important;
  }
  .db-header {
    gap: 8px;
  }
  .db-header__wrapper--links {
    width: 100%;
  }
  .db-search-panel .ui-static-input .ui-static-input-text-input,
  .db-search-condition .ui-static-input .ui-static-input-text-input {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding: 14px 8px;
  }
  .db-search-panel .ui-static-input .ui-static-input-text-input input,
  .db-search-condition .ui-static-input .ui-static-input-text-input input {
    width: 114.2857142857%;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- scaleは見た目だけを縮小しレイアウト幅は縮まないため、拡張した分を相殺して横スクロールを防ぐ */
    margin-right: -14.2857142857%;
    font-size: 16px;
    transform: scale(0.875);
    transform-origin: left center;
  }
  .db-search-panel .ui-static-input .ui-static-input-text-input .ui-static-icon,
  .db-search-panel .ui-static-input .ui-static-input-text-input .c-db-icon,
  .db-search-condition .ui-static-input .ui-static-input-text-input .ui-static-icon,
  .db-search-condition .ui-static-input .ui-static-input-text-input .c-db-icon {
    display: none;
  }
  .db-search-panel .ui-static-input .ui-static-input-text-input .db-input-box__label,
  .db-search-condition .ui-static-input .ui-static-input-text-input .db-input-box__label {
    display: none;
  }
  .db-search-panel .db-search-panel-list,
  .db-search-condition .db-search-panel-list {
    grid-template-columns: 1fr;
  }
  .db-search-panel .db-search-panel-list__contents,
  .db-search-condition .db-search-panel-list__contents {
    grid-template-columns: 1fr;
    background-color: #e9ecf2;
  }
  .db-search-panel .db-search-panel-list .ui-static-grid-item,
  .db-search-condition .db-search-panel-list .ui-static-grid-item {
    display: flex;
    flex-direction: column;
    gap: 16px;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding: 24px 20px;
    background-color: #fff;
  }
  .db-search-panel .db-search-panel-list .ui-static-grid-item__header,
  .db-search-condition .db-search-panel-list .ui-static-grid-item__header {
    display: flex;
    justify-content: space-between;
  }
  .db-search-panel .db-search-panel-list .ui-static-search-form-button,
  .db-search-condition .db-search-panel-list .ui-static-search-form-button {
    display: none;
  }
  .db-top-search-contents--row2 {
    grid-template-columns: repeat(1, 1fr);
  }
  .db-top-search-contents--row2 .ui-static-grid-item {
    grid-column: span 2 !important;
  }
  .db-top-search-contents .ui-static-input .ui-static-input-text-input {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding: 22px 32px 5px 31px;
  }
  .db-top-search-contents .ui-static-input .ui-static-input-text-input .ui-static-icon,
  .db-top-search-contents .ui-static-input .ui-static-input-text-input .db-input-box__label {
    display: block;
  }
  .db-reservation-date {
    flex-direction: column;
  }
  .c-destination-modal__contents {
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    min-height: calc(100dvh - 44px);
    margin: 0;
    border-radius: 8px 8px 0 0;
    transform: translateY(100%);
    transition: transform 0.3s ease;
  }
  .c-destination-modal.is-show .c-destination-modal__contents {
    transform: translateY(0);
  }
  .c-destination-modal__inner {
    max-height: calc(100dvh - 44px);
  }
  .c-destination-modal__title {
    font-size: 1.125rem;
    border-bottom: none;
  }
  .c-destination-modal__close {
    top: 16px;
    right: 16px;
  }
  .area-select {
    flex-direction: column;
    padding-top: 16px;
  }
  .area-select__nav {
    display: none;
  }
  .area-select__nav-contents {
    display: none;
    padding: 0 16px 16px;
  }
  .area-select__content {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 0 16px 16px;
  }
  .area-select__panel {
    display: block;
    padding: 0;
    border: 1px solid #e9ecf2;
    border-radius: 8px;
  }
  .area-select__panel.is-open .area-select__panel-header .ui-static-icon {
    transform: rotate(180deg);
  }
  .area-select__panel.is-open .area-list {
    display: block;
  }
  .area-suggest {
    padding: 0 16px;
  }
  .area-suggest:has(.area-suggest__list *) {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
  }
  .area-suggest__field {
    font-size: 1rem;
  }
  .area-suggest__list {
    padding: 8px 16px 16px;
    margin: 16px -16px 0;
    overflow-x: hidden;
  }
  .area-suggest.is-suggesting + .c-destination-modal__body {
    display: none;
  }
  .area-suggest-group__header {
    padding: 20px 0;
  }
  .area-suggest-group__children {
    padding: 0 0 0 20px;
  }
  .area-list {
    display: none;
    padding: 0 16px 20px;
  }
  .area-list__item:first-child {
    margin-top: -8px;
  }
  .area-suggest-group__children .area-list__item:first-child {
    margin-top: 0;
  }
  .area-list__item--sub {
    margin-left: 16px;
  }
  .c-room-unit-delete-btn {
    margin-left: auto;
  }
  .c-db-expand-card {
    gap: 16px;
    padding: 16px;
    border-radius: 8px;
  }
  .c-db-expand-card__header {
    flex-direction: column;
    align-items: flex-start;
  }
  .c-db-expand-card__title {
    font-size: 1rem;
  }
  .c-db-expand-card__option-item {
    font-size: 0.75rem;
  }
  .c-db-expand-card__option-unit {
    font-size: 0.75rem;
  }
  .c-db-expand-card__body--has-image {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .c-db-condition-group__title {
    pointer-events: none;
  }
  .c-db-condition-group__title-icon {
    display: none;
  }
  .c-db-condition-group__title-clear-btn {
    font-size: 0.875rem;
  }
  .c-db-condition-group__content {
    display: block !important;
  }
  html:has(.c-db-search-popover.is-opened .is-slide-in),
  body:has(.c-db-search-popover.is-opened .is-slide-in) {
    overflow: clip;
    overscroll-behavior: none;
  }
  .c-db-search-popover::before {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    display: block;
    width: 100%;
    height: 100%;
    pointer-events: none;
    content: "";
    background: rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: opacity 0.3s;
  }
  .c-db-search-popover:has(.is-slide-in).is-opened::before {
    pointer-events: auto;
    opacity: 1;
  }
  .c-db-search-popover:has(.is-slide-in).is-opened .c-db-search-popover__content {
    top: auto;
    bottom: 0;
  }
  @starting-style {
    .c-db-search-popover:has(.is-slide-in).is-opened .c-db-search-popover__content {
      bottom: -100%;
    }
  }
  .c-db-search-popover:has(.is-slide-in) .c-db-search-popover__content {
    position: fixed;
    bottom: -100%;
    width: 100%;
    border-radius: 8px 8px 0 0;
    transition-property: opacity, display, bottom;
  }
  .c-db-search-popover:has(.is-slide-in) .c-db-search-popover-content {
    max-height: calc(100dvh - 44px);
    border-radius: 8px 8px 0 0;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover__trigger {
    display: none;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover__content {
    position: static;
    display: block;
    overflow: visible;
    box-shadow: none;
    opacity: 1;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover-content {
    position: static;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover-content .c-db-search-popover-content__main {
    padding: 0;
    overflow: visible;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover-content .c-db-search-popover-content__footer {
    display: none;
  }
  .c-db-search-popover.pcOnly .c-db-search-popover-content .fieldset {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding: 2px 0;
  }
  .c-db-search-popover-content__main:has(v-date-picker) {
    padding: 0 16px 16px;
  }
  .c-db-search-result-product__inner {
    flex-direction: column;
  }
  .c-db-search-result-product__image-container {
    padding: 0;
  }
  .c-db-search-result-product__image-inner {
    width: 100%;
    border-radius: 0;
  }
  .c-db-search-result-product__overlay-image {
    top: 0;
    left: 0;
  }
  .c-db-search-result-product__price-area {
    width: 100%;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding: 0 16px 17px;
    background-color: transparent;
  }
  .c-db-search-result-product__price-inner {
    grid-template-areas: "discount-label discount-label" "old-price price-main" "price-unit price-per-person";
  }
  .c-db-search-result-product__discount-label {
    margin-right: 0;
  }
  .c-db-search-result-product__old-price {
    align-self: end;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    padding-bottom: 2px;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    margin-right: -12px;
  }
  .c-db-search-result-product__price-unit {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン合わせ */
    margin-right: 9px;
  }
  .c-db-table__title {
    padding: 8px;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-title {
    height: 62px;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-description {
    height: 48px;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__card-container.c-db-loading-product-card__card-container .ui-static-product-card-price-container--use-search-result {
    width: 240px;
  }
  .c-db-follow-button {
    inset: auto auto 16px 0;
    transform: none;
  }
  .c-db-follow-button__item {
    width: 68px;
    border-left: none;
    border-radius: 0 8px 8px 0;
  }
  .c-db-follow-button__icon {
    width: 20px;
    height: 20px;
    font-size: 20px;
  }
  .c-db-follow-button__text {
    font-size: 0.75rem;
  }
  .c-db-select__content {
    max-height: 50svh;
  }
  .c-db-flow-step__inner {
    width: 83.56545961%;
  }
  .c-db-flow-step__item::before {
    width: calc((80vw - 16px * var(--step-count)) / var(--step-gap) - 4px);
  }
  .step-tab__link {
    flex-direction: column;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
    padding-block: 7px;
    font-size: 0.75rem;
  }
  .step-tab__item--current .step-tab__link {
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- デザイン指定値 */
    padding-block: 10px;
  }
  .step-tab__icon {
    font-size: 1rem;
  }
  .step-tab__icon.c-db-icon {
    width: 16px;
    height: 16px;
  }
}

@media (any-hover: hover){
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:hover {
    color: var(--color-hover) !important;
  }
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .c-page-top .c-page-top__button:hover {
    background-color: #e0edff;
  }
  .c-page-top .c-page-top__button:hover .c-page-top__icon {
    color: var(--color-hover);
  }
  .ui-static-image.has-link:hover {
    opacity: 0.7;
  }
  .ui-static-link:hover {
    color: var(--color-hover);
  }
  .ui-static-link:hover .ui-static-icon {
    color: var(--color-hover);
  }
  button.ui-static-link:hover {
    text-decoration: underline;
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-link:hover:not(.active) {
    color: var(--color-hover);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover:not(.active) {
    color: var(--color-hover);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-ui:hover:not(.active) .ui-static-icon-svg {
    fill: var(--color-hover);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover:not(.active) {
    color: var(--color-hover);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-basic:hover:not(.active) .ui-static-icon-svg {
    fill: var(--color-hover);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover:not(.active) {
    color: var(--color-secondary);
  }
  .ui-static-icon.ui-static-icon-link.ui-static-icon-form:hover:not(.active) .ui-static-icon-svg {
    fill: var(--color-secondary);
  }
  .ui-static-button-primary:hover:not(.active, :disabled) {
    background: #0c0577;
    border-color: #0c0577;
  }
  .ui-static-button-secondary:hover:not(.active, :disabled) {
    color: var(--color-hover);
    background: #f0f7ff;
    border-color: #99c4fd;
  }
  .ui-static-button-secondary:hover:not(.active, :disabled) .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-button-shadow:hover:not(.active, :disabled) {
    color: var(--color-hover);
    background-color: #f0f7ff;
    box-shadow: none;
  }
  .ui-static-tab-button:hover {
    color: var(--color-hover);
    background: #f0f7ff;
  }
  .ui-static-tab-type-line .ui-static-tab-button:hover {
    color: var(--color-hover);
  }
  .ui-static-tab-type-line .ui-static-tab-button:hover::before {
    background-color: #c6e9ff;
  }
  .ui-static-tab-type-rounded .ui-static-tab-button:hover {
    color: var(--color-hover);
    background-color: #f0f7ff;
    border-color: #99c4fd;
  }
  .ui-static-tab-type-rounded .ui-static-tab-button:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-checkbox:not(.is-disabled):hover .checkmark {
    border-color: var(--color-secondary);
  }
  .ui-static-checkbox:not(.is-disabled):hover input:checked ~ .checkmark {
    background: var(--color-hover);
    border-color: var(--color-hover);
  }
  .ui-static-input.has-info .ui-static-input-label:hover::after {
    color: var(--color-hover);
  }
  .ui-static-input-select-value:hover {
    background-color: #f0f7ff;
    border-color: #99c4fd;
  }
  .ui-static-input-select-options li:hover {
    background-color: #c0dbff;
  }
  .ui-static-radio:hover:not(.is-disabled) .radiocheck {
    border-color: var(--color-secondary);
  }
  .ui-static-select-options li:not(.ui-static-select-selected):hover {
    background: #c6e9ff;
  }
  .ui-static-modal-overlay .ui-static-modal-close-2 .ui-static-button.ui-static-button-secondary:hover {
    background-color: rgba(0, 0, 0, 0);
  }
  .ui-static-pagination-icon:not(:disabled):hover {
    background: #f0f7ff;
  }
  .ui-static-pagination-icon:not(:disabled):hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-pagination-item:hover {
    color: var(--color-hover);
    background-color: #e0edff;
  }
  .ui-static-breadcrumb-link:hover {
    color: var(--color-hover);
  }
  .ui-static-breadcrumb-link:hover span {
    text-decoration: underline;
  }
  .ui-static-breadcrumb-link:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-banner:hover {
    opacity: 0.7;
  }
  .ui-static-gallery-slide-wrapper .ui-static-gallery-next:not(:disabled):hover,
  .ui-static-gallery-slide-wrapper .ui-static-gallery-prev:not(:disabled):hover {
    cursor: pointer;
  }
  .ui-static-gallery-video:hover {
    opacity: 0.7;
  }
  .ui-static-gallery-video.ui-static-gallery-video-youtube:hover {
    opacity: 0.7;
  }
  .ui-static-gallery-thumbnails .ui-static-gallery-button:hover {
    opacity: 0.7;
  }
  .ui-static-icon-button:hover {
    background-color: #f0f7ff;
    box-shadow: none;
  }
  .ui-static-icon-button:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-colorpallete:hover {
    border-color: #2c2a29;
  }
  .ui-static-notification:hover .ui-static-notification-text {
    color: var(--color-hover);
    text-decoration: underline;
  }
  .ui-static-notification:hover img {
    transform: scale(1.1);
  }
  .ui-static-notification-image img:hover {
    transform: scale(1.1);
  }
  .ui-static-text-icon > *:hover {
    text-decoration: underline;
  }
  .ui-static-article-card:hover .ui-static-image img {
    transform: scale(1.05);
  }
  .ui-static-product-card:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.45);
  }
  .ui-static-product-card:hover .ui-static-image img:not(.ui-static-product-card-overlay-image) {
    transform: scale(1.07);
  }
  .ui-static-product-card .ui-static-link:hover .ui-static-icon {
    color: #697180;
  }
  .ui-static-product-card .ui-static-link:hover {
    /* stylelint-disable-next-line */
  }
  .ui-static-product-card .ui-static-link:hover .ui-static-icon-heart_brder {
    color: #c0c5cc;
  }
  .ui-static-product-card .ui-static-product-card-heart-icon:hover {
    cursor: pointer;
  }
  .ui-static-panel-variant-link-a:hover .ui-static-image img {
    transform: scale(1.2);
  }
  .ui-static-panel-variant-link-a:hover .ui-static-panel-text {
    color: var(--color-hover);
  }
  .ui-static-panel-variant-link-a:hover .ui-static-panel-text .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-panel-variant-link-b:hover .ui-static-image {
    transform: scale(1.2);
  }
  .ui-static-panel-variant-cover:hover .ui-static-image {
    transform: scale(1.2);
  }
  .ui-static-contact-inquiry:hover {
    background-color: #e0edff;
    box-shadow: 0 1px 4px 1px rgba(0, 0, 0, 0.0823529412);
  }
  .ui-static-contact-reserve-item-ovs .ui-static-button-secondary:not(.active, :disabled):hover {
    color: var(--color-white);
    background-color: #0063b0;
  }
  .ui-static-contact-reserve-item-ovs .ui-static-button-secondary:not(.active, :disabled):hover .ui-static-icon {
    color: var(--color-white);
  }
  .ui-static-contact-reserve-item-dom .ui-static-button-secondary:not(.active, :disabled):hover {
    color: var(--color-white);
    background-color: #268507;
  }
  .ui-static-contact-reserve-item-dom .ui-static-button-secondary:not(.active, :disabled):hover .ui-static-icon {
    color: var(--color-white);
  }
  .ui-static-favorite:hover .ui-static-icon {
    color: #e73562;
    opacity: 0.6;
  }
  .ui-static-navigation-item .ui-static-link:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-navigation-item .ui-static-link:hover .ui-static-navigation-text {
    color: var(--color-hover);
    text-decoration: underline;
  }
  .ui-static-navigation-item .ui-static-navigation-inner:hover .ui-static-navigation-text {
    color: #939dad;
    transition: color ease-out 0.2s;
  }
  .ui-static-navigation-item .ui-static-navigation-inner:hover svg {
    fill: #939dad;
  }
  .ui-static-pulldown-selector:hover .ui-static-button {
    color: var(--color-hover);
    background: #f0f7ff;
    border-color: #99c4fd;
  }
  .ui-static-pulldown-selector:hover .ui-static-button .ui-static-button-icon .ui-static-icon {
    color: var(--color-hover) !important;
  }
  .ui-static-pulldown-selector-link:hover {
    outline: none;
    background-color: #c6eaff;
  }
  .ui-static-search-form-tab-button:hover {
    color: var(--color-hover);
    background: #f0f7ff;
  }
  .ui-static-search-form-tab-type-rounded .ui-static-search-form-tab-button:hover {
    color: var(--color-hover);
    background-color: #c6e9ff;
    border-color: #99c4fd;
  }
  .ui-static-search-form-tab-type-rounded .ui-static-search-form-tab-button:hover svg {
    fill: var(--color-hover);
  }
  .ui-static-link-image-text:hover .ui-static-navigation-text {
    color: var(--color-hover);
    text-decoration: underline;
  }
  .ui-static-link-list-button:hover {
    color: var(--color-hover);
    background-color: #f0f7ff;
    border-color: #99c4fd;
  }
  .ui-static-link-list-button:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .ui-static-link-list-text:hover {
    color: var(--color-hover);
  }
  .ui-static-link-list-text:hover span {
    text-decoration: underline;
  }
  .ui-static-link-list-text:hover .ui-static-icon {
    color: var(--color-hover);
  }
  a.u-text-decoration-underline:hover,
  button.u-text-decoration-underline:hover {
    color: var(--color-hover) !important;
  }
  .u-text-hover-decoration-underline:hover {
    text-decoration: underline;
  }
  .u-link-with-icon:hover {
    text-decoration: underline;
  }
  .db-header__link:hover span {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .db-header__location:hover .ui-static-button {
    color: var(--color-white);
    background: var(--color-hover);
    border-color: var(--color-hover);
  }
  .db-search-panel .ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs:hover .ui-static-icon.db-top-tab-buttons__button--public-icon,
  .db-search-condition .ui-static-search-box-tab.ui-static-tab .search-box-tab-ovs:hover .ui-static-icon.db-top-tab-buttons__button--public-icon {
    color: var(--color-hover);
  }
  .db-input-pulldown-content__label:hover {
    font-weight: var(--font-bold);
  }
  .specific-list .specific-tag:has(input:checked):hover .specific-tag__close {
    display: block;
  }
  .specific-list .specific-tag:has(input:checked):hover .specific-tag__close::before, .specific-list .specific-tag:has(input:checked):hover .specific-tag__close::after {
    background-color: var(--color-hover);
  }
  .specific-list .specific-tag:hover {
    color: var(--color-hover);
    background-color: #c0dbff !important;
    border-color: #66a4f9 !important;
  }
  .specific-list .specific-tag:hover .ui-static-icon {
    color: #3064d5;
  }
  .specific-list .specific-tag:hover .specific-tag__close::before, .specific-list .specific-tag:hover .specific-tag__close::after {
    background-color: #140d77;
  }
  .area-select__nav-item:hover {
    color: var(--color-hover);
    text-decoration-color: var(--color-hover);
  }
  .area-suggest-group__header:hover {
    color: var(--color-hover);
  }
  .area-suggest-group__header:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .area-suggest-group__header:hover .area-suggest-group__name {
    text-decoration-color: var(--color-hover);
  }
  .area-suggest-group__toggle:hover {
    color: var(--color-hover);
    background-color: #e0edff;
  }
  .area-suggest-group__toggle:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .area-list__item:hover {
    color: var(--color-hover);
  }
  .area-list__item:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .area-list__item:hover .area-list__name,
  .area-list__item:hover .area-list__pref {
    text-decoration-color: var(--color-hover);
  }
  .c-room-unit__add-btn:hover {
    color: var(--color-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .c-room-unit__add-btn:hover {
    --text-color: var(--color-hover);
    --icon-background-color: var(--color-hover);
  }
  .c-room-unit-delete-btn:hover {
    color: var(--color-hover);
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .c-room-unit-delete-btn:hover {
    --text-color: var(--color-hover);
    --icon-background-color: var(--color-hover);
  }
  .c-room-unit-age-info__option:hover {
    background-color: #c0dbff;
  }
  .c-db-back-link:hover span {
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .c-db-expand-card__more-button:hover {
    color: var(--color-hover);
  }
  .c-db-expand-card__more-button:hover .c-db-expand-card__more-button-label {
    text-decoration: underline;
  }
  .c-db-expand-card__more-button:hover .ui-static-icon {
    color: var(--color-hover);
  }
  .c-db-expand-card-slider__button-prev:hover, .c-db-expand-card-slider__button-next:hover {
    background: rgba(44, 42, 41, 0.3);
  }
  .c-db-expand-card-slider__button-prev:hover .ui-static-icon, .c-db-expand-card-slider__button-next:hover .ui-static-icon {
    color: #fff;
  }
  .c-db-nest-checkbox__checkbox .checkmark:hover {
    border-color: var(--color-secondary) !important;
  }
  .c-db-condition-group__expand-button:hover {
    color: var(--color-hover) !important;
  }
  .c-db-search-popover__trigger *:hover {
    cursor: pointer;
  }
  .c-db-search-result-product__link:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4509803922);
  }
  .c-db-search-result-product__link:hover .c-db-search-result-product__title {
    color: var(--color-hover);
  }
  .c-db-search-result-product__link:hover .c-db-search-result-product__image-inner img {
    transform: scale(1.07);
  }
  .c-db-pagination__item:hover {
    color: var(--color-hover);
    background: #e0edff;
  }
  .c-db-pagination__item:hover .c-db-icon {
    color: var(--color-hover);
  }
  .c-counter__button:hover {
    background-color: #f0f7ff;
  }
  .c-counter__button:hover::before {
    background-color: var(--color-hover);
  }
  .c-db-follow-button__item:hover {
    background: #e0edff;
  }
  .c-form-label:hover:not(:has(input:checked)) {
    font-weight: bold;
    --border-color: #3064d5;
    --background-color: #fff;
  }
  .c-db-select__option:hover {
    background-color: #c0dbff;
  }
  .c-db-select__option:disabled:hover {
    background: none;
  }
  .c-db-radio__label:has(.c-db-radio__text):hover .c-db-radio__text::before {
    border-color: var(--color-secondary);
  }
  .c-db-fselect__option:hover {
    background-color: #c0dbff;
  }
  .c-db-fselect__option:disabled:hover {
    background: none;
  }
  .step-tab__link:hover {
    color: #140d77;
    background-color: #f0f7ff;
  }
  .db-p-header-alert__wrapper .db-p-header-alert__text .ui-static-link:hover {
    color: var(--color-hover);
    text-decoration: none;
  }
  .db-p-header-alert__inner[data-js-accordion=trigger]:hover .db-p-header-alert__heading {
    text-decoration: none;
  }
  .c-header-btoe__logout:hover .c-header-btoe__logout-text {
    text-decoration: underline;
    /* stylelint-disable-next-line declaration-property-value-allowed-list -- impresso準拠 */
    text-underline-offset: 2px;
  }
}

@media (hover: none){
  [href^="tel:"] {
    text-decoration: underline;
  }
}

@media (hover){
  [href^="tel:"] {
    color: var(--color-base);
    text-decoration: none;
    pointer-events: none;
    cursor: default;
  }
}

@media print, screen and (width >= 768px){
  .ui-static-search-box-tab.ui-static-tab .ui-static-tab-button:not(.u-sp-only, :has(~ .ui-static-tab-button:not(.u-sp-only))) {
    border-top-right-radius: 8px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner {
    flex-direction: row;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-image-container {
    width: 35%;
    padding: 16px;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container {
    width: 65%;
    padding: 16px 16px 16px 0;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-title {
    display: block;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-price-container {
    padding-bottom: 0;
  }
  .ui-static-product-card--tertiary .ui-static-product-card-inner .ui-static-product-card-container .ui-static-product-card-tag-tertiary-container .ui-static-product-card-tags {
    margin-top: 8px;
  }
  .u-sp-only {
    display: none !important;
    visibility: hidden !important;
  }
  .u-display-flex {
    gap: var(--pc-gap);
  }
  .u-display-flex {
    position: relative;
  }
  .db-top-search-contents--row2 {
    grid-template-columns: repeat(3, 1fr);
  }
  .db-top-search-contents--row2 .db-reservation-date__wrapper:first-child {
    width: 100%;
  }
  .specific-list {
    justify-content: center;
  }
  .db-reservation-date {
    align-items: center;
  }
  .area-select__nav {
    background-color: #f5f7fa;
  }
  .area-select__nav-item {
    width: 124px;
    padding: 16px 16px 15px;
    border-bottom: 1px solid #e9ecf2;
  }
  .area-select__nav-item.is-active {
    background-color: #fff;
  }
  .area-select__nav-contents {
    display: none;
  }
  .area-select__panel-header {
    display: none;
  }
  .area-suggest {
    border-bottom: 1px solid #e9ecf2;
  }
  .area-suggest__list {
    position: absolute;
    top: 62px;
    right: 127px;
    left: 127px;
    z-index: 10;
    height: 505px;
    max-height: calc(100dvh - 48px - 144px);
    padding: 12px 32px 16px;
    margin: 0;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4509803922);
  }
  .area-list {
    display: block !important;
  }
  .c-db-search-popover:has(.is-slide-in) .c-db-search-popover__content {
    width: fit-content;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner {
    flex-direction: row;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__image-container.ui-static-product-card-image-container {
    flex-shrink: 0;
  }
  .c-db-loading-product-card__inner.ui-static-product-card-inner .c-db-loading-product-card__image-container.ui-static-product-card-image-container .c-db-loading-product-card__content {
    border-radius: 8px;
  }
  .c-db-follow-button {
    right: 0;
    bottom: 220px;
  }
  .c-db-follow-button__item {
    border-right: none;
    border-radius: 8px 0 0 8px;
  }
  .c-db-follow-button__item:has(.c-db-icon--new-sort) {
    display: none;
  }
  .c-input-text {
    width: var(--pc-width);
  }
  .c-input-text--pc\:short {
    width: 192px;
  }
  .c-db-heading--size-large {
    font-size: 2rem;
  }
  .step-tab__item {
    max-width: 224px;
  }
  .step-tab__item:first-child .step-tab__link {
    border-top-left-radius: 8px;
  }
  .step-tab__item:last-child .step-tab__link {
    border-top-right-radius: 8px;
  }
}