@charset "UTF-8";
@media screen and (min-width: 768px) {
  .swiper-button-next,
.swiper-button-prev,
.swiper-pagination {
    display: none !important;
  }
}

/* 前ページ、次ページボタン共通のスタイル */
.swiper-button-prev,
.swiper-button-next {
  width: 60px;
  height: 60px;
  background-size: 60px 60px;
  margin-top: -30px;
}
@media screen and (max-width: 1439px) {
  .swiper-button-prev,
.swiper-button-next {
    width: 4.1666666667vw;
    height: 4.1666666667vw;
    background-size: 4.1666666667vw;
    margin-top: -2.0833333333vw;
  }
}
@media screen and (max-width: 767px) {
  .swiper-button-prev,
.swiper-button-next {
    width: 8vw;
    height: 8vw;
    background-size: 8vw;
    margin-top: -4vw;
  }
}

/* 次ページボタンのスタイル */
.swiper-button-next {
  opacity: 0.8;
  background-image: url(/assets/images/common/icon-swiper-right.png);
}
.swiper-button-next::after {
  content: "";
}

/* 前ページボタンのスタイル */
.swiper-button-prev {
  opacity: 0.8;
  background-image: url(/assets/images/common/icon-swiper-left.png);
}
.swiper-button-prev::after {
  content: "";
}

.swiper-pagination {
  position: relative !important;
  bottom: 0px !important;
  margin-top: 4vw !important;
}

.swiper-pagination-bullet-active {
  background: #6c2c2f !important;
}

.swiper-outer {
  position: relative;
}

.swiper-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (max-width: 767px) {
  .swiper-wrapper {
    justify-content: flex-start;
  }
}

.swiper-slide {
  height: auto;
}

.gift-item {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px 10px;
  text-align: center;
  height: 100%;
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .gift-item {
    padding: 9.3333333333vw 1.3333333333vw;
  }
}
.gift-item__name {
  font-size: 1.6rem;
  line-height: 1.625;
  margin-bottom: 15px;
  margin-right: -5px;
  margin-left: -5px;
}
@media screen and (max-width: 767px) {
  .gift-item__name {
    font-size: 32px;
    font-size: 4.2666666667vw;
    line-height: 1.625;
  }
}
.gift-item__img {
  width: 100%;
}
.gift-item__img img {
  width: 100%;
}
.gift-item__info {
  margin: 20px 10px 0px 10px;
}
@media screen and (max-width: 767px) {
  .gift-item__info {
    margin: 5.3333333333vw 3.3333333333vw 0 3.3333333333vw;
  }
}
.gift-item__set-title {
  font-weight: bold;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .gift-item__set-title {
    font-size: 30px;
    font-size: 4vw;
  }
}
.gift-item__set-content {
  line-height: 1.7142857143;
  text-align: left;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .gift-item__set-content {
    font-size: 24px;
    font-size: 3.2vw;
    line-height: 1.6666666667;
    margin-top: 4vw;
  }
}
.gift-item__model-no {
  font-size: 1.2rem;
  text-align: left;
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  .gift-item__model-no {
    font-size: 24px;
    font-size: 3.2vw;
    margin-top: 4vw;
  }
}
.gift-item__price {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .gift-item__price {
    font-size: 30px;
    font-size: 4vw;
    margin-top: 2.6666666667vw;
  }
}

.product--gift, .product--original, .product--blue, .product--select, .product {
  padding: 100px 0px;
}
@media screen and (max-width: 767px) {
  .product--gift, .product--original, .product--blue, .product--select, .product {
    padding: 10.6666666667vw 0px 13.3333333333vw 0px;
  }
}

.content__text--carousel, .content__text, .content__lead .content__text {
  max-width: 580px;
  margin: 30px auto 0px auto;
}

.content__lead {
  background-color: #faf5f0;
}
@media screen and (max-width: 767px) {
  .content__lead .content__text {
    margin-top: 0px;
  }
}
.content__top {
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .content__top {
    flex-direction: column;
  }
}
.content__top-textarea {
  text-align: left;
  width: 41.6666666667%;
}
@media screen and (max-width: 767px) {
  .content__top-textarea {
    width: 100%;
  }
}
.content__top-imgarea {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .content__top-imgarea {
    width: 100%;
    margin-top: 8%;
  }
}
.content__top-imgarea img {
  width: 100%;
}
.content__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 55px 0px 0px 0px;
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .content__nav {
    flex-wrap: wrap;
    margin-top: 6.6666666667vw;
    padding-bottom: 8vw;
  }
}
.content__nav .button--white {
  max-width: 23.4375%;
}
@media screen and (min-width: 768px) {
  .content__nav .button--white {
    padding-left: 2.0833333333%;
  }
  .content__nav .button--white::after {
    right: 8.8888888889%;
    width: 4.4444444444%;
  }
}
@media screen and (max-width: 767px) {
  .content__nav .button--white {
    max-width: 48.275862069%;
    margin-bottom: 2.6666666667vw;
  }
}

.product--select {
  background-color: #f5ebe2;
}
.product--blue {
  background-color: #faf5f0;
}
.product--original {
  background-color: #f5ebe2;
}
.product--gift {
  background-color: #faf5f0;
}

.swiper-wrapper {
  display: flex;
  align-items: stretch;
}
@media screen and (min-width: 768px) {
  .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
    width: calc(100% + 40px);
    margin-top: 25px;
    margin-left: -20px;
    margin-bottom: -25px;
    padding: 0px;
  }
}
@media screen and (max-width: 767px) {
  .swiper-wrapper {
    margin-top: 8vw;
  }
}

.swiper-slide {
  background-color: #ffffff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .swiper-slide {
    max-width: 29%;
    margin: 2.5% 2%;
  }
}
@media screen and (max-width: 767px) {
  .swiper-slide {
    max-width: 100vw;
    margin: 0px;
    padding: 0px;
  }
}