@charset "UTF-8";

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns {
      margin-top: 24VW !important;
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns {
      width:890px;
      margin: 100px auto 0 !important;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
  }
}

.mobile-page-u96-reason04__purchase__btns__item {
  position: relative
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item+li {
      margin-top:38.53vw
  }
}

.mobile-page-u96-reason04__purchase__btns__item::before {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  display: block;
  background: center center/contain no-repeat
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item::before {
      top:-24.33vw
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item::before {
      top:-70px;
      height: 40px
  }
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item--online::before {
      background-image:url(/shop/set/data/support/necessary/fee/img/s/ttl_btn-online.png);
      width: 49.33vw;
      height: 19vw
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--online::before {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/ttl_btn-online.png);
      width: 333px
  }
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item--shop::before {
      background-image:url(/shop/set/data/support/necessary/fee/img/s/ttl_btn-shop.png);
      width: 45vw;
      height: 19.3vw
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--shop::before {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/ttl_btn-shop.png);
      width: 289px
  }
}

.mobile-page-u96-reason04__purchase__btns__item::after {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
  display: block;
  background: center center/contain no-repeat
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item::after {
      top:-1.3vw;
      width: 87.73vw;
      height: 22.13vw
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item::after {
      top:-10px;
      width: 468px;
      height: 136px
  }
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item--online::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/s/btn_online.png)
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--online::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/btn_online.png)
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--online:has(a:hover)::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/btn_online_on.png)
  }
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item--shop::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/s/btn_shop.png)
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--shop::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/btn_shop.png)
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item--shop:has(a:hover)::after {
      background-image:url(/shop/set/data/support/necessary/fee/img/p/btn_shop_on.png)
  }
}

.mobile-page-u96-reason04__purchase__btns__item a {
  display: block;
  position: relative;
  z-index: 1
}

@media screen and (max-width: 900px) {
  .mobile-page-u96-reason04__purchase__btns__item a {
      width:81.33vw;
      height: 15.47vw;
      margin: 0 auto
  }
}

@media screen and (min-width: 901px) {
  .mobile-page-u96-reason04__purchase__btns__item a {
      width:420px;
      height: 86px
  }
}@charset "UTF-8";