@charset "utf-8";

.sp-n {
  display: block;
}

.pc-n {
  display: none;
}

/* ------------------------------
              共通
------------------------------ */
.common__inner {
  padding: 6.7vw 0;
}

.common-slider {
  width: 85.8vw;
}

.common__title {
  font-size: 5.8vw;
  padding: 0 8vw;
}

.common__title::before,
.common__title::after {
  width: 5.1vw;
  height: 4.6vw;
}

.common__title span {
  font-size: 4vw;
  margin-top: 2.5vw;
}

.common__list {
  width: 100%;
  border-top: 2px solid #BEA04D;
  border-bottom: 2px solid #BEA04D;
  padding: 5vw 0;
}

.common__item {
  width: 100%;
}

.frame__obj {
  width: 27vw;
  margin: 3.9vw auto 0;
}

.whole__catch {
  font-size: 3.6vw;
  margin-top: 2.8vw;
}

.common__img {
  width: 60vw;
}

.name-and-price {
  font-size: 3.8vw;
  line-height: 1.7;
}

.btn--cart {
  padding: 4.8vw 0 0;
  text-align: center;
}

.btn--cart a {
  width: 49.2vw;
  font-size: 3.6vw;
  line-height: 1;
  padding: 3.7vw 0;
}

.btn--cart a svg {
  font-size: 2.5vw;
  right: 2.5vw;
}

.limited {
  padding: 2px;
}

.limited--l {
  width: 14vw;
  height: 14vw;
  top: 2.4vw;
  right: 2.4vw;
}

.limited--s {
  width: 12vw;
  height: 12vw;
  top: 3vw;
  right: -3vw;
}

.ltext {
  letter-spacing: 0.05em;
  line-height: 1;
}

.ltext--l {
  font-size: 3.3vw;
}

.ltext--s {
  font-size: 2.7vw;
}

.sup {
  font-size: 3vw;
}

.accordion {
  padding: 2vw 0;
}

.accordion__title {
  font-size: 2.7vw;
}

.accordion-more {
  padding-bottom: 2.5vw;
}

.accordion__wrapper {
  width: 71vw;
  margin: 3.8vw auto 0;
}

.accordion-comment__list {
  padding: 3.2vw 0;
}

.accordion-comment__item {
  font-size: 2.7vw;
  padding: 0 2vw;
}

.common-icon {
  font-size: 5vw;
  right: 2vw;
}

.section__line {
  width: 100%;
  height: 1.6vw;
}

.slick-arrow.slick-prev::after,
.slick-arrow.slick-next::after {
  display: none;
}

.slick-arrow {
  width: 9vw;
  height: 9vw;
  top: 50%;
}

.item-slider.common-slider .slick-prev {
  left: -4.5vw;
}

.item-slider.common-slider .slick-next {
  right: -4.5vw;
}

.slick-dots {
  margin-top: 3vw;
}

/* ------------------------------
              mv
------------------------------ */
.mv {
  margin: 0px;
  padding: 0px;
  overflow: visible;
  z-index: 20;
  position: relative;
}

.mv-text__wrapper {
  width: 52.9vw;
  text-align: center;
  position: absolute;
  top: 29.3vw;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%, -50%);
}

.mv__sub-text {
  font-size: 5rem;
}

.mv__title {}

.mv__title img {
  width: 52.6vw;
}

.mv__free-text {
  width: 33.3vw;
  font-size: 3.5vw;
  margin: 3.1vw auto 0;
}

.mv__free-text span {
  font-size: 2.5vw;
}

/* ------------------------------
        キャンペーン詳細
------------------------------ */
.campaign-detail__inner {
  padding: 6.7vw 0 11vw;
}

.campaign-detail__title {
  font-size: 3.1vw;
  padding: 0 31vw;
  position: relative;
}

.campaign-detail__title::before,
.campaign-detail__title::after {
  width: 27.5vw;
  height: 1px;
}

.campaign-detail__title::before {
  left: 0;
}

.campaign-detail__title::after {
  right: 0;
}

.tab-area {
  display: flex;
  width: 85.8vw;
  align-items: end;
  list-style: none;
  margin: 5.1vw auto 0;
}

.tab {
  width: calc(100%/2);
  height: 6.5vw;
  border: 1px solid #fff;
  border-radius: 10px 10px 0 0;
  font-size: 4vw;
  padding: 2.8vw 0;
  margin-top: 15px;
  text-align: center;
  position: relative;
}

.tab.active {
  height: 8.9vw;
  margin-top: 0;
}

.tab__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.panel {
  display: none;
  width: 85.6vw;
  margin: 0 auto;
  text-align: center;
}

.panel.active {
  display: block;
}

.edition__text--wrap {
  display: inline;
  font-size: 2.9vw;
  text-align: center;
  margin: 0 auto;
  padding: 1.1vw 2.4vw;
}

.edition__text {
  font-size: 4vw;
  padding: 4.8vw 0;
}

.edition__text--small {
  font-size: 3.5vw;
  letter-spacing: 0.05em;
}

.triangle {
  width: 3vw;
}

.campaign-detail__wrapper {
  width: 100%;
  border: none;
}

.campaign-detail__sub-title {
  width: 80.4vw;
  font-size: 2.9vw;
  margin: 0 auto;
  padding: 1.4vw 0;
}

.campaign-detail__sub-inner {
  padding: 3.8vw 0 3.5vw;
}

.free__img {
  width: 32.4vw;
}

.gwp__img {
  width: 29.4vw;
}

.coupon__img {
  width: 32.2vw;
}

.campaign-detail__text {
  font-size: 4vw;
}

.campaign-detail__text--free {
  margin-left: 4.9vw;
}

.campaign-detail__text--gwp {
  line-height: 1.5;
  margin-left: 4.2vw;
}

.campaign-detail__text--coupon {
  margin-left: 6.2vw;
}

.vol {
  font-size: 3vw;
}

.campaign-detail__notes {
  width: 39.3vw;
  font-size: 2.2vw;
  line-height: 1.6;
  margin-top: 1vw;
}

.campaign__notes {
  width: 93vw;
  font-size: 3.8vw;
  margin: 0 auto;
  padding: 0 0 10vw;
}

.campaign__line span {
  display: none !important;
}

.campaign-detail__inner.sp-n {
  padding-bottom: 4vw;
}

.special-kit__inner {
  padding-bottom: 15vw;
}

.gray-scale {
  width: 80.4vw;
  font-size: 7vw;
  left: 50%;
  transform: translateX(-50%);
}

.campaign-detail__coupon {
  padding-bottom: 0;
}