#page a {
  color: #BF0000;
}

#page .l-content #top-section-step {
  background: #f7f7f7;
}

#page .l-content .bg-light .summary-group {
  gap: 24px;
}

#page .l-content .step-overview ul li {
  width: 103px;
}

#page .l-content .multi-step>h3 {
  text-align: center;
  background: #781414;
  color: #FFFFFF;
}

#page .l-content #top-section-step strong.red {
  color: #BF0000;
}

#page .l-content .step-overview ul li p.step-overview-number {
  color: #781414;
}

.slick-dots li button::before {
  content: none;
}

#page .campaign-hero__schedule p:first-child br:last-child {
  display: none;
}

#page .campaign-hero__schedule__note a {
  color: white;
  text-decoration: underline;
}

#page .App {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}

#page .CampaignButton {
  margin: 0;
}

#page .RedirectionText {
  margin: 0;
}

#page .Below {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
}

#page .agreement-message strong {
  color: black;
}

#page .InfoText {
  margin: 0;
}

#page .CampaignButton-enabled span.RexButton-message {
  color: white;
}

#page .CampaignButton-disabled span.RexButton-message,
#page .CampaignButton-applied span.RexButton-message {
  color: #898989;
}

#page .CampaignButton-success span.RexButton-message {
  color: #047205;
}

#page #best-value-music-app {
  display: flex;
  padding: 24px 16px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
}

#page #best-value-music-app h2 {
  color: #000;
  text-align: justify;
  /* JP Header Small 20px/Bold */
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  /* 140% */
}

#page #best-value-music-app h3 img {
  width: 182px;
  height: 32px;
}

#page .campaign-detail__table td {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

#page .l-campaign-03 .s-campaign-detail h2 {
  color: black;
}

#page .l-campaign-03 .s-campaign-detail a {
  color: #00a0f0;
}

#page .l-content .multi-step .multi-step-content p.Limited_lead {
  color: #BF0000;
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
  text-align: center;
}

#page .l-content .multi-step .multi-step-content p.step1_text {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

#page .l-content .multi-step .multi-step-content p.step2_text {
  color: #000;
  text-align: center;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 32px;
  /* 133.333% */
}

#page .l-content .multi-step .multi-step-content p.step_lead {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: 24px;
  /* 133.333% */
}

#page .l-content .multi-step .multi-step-content p.step3_text {
  color: #000;
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
  text-align: center;
}

#page .l-content #top-section-step p.small {
  font-size: 12px;
  line-height: 16px;
}

/* ブックスキャンペーン */
/* Step1 */
#page .l-content .plan-item.yearly .plan-price-container .detail-btn {
  background: #9b00ec;
}

/* 料金プラン部分 */
#page #top-section-step .plan-monthly-group {
  background: none;
  padding: 0;
}

#page #top-section-step .plan-monthly-group .ttl-group {
  justify-content: center;
}

#page #top-section-step .plan-monthly-group .ttl-group h2 {
  color: #000;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

#page #top-section-step .plan-monthly-group .plan-item {
  height: auto;
}

#page #top-section-step .plan-monthly-group .plan-item.standard {
  border-top: 1px solid #d80000;
  border-bottom: 1px solid #d80000;
  border-right: 1px solid #d80000;
}

#page #top-section-step .plan-monthly-group .plan-item.cardmobile {
  border-top: 1px solid #ef0aa1;
  border-bottom: 1px solid #ef0aa1;
  border-right: 1px solid #ef0aa1;
}

#page #top-section-step .plan-monthly-group .plan-item.yearly {
  border-top: 1px solid #9b00ec;
  border-bottom: 1px solid #9b00ec;
  border-right: 1px solid #9b00ec;
}

/*------ 以下PC設定 ------ */

@media screen and (min-width: 768px) {
  #page .App {
    width: 600px;
    gap: 24px;
  }

  #page .l-content .bg-light .summary-group {
    gap: 32px;
  }


  #page .CampaignButton-enabled span.RexButton-message {
    font-size: 36px;
  }

  #page .CampaignButton a {
    max-width: none;
  }

  #page .s-campaign-hero {
    background: url(/assets/campaign/books_stampcard/img/bg.jpg) no-repeat center top/auto 87% #BF0000;
  }

  #page .s-campaign-hero::after {
    width: 100%;
    height: 70px;
    background: #E5597B;
    position: absolute;
    bottom: 0;
  }

  #page #best-value-music-app {
    padding: 32px 0;
  }

  #page #best-value-music-app h3 img {
    width: 273px;
    height: 48px;
  }

  #page .l-content .multi-step .multi-step-content {
    gap: 24px;
  }

  #page .l-content .multi-step .multi-step-content img {
    width: 100%;
    height: auto;
  }

  #page .l-content .multi-step .multi-step-content p.Limited_lead {
    font-size: 28px;
    line-height: 40px;
  }

  #page .l-content .multi-step .multi-step-content p.step1_text {
    font-size: 36px;
    line-height: 40px;
  }

  #page .l-content .multi-step .multi-step-content p.step2_text {
    font-size: 36px;
    line-height: 40px;
  }

  #page .l-content .multi-step .multi-step-content p.step_lead {
    font-size: 20px;
    line-height: 28px;
  }

  #page .l-content .multi-step .multi-step-content p.step3_text {
    font-size: 36px;
    line-height: 40px;
  }

  #page .l-content .step-overview ul li {
    width: 160px;
    padding: 16px;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }

  /* ブックスキャンペーン */
  /* Step1 */
  /* 料金プラン部分 */
  #page #top-section-step .plan-monthly-group .ttl-group h2 {
    font-size: 24px;
  }

  #page #top-section-step .plan-monthly-group .plan-group-outer {
    flex-direction: column;
  }

  #page #top-section-step .plan-monthly-group .plan-item.standard {
    border-top: 8px solid #d80000;
    border-left: 1px solid #d80000;
  }

  #page #top-section-step .plan-monthly-group .plan-item.cardmobile {
    border-top: 8px solid #ef0aa1;
    border-left: 1px solid #ef0aa1;
  }

  #page #top-section-step .plan-monthly-group .plan-item.yearly {
    border-top: 8px solid #9b00ec;
    border-left: 1px solid #9b00ec;

  }
}

@media screen and (max-width: 768px) {

  #page .CampaignButton-enabled span.RexButton-message,
  #page .CampaignButton-disabled span.RexButton-message,
  #page .CampaignButton-applied span.RexButton-message,
  #page .CampaignButton-success span.RexButton-message {
    font-size: 24px;
  }
}

/*# sourceMappingURL=style.css.map */