@charset "UTF-8";

.lead {
  margin-bottom: 25px;
  letter-spacing: 0.1em;
}

.hd-gift-1 {
  margin-bottom: 28px;
  font: 600 28px "Noto Serif JP", serif;
  letter-spacing: 0.1em;
  line-height: 1.4;
}

.hd-gift-2 {
  margin-top: 18px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.3333;
}

.gift-note__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1.75;
  letter-spacing: 0.1em;
}

.gift-note__item::before {
  content: "◆";
}

.gift-item {
  margin-top: 123px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: -40px;
}

.gift-item__item {
  width: calc(33.333% - 24px);
  margin-bottom: 44px;
}

.gift-item__item:not(:nth-child(3n)) {
  margin-right: 36px;
}

.gift-item__image {
  position: relative;
  padding-top: 79.57%;
  background: url(../img/gift/bg_gift_item.jpg) no-repeat center/cover;
  width: 100%;
  height: 0;
  border-radius: 8px;
}

.gift-item__image img {
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.gift-item__image--01 img {
  top: 35%;
  width: 73.9%;
}

.gift-item__image--02 img {
  width: 60.9%;
}

.gift-item__image--03 img {
  width: 89.4%;
}

.gift-item__image--04 img {
  width: 68.3%;
}

.gift-item__image--05 img {
  width: 70.2%;
}

.gift-item__text {
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.75;
}

.gift-message {
  text-align: center;
  background: url(../img/gift/bg_wave_pc.png) no-repeat center/clamp(1920px, 100%, 100%) 100%;
  padding-top: 271px;
  padding-bottom: 60px;
}

.gift-message__text {
  color: #db6557;
  font: 600 24px "Noto Serif JP", serif;
  line-height: 1.5833;
  letter-spacing: 0.1em;
}

@media screen and (max-width: 767px) {
  .lead {
    /* sp */
    margin-bottom: 29px;
  }

  .hd-gift-1 {
    /* sp */
    margin-bottom: 10px;
    font-size: 19.5px;
  }

  .hd-gift-2 {
    /* sp */
    font-size: 13px;
  }

  .gift-item {
    /* sp */
    margin-top: 66px;
    margin-bottom: -51px;
  }

  .gift-item__item:not(:nth-child(3n)) {
    /* sp */
    margin-right: auto;
  }

  .gift-item__item {
    /* sp */
    margin-bottom: 30px;
    width: calc(50% - 7.5px);
  }

  .gift-item__item:not(:nth-child(2n)) {
    margin-right: 15px;
  }

  .gift-item__image {
    /* sp */
    border-radius: 4px;
  }

  .gift-item__text {
    /* sp */
    margin-top: 6px;
    font-size: 13px;
  }

  .gift-message {
    /* sp */
    background-image: url(../img/gift/bg_wave_sp.png);
    background-size: 100% 100%;
    padding-top: 144px;
    margin-bottom: 0;
  }

  .gift-message__text {
    /* sp */
    font-size: 17px;
    line-height: 1.7353;
  }
}

.gift-link {
  margin: 80px 0 0;
}

@media screen and (max-width: 1900px) and (min-width: 768px) {
  .gift-link-img img {
    height: 280px; /* 高さを280pxに固定 */
    width: 100%; /* 幅は親要素に合わせる（または任意の固定値） */
    object-fit: cover; /* 画像が要素に収まるようにトリミングしながら拡大・縮小 */
    object-position: center; /* 要素内で画像の位置を中央に調整（任意） */
  }
}

.gift-link .btn {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  height: 10.4vw;
  position: relative;
  color: #db6557;
  border-radius: 1.3vw;
}
.gift-link .btn i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 4%;
  color: #db6557;
}
.gift-link .btn:hover i {
  color: #fff !important;
}
@media screen and (min-width: 768px) {
  .gift-link .btn {
    width: 480px;
    border-radius: 4px;
  }
}

@media screen and (min-width: 768px) and (max-width: 899px) {
  .gift-link .btn {
    height: 40px;
  }
}

@media screen and (min-width: 900px) {
  .gift-link .btn {
    height: 50px;
  }
}