@charset "UTF-8";
html {
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  word-wrap: break-word;
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 1.3333333333vw;
  }
}
@media only screen and (min-width: 769px) {
  html {
    font-size: 0.8474576271vw;
  }
}
@media only screen and (min-width: 1118px) {
  html {
    font-size: 10px;
  }
}

body {
  background-color: #fff;
  margin: 0;
  padding: 0;
}
body.active {
  position: fixed;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

h1, h2, h3, div, p, ul, li {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}

img {
  width: 100%;
  height: auto;
  line-height: 0;
  vertical-align: bottom;
}

a:hover img {
  filter: brightness(1.1);
  opacity: 0.9;
}

.pcOnly {
  display: none;
}
@media only screen and (min-width: 769px) {
  .pcOnly {
    display: inline;
  }
}

.spOnly {
  display: inline;
}
@media only screen and (min-width: 769px) {
  .spOnly {
    display: none;
  }
}

@media only screen and (min-width: 420px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
span.up {
  font-size: 70%;
  vertical-align: super;
}

/******* キービジュアル *******/
.keyvisual {
  width: 100%;
  background-image: url(../img/bk01_sp.jpg);
  background-size: 100% auto;
  background-position: top -20rem center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .keyvisual {
    background-image: url(../img/bk01_pc.jpg);
    background-size: auto;
    background-position: top -55rem center;
  }
}
@media only screen and (min-width: 2000px) {
  .keyvisual {
    background-size: cover;
  }
}

.keyvisual__inner {
  width: 72rem;
  margin: 0 auto;
  padding: 6rem 0 1rem;
}
@media only screen and (min-width: 769px) {
  .keyvisual__inner {
    width: 111.8rem;
    padding: 6rem 0 1rem;
  }
}

.keyvisual__wrap {
  margin: 2.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .keyvisual__wrap {
    width: 111.8rem;
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 0 1rem;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 769px) {
  .keyvisual__wrap div {
    width: 55.2rem;
  }
}
@media print {
  .keyvisual__wrap div {
    display: none;
  }
}

.keyvisual__present2 {
  margin: 1rem auto 0;
}
@media only screen and (min-width: 769px) {
  .keyvisual__present2 {
    margin: 0;
  }
}

.keyvisual__period {
  margin: 1rem auto 0;
}

.keyvisual__note {
  margin: 1rem auto 0;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #fff;
  letter-spacing: -0.025em;
}

/******* ナビゲーション *******/
.nav {
  width: 100%;
  background-image: url(../img/bk02_sp.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .nav {
    background-image: url(../img/bk02_pc.jpg);
    background-size: auto;
  }
}
@media only screen and (min-width: 2000px) {
  .nav {
    background-size: cover;
  }
}

.nav__inner {
  width: 72rem;
  margin: 0 auto;
  padding: 10.2rem 0 9.7rem;
}
@media only screen and (min-width: 769px) {
  .nav__inner {
    width: 111.8rem;
    padding: 7rem 0 7.3rem;
  }
}

.nav__btn {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .nav__btn {
    width: 94.6rem;
  }
}
.nav__btn li {
  width: 35.5rem;
  height: 11.6rem;
  background-size: 100% auto;
  background-position: top -11.6rem center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
@media only screen and (min-width: 769px) {
  .nav__btn li {
    width: 46.8rem;
    height: 11.5rem;
    background-position: top -11.5rem center;
    cursor: pointer;
  }
}
.nav__btn li.nav__item01 {
  background-image: url(../img/cp_tab1_sp.svg);
}
@media only screen and (min-width: 769px) {
  .nav__btn li.nav__item01 {
    background-image: url(../img/cp_tab1_pc.svg);
  }
}
.nav__btn li.nav__item02 {
  background-image: url(../img/cp_tab2_sp.svg);
}
@media only screen and (min-width: 769px) {
  .nav__btn li.nav__item02 {
    background-image: url(../img/cp_tab2_pc.svg);
  }
}
.nav__btn li.active {
  background-position: top center;
}
.nav__btn li:hover {
  filter: brightness(1.2);
}
.nav__btn li.active:hover {
  filter: brightness(1);
  cursor: default;
}

.cp__lead {
  margin: 6.4rem auto 0;
}
@media only screen and (min-width: 769px) {
  .cp__lead {
    width: 111.8rem;
    margin: 3.5rem auto 0;
  }
}

.cp__lead__buy,
.cp__lead__x {
  display: none;
}
.cp__lead__buy.active,
.cp__lead__x.active {
  display: block;
}

.cp__lead__buy__catch {
  width: 72rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .cp__lead__buy__catch {
    width: 90.5rem;
  }
}

.cp__lead__x__catch {
  width: 62.8rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .cp__lead__x__catch {
    width: 91.2rem;
  }
}

.cp__lead__buy__text {
  width: 65rem;
  margin: 4.6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .cp__lead__buy__text {
    width: 68rem;
    margin: 7.3rem auto 0;
  }
}
.cp__lead__buy__text li {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #171c61;
}

.cp__lead__x__text {
  width: 72.2rem;
  margin: 4.6rem auto 0;
}
@media only screen and (min-width: 769px) {
  .cp__lead__x__text {
    width: 85rem;
    margin: 7.3rem auto 0;
  }
}
.cp__lead__x__text li {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #171c61;
  padding-left: 1em;
  text-indent: -1em;
}

/******* キャンペーン期間 *******/
.period {
  width: 100%;
  background-image: url(../img/bk01_sp.jpg);
  background-size: 100% auto;
  background-position: top -40rem center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .period {
    background-image: url(../img/bk01_pc.jpg);
    background-size: auto;
    background-position: top -45rem center;
  }
}
@media only screen and (min-width: 2000px) {
  .period {
    background-size: cover;
  }
}

.period__inner {
  width: 72.2rem;
  margin: 0 auto;
  padding: 9.8rem 0 9rem;
}
@media only screen and (min-width: 769px) {
  .period__inner {
    width: 111.8rem;
    padding: 9.8rem 0 12rem;
  }
}

.period__title {
  width: 63.7rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .period__title {
    width: 76.5rem;
  }
}

.period__buy__wrap, .period__x__wrap {
  display: none;
  width: 72.2rem;
  margin: 7.9rem auto 0;
  padding: 7rem 0 1.3rem;
  background-color: #fff;
  border: 0.4rem solid #e0c25d;
  border-radius: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .period__buy__wrap, .period__x__wrap {
    width: 95rem;
    padding: 7rem 0 1.9rem;
  }
}
.period__buy__wrap.active, .period__x__wrap.active {
  display: block;
}

.period__x__wrap {
  padding: 8.2rem 0 8.8rem;
}
@media only screen and (min-width: 769px) {
  .period__x__wrap {
    padding: 7rem 0;
  }
}

.period__buy__txt1 {
  width: 40.5rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .period__buy__txt1 {
    width: 78.8rem;
  }
}

.period__x__txt1 {
  width: 54.1rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .period__x__txt1 {
    width: 54.3rem;
  }
}

.period__buy__txt2 {
  width: 54.4rem;
  margin: 7.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .period__buy__txt2 {
    width: 54.2rem;
    margin: 7.4rem auto 0;
  }
}

.period__buy__txt3 {
  width: 43.7rem;
  margin: 7.4rem auto 0;
}
@media only screen and (min-width: 769px) {
  .period__buy__txt3 {
    width: 43.6rem;
    margin: 7.2rem auto 0;
  }
}

.period__buy__note {
  margin: 7.4rem auto 0;
  padding: 0 1.5rem;
  font-size: 1.1rem;
  line-height: 1.4;
  color: #171c61;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .period__buy__note {
    margin: 7.1rem auto 0;
    font-size: 1.3rem;
  }
}

/******* プレゼント *******/
.present {
  width: 100%;
  background-color: #f8fcfe;
}

.present__inner {
  margin: 0 auto;
  padding: 9.8rem 0 9rem;
}
@media only screen and (min-width: 769px) {
  .present__inner {
    width: 111.8rem;
    padding: 9.8rem 0 11rem;
  }
}

.present__title {
  width: 40rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .present__title {
    width: 48rem;
  }
}

.present__buy,
.present__x {
  display: none;
}
.present__buy.active,
.present__x.active {
  display: block;
}

.present__wrap {
  margin-top: 5.9rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .present__wrap {
    width: 96rem;
    margin: 6.5rem auto 0;
  }
}
.present__wrap > div {
  width: 50%;
}
@media print {
  .present__wrap > div {
    display: none;
  }
}

.present__catch {
  width: 52.1rem;
  margin: 3.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .present__catch {
    width: 52.2rem;
    margin: 5.1rem auto 0;
  }
}

.present__buy__note1,
.present__x__note1 {
  width: 70rem;
  margin: 8.4rem auto 0;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #171c61;
}
@media only screen and (min-width: 769px) {
  .present__buy__note1,
  .present__x__note1 {
    width: 85rem;
    margin: 8.2rem auto 0;
  }
}

.present__buy__note2,
.present__x__note2 {
  width: 70rem;
  margin: 1rem auto 0;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #171c61;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (min-width: 769px) {
  .present__buy__note2,
  .present__x__note2 {
    width: 85rem;
    margin: 2.4rem auto 0;
  }
}

/******* 対象商品 *******/
.products {
  display: none;
  width: 100%;
  background-image: url(../img/bk01_sp.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .products {
    background-image: url(../img/bk01_pc.jpg);
    background-size: auto;
    background-position: top center;
  }
}
@media only screen and (min-width: 2000px) {
  .products {
    background-size: cover;
  }
}
.products.active {
  display: block;
}

.products__inner {
  margin: 0 auto;
  padding: 9.6rem 0 10.6rem;
}
@media only screen and (min-width: 769px) {
  .products__inner {
    width: 111.8rem;
    padding: 9.5rem 0 11rem;
  }
}

.products__title {
  width: 65.5rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .products__title {
    width: 78.6rem;
  }
}

.products__wrap {
  width: 72.2rem;
  margin: 8.4rem auto 0;
  padding: 3.2rem 0 1rem;
  background-color: #edefef;
  border: 0.4rem solid #e0c25d;
  border-radius: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .products__wrap {
    width: 95rem;
    margin: 8.8rem auto 0;
    padding: 2.9rem 0 1.2rem;
  }
}
.products__wrap.last {
  margin: 2.2rem auto 0;
}
@media only screen and (min-width: 769px) {
  .products__wrap.last {
    margin: 3.2rem auto 0;
  }
}

.products__subtitle1 {
  width: 33rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .products__subtitle1 {
    width: 50.4rem;
    margin: 0 auto 0 12.5rem;
  }
}

.products__subtitle2 {
  width: 33rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .products__subtitle2 {
    width: 50.2rem;
    margin: 0 auto 0 12.5rem;
  }
}

.products__lineup1 {
  width: 69.8rem;
  margin: 3.2rem auto 2rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  .products__lineup1 {
    width: 74.2rem;
    margin: 2rem auto 2rem;
  }
}
.products__lineup1 li {
  width: 34.9rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 769px) {
  .products__lineup1 li {
    width: 33.3rem;
    margin-bottom: 2.8rem;
  }
}

.products__lineup2 {
  width: 61.8rem;
  margin: 4.2rem auto 4rem;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .products__lineup2 {
    width: 85.5rem;
    margin: 3.9rem auto 2rem;
    justify-content: space-between;
  }
}
.products__lineup2 li {
  width: 26.8rem;
  margin-bottom: 3rem;
}
@media only screen and (min-width: 769px) {
  .products__lineup2 li {
    width: 24.6rem;
    margin-bottom: 4rem;
  }
}
.products__lineup2 li:nth-child(1) {
  margin-right: 8.2rem;
}
@media only screen and (min-width: 769px) {
  .products__lineup2 li:nth-child(1) {
    margin-right: 0;
  }
}
.products__lineup2 li:nth-child(3) {
  margin-left: 17.5rem;
}
@media only screen and (min-width: 769px) {
  .products__lineup2 li:nth-child(3) {
    margin-left: 0;
  }
}

.products__note1 {
  font-size: 1.4rem;
  text-align: center;
}

.products__btn {
  width: 51.2rem;
  margin: 10.4rem auto 0;
}
@media only screen and (min-width: 769px) {
  .products__btn {
    width: 51.6rem;
    margin: 10.3rem auto 0;
  }
}

/******* 応募方法 *******/
.apply {
  width: 100%;
  background-image: url(../img/bk02_sp.jpg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .apply {
    background-image: url(../img/bk02_pc.jpg);
    background-size: cover;
    background-position: top center;
  }
}

.apply__inner {
  margin: 0 auto;
  padding: 9.6rem 0 10.6rem;
}
@media only screen and (min-width: 769px) {
  .apply__inner {
    width: 96rem;
    padding: 9.8rem 0 11rem;
  }
}

.apply__title {
  width: 54.5rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .apply__title {
    width: 65rem;
  }
}

.apply__buy__wrap {
  display: none;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .apply__buy__wrap {
    width: 96rem;
  }
}
.apply__buy__wrap.active {
  display: block;
}
.apply__buy__wrap .apply__text {
  margin: 6.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .apply__buy__wrap .apply__text {
    width: 96rem;
    margin: 6.7rem auto 0;
  }
}

.apply__x__wrap {
  display: none;
  width: 75rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .apply__x__wrap {
    width: 96rem;
  }
}
.apply__x__wrap.active {
  display: block;
}
.apply__x__wrap .apply__text {
  position: relative;
  margin: 6.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .apply__x__wrap .apply__text {
    width: 96rem;
    margin: 6.7rem auto 0;
  }
}
@media print {
  .apply__x__wrap .apply__text li:nth-child(2) {
    display: none;
  }
}
.apply__x__wrap .apply__x__btn {
  position: absolute;
  width: 53.2rem;
  top: 11.7rem;
  left: 9.3rem;
}
@media only screen and (min-width: 769px) {
  .apply__x__wrap .apply__x__btn {
    top: 6.2rem;
    left: 23rem;
  }
}
@media only screen and (min-width: 769px) {
  .apply__x__wrap .apply__x__btn:hover {
    opacity: 0.8;
  }
}

.shoot {
  display: none;
  margin: 9.7rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot {
    margin: 14.9rem auto 0;
  }
}
.shoot.active {
  display: block;
}

.shoot__title {
  width: 14.2rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .shoot__title {
    width: 14.4rem;
  }
}

.shoot__subtitle1 {
  width: 32.2rem;
  margin: 4.2rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__subtitle1 {
    width: 32.1rem;
    margin: 4.6rem auto 0;
  }
}

.shoot__ex1 {
  display: flex;
  justify-content: space-between;
  width: 66rem;
  margin: 2.7rem auto;
}
@media only screen and (min-width: 769px) {
  .shoot__ex1 {
    width: 65.4rem;
  }
}
.shoot__ex1 li {
  width: 31rem;
}
@media only screen and (min-width: 769px) {
  .shoot__ex1 li {
    width: 29.3rem;
  }
}

.shoot__subtitle2 {
  width: 44.4rem;
  margin: 5.8rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__subtitle2 {
    width: 44.3rem;
    margin: 6.4rem auto 0;
  }
}

.shoot__ex2 {
  display: flex;
  justify-content: space-between;
  width: 66rem;
  margin: 2.7rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__ex2 {
    width: 65.4rem;
    margin: 2.9rem auto 0;
  }
}
.shoot__ex2 li {
  width: 31rem;
}
@media only screen and (min-width: 769px) {
  .shoot__ex2 li {
    width: 29.3rem;
  }
}

.shoot__subtitle2__1 {
  width: 24.7rem;
  margin: 0 auto 1.2rem;
}
@media only screen and (min-width: 769px) {
  .shoot__subtitle2__1 {
    width: 25.1rem;
    margin: 0 auto 1.2rem;
  }
}

.shoot__subtitle2__2 {
  width: 27rem;
  margin: 0 auto 1.2rem;
}
@media only screen and (min-width: 769px) {
  .shoot__subtitle2__2 {
    width: 27rem;
    margin: 0 auto 1.2rem;
  }
}

.shoot__catch {
  width: 51.9rem;
  margin: 6.5rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__catch {
    width: 51.7rem;
    margin: 7rem auto 0;
  }
}

.shoot__note {
  width: 67rem;
  margin: 4rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__note {
    width: 85.5rem;
    margin: 3.7rem auto 0;
  }
}
.shoot__note li {
  font-size: 1.8rem;
  font-weight: bold;
  color: #171c61;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}
@media only screen and (min-width: 769px) {
  .shoot__note li {
    font-size: 2rem;
  }
}

.shoot__bad {
  width: 72.2rem;
  margin: 5rem auto 0;
  border: 0.2rem solid #171c61;
  background-color: #edefef;
  border-radius: 1.2rem;
  padding: 3rem 0 4rem;
}
@media only screen and (min-width: 769px) {
  .shoot__bad {
    width: 94.3rem;
    margin: 7rem auto 0;
  }
}

.shoot__bad__title {
  font-size: 2.5rem;
  font-weight: bold;
  color: #171c61;
  text-align: center;
}
@media only screen and (min-width: 769px) {
  .shoot__bad__title {
    font-size: 2.3rem;
  }
}

.shoot__bad__fig {
  width: 58.4rem;
  margin: 3.2rem auto 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  .shoot__bad__fig {
    width: 58.7rem;
    margin: 3.4rem auto 0;
  }
}
.shoot__bad__fig li {
  width: 25.8rem;
  margin-bottom: 4rem;
}
@media only screen and (min-width: 769px) {
  .shoot__bad__fig li {
    width: 21.7rem;
    margin-bottom: 4.7rem;
  }
}

.shoot__bad__note {
  width: 66rem;
  margin: 4rem auto 0;
}
@media only screen and (min-width: 769px) {
  .shoot__bad__note {
    width: 86.2rem;
    margin: 3.7rem auto 0;
  }
}
.shoot__bad__note li {
  font-size: 1.75rem;
  letter-spacing: -0.025em;
  font-weight: bold;
  color: #171c61;
  line-height: 1.8;
  padding-left: 1em;
  text-indent: -1em;
}

/******* 応募規約  *******/
.terms {
  width: 100%;
  background-image: url(../img/bk01_sp.jpg);
  background-size: 100% auto;
  background-position: top -20rem center;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 769px) {
  .terms {
    background-image: url(../img/bk01_pc.jpg);
    background-size: auto;
    background-position: top center;
  }
}
@media only screen and (min-width: 2000px) {
  .terms {
    background-size: cover;
  }
}

.terms__inner {
  margin: 0 auto;
  padding: 10.2rem 0 20.8rem;
}
@media only screen and (min-width: 769px) {
  .terms__inner {
    width: 111.8rem;
    padding: 9.9rem 0 27.7rem;
  }
}

.terms__title {
  width: 65rem;
  margin: 0 auto;
}
@media only screen and (min-width: 769px) {
  .terms__title {
    width: 92.9rem;
  }
}

.terms__wrap__buy, .terms__wrap__x {
  display: none;
  width: 72.2rem;
  height: 56.8rem;
  overflow-y: scroll;
  margin: 8.4rem auto 0;
  padding: 3.2rem 3.2rem 1rem;
  background-color: #fff;
  border: 0.4rem solid #e0c25d;
  border-radius: 1.2rem;
}
@media only screen and (min-width: 769px) {
  .terms__wrap__buy, .terms__wrap__x {
    width: 95rem;
    height: 56.8rem;
    margin: 8.1rem auto 0;
    padding: 2.8rem 4rem;
  }
}
.terms__wrap__buy.active, .terms__wrap__x.active {
  display: block;
}
.terms__wrap__buy h3, .terms__wrap__x h3 {
  font-size: 2.4rem;
  line-height: 1.4;
  margin-top: 3.2rem;
}
@media only screen and (min-width: 769px) {
  .terms__wrap__buy h3, .terms__wrap__x h3 {
    font-size: 1.8rem;
  }
}
.terms__wrap__buy p, .terms__wrap__buy ul, .terms__wrap__x p, .terms__wrap__x ul {
  margin-top: 0.5em;
}
.terms__wrap__buy p, .terms__wrap__buy li, .terms__wrap__x p, .terms__wrap__x li {
  font-size: 2rem;
  line-height: 1.7;
}
@media only screen and (min-width: 769px) {
  .terms__wrap__buy p, .terms__wrap__buy li, .terms__wrap__x p, .terms__wrap__x li {
    font-size: 1.6rem;
  }
}
.terms__wrap__buy p.bold, .terms__wrap__x p.bold {
  font-weight: bold;
  margin-top: 1em;
}
.terms__wrap__buy ul.note li, .terms__wrap__x ul.note li {
  padding-left: 1em;
  text-indent: -1em;
}
.terms__wrap__buy ul.disc, .terms__wrap__x ul.disc {
  padding-left: 1em;
}
.terms__wrap__buy ul.disc li, .terms__wrap__x ul.disc li {
  margin-left: 1em;
  list-style: disc;
  padding-left: 0;
  text-indent: 0;
}
.terms__wrap__buy ul.disc ul, .terms__wrap__x ul.disc ul {
  padding-left: 1em;
}
.terms__wrap__buy ul.disc ul li, .terms__wrap__x ul.disc ul li {
  margin-left: 0;
  list-style: none;
}

.terms__buy__btn__wrap, .terms__x__btn__wrap {
  display: none;
}
.terms__buy__btn__wrap.active, .terms__x__btn__wrap.active {
  display: block;
}

.terms__buy__agree__btn, .terms__x__agree__btn {
  width: 36.27rem;
  height: 6.17rem;
  margin: 11rem auto 0;
  background-image: url(../img/cp_agree_btn.svg);
  background-size: 100% auto;
  background-position: top center;
  background-repeat: no-repeat;
  text-indent: -9999px;
}
@media only screen and (min-width: 769px) {
  .terms__buy__agree__btn, .terms__x__agree__btn {
    width: 36.27rem;
    height: 6.17rem;
    margin: 11.3rem auto 0;
  }
  .terms__buy__agree__btn:hover, .terms__x__agree__btn:hover {
    cursor: pointer;
    opacity: 0.8;
  }
}
.terms__buy__agree__btn.active, .terms__x__agree__btn.active {
  background-position: bottom center;
}

.terms__buy__btn, .terms__x__btn {
  width: 51.4rem;
  margin: 10.5rem auto 0;
}
.terms__buy__btn a, .terms__x__btn a {
  filter: brightness(0.3);
  pointer-events: none;
}
.terms__buy__btn.active a, .terms__x__btn.active a {
  filter: brightness(1);
  pointer-events: auto;
}