:root {
  --content-color-green: #3294a2;
  --bg-img-setting: no-repeat center center / contain;
  --content-hover-speed: 0.3s;
  --content-arrow-down: url(/cmn/icon2/expand_more.svg);
}

.dep-select-nav {
  width: min(400px, 100%);
  margin: auto;
  position: relative;
  .display_selected {
    background: var(--content-color-green);
    border-radius: 999px;
    padding: 16px;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    position: relative;
    cursor: pointer;
    &::after {
      content: "";
      mask: var(--bg-img-setting) var(--content-arrow-down);
      background: #fff;
      width: 24px;
      height: 24px;
      position: absolute;
      top: 0;
      right: 24px;
      bottom: 0;
      margin: auto;
    }
  }
  .dep-select-zone {
    display: none;
    width: 100%;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 30;
    border-top: none;
    background: #fff;
    border: 1px solid var(--content-color-green);
    .dep-select > li > a {
      display: block;
      cursor: default;
      padding: 2px 10px;
      text-align: center;
      line-height: calc(21 / 14);
      &:hover,
      .selected {
        background: var(--content-color-green);
        color: #fff;
      }
    }
    .close-button {
      display: none;
    }
  }
}

.nintama-his__plan {
  text-align: left;
  padding-bottom: 96px;
  .product-list.card-style.is-hotel > li.is-nolink {
    &:hover {
      box-shadow: 0 2px 4px rgb(0 0 0 / 15%);
    }
    > a {
      /* pointer-events: none; */
      cursor: default;
    }
  }
}
.nintama-his__tour {
  text-align: left;
  .area00 {
    display: none;
    .more-link {
      width: min(460px, 100%);
      margin: 24px auto 0;
      > a {
        display: block;
        border-radius: 999px;
        background: var(--content-color-green);
        font-size: 16px;
        font-weight: bold;
        color: #fff;
        text-align: center;
        padding: 16px 4px;
        position: relative;
      }
      a:hover {
        opacity: 0.8;
      }
    }
  }
}
.official-link {
  font-size: clamp(15px, 15px + (100vw - 430px) / 570px * 7px, 22px);
  font-weight: 800;
  line-height: 1.4;
  > a {
    text-decoration: underline;
    color: #3294a2;
  }
}