@charset "utf-8";

.sp-n {
  display: block;
}

.pc-n {
  display: none;
}

/* ------------------------------
              共通
------------------------------ */

.campaign-detail__inner .accordion {
  padding: 2vw 0;
}

.campaign-detail__inner .accordion__title {
  font-size: 2.7vw;
}

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

.campaign-detail__inner .accordion__wrapper {
  width: 71vw;
  margin: 3.6vw auto 0;
}

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

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

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

/* ------------------------------
        キャンペーン詳細
------------------------------ */
.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;
}

.campaign-detail__inner .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;
}

.campaign-detail__inner .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;
}

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

.campaign-detail__wrapper:last-child {
  border-bottom: none;
}