@charset "utf-8";
/*------------------------------------------------*/
/*★ ページスタイル設定 ★*/
/*------------------------------------------------*/
/*★ ＝＝ headerArea ＝＝ ★*/
#mv {
  height: min((350vw / 3.75), 350px);
  position: relative;
  .mv__bg {
    position: absolute;
    top: 0;
    left: 0;
    --img-h: 100%;
  }
  .mv__logo2 {
    width: min((355vw / 3.75), var(--default-width-pc));
    height: min((56vw / 3.75), 56px);
    position: absolute;
    bottom: min((10vw / 3.75), 24px);
    left: 50%;
    translate: -50% 0;
    @media(width > 860px) {
      height: min((80vw / 9.5), 80px);
    }
    .base-picture__image {
      object-fit: contain;
      object-position: right bottom;
    }
  }
  .mv__logo {
    display: block;
    position: relative;
    z-index: 1;
    height: 100%;
    width: min(100%, 375px);
    margin: auto;
    object-fit: contain;
    @media(width > 860px) {
      width: min((509vw / 9.5), 509px);
    }
  }
}
/*------------------------------------------------*/
/*★ ＝＝ mainArea ＝＝ ★*/
#mainArea {
  --main-color: #F29423;
  --sub-color: #00C1DD;
  padding-bottom: min((83vw / 3.75), 83px);
  &.is-page-color-B {
    --main-color: #FF0000;
    --sub-color: #FFC851;
  }
  &.is-page-color-C {
    --main-color: #8A38F5;
    --sub-color: #35929F;
  }
  /*section*/
  .section {
    padding-top: var(--sec-pt, min((67vw / 3.75), 67px));
  }
  .section__inner {
    width: var(--default-width);
    margin: auto;
  }
  /*close*/
  #close {
    --sec-pt: min((100vw / 3.75), 150px);
    .close__text {
      font-size: min((26vw / 3.75), 36px);
      line-height: 1.3;
      text-align: center;
      font-weight: bold;
      &:not(:last-child) {
        margin-bottom: min((100vw / 3.75), 100px);
      }
    }
  }
  /*base-picture*/
  .base-title {
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: var(--ttl-mb, 0);
    &.is-type-sec {
      --ttl-mb: min((24vw / 3.75), 32px);
      display: flex;
      justify-content: center;
      align-items: start;
      gap: min((12vw / 3.75), 24px);
      font-size: min((28vw / 3.75), 36px);
      text-align: center;
      .base-title__kazari {
        width: min((54vw / 3.75), 85px);
        height: min((48vw / 3.75), 76px);
        &.is-right {
          order: 3;
        }
      }
    }
    &.is-type-small {
      --ttl-mb: min((16vw / 3.75), 16px);
      font-size: min((16vw / 3.75), 20px);
      border-left: min((4vw / 3.75), 8px) solid var(--main-color);
      padding-left: min((8vw / 3.75), 16px);
    }
    &.is-type-A {
      --ttl-mb: min((50vw / 3.75), 54px);
      .base-title__texts {
        display: grid;
        justify-items: center;
        gap: min((8vw / 3.75), 16px);
        text-align: center;
      }
      .base-title__kazari {
        height: min((30vw / 3.75), 30px);
        aspect-ratio: 8 / 3;
      }
      .base-title__subtext {
        font-size: min((16vw / 3.75), 20px);
        color: var(--sub-color);
      }
      .base-title__text {
        font-size: min((24vw / 3.75), 32px);
        color: var(--main-color);
      }
    }
    &.is-type-B {
      --ttl-mb: min((19vw / 3.75), 50px);
      font-size: min((24vw / 3.75), 32px);
      color: #fff;
      background: var(--sub-color);
      padding: min((16vw / 3.75), 16px);
      .is-pc & {
        padding: 8px 16px;
      }
    }
    &.is-type-C {
      font-size: min((24vw / 3.75), 32px);
    }
  }
}
/*dst-button*/
.dst-button {
  margin-top: min((34vw / 3.75), 50px);
  .base-button__link {
    display: flex;
    margin: auto;
  }
}
/*campaign-detail*/
.campaign-detail {
  margin-top: min((34vw / 3.75), 50px);
  .campaign-detail__item {
    display: grid;
    gap: 8px 24px;
    padding: min((16vw / 3.75), 16px) 0;
    border-bottom: 1px solid #C0C5CC;
    .is-pc & {
      grid-template-columns: calc((164 / var(--default-width-pc-val)) * 100%) 1fr;
    }
  }
}
/*tokuten-lineup*/
.tokuten-lineup {
  display: grid;
  gap: var(--gap);
  .tokuten-lineup__item {
    display: grid;
    align-content: start;
    gap: var(--item-gap);
  }
  &.is-type-A {
    --gap: min((24vw / 3.75), 24px);
    --col-num: 2;
    --item-gap: min((16vw / 3.75), 16px);
    --img-pt: calc((235 / 352) * 100%);
    @media (width > 980px) {
      --col-num: 3;
    }
    .tokuten-lineup__item--detail {
      order: 3;
    }
    .tokuten-lineup__item--detail--item--text {
      font-size: min((16vw / 3.75), 16px);
      line-height: 1.8;
    }
    .tokuten-lineup__item--detail--item--notes {
      margin-top: min((16vw / 3.75), 16px);
    }
  }
  &.is-type-B {
    --gap: min((20vw / 3.75), 24px);
    --col-num: 2;
    --item-gap: min((16vw / 3.75), 24px);
    --img-pt: calc((109 / 164) * 100%);
    .tokuten-lineup__item {
      grid-template-columns: min((140vw / 3.75), 164px) 1fr;
    }
  }
  @media (width > 640px) {
    grid-template-columns: repeat(auto-fit, calc((100% - var(--gap) * (var(--col-num) - 1)) / var(--col-num)));
    justify-content: center;
  }
}
/*------------------------------------------------*/
/*★ ＝＝ searchArea ＝＝ ★*/
#searchArea {
  position: relative;
  @media(width <=740px) {
    background: none !important;
  }
  @media(width > 740px) {
    padding: 50px 0 70px;
    background: no-repeat center top / var(--default-bg-width-pc);
  }
  #searchApp {
    position: relative;
    z-index: 1;
    background-image:
  }
}
/*------------------------------------------------*/
/*★ ＝＝ hover ＝＝ ★*/
@media (hover : hover) and (pointer : fine) {}