@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;500;700;800;900&display=swap");
@import url("https://kantan.auone.jp/sp/campaign/kantan_all/common/css/common.css");
/* Reset CSS */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

header {
  background: #FFF;
  padding: 10px 0 0;
}
header img {
  width: 150px;
  padding: 10px;
}
@media (max-width: 480px) {
  header img {
    width: 120px;
  }
}

ol, ul {
  list-style: none;
}

ul {
  margin: 0;
  padding: 0;
  border: 0;
}

li {
  padding-top: 0.4rem;
  list-style: none;
}

.list_num {
  background: #F7F793;
  padding: 22px 15px;
  margin: 25px 0;
  border-radius: 12px;
}
@media (max-width: 480px) {
  .list_num {
    margin: 12px 0;
    padding: 16px 8px;
  }
}

.list_num li {
  font-size: 17px;
  line-height: 1.5;
  padding-top: 0;
  transform: rotate(0.05deg);
}
@media (max-width: 480px) {
  .list_num li {
    font-size: 14px;
  }
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  vertical-align: top;
  max-width: 100%;
  height: auto;
}

p {
  /*margin-top: 1em;*/
  margin-bottom: 1em;
  line-height: 1.5em;
}

button {
  appearance: none;
  border-radius: 0;
  width: 100%;
  background: none;
  border: none;
  box-sizing: border-box;
  padding: 0;
  font-weight: 400;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

.indent {
  padding-left: 1em;
  text-indent: -1em;
}

body {
  line-height: 1;
  display: block;
  width: 100%;
  margin: auto;
  background: #fff;
  font-weight: 400;
  font-style: normal;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

a {
  text-decoration: none;
  color: #FF5A24;
}

a:active {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:hover img {
  opacity: 0.95;
  filter: alpha(opacity=100);
}

a i {
  padding: 0 2px 0 18px;
}

.mv {
  background: #FFF;
}

.mv img {
  width: 100%;
  height: auto;
  min-height: 1px;
  margin: 0;
  vertical-align: bottom;
  line-height: 0;
}

h4, h3 {
  line-height: inherit;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

h5 {
  margin: 30px auto 0;
  font-size: 1.2em;
  line-height: 1.6;
  padding: 0;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}

@media screen and (max-width: 460px) {
  h5 {
    font-size: 1em;
  }
}
.txt_white {
  color: #fff;
}

.txt_r {
  text-align: right;
}

.f_b {
  font-weight: bold;
}

/* Google Play */
.f-rbt {
  font-family: "Roboto", sans-serif;
}

br.pc_none {
  display: none;
}

br.pc {
  display: block;
  width: 100%;
}

#wrap {
  width: 750px;
  max-width: 100%;
  color: #301102;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 auto;
  overflow: hidden;
}

#wrap h1 {
  padding-top: 0;
  margin-bottom: 0;
}

#snow {
  position: relative;
  overflow: hidden;
}

#snow #particles {
  position: absolute;
  z-index: 1;
  max-width: 750px;
  width: 100%;
  /*height: 100%;*/
  height: calc(100% - 290px);
  margin: 0 auto;
  top: 188px;
  pointer-events: none;
  overflow: hidden;
}

@media (max-width: 750px) {
  #snow #particles {
    top: 25.07vw;
    height: calc(100% - 38.66vw);
  }
}
#snow #particles canvas {
  display: block;
  width: 100% !important;
  height: 100% !important;
}

/* NAVI */
.p_cont {
  display: flex;
  justify-content: center;
  gap: 30px;
  padding: 40px 35px;
  background-image: url("../img/lp/bg-navi.png");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media (max-width: 750px) {
  .p_cont {
    padding: 5.33vw 4.67vw;
    gap: 4vw;
  }
}

.p_cont .p_cont_box a:hover {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

@keyframes zoom {
  0% {
    transform: scale(1);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  10% {
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  20% {
    transform: scale(1);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  30% {
    transform: scale(1.05);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  40% {
    transform: scale(1);
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
}
.btn-orange {
  display: block;
  width: 625px;
  margin: 0 auto;
  color: #FE6C00;
  font-size: 22px;
  font-weight: 800;
  border-radius: 50vh;
  background: #fff;
  text-align: center;
  border: 4px solid #FE6C00;
  padding: 12px 45px 12px 10px;
  box-sizing: border-box;
  position: relative;
  transition: opacity 0.3s;
}
@media (max-width: 750px) {
  .btn-orange {
    width: 83.33vw;
    font-size: 2.93vw;
    padding: 1.6vw 6vw 1.6vw 1.33vw;
    border-width: 0.53vw;
  }
}
.btn-orange:hover {
  opacity: 0.8;
  transition: 0.5s;
  color: #FE6C00;
}
.btn-orange::after {
  position: absolute;
  top: 50%;
  right: 50px;
  margin-top: -13px;
  width: 25px;
  height: 25px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 -8.14564e-07C5.59625 -2.11019e-07 -3.60368e-06 5.59625 -3.00013e-06 12.5C-2.39659e-06 19.4038 5.59625 25 12.5 25C19.4037 25 25 19.4037 25 12.5C25 5.59625 19.4037 -1.41811e-06 12.5 -8.14564e-07ZM12.5062 7.1975C12.2719 7.43191 12.1403 7.7498 12.1403 8.08125C12.1403 8.41271 12.2719 8.73059 12.5062 8.965L14.79 11.25L7.195 11.25C6.86348 11.25 6.54553 11.3817 6.31111 11.6161C6.07669 11.8505 5.945 12.1685 5.945 12.5C5.945 12.8315 6.07669 13.1495 6.31111 13.3839C6.54553 13.6183 6.86348 13.75 7.195 13.75L14.79 13.75L12.5037 16.0363C12.2694 16.2708 12.1378 16.5889 12.1379 16.9204C12.138 17.252 12.2698 17.57 12.5044 17.8044C12.7389 18.0388 13.057 18.1704 13.3886 18.1703C13.7202 18.1701 14.0381 18.0383 14.2725 17.8038L18.6912 13.3837C18.9256 13.1493 19.0572 12.8315 19.0572 12.5C19.0572 12.1685 18.9256 11.8507 18.6912 11.6162L14.2725 7.1975C14.1564 7.08128 14.0185 6.98908 13.8668 6.92617C13.7151 6.86327 13.5524 6.83089 13.3881 6.83089C13.2239 6.83089 13.0612 6.86327 12.9094 6.92617C12.7577 6.98908 12.6198 7.08128 12.5037 7.1975L12.5062 7.1975Z' fill='%23FE6C00'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 25px 25px;
  content: "";
}
@media (max-width: 750px) {
  .btn-orange::after {
    width: 3.33vw;
    height: 3.33vw;
    margin-top: -1.73vw;
    right: 6.67vw;
    background-size: 3.33vw 3.33vw;
  }
}
.btn-orange.-w660 {
  width: 660px;
}
@media (max-width: 750px) {
  .btn-orange.-w660 {
    width: 88vw;
  }
}
.btn-orange.-w400 {
  width: 400px;
}
@media (max-width: 750px) {
  .btn-orange.-w400 {
    width: 53.33vw;
  }
}
.btn-orange.-w320 {
  width: 267px;
  padding: 8px 65px 8px 10px;
  margin: 20px auto;
  background-color: #FE6C00;
  color: #fff;
}
@media (max-width: 750px) {
  .btn-orange.-w320 {
    width: 35.6vw;
    padding: 1.07vw 8.67vw 1.07vw 1.33vw;
    margin: 2.67vw auto;
  }
}
.btn-orange.-w320::after {
  right: 38px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5 -8.14564e-07C5.59625 -2.11019e-07 -3.60368e-06 5.59625 -3.00013e-06 12.5C-2.39659e-06 19.4038 5.59625 25 12.5 25C19.4037 25 25 19.4037 25 12.5C25 5.59625 19.4037 -1.41811e-06 12.5 -8.14564e-07ZM12.5062 7.1975C12.2719 7.43191 12.1403 7.7498 12.1403 8.08125C12.1403 8.41271 12.2719 8.73059 12.5062 8.965L14.79 11.25L7.195 11.25C6.86348 11.25 6.54553 11.3817 6.31111 11.6161C6.07669 11.8505 5.945 12.1685 5.945 12.5C5.945 12.8315 6.07669 13.1495 6.31111 13.3839C6.54553 13.6183 6.86348 13.75 7.195 13.75L14.79 13.75L12.5037 16.0363C12.2694 16.2708 12.1378 16.5889 12.1379 16.9204C12.138 17.252 12.2698 17.57 12.5044 17.8044C12.7389 18.0388 13.057 18.1704 13.3886 18.1703C13.7202 18.1701 14.0381 18.0383 14.2725 17.8038L18.6912 13.3837C18.9256 13.1493 19.0572 12.8315 19.0572 12.5C19.0572 12.1685 18.9256 11.8507 18.6912 11.6162L14.2725 7.1975C14.1564 7.08128 14.0185 6.98908 13.8668 6.92617C13.7151 6.86327 13.5524 6.83089 13.3881 6.83089C13.2239 6.83089 13.0612 6.86327 12.9094 6.92617C12.7577 6.98908 12.6198 7.08128 12.5037 7.1975L12.5062 7.1975Z' fill='%23FFFFFF'/%3E%3C/svg%3E%0A");
}
@media (max-width: 750px) {
  .btn-orange.-w320::after {
    right: 5.067vw;
  }
}
.btn-orange.-noarrow {
  padding-right: 10px;
}
@media (max-width: 750px) {
  .btn-orange.-noarrow {
    padding-right: 1.33vw;
  }
}
.btn-orange.-noarrow::after {
  display: none;
}

.btn-orange-big {
  width: 625px;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 32px;
  font-weight: 800;
  line-height: 1;
  background: #FE6C00;
  border-radius: 50vh;
  margin: 0 auto 24px;
  padding: 32px 10px;
  box-sizing: border-box;
}
@media (max-width: 750px) {
  .btn-orange-big {
    width: 83.33vw;
    font-size: 4.27vw;
    margin: 0 auto 3.2vw;
    padding: 4.27vw 1.33vw;
  }
}
.btn-orange-big:hover {
  opacity: 0.8;
  transition: 0.5s;
  color: #fff;
}
.btn-orange-big.-anim {
  animation: zoom 3s infinite both;
}

/* STEP */
#n_step {
  padding: 50px 20px 204px;
  background-color: #23a7ff;
  background-image: url("../img/lp/bg-step.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: bottom center;
}
@media (max-width: 750px) {
  #n_step {
    padding: 8.53vw 2.67vw 16vw;
  }
}
#n_step .title {
  padding: 0 7px;
  margin: 0 0 32px;
}
@media (max-width: 750px) {
  #n_step .title {
    padding: 0 0.933vw;
    margin: 0 0 4.267vw;
  }
}
#n_step .title img {
  display: block;
  margin: 0 auto;
}
#n_step .lead {
  text-align: center;
  border: 5px solid #EAE1DE;
  border-radius: 16px;
  background: #fff;
  font-size: 22px;
  color: #000;
  font-weight: 800;
  margin: 0 0 24px;
  line-height: 1.4;
  padding: 14px 10px 16px;
  transform: rotate(0.05deg);
  position: relative;
}
@media (max-width: 500px) {
  #n_step .lead {
    border-width: 1vw;
    font-size: 3.8vw;
    padding: 2.6vw 2vw 2.8vw;
    margin: 0 0 4.8vw;
    border-radius: 3.2vw;
  }
}
#n_step .lead mark {
  background: linear-gradient(to top, #FCF532 13px, rgba(0, 0, 0, 0) 13px);
  color: #000;
}
@media (max-width: 500px) {
  #n_step .lead mark {
    background: linear-gradient(to top, #FCF532 2.6vw, rgba(0, 0, 0, 0) 2.6vw);
  }
}
#n_step .lead::after {
  position: absolute;
  border-style: solid;
  border-width: 20px 15px 0 15px;
  border-color: #EAE1DE transparent transparent transparent;
  top: 100%;
  right: 85px;
  content: "";
}
@media (max-width: 500px) {
  #n_step .lead::after {
    border-width: 4vw 3vw 0 3vw;
    right: 17vw;
  }
}
#n_step {
  /*.btn-orange::after {
    transform: none;
  }*/
}

#n_step .inner {
  background: #ffffbd;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
  border: 6px solid #fff;
  border-radius: 40px;
  padding: 40px 36px;
}
@media (max-width: 750px) {
  #n_step .inner {
    border-radius: 5.33vw;
    padding: 5.33vw 4.8vw;
    border-width: 0.8vw;
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
  }
}

#n_step .step {
  padding: 0 0 40px;
}
@media (max-width: 750px) {
  #n_step .step {
    padding: 0 0 5.333vw;
  }
}

#n_step .note {
  margin: 40px 0 0;
}
@media (max-width: 750px) {
  #n_step .note {
    margin: 5.33vw 0 0;
  }
}

#n_step .note p {
  margin: 0;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: normal;
  transform: rotate(0.05deg);
}
@media (max-width: 600px) {
  #n_step .note p {
    font-size: 14px;
  }
}
#n_step .note p a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* special */
.special {
  background-image: url("../img/lp/bg-special.png");
  background-size: 100% auto;
  background-repeat: no-repeat;
  padding: 40px 20px 53px;
  position: relative;
}
@media (max-width: 750px) {
  .special {
    padding: 5.33vw 2.67vw 7.07vw;
  }
}

.special .heading {
  padding: 0 22px;
  margin: 0;
}
@media (max-width: 750px) {
  .special .heading {
    padding: 0 2.93vw;
  }
}

.special .heading img {
  display: block;
  margin: 0 auto;
}

.special .special-chance {
  margin-top: -115px;
  border-radius: 40px;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
  border: 8px solid #fff;
  box-sizing: border-box;
  background: #FFFFBD;
  padding: 136px 14px 64px;
}
@media (max-width: 750px) {
  .special .special-chance {
    padding: 18.13vw 1.87vw 8.53vw;
    border-width: 1.07vw;
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
    margin-top: -15.33vw;
    border-radius: 5.33vw;
  }
}
@media (max-width: 750px) {
  .special .special-chance .note .mb0 br,
  .special .special-chance .note .mb8 br {
    display: none;
  }
}

#special_02 .special-chance {
  margin-left: 20px;
  margin-right: 20px;
}
@media (max-width: 750px) {
  #special_02 .special-chance {
    margin-left: 2.67vw;
    margin-right: 2.67vw;
  }
}

#special_02 .txt-entry {
  margin-top: 0;
}

#special_02 .balloon {
  letter-spacing: -0.01em;
}

.special .txt-entry {
  text-align: center;
  font-size: 34px;
  font-weight: 800;
  line-height: 1.6;
  letter-spacing: -0.01em;
  margin: 20px 0;
  color: #683217;
}
@media (max-width: 750px) {
  .special .txt-entry {
    font-size: 4.5vw;
    line-height: 1.6;
    margin: 4.267vw 0;
  }
}

.special .texture {
  background-size: 2.5rem 2.5rem;
  margin-top: -1.875rem;
  padding: 3.125rem 1.875rem 3.5625rem;
}

@media (max-width: 750px) {
  .special .texture {
    margin-top: -4vw;
    padding: 6.667vw 4vw 7.6vw;
  }
}
.special .arw-title {
  margin: 0 0 42px;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #fff;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
}
@media (max-width: 750px) {
  .special .arw-title {
    margin: 0 0 5.6vw;
  }
}
.special .arw-title::before, .special .arw-title::after {
  background-image: url("data:image/svg+xml,%3Csvg width='29' height='48' viewBox='0 0 29 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.40186 13.8701L26.0019 44.801' stroke='white' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M3.5 0C4.19223 0 4.86892 0.205271 5.4445 0.589856C6.02007 0.974441 6.46867 1.52107 6.73358 2.16061C6.99848 2.80015 7.0678 3.50388 6.93275 4.18282C6.7977 4.86175 6.46436 5.48539 5.97487 5.97487C5.48539 6.46436 4.86175 6.7977 4.18282 6.93275C3.50388 7.0678 2.80015 6.99848 2.16061 6.73358C1.52107 6.46867 0.974441 6.02007 0.589856 5.4445C0.205271 4.86892 0 4.19223 0 3.5C0 2.57174 0.368749 1.6815 1.02513 1.02513C1.6815 0.368749 2.57174 0 3.5 0Z' fill='white'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  width: 29px;
  height: 48px;
  content: "";
}
@media (max-width: 750px) {
  .special .arw-title::before, .special .arw-title::after {
    width: 3.867vw;
    height: 5.333vw;
  }
}
.special .arw-title::after {
  transform: scaleX(-1);
}
.special .arw-title .wrapper {
  display: inline-block;
}

#special_01 .lead {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  text-align: center;
  font-size: 32px;
  font-weight: 800;
  color: #683217;
  margin: 46px 0 6px;
}
@media (max-width: 750px) {
  #special_01 .lead {
    gap: 0 2.13vw;
    font-size: 4.27vw;
    margin: 6.13vw 0 0.8vw;
  }
}
#special_01 .lead::before, #special_01 .lead::after {
  width: 24px;
  height: 34px;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='34' viewBox='0 0 24 34' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.56503 1.55566L21.065 32.0557' stroke='%23683217' stroke-width='6'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media (max-width: 750px) {
  #special_01 .lead::before, #special_01 .lead::after {
    width: 3.2vw;
    height: 4.53vw;
  }
}
#special_01 .lead::after {
  transform: scaleX(-1);
}

#special_01 .img-chance {
  width: 668px;
  margin: 0 auto 25px;
}
@media (max-width: 750px) {
  #special_01 .img-chance {
    width: 89.07vw;
  }
}

#special_01 .price-sec {
  width: 666px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #special_01 .price-sec {
    width: 88.8vw;
  }
}

#special_01 .arw-title {
  background-image: repeating-linear-gradient(-45deg, #1251DD, #1251DD 32px, #0042D6 32px, #0042D6 58px);
  font-size: 36px;
  line-height: 1.4444444444;
  padding: 29px 10px 21px;
  align-items: flex-end;
}
@media (max-width: 750px) {
  #special_01 .arw-title {
    font-size: 4.8vw;
    background-image: repeating-linear-gradient(-45deg, #1251DD, #1251DD 4.267vw, #0042D6 4.267vw, #0042D6 7.733vw);
    padding: 3.867vw 1.333vw 2.8vw;
  }
}
#special_01 .arw-title .yellow {
  color: #FFFF00;
}
#special_01 .arw-title::before, #special_01 .arw-title::after {
  margin-bottom: 8px;
}
@media (max-width: 750px) {
  #special_01 .arw-title::before, #special_01 .arw-title::after {
    margin-bottom: 1.067vw;
  }
}

#special_01 .txt-lead {
  color: #0042D6;
}

#special_01 .img-arw {
  width: 661px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #special_01 .img-arw {
    width: 88.133vw;
  }
}

.special .balloon {
  text-align: center;
  margin: 50px auto 0;
  font-size: 20px;
  font-weight: 800;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
  transform: rotate(0.05deg);
}
@media (max-width: 600px) {
  .special .balloon {
    font-size: 16px;
    margin: 6.67vw auto 0;
    padding: 0 10px;
  }
}
.special .balloon p {
  line-height: 1.6;
  color: #683217;
  letter-spacing: -0.01em;
}
@media (max-width: 600px) {
  .special .balloon p br {
    display: none;
  }
}
.special .balloon .note {
  font-size: 14px;
  margin-top: 25px;
}
@media (max-width: 600px) {
  .special .balloon .note {
    font-size: 12px;
    letter-spacing: 0;
    padding: 0 16px;
    margin-top: 12px;
  }
}
.special .balloon span {
  color: #FB4D0D;
  font-size: 26px;
}
@media (max-width: 600px) {
  .special .balloon span {
    font-size: 18px;
  }
}

.special .note {
  text-align: center;
  font-size: 18px;
  line-height: 1.5555555556;
  transform: rotate(0.05deg);
  margin: 30px 0 40px;
  color: #683217;
}
@media (max-width: 750px) {
  .special .note {
    margin: 4vw 0 5.33vw;
  }
}
@media (max-width: 600px) {
  .special .note {
    font-size: 14px;
    margin-bottom: 32px;
  }
}
.special .note.-center {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.special .note.-bold {
  font-weight: bold;
}
.special .note a {
  text-decoration: underline;
  text-underline-offset: 3px;
}

.special .line {
  width: 620px;
  height: 14px;
  margin: 44px auto 48px;
  background-image: url("../img/lp/line.png");
  background-repeat: repeat-x;
  background-size: 55px 14px;
}
@media (max-width: 750px) {
  .special .line {
    width: 83.47vw;
    height: 1.87vw;
    margin: 5.87vw auto 6.4vw;
    background-size: 7.33vw 1.87vw;
  }
}

.price-sec {
  width: 642px;
  margin: 40px auto 20px;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .price-sec {
    width: 85.6vw;
    margin: 5.33vw auto 2.67vw;
  }
}

#special_02 {
  position: relative;
  padding: 0;
}
#special_02 .bubble {
  padding: 0 20px 0 28px;
}
@media (max-width: 750px) {
  #special_02 .bubble {
    padding: 0 2.67vw 0 3.73vw;
  }
}
#special_02 .btn-orange {
  margin-top: 30px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #special_02 .btn-orange {
    margin-top: 4vw;
    margin-bottom: 2.67vw;
  }
}
#special_02 .img-chance {
  width: 666px;
  margin: 40px auto 25px;
}
@media (max-width: 750px) {
  #special_02 .img-chance {
    width: 88.8vw;
    margin: 5.33vw auto 3.33vw;
  }
}
#special_02 .price-sec {
  width: 642px;
}
@media (max-width: 750px) {
  #special_02 .price-sec {
    width: 85.6vw;
  }
}
#special_02 .txt-entry .small {
  font-size: 31px;
  letter-spacing: -1.6px;
  font-weight: 800;
}
@media (max-width: 750px) {
  #special_02 .txt-entry .small {
    font-size: 4.3vw;
    letter-spacing: -0.6;
  }
}
#special_02 .txt-entry .big {
  display: block;
  font-size: 44px;
  font-weight: 800;
  line-height: 1.3636363636;
}
@media (max-width: 750px) {
  #special_02 .txt-entry .big {
    font-size: 5.87vw;
  }
}
#special_02 .txt-entry .shape {
  display: block;
  width: 626px;
  margin: 25px auto;
}
@media (max-width: 750px) {
  #special_02 .txt-entry .shape {
    width: 83.47vw;
    margin: 3.35vw auto;
  }
}
#special_02 .cnf_box .btn-orange {
  width: 660px;
  padding-right: 10px;
  margin-bottom: 20px;
}
@media (max-width: 750px) {
  #special_02 .cnf_box .btn-orange {
    width: 88vw;
  }
}
#special_02 .cnf_box .btn-orange::after {
  display: none;
}
#special_02 .cnf_box .indent {
  padding-top: 25px;
}

#special_02 {
  padding: 50px 0;
}
@media (max-width: 750px) {
  #special_02 {
    padding: 6.67vw 0;
  }
}

#special_02 .heading {
  padding: 0;
}

#special_02 .texture {
  background-image: url("../img/lp/bg-arw_box-02.png");
}

#special_02 .arw-title {
  background-image: repeating-linear-gradient(-45deg, #FA662E, #FA662E 32px, #F94D0C 32px, #F94D0C 58px);
  font-size: 40px;
  line-height: 1.3;
  padding: 29px 10px 21px;
  gap: 25px;
}
@media (max-width: 750px) {
  #special_02 .arw-title {
    font-size: 5.333vw;
    padding: 3.867vw 1.333vw 2.8vw;
    gap: 3.333vw;
    background-image: repeating-linear-gradient(-45deg, #FA662E, #FA662E 4.267vw, #F94D0C 4.267vw, #F94D0C 7.733vw);
  }
}
#special_02 .arw-title .yellow {
  color: #FFFF00;
}
#special_02 .arw-title::before, #special_02 .arw-title::after {
  margin-bottom: 8px;
}

#special_02 .img-arw {
  width: 672px;
  margin: 0 auto -50px;
}
@media (max-width: 750px) {
  #special_02 .img-arw {
    width: 89.6vw;
    margin-bottom: -6.667vw;
  }
}

/* au PAY Card */
.arw_box {
  text-align: center;
}

.arw_box .lead {
  font-size: 22px;
  line-height: 1.8;
  font-weight: 800;
  margin: 0;
}
@media (max-width: 750px) {
  .arw_box .lead {
    font-size: 2.93vw;
  }
}

.arw_box > .text {
  font-size: 14px;
  font-weight: 800;
  transform: rotate(0.05deg);
  line-height: 1.5;
  margin-bottom: 1.5em;
}
@media (max-width: 750px) {
  .arw_box > .text {
    font-size: 2.13vw;
  }
}

.arw_box.-special1 {
  width: 40.3125rem;
  margin: 0 auto;
  background-image: url("../img/lp/bg-present-top.png"), url("../img/lp/bg-present-bottom.png"), url("../img/lp/bg-present-middle-left.png"), url("../img/lp/bg-present-middle-right.png");
  background-size: 40.3125rem 7.8125rem, 40.3125rem 1.4375rem, 1.0625rem 1.0625rem, 1rem 1.0625rem;
  background-repeat: no-repeat, no-repeat, repeat-y, repeat-y;
  background-position: top left, bottom left, top left, top right;
  padding: 0 0.9375rem 0.875rem;
  box-sizing: border-box;
}

@media (max-width: 750px) {
  .arw_box.-special1 {
    width: 86vw;
    background-size: 86vw 16.667vw, 86vw 3.067vw, 2.267vw 2.267vw, 2.133vw 2.267vw;
    padding: 0 2.133vw 1.867vw 2vw;
  }
}
.arw_box.-special1 > .head {
  padding: 1.25rem 0 1rem;
  width: 33.25rem;
  margin: 0 auto;
  transform: translateX(0.125rem);
}

@media (max-width: 750px) {
  .arw_box.-special1 > .head {
    padding: 2.667vw 0 2.133vw;
    width: 70.933vw;
  }
}
.arw_box.-special1 > .body {
  position: relative;
  z-index: 1;
  padding: 1.5625rem 0;
}

@media (max-width: 750px) {
  .arw_box.-special1 > .body {
    padding: 3.333vw 0;
  }
}
.arw_box.-special1 > .body::after {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0.6;
  z-index: -1;
  content: "";
}

.arw_box.-special1 > .body .circle {
  margin: 0 auto 1.25rem;
  width: 34.9375rem;
  transform: translateX(0.4375rem);
}

@media (max-width: 750px) {
  .arw_box.-special1 > .body .circle {
    width: 74.533vw;
    transform: translateX(0.933vw);
  }
}
.arw_box.-special1 > .body .text {
  color: #fff;
  font-size: 0.875rem;
  margin: 0;
  padding: 0 1.25rem;
  transform: rotate(0.05deg);
}

@media (max-width: 750px) {
  .arw_box.-special1 > .body .text {
    font-size: 2.4vw;
  }
}
.arw_box.-special1 .btn_link {
  position: relative;
  display: block;
  margin: 0 auto 1.5625rem;
  z-index: 2;
  font-size: 1.5rem;
  font-weight: 800;
  width: 17.5rem;
  padding: 0.375rem;
}

@media (max-width: 750px) {
  .arw_box.-special1 .btn_link {
    padding: 0.8vw;
    font-size: 3.2vw;
    width: 37.333vw;
    margin: 0 auto 3.333vw;
  }
}
.arw_box.-special2 {
  text-align: center;
  margin: 50px auto 0;
  font-size: 22px;
  font-weight: 800;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  padding: 0;
}

.arw_box.-special2 .text {
  margin: 0.5rem 0 0;
  color: #000;
}
@media (max-width: 750px) {
  .arw_box.-special2 .text {
    margin: 1.07vw 0 0;
  }
}

.arw_box .balloon {
  position: relative;
  display: block;
  margin: 0 1.875rem 1.25rem;
  padding: 1.25rem 2rem 1rem;
  border: 1px solid #fff;
  background-color: #000;
  box-sizing: border-box;
  line-height: 1;
}

@media (max-width: 750px) {
  .arw_box .balloon {
    margin: 0 4vw 2.667vw;
    padding: 2.667vw 4.267vw 2.133vw;
  }
}
.arw_box .balloon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 13px 16px 13px;
  border-color: transparent transparent #fff;
  translate: -50% -100%;
}

.arw_box .balloon:after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 11.5px 14px 11.5px;
  border-color: transparent transparent #000;
  translate: -50% -100%;
}

.arw_box .balloon .-block {
  display: block;
  margin-bottom: 0.3125rem;
}

@media (max-width: 750px) {
  .arw_box .balloon .-block {
    width: 64.267vw;
    margin-bottom: 0.667vw;
  }
}
.arw_box .balloon .-inline {
  display: inline-block;
  margin-top: 0.375rem;
  margin-left: 0.1875rem;
}

@media (max-width: 750px) {
  .arw_box .balloon .-inline {
    width: 26vw;
    margin-top: 0.8vw;
    margin-left: 0.4vw;
  }
}
.arw_box .balloon .-link {
  display: inline-block;
}

@media (max-width: 750px) {
  .arw_box .balloon .-link {
    width: 25.467vw;
  }
}
.btn_link {
  border-radius: 50vh;
  background: #EA5504;
  color: #FFF;
  font-size: 1rem;
  font-weight: 700;
  transform: rotate(0.05deg);
  display: inline-block;
  width: 12.5rem;
  padding: 0.3125rem;
  box-sizing: border-box;
}

.btn_link:hover {
  color: #FFF;
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

.btn_link02 {
  position: relative;
  border-radius: 50px;
  margin: 5px 0 0;
  background: #EA5504;
  color: #FFF;
  font-size: 1rem;
  padding: 3px 40px 3px 20px;
  display: inline-block;
}

.btn_link02 a {
  color: #FFF;
}

.btn_link02::after {
  position: absolute;
  display: block;
  content: "\f35d";
  font-family: "Font Awesome 5 Free";
  top: 2px;
  right: 20px;
  font-weight: 800;
  color: #FFF;
}

/* QR box */
.qr_bx {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  justify-content: center;
  color: #000;
  padding: 52px 0.9375rem;
  margin: 32px -20px 0;
  background-color: rgba(255, 255, 255, 0.86);
}
@media (max-width: 750px) {
  .qr_bx {
    padding-top: 6.93vw;
    padding-bottom: 6.93vw;
    margin: 4.27vw -2.67vw 0;
  }
}
.qr_bx .code {
  flex-shrink: 0;
}

.qr_bx .body .lead {
  color: #F13960;
  font-size: 32px;
  font-weight: 800;
  line-height: 1.46875;
  margin: 0 0 0.5rem;
}
@media (max-width: 750px) {
  .qr_bx .body .lead {
    font-size: 4.27vw;
  }
}

@media (max-width: 600px) {
  .qr_bx .body .lead {
    font-size: 1.25rem;
  }
}
.qr_bx .body .text {
  margin: 0;
  font-size: 18px;
  line-height: 1.5555555556;
  transform: rotate(0.05deg);
  color: #683217;
}
@media (max-width: 750px) {
  .qr_bx .body .text {
    font-size: 2.4vw;
  }
}

@media (max-width: 600px) {
  .qr_bx .body .text br {
    display: none;
  }
}
/* Payment Method */
.cnf_box {
  box-sizing: border-box;
  padding: 0 25px;
  margin: 0 auto 1.25rem;
}
@media (max-width: 750px) {
  .cnf_box {
    padding: 0 3.33vw;
  }
}

.cnf_box .shop_more {
  margin-top: 0;
  margin-bottom: 1rem;
  font-weight: 800;
}

@media (max-width: 550px) {
  .cnf_box .shop_more {
    font-size: 1rem;
    padding-left: 1.5625rem;
    padding-right: 1.5625rem;
  }
}
.cnf_box .shop_more:hover {
  color: #fff;
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

.cnf_box .txt_c,
.cnf_box .indent li {
  font-size: 18px;
  line-height: 1.5555555556;
  transform: rotate(0.05deg);
}

.cnf_box .txt_c:first-child {
  margin-bottom: 1.125rem;
}

@media (max-width: 550px) {
  .cnf_box .txt_c,
  .cnf_box .indent li {
    font-size: 0.875rem;
  }
}
.cnf_box .txt_c strong,
.cnf_box .indent li strong {
  font-weight: 800;
}

/* SNS */
.sns {
  padding: 42px 0.625rem;
  text-align: center;
  font-weight: 800;
  transform: rotate(0.05deg);
  background-color: rgba(255, 255, 255, 0.86);
}

@media (max-width: 480px) {
  .sns {
    padding: 1.5rem 0.625rem;
  }
}
.sns_t {
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  color: #E20013;
}

.sns_box {
  display: flex;
  justify-content: center;
  margin-top: 0.3125rem;
}

.sns_box li {
  margin: 0 10px 0;
}

.sns_box li img {
  width: 50px;
  height: auto;
}

.sns_b {
  padding: 10px 0 10px 0;
  color: #ccc;
}

/* 固定ヘッダーSNS設定ここから  */
nav.dcb {
  margin: 0px auto 0px;
  z-index: 99;
  position: sticky;
  -webkit-position: sticky;
  -moz-position: sticky;
  top: 0;
  display: flex;
  justify-content: space-between;
  background: rgba(255, 255, 255, 0.7);
  padding: 5px 10px 5px;
  width: 100%;
}

nav.dcb h1 {
  display: block;
}

nav.dcb h1 a {
  /*display:block;*/
  text-decoration: none;
  color: #eb5505;
  margin: 0;
  padding: 0;
  height: 10px;
}

/*auロゴ設定*/
nav.dcb h1 a img {
  width: 80px;
  margin: 0 10px 0 0;
  padding: 0;
  vertical-align: middle;
}

/*nav.dcb h1 img{
	width:80px;
	margin:0 0 0 0;
	padding:0;
}*/
nav.dcb ul.sns_btn {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin-right: 0px;
  padding: 0 0 10px 0;
  margin: 0;
}

nav.dcb ul.sns_btn li {
  background: none;
}

nav.dcb ul.sns_btn li a {
  width: 40px;
  height: 40px;
  display: block;
  margin: 0px 15px;
  padding: 0;
  border-radius: 50%;
  text-decoration: none;
  z-index: 998;
  background-color: none !important;
  text-align: center;
}

nav.dcb ul.sns_btn li a img {
  width: 100%;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

nav.dcb ul.sns_btn li a:hover,
a:active,
a:visited {
  opacity: 0.8;
}

@media screen and (max-width: 460px) {
  nav.dcb {
    margin-top: 0;
    /*スマホSNSヘッダの上下位置（キャンペーン前）*/
    width: 100%;
    padding: 0;
  }
  nav.dcb h1 a {
    width: 80%;
    margin: 0px 10px 5px 0px;
    padding: 0;
  }
  nav.dcb h1 a img {
    width: 50px;
    margin: 0;
    padding: 0;
  }
  /*nav.dcb h1  img{
  	width:50px;
  	margin:0;
  	padding:0;
  }*/
  nav.dcb ul.sns_btn {
    display: flex;
    align-items: center;
    list-style-type: none;
    padding: 0 0 5px 0;
    margin: 0;
  }
  nav.dcb ul.sns_btn li {
    background: none;
  }
  nav.dcb ul.sns_btn li a {
    margin: 0 10px;
    width: 30px;
    height: 30px;
    display: block;
    padding: 0;
    border-radius: 50%;
    text-decoration: none;
    z-index: 998;
    background-color: none !important;
    text-align: center;
  }
  nav.dcb ul.sns_btn li a img {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  nav.dcb h1 a img {
    margin: 0;
    padding: 0;
  }
}
/* ▲固定ヘッダーSNS設定ここまで▲ */
#top_period {
  text-align: center;
  padding: 0 0 0;
  margin: -1 auto -1;
}

.top_periods {
  background-size: cover;
}

#top_period span {
  filter: drop-shadow(rgb(0, 92, 84) 0px 3px 0px);
  -webkit-filter: drop-shadow(rgb(0, 92, 84) 0px 3px 0px);
  -moz-filter: drop-shadow(rgb(0, 92, 84) 0px 3px 0px);
}

@media screen and (max-width: 460px) {
  .top_periods {
    font-size: 90%;
  }
  #top_period span {
    filter: drop-shadow(rgb(0, 92, 84) 0px 2px 0px);
    -webkit-filter: drop-shadow(rgb(0, 92, 84) 0px 2px 0px);
    -moz-filter: drop-shadow(rgb(0, 92, 84) 0px 2px 0px);
  }
}
.periods {
  display: block;
  position: relative;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  font-size: 200%;
  border: 0px solid #FFF;
  color: #fff;
  box-sizing: border-box;
  margin: 0 auto 0;
}

@media screen and (max-width: 610px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 180%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 571px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 170%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 510px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 155%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 470px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 142%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 409px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 135%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 390px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 130%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 374px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 125%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 360px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 120%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 340px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 110%;
    box-sizing: border-box;
    width: 100%;
  }
}
@media screen and (max-width: 300px) {
  .periods {
    display: block;
    position: relative;
    text-align: center;
    padding: 20px 0;
    font-size: 100%;
    box-sizing: border-box;
    width: 100%;
  }
}
#step {
  border-top: #b48132 0 solid;
  padding: 10px 0 60px;
  margin: -10px auto 0;
  text-align: center;
  color: #FFF;
}

#step img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

#step h4 {
  background: #fff;
  margin: 20px auto 20px;
}

.cprt {
  padding: 3% 2.5%;
  border-radius: 15px;
}

.cpn_box {
  background: linear-gradient(0deg, #fff 0%, #b48132 100%) 100%;
  padding: 0 2.5% 20px;
  border-radius: 0;
}

.banner-box {
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  text-align: center;
  background-image: linear-gradient(to bottom, #95060e 0%, #af070e 18.2%, #d10c00 52.2%, #af070e 87.2%, #95060e 100%);
  box-shadow: 0 12px 6px rgba(0, 0, 0, 0.24);
  line-height: 1;
  padding: 50px 10px 46px;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .banner-box {
    padding: 6.67vw 1.33vw 6.13vw;
    box-shadow: 0 1.6vw 0.8vw rgba(0, 0, 0, 0.24);
  }
}
.banner-box > .main {
  font-size: 42px;
  color: #FAFA24;
  margin: 12px 0 0;
}
@media (max-width: 750px) {
  .banner-box > .main {
    font-size: 5.6vw;
    margin-top: 1.6vw;
  }
}
.banner-box > .sub {
  font-size: 32px;
  color: #fff;
  letter-spacing: 0.04em;
}
@media (max-width: 750px) {
  .banner-box > .sub {
    font-size: 4.27vw;
  }
}
@keyframes dots-blink {
  0% {
    stroke-dashoffset: 0;
  }
  to {
    stroke-dashoffset: 21;
  }
}
@keyframes dots-glow {
  0%, 100% {
    filter: drop-shadow(0 0 2px #f5cb68) drop-shadow(0 0 5px #f5cb68);
    stroke: #f5cb68;
  }
  50% {
    filter: drop-shadow(0 0 6px #ffe9a3) drop-shadow(0 0 12px #ffe9a3);
    stroke: #fff7b3;
  }
}
@media (max-width: 750px) {
  @keyframes dots-glow {
    0%, 100% {
      filter: drop-shadow(0 0 0.27vw #f5cb68) drop-shadow(0 0 0.67vw #f5cb68);
    }
    50% {
      filter: drop-shadow(0 0 0.8vw #ffe9a3) drop-shadow(0 0 1.6vw #ffe9a3);
    }
  }
}
.banner-box > .border {
  position: absolute;
  top: 11px;
  left: 9px;
  width: 732px;
  height: 160px;
  overflow: visible;
  pointer-events: none;
  border: none !important;
}

#recommend {
  padding: 50px 0;
  position: relative;
  background-image: url("../img/lp/bg-ponta.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}
@media (max-width: 750px) {
  #recommend {
    padding: 6.67vw 0;
  }
}
#recommend #slider {
  margin: 0;
  position: relative;
}
#recommend #slider > .subtitle {
  padding: 0 24px;
}
@media (max-width: 750px) {
  #recommend #slider > .subtitle {
    padding: 0 2.4vw;
  }
}
#recommend #slider > .subtitle img {
  display: block;
}
#recommend #slider > .title {
  width: 624px;
  padding: 0 36px 0 34px;
  margin: 12px auto 24px;
}
@media (max-width: 750px) {
  #recommend #slider > .title {
    width: 83.2vw;
    padding: 0 4.8vw 0 4.53vw;
    margin: 1.6vw auto 3.2vw;
  }
}
#recommend #slider > .title img {
  display: block;
}

@media screen and (max-width: 460px) {
  .cprt ul {
    padding-inline-start: 20px;
    padding-inline-end: 20px;
  }
}
.ttl_shops {
  color: #fff;
  font-size: 1.4em;
  margin: 0;
  padding: 5px 8px 15px 8px;
}

.ttl_shops span {
  color: #eb5505;
  font-size: 0.8em;
  background: white;
  padding: 0 1em;
  border-radius: 20px 0;
  border: #eb5505 2px solid;
}

.sp {
  display: none;
}

.s_sp {
  display: none;
}

@media (max-width: 500px) {
  .pc {
    display: none;
  }
  #step .pc {
    display: none;
  }
  #step .pc02 {
    display: none;
  }
  .sp {
    display: block;
    width: 100%;
  }
  br.pc {
    display: none;
    width: 100%;
  }
  #config {
    margin: -2px auto -2px;
    width: 100%;
    max-width: 500px;
  }
  #config img {
    border-bottom: 2px dotted #eb5505;
    max-width: 90%;
  }
}
.f_box {
  display: flex;
  gap: 1.125rem;
  padding: 0 2.125rem;
  margin: 1.875rem auto 24px;
  justify-content: center;
  box-sizing: border-box;
}

@media (max-width: 550px) {
  .f_box {
    padding: 0 1.25rem;
    gap: 0.875rem;
    margin-top: 0;
    margin-bottom: 16px;
  }
}
.f_box .shop_more {
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
  margin-bottom: 0;
  position: relative;
}

@media (max-width: 680px) {
  .f_box .shop_more {
    font-size: 90%;
  }
}
@media (max-width: 625px) {
  .f_box .shop_more {
    font-size: 70%;
    padding-left: 1.25rem;
    padding-right: 2.5rem;
  }
}
@media (max-width: 425px) {
  .f_box .shop_more {
    font-size: 60%;
  }
}
.f_box .shop_more::after {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -14px;
  width: 28px;
  height: 28px;
  transform: rotate(-90deg);
  background-image: url("data:image/svg+xml,%3Csvg width='28' height='28' viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_52_2)'%3E%3Cpath d='M14 -5.72205e-06C16.7689 -5.72205e-06 19.4757 0.821079 21.778 2.35942C24.0803 3.89776 25.8747 6.08426 26.9343 8.64243C27.9939 11.2006 28.2712 14.0155 27.731 16.7313C27.1908 19.447 25.8574 21.9416 23.8995 23.8995C21.9416 25.8574 19.447 27.1908 16.7313 27.731C14.0155 28.2712 11.2006 27.9939 8.64243 26.9343C6.08427 25.8747 3.89777 24.0803 2.35943 21.778C0.821086 19.4757 0 16.7689 0 14C0 10.287 1.475 6.72601 4.1005 4.1005C6.72601 1.47499 10.287 -5.72205e-06 14 -5.72205e-06Z' fill='white'/%3E%3Cpath d='M8.48682 14.054L13.9998 19.567L19.5128 14.054' stroke='%23E20013' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14 8.488V19.513' stroke='%23E20013' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_52_2'%3E%3Crect width='28' height='28' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}
@media (max-width: 750px) {
  .f_box .shop_more::after {
    right: 4.27vw;
    margin-top: -1.87vw;
    width: 3.73vw;
    height: 3.73vw;
  }
}

.f_box_1 {
  width: calc(100% - 4rem);
  box-sizing: border-box;
}

.f_box_1 .shop_more {
  padding: 1.25rem 0;
}

.f_box_2 {
  width: 49%;
  box-sizing: border-box;
}

.shop_more {
  border-radius: 50vh;
  background: #E20013;
  color: #FFF;
  font-size: 1.25rem;
  font-weight: 700;
  transform: rotate(0.05deg);
  padding: 1.875rem 1.25rem;
  text-align: center;
  transition: all 0.3s ease;
  line-height: 1.4;
  display: block;
  box-sizing: border-box;
  margin-bottom: 1.6875rem;
  letter-spacing: 0.04em;
  box-shadow: 0 6px 0 0 rgba(0, 0, 0, 0.2);
}

.shop_more:hover {
  cursor: pointer;
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

@media screen and (max-width: 630px) {
  .shop_more {
    font-weight: bold;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    width: 100%;
  }
}
@media screen and (max-width: 370px) {
  .s_sp {
    display: block;
    width: 100%;
  }
  .shop_more {
    font-weight: bold;
    padding: 16px 10px 16px 5px;
    margin: 20px auto 20px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    width: 100%;
  }
  .shop_more::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin: -6px 1px 0 0;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
}
@media screen and (max-width: 300px) {
  .shop_more {
    font-size: 68%;
    font-weight: bold;
    padding: 16px 10px 16px 5px;
    margin: 20px auto 20px;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
    position: relative;
    width: 100%;
  }
  .shop_more::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    margin: -6px 1px 0 0;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    transform: rotate(45deg);
  }
}
/* details */
#details,
#ppass {
  padding: 0 0 64px;
}
@media (max-width: 750px) {
  #details,
  #ppass {
    padding: 0 0 8.53vw;
  }
}
#details .title,
#ppass .title {
  width: 698px;
  margin: 0 auto 32px;
}
@media (max-width: 750px) {
  #details .title,
  #ppass .title {
    width: 93.07vw;
    margin-bottom: 4.27vw;
  }
}

#details .dtl_box,
#ppass .dtl_box {
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
  border: 8px solid #fff;
  box-sizing: border-box;
  background: #FFFFBD;
  border-radius: 40px;
  margin: 0 20px;
  padding: 40px 30px;
}
@media (max-width: 750px) {
  #details .dtl_box,
  #ppass .dtl_box {
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
    border-width: 1.07vw;
    margin: 0 2.67vw;
    padding: 5.33vw 4vw;
    border-radius: 5.33vw;
  }
}

#details .sub,
#ppass .sub {
  text-align: center;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  border-radius: 10px;
  z-index: 1;
  padding: 3px;
  margin: 0 0 20px;
  background: #FE6C00;
}
@media (max-width: 750px) {
  #details .sub,
  #ppass .sub {
    font-size: 3.8vw;
  }
}

#details .inner p,
#ppass .inner p {
  margin: 0 0 10px;
  font-size: 17px;
  line-height: 1.5;
  transform: rotate(0.05deg);
}
@media (max-width: 480px) {
  #details .inner p,
  #ppass .inner p {
    font-size: 14px;
  }
  #details .inner p .txt_c,
  #ppass .inner p .txt_c {
    text-align: left;
  }
}
#details .inner p + .sub,
#ppass .inner p + .sub {
  margin-top: 40px;
}
@media (max-width: 480px) {
  #details .inner p + .sub,
  #ppass .inner p + .sub {
    margin-top: 26px;
  }
}

#details .inner .period,
#ppass .inner .period {
  text-align: center;
  font-size: 1rem;
  font-weight: 800;
  transform: rotate(0.05deg);
  margin-bottom: 1.875rem;
}

#details .inner .lead,
#ppass .inner .lead {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
  font-family: "M PLUS 1p", "メイリオ", "meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "MS PGothic", sans-serif;
  line-height: 1.4;
  transform: rotate(0.05deg);
}
@media (max-width: 480px) {
  #details .inner .lead,
  #ppass .inner .lead {
    font-size: 14px;
  }
}

#details .inner .text,
#ppass .inner .text {
  font-weight: bold;
  transform: rotate(0.05deg);
  margin-bottom: 1.875rem;
}

@media (max-width: 460px) {
  #details .inner .text,
  #ppass .inner .text {
    margin-bottom: 1.25rem;
  }
}
#details .inner > *:last-child,
#ppass .inner > *:last-child {
  margin-bottom: 0;
}

#details ul {
  margin: 1.0625rem 0 40px;
  padding: 0;
  list-style: none;
  font-size: 17px;
  line-height: 1.5;
  transform: rotate(0.05deg);
}
@media (max-width: 480px) {
  #details ul {
    font-size: 14px;
  }
}

#ppass ul {
  margin: 10px 0 20px;
  padding: 0;
  list-style: none;
  font-size: 17px;
  line-height: 1.5;
  transform: rotate(0.05deg);
}
@media (max-width: 480px) {
  #ppass ul {
    font-size: 14px;
  }
}

#details ul li .indent,
#ppass ul li .indent {
  margin-top: 0.25rem;
  font-size: inherit;
}

#ppass ul li.indent a {
  text-decoration: underline;
}

#details ol,
#ppass ol {
  padding-inline-start: 10px;
  margin-block-end: 0;
  margin: 0 0 0 1.5em;
  line-height: 1.5;
  padding: 0 8px;
}

#details ol li,
#ppass ol li {
  list-style-type: decimal !important;
  letter-spacing: 0.02em;
}

#details .list_num ol li,
#ppass .list_num ol li {
  font-size: 17px;
  line-height: 1.5;
}
@media (max-width: 480px) {
  #details .list_num ol li,
  #ppass .list_num ol li {
    font-size: 14px;
  }
}

#details .list_num ul li,
#ppass .list_num ul li {
  line-height: 1.5;
}

/* Special Thanks */
#thanks {
  padding: 50px 20px 40px;
}
@media (max-width: 750px) {
  #thanks {
    padding: 6.67vw 2.67vw 5.33vw;
  }
}
#thanks > .heading {
  width: 666px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  #thanks > .heading {
    width: 88.8vw;
  }
}

#thanks .cp_box {
  margin-top: -110px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.25);
  border: 8px solid #fff;
  background: #FFFFBD;
  border-radius: 40px;
  box-sizing: border-box;
  padding: 100px 24px 32px;
  position: relative;
}
@media (max-width: 750px) {
  #thanks .cp_box {
    margin-top: -14.67vw;
    box-shadow: 0px 0.8vw 0px rgba(0, 0, 0, 0.25);
    border: 1.07vw solid #fff;
    border-radius: 5.33vw;
    padding: 13.33vw 3.2vw 4.27vw;
  }
}

#thanks .cp_box p {
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  transform: rotate(0.05deg);
}

@media (max-width: 480px) {
  #thanks .cp_box p {
    font-size: 10px;
  }
}
#credits {
  font-size: 0.8125rem;
  text-align: center;
  font-weight: 800;
  padding: 1.75rem 1.5rem;
  background: #fff;
}

#credits p {
  margin: 0;
  transform: rotate(0.05deg);
}

#credits a {
  color: #7181C2;
  text-decoration: underline;
}

#credits a:hover {
  text-decoration: none;
}

#credits .links {
  margin-top: 0.75rem;
}

#credits .links li {
  padding-top: 0.25rem;
}

#credits .copyright {
  color: #7181C2;
  padding-top: 0.25rem;
}

/* contact */
#contact {
  padding-top: 64px;
}
@media (max-width: 750px) {
  #contact {
    padding-top: 8.53vw;
  }
}

#contact .title {
  width: 570px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  #contact .title {
    width: 76vw;
  }
}

#contact h4 {
  line-height: 1.8;
  white-space: nowrap;
  color: #000;
  font-size: 1rem;
  font-weight: bold;
}

#contact h4 a::after {
  content: "";
  display: inline-block;
  margin-left: 0.25rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12.001' viewBox='0 0 12 12.001'%3E%3Cg transform='translate(-302 -13655)'%3E%3Cpath d='M1.5,1.5v6h6v-6h-6M0,0H9V9H0Z' transform='translate(305 13655)' fill='%23eb5505'/%3E%3Cpath d='M0,7.5V0H1.5V6h6V7.5Z' transform='translate(302 13659.5)' fill='%23eb5505'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 0.75rem;
  width: 0.75rem;
  height: 0.75rem;
}

#contact .body {
  margin: 32px 20px 0;
}
@media (max-width: 750px) {
  #contact .body {
    margin: 4.27vw 2.67vw 0;
  }
}
#contact .body > .wrapper {
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.25);
  border: 8px solid #fff;
  box-sizing: border-box;
  background: #FFFFBD;
  border-radius: 40px;
  display: flex;
  justify-content: center;
  gap: 46px;
  background: #FEFDE2;
  padding: 42px 30px;
}
@media (max-width: 750px) {
  #contact .body > .wrapper {
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
    border: 1.07vw solid #fff;
    gap: 6.13vw;
    padding: 5.6vw 4vw;
  }
}

@media (max-width: 720px) {
  #contact .body > .wrapper {
    gap: 1.25rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 640px) {
  #contact .body > .wrapper {
    flex-direction: column;
    align-items: center;
  }
}
#contact .button {
  display: block;
  width: 100%;
  font-size: 1.1875rem;
  font-weight: bold;
  transform: rotate(0.05deg);
  line-height: 1;
  border-radius: 50vh;
  background: #EB5505;
  color: #fff;
  text-align: center;
  padding: 1.3125rem 1.4375rem 1.3125rem 0.3125rem;
  text-decoration: none;
  position: relative;
  transition: opacity 0.3s;
  box-sizing: border-box;
  max-width: 17.625rem;
}

@media (max-width: 640px) {
  #contact .button {
    font-size: 1.125rem;
  }
}
#contact .button.-pink {
  background: #EA0183;
}

#contact .button::after {
  position: absolute;
  top: 50%;
  right: 1.625rem;
  margin-top: -0.5625rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.368' height='17.367' viewBox='0 0 17.368 17.367'%3E%3Cg transform='translate(1 1.414)'%3E%3Cpath d='M16.961,14.815V19.8A1.661,1.661,0,0,1,15.3,21.461H6.161A1.661,1.661,0,0,1,4.5,19.8V10.661A1.661,1.661,0,0,1,6.161,9h4.984' transform='translate(-4.5 -6.508)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M22.5,4.5h4.984V9.484' transform='translate(-12.531 -4.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M15,13.638,24.138,4.5' transform='translate(-9.185 -4.5)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.125rem;
  height: 1.125rem;
  content: "";
}

#contact .button:hover {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

#contact .f_box {
  display: flex;
  margin-top: 0;
  padding: 2.8125rem 0;
}

#contact .f_item {
  width: 50%;
  text-align: center;
}

#contact .f_item:nth-child(2) h4 a::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12.001' viewBox='0 0 12 12.001'%3E%3Cg transform='translate(-302 -13655)'%3E%3Cpath d='M1.5,1.5v6h6v-6h-6M0,0H9V9H0Z' transform='translate(305 13655)' fill='%23F41885'/%3E%3Cpath d='M0,7.5V0H1.5V6h6V7.5Z' transform='translate(302 13659.5)' fill='%23F41885'/%3E%3C/g%3E%3C/svg%3E%0A");
}

#contact dl {
  margin: 10px 0;
}

#contact dl dt {
  font-weight: bold;
}

#contact dl dt span {
  font-weight: bold;
  font-size: 1.1em;
}

#contact dl dd {
  font-weight: normal;
  margin-left: 0.5em;
  margin-bottom: 0.3rem;
}

#contact dl dd span {
  font-weight: bold;
}

@media screen and (max-width: 460px) {
  #contact .f_box {
    padding: 1.875rem 0;
  }
}
@media screen and (max-width: 410px) {
  #contact h4 {
    font-size: 12px;
  }
}
.b_dot li {
  font-size: 17px;
  line-height: 1.6;
  list-style-type: none;
  position: relative;
  padding-left: 1rem;
  padding-top: 0;
}
@media (max-width: 480px) {
  .b_dot li {
    font-size: 14px;
  }
}

.b_dot li + li {
  margin-top: 0.25rem;
}

.b_dot li a {
  text-decoration: underline;
}

.b_dot li li {
  padding-left: 1.125rem;
}

.b_dot li li::before {
  position: absolute;
  top: 0.75rem;
  left: 0;
  width: 0.625rem;
  border-bottom: 2px solid #13A200;
  content: "";
}

.b_dot li .indent {
  margin-top: 0.25rem !important;
}

.b_dot > li::before {
  border-radius: 50%;
  width: 8px;
  height: 8px;
  position: absolute;
  left: 0;
  top: 11px;
  background-color: #FE6C00;
  content: "";
}

.b_dot li ul {
  list-style-type: none;
}

.b_dot .none {
  list-style-type: none;
}

.b_dot .none:before {
  display: none;
}

.bg-footer {
  background-image: url("../img/lp/bg-special.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}

/* other */
#other {
  text-align: center;
  box-sizing: border-box;
  padding: 50px 0;
}
@media (max-width: 750px) {
  #other {
    padding: 6.67vw 0;
  }
}
#other .title {
  width: 574px;
  margin: 0 auto 32px;
}
@media (max-width: 750px) {
  #other .title {
    width: 76.53vw;
    margin: 0 auto 4.27vw;
  }
}

#other p {
  margin: 10px auto 10px;
  padding: 0 2%;
  font-size: 1em;
}

/* banner box */
.bnr_box {
  background: #FFFFDB;
  border-radius: 40px;
  padding: 48px 38px;
  margin: 0 20px;
  box-shadow: 0px 6px 0px rgba(0, 0, 0, 0.25);
  border: 8px solid #fff;
  box-sizing: border-box;
  background: #FFFFBD;
}
@media (max-width: 750px) {
  .bnr_box {
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
    padding: 6.4vw 5.07vw;
    margin: 0 2.67vw;
    border-width: 1.07vw;
    border-radius: 5.33vw;
  }
}

.bnr_box img {
  width: 100%;
  height: auto;
}

.bnr_box div {
  margin: 0 auto 20px;
}
.bnr_box div:last-child {
  margin-bottom: 0;
}

.bnr_box div a:hover {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

.d_link {
  margin-top: 1.875rem;
  padding: 0 2.5rem;
}

.d_link > a {
  display: block;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 800;
  transform: rotate(0.05deg);
  padding: 1.75rem 0;
  border-radius: 50vh;
  box-sizing: border-box;
  width: 100%;
  line-height: 1.5;
  background-color: #EA5504;
  color: #fff;
}

@media (max-width: 460px) {
  .d_link > a {
    padding: 1rem 0;
    font-size: 1rem;
  }
}
.d_link > a:hover {
  opacity: 0.8;
  transition: opacity 0.15s ease-out;
}

/* max-width:460px--------------------------------------------------------- */
@media (max-width: 460px) {
  h3 {
    font-size: 1.1em;
    background-size: auto;
  }
  br.pc_none {
    display: inline;
  }
  .ttl_shops {
    font-size: 1.1em;
    background-size: auto;
  }
  .ttl_details {
    font-size: 1.2em;
  }
  .top_period {
    font-size: calc(5.2vw + 0.15rem);
    padding: 12px;
    line-height: 1.4;
    letter-spacing: 0;
  }
  .annotation {
    font-size: calc(5.2vw + 0.12rem);
    margin-bottom: 10px;
  }
  .annotation:after {
    bottom: -10px;
    left: 50%;
    margin: 0 0 0 -12px;
    border-right: 10px solid transparent;
    border-top: 10px solid #f61a53;
    border-left: 10px solid transparent;
  }
  #details h4 img {
    width: 250px;
  }
}
/* Policy */
/*.footerNav a {
  display: block;
  position: relative;
  cursor: pointer;
  color: #fff;
	font-size: .85em;
	line-height: 1;
	text-align: center;
  padding: 18px 0;
  background: #222C4A;
}
.footerNav a::after {
  position: absolute;
  top: 40%;
  margin-left: .5em;
  background-image: url(https://kantan-cpn.auone.jp/sp/campaign/kantan_all/common/img/icon_blank_g.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 8px;
  height: 8px;
  transition: transform 0.5s;
  content: "";
}*/
ul#footerNav {
  margin: 0 auto 5px;
  text-align: center;
  padding: 10px 0 10px;
  background: #222C4A;
}

ul#footerNav li {
  display: inline-block;
  padding: 0 1em 0 0;
  background: url(https://kantan-cpn.auone.jp/sp/campaign/kantan_all/common/img/icon_blank_g.png) no-repeat right 15%;
  font-size: 0.85em;
  line-height: 1;
}

ul#footerNav li a {
  color: #FFF;
}

/* 下書き時に出現する.fabを非表示にする */
.fab {
  display: none;
}

/* =================================
font size
================================= */
.fs-10 {
  font-size: 10px;
}

.fs-12 {
  font-size: 12px;
}

.fs-14 {
  font-size: 14px;
}

.fs-16 {
  font-size: 16px;
}

.fs-18 {
  font-size: 18px;
}

.fs-20 {
  font-size: 20px;
}

.fs-22 {
  font-size: 22px;
}

.fs-24 {
  font-size: 24px;
}

.fs-26 {
  font-size: 26px;
}

.fs-28 {
  font-size: 28px;
}

.fs-30 {
  font-size: 30px;
}

.fs-32 {
  font-size: 32px;
}

.fs-34 {
  font-size: 34px;
}

.fs-36 {
  font-size: 36px;
}

.fs-38 {
  font-size: 38px;
}

/* =================================
margin
================================= */
.mt0 {
  margin-top: 0px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.mv0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.mv5 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.mv8 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.mv10 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}

.mv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.mv16 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.mv20 {
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.mv24 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.mv25 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.mv30 {
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.mv35 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.mv40 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.mv45 {
  margin-top: 45px !important;
  margin-bottom: 45px !important;
}

.mv50 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

/* padding */
.pt0 {
  padding-top: 0px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pa0 {
  padding: 0px !important;
}

.pa5 {
  padding: 5px !important;
}

.pa8 {
  padding: 8px !important;
}

.pa10 {
  padding: 10px !important;
}

.txt_c {
  text-align: center;
}

.f_o {
  color: #003CB7;
}

.f_p {
  color: rgb(242, 9, 129);
}

.f_line {
  text-decoration: underline;
}

.f_app {
  color: #683217;
  text-align: center;
  font-size: 22px;
  font-weight: 900;
  line-height: 1.2727272727;
}

.f_app > p {
  padding: 0 2.125rem;
  font-weight: 800;
}

@media (max-width: 700px) {
  .f_app {
    font-size: 1.1rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 595px) {
  .f_app br {
    display: none;
  }
}
.bule_back {
  background: #000057;
}

.white_back {
  background: #FFF;
}

.blue_f {
  color: #2F678D;
}

.dis_box {
  text-align: center;
  background: #FFF;
  padding: 20px;
  margin: 0;
}

.footer {
  color: #6d80c7;
  padding: 30px 10px;
  margin: 0;
  text-align: center;
  font-size: 13px;
}
.footer p {
  margin: 0;
  font-weight: 800;
  transform: rotate(0.05deg);
}
.footer .text {
  color: #301102;
}
.footer .copyright {
  margin-top: 5px;
  margin-bottom: 140px;
}

.optout + .optout {
  margin-top: 5px;
}

.optout a {
  color: #7181C2 !important;
  text-decoration: underline;
}

.bar {
  margin: 0;
  width: 100%;
  padding-bottom: 0;
  line-height: 0;
}

.bar img {
  max-width: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  vertical-align: bottom;
}

@media (max-width: 460px) {
  .bar {
    margin: 0;
    width: 100%;
    padding-bottom: 0;
    line-height: 0;
  }
}
/* Slider */
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px 4px !important;
}

.swiper-pagination-bullet {
  background-color: #fff !important;
  opacity: 1 !important;
  height: 8px !important;
  width: 8px !important;
}

.swiper-pagination-bullet-active {
  background-color: #E20013 !important;
}

.swiper-slide {
  width: 100%;
  height: auto;
  margin-bottom: 55px;
  padding-bottom: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}

#slider h4 {
  font-weight: bold;
}

#slider {
  padding: 0;
  margin: 0;
  max-width: 100%;
  height: auto;
  box-sizing: border-box;
}

#sld {
  margin: 0 0 0 auto;
  z-index: 999;
  width: 99.5%;
}

#sld .swiper-pagination {
  box-sizing: border-box;
  bottom: 20px;
}

@media (max-width: 460px) {
  #sld .swiper-pagination {
    bottom: 10px;
  }
}
#slider .sld_item {
  margin: 0 0 60px 0;
  position: relative;
}

#slider .s_i_b {
  display: flex;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 10px;
  margin: 0 0 8px 8px;
  background: #FFF;
  align-items: center;
}

#slider .s_i {
  width: 50%;
}

#slider .s_i img {
  width: 100%;
  object-fit: cover;
  border-radius: 15px;
}

#slider .s_t {
  box-sizing: border-box;
  position: relative;
  width: 50%;
  padding: 0 5px 0 7px;
  text-align: left;
  font-size: 70%;
  font-weight: bold;
  transform: rotate(0.05deg);
  line-height: 1.3;
  margin: 0 0 0 0;
  color: #000;
  letter-spacing: 0.01em;
  word-wrap: break-word;
}

#slider .s_t span {
  font-size: 115%;
}

#slider .s_t p {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 95%;
  text-align: center;
  box-sizing: border-box;
  background: rgb(0, 182, 227);
  color: #FFF !important;
  border-radius: 7px;
  padding: 2px 0;
  line-height: 1.8;
  margin: 0 5px 5px 0;
}

#slider .s_t p:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}

#slider .s_t p::before {
  content: "ストアで入手する";
}

@media (max-width: 570px) {
  #slider .s_i_b {
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 10px;
    margin: 0 2px 3px 2px;
    align-items: center;
  }
}
@media (max-width: 460px) {
  #slider .sld_item {
    margin: 0 0 50px 0;
    position: relative;
  }
  #slider .s_i {
    width: 45%;
  }
  #slider .s_i img {
    border-radius: 13px;
  }
  #slider .s_t {
    position: relative;
    width: 55%;
    padding: 0 0 0 4px;
    text-align: left;
    font-size: 65%;
    font-weight: bold;
    line-height: 1.3;
    margin: 0;
    letter-spacing: 0.01em;
  }
  #slider .s_t span {
    font-size: 110%;
  }
  #slider .s_t p {
    position: absolute;
    width: 97%;
    bottom: 0;
    left: 0;
    text-align: center;
    font-size: 90%;
    box-sizing: border-box;
    display: block;
    border-radius: 5px;
    padding: 2px 0;
    margin: 0 0 0 0;
  }
}
@media (max-width: 400px) {
  #slider .s_i_b {
    display: flex;
    padding: 5px;
    box-sizing: border-box;
    border-radius: 6px;
    margin: 0 2px 3px 1px;
    align-items: center;
  }
}
#slider .swiper-button-prev {
  left: 2.125rem;
}

#slider .swiper-button-next {
  right: 2.125rem;
}

#slider .swiper-button-prev,
#slider .swiper-button-next {
  width: 40px;
  height: 40px;
}

#slider .swiper-button-next::after,
.swiper-container-rtl .swiper-button-prev::after {
  outline: none;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_58_2)'%3E%3Cpath d='M20 0C23.9556 0 27.8224 1.17298 31.1114 3.37061C34.4004 5.56824 36.9638 8.69181 38.4776 12.3463C39.9913 16.0009 40.3874 20.0222 39.6157 23.9018C38.844 27.7814 36.9392 31.3451 34.1421 34.1421C31.3451 36.9392 27.7814 38.844 23.9018 39.6157C20.0222 40.3874 16.0009 39.9913 12.3463 38.4776C8.69181 36.9638 5.56824 34.4004 3.37061 31.1114C1.17298 27.8224 0 23.9556 0 20C0 14.6957 2.10714 9.60859 5.85786 5.85786C9.60859 2.10714 14.6957 0 20 0Z' fill='%23E20013'/%3E%3Cpath d='M18.015 20L24.633 26.805C24.8687 27.0487 25.0004 27.3745 25.0004 27.7135C25.0004 28.0525 24.8687 28.3783 24.633 28.622C24.5182 28.7407 24.3807 28.8352 24.2287 28.8996C24.0766 28.9641 23.9132 28.9974 23.748 28.9974C23.5829 28.9974 23.4194 28.9641 23.2674 28.8996C23.1153 28.8352 22.9778 28.7407 22.863 28.622L15.364 20.913C15.1371 20.6757 15.0074 20.3618 15.0008 20.0335C14.9941 19.7052 15.1109 19.3863 15.328 19.14L22.857 11.375C22.9719 11.2564 23.1094 11.1621 23.2615 11.0977C23.4135 11.0333 23.5769 11.0001 23.742 11.0001C23.9071 11.0001 24.0706 11.0333 24.2226 11.0977C24.3746 11.1621 24.5122 11.2564 24.627 11.375C24.8627 11.6187 24.9944 11.9445 24.9944 12.2835C24.9944 12.6225 24.8627 12.9483 24.627 13.192L18.015 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_58_2'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  transform: scale(-1);
  content: "";
}

#slider .swiper-button-prev::after,
.swiper-container-rtl .swiper-button-next::after {
  outline: none;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_58_2)'%3E%3Cpath d='M20 0C23.9556 0 27.8224 1.17298 31.1114 3.37061C34.4004 5.56824 36.9638 8.69181 38.4776 12.3463C39.9913 16.0009 40.3874 20.0222 39.6157 23.9018C38.844 27.7814 36.9392 31.3451 34.1421 34.1421C31.3451 36.9392 27.7814 38.844 23.9018 39.6157C20.0222 40.3874 16.0009 39.9913 12.3463 38.4776C8.69181 36.9638 5.56824 34.4004 3.37061 31.1114C1.17298 27.8224 0 23.9556 0 20C0 14.6957 2.10714 9.60859 5.85786 5.85786C9.60859 2.10714 14.6957 0 20 0Z' fill='%23E20013'/%3E%3Cpath d='M18.015 20L24.633 26.805C24.8687 27.0487 25.0004 27.3745 25.0004 27.7135C25.0004 28.0525 24.8687 28.3783 24.633 28.622C24.5182 28.7407 24.3807 28.8352 24.2287 28.8996C24.0766 28.9641 23.9132 28.9974 23.748 28.9974C23.5829 28.9974 23.4194 28.9641 23.2674 28.8996C23.1153 28.8352 22.9778 28.7407 22.863 28.622L15.364 20.913C15.1371 20.6757 15.0074 20.3618 15.0008 20.0335C14.9941 19.7052 15.1109 19.3863 15.328 19.14L22.857 11.375C22.9719 11.2564 23.1094 11.1621 23.2615 11.0977C23.4135 11.0333 23.5769 11.0001 23.742 11.0001C23.9071 11.0001 24.0706 11.0333 24.2226 11.0977C24.3746 11.1621 24.5122 11.2564 24.627 11.375C24.8627 11.6187 24.9944 11.9445 24.9944 12.2835C24.9944 12.6225 24.8627 12.9483 24.627 13.192L18.015 20Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_58_2'%3E%3Crect width='40' height='40' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
}

#slider .swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px;
  left: 0;
  right: 0;
  text-align: center;
  width: 100%;
  padding: 0 50px 0;
}

@media (max-width: 460px) {
  #slider .swiper-button-prev {
    left: 0.875rem;
  }
  #slider .swiper-button-next {
    right: 0.875rem;
  }
}
.peri {
  clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
  background-color: rgb(0, 209, 199);
  color: #FFF;
  padding: 30px 0 0;
  height: 150px;
  margin-top: -160px;
}

.peri02 {
  clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
  background: linear-gradient(90deg, transparent, #ff00ff 50%, #03e9f4 100%);
  margin-top: 0;
  padding: 30px 0 0;
  height: 157px;
  z-index: 0;
}

@media (max-width: 570px) {
  .peri {
    clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
    color: #FFF;
    padding: 20px 0 0;
    height: 100px;
    margin-top: -110px;
  }
  .peri02 {
    clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
    margin-top: 0;
    padding: 20px 0 0;
    height: 106px;
    z-index: 0;
  }
}
@media (max-width: 460px) {
  .peri {
    clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
    color: #FFF;
    padding: 10px 0 0;
    height: 70px;
    margin-top: -80px;
  }
  .peri02 {
    clip-path: polygon(0 15%, 100% 0, 100% 54%, 0 100%);
    margin-top: 0;
    padding: 10px 0 0;
    height: 70px;
    z-index: 0;
  }
}
/* キャンペーン期間前 */
.btn-secondary {
  background-color: #eb5505;
  border: #ff9123 solid 4px;
  border-radius: 20px;
}

.campaign__container-floating-footer .campaign__entry-btn  {
  font-size: 20px;
  line-height: 1.8;
}

/* キャンペーン期間中 */
.btn-primary {
  background-color: #eb5505;
  border: #ff9123 solid 4px;
  border-radius: 20px 0;
}

.btn-primary:hover {
  background-color: #e35e51;
  border-color: #e35e51;
}

.btn-primary.disabled,
.btn-primary:disabled {
  background-color: #d11300;
  border-color: #d11300;
}

.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  background-color: #e35e51;
  border-color: #e35e51;
}

.campaign__container-floating-footer .campaign__entry-btn {
  font-size: 20px;
  line-height: 1.8;
}

/* entry_btn
------------------------------------------------------------- */
.campaign__container-floating-footer {
  position: sticky;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.7);
  padding: 0 0 0;
  z-index: 1;
  box-sizing: border-box;
}

.campaign__schedule {
  display: none;
}

.campaign__container-finish {
  background: rgba(0, 0, 0, 0.7);
  max-width: 750px;
  margin: 10px auto 0;
  position: fixed;
  bottom: 48px;
  padding: 10px 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-sizing: border-box;
}

.campaign__container-finish .btn-primary {
  background-color: #ccc;
  color: #000;
  border: #000 solid 4px;
  border-radius: 15px;
  width: 90%;
  margin: 0 auto;
  padding: 20px 0;
}

.btn-primary {
  color: #FFF;
  border-radius: 50px;
  max-width: 750px;
  width: 90%;
  margin: 7px auto 15px;
  padding: 18px 0;
  box-sizing: border-box;
  font-size: 18px;
  border-bottom: 3px solid rgb(255, 255, 255);
  border-right: 3px solid rgb(255, 255, 255);
  border-top: none;
  border-left: none;
  background-color: #eb5505;
}

#ft_btn {
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  color: #fff;
  max-width: 750px;
  margin: 0 auto 0;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 999;
  box-sizing: border-box;
  font-size: 12px;
}

#ft_btn p {
  font-size: 120%;
  margin: 7px 0 2px;
}

#ft_btn p.f_b span {
  font-size: 120% !important;
}
@media (max-width: 750px) {
  #ft_btn p.f_b span {
    font-size: 110% !important;
  }
}

@media screen and (max-width: 460px) {
  .arw_box div {
    font-size: 80%;
  }
  .arw_box02 {
    font-size: 70%;
  }
  .btn_link {
    font-size: 0.8rem;
  }
  .btn_link::after {
    top: 2px;
    right: 35px;
  }
}
.js-time_limited {
  display: none;
}

.js-time_limited_fire {
  display: block;
}

.t_info {
  color: #FFF;
  font-weight: bold;
  background: #eb5505;
  text-align: center;
  padding: 10px 0;
  margin: 10px auto;
}

/* floating-banner */
.floating-banner {
  display: none;
  position: fixed;
  bottom: 20%;
  right: 10px;
  width: 480px;
  z-index: 1000;
}

.floating-banner.close {
  transform: translateX(250px);
  transition: all 500ms 0s ease;
}

.floating-banner:hover {
  opacity: 0.9;
}

.floating-banner .button {
  color: #fff;
  font-weight: bold;
  font-size: 12px;
  padding: 0.5em 0;
  width: 100%;
  display: block;
  border-radius: 100vw;
  background-color: #EA5500;
  cursor: pointer;
}

.floating-banner .close-button {
  text-align: center;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 35px;
  height: 35px;
  background-color: #EA5500;
  border-radius: 50%;
  transform: translate(-10px, -10px);
}

.floating-banner .close-button span {
  position: relative;
}

.floating-banner .close-button span:first-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
  width: 14px;
  height: 2px;
  background-color: #ffffff;
}

.floating-banner .close-button span:last-child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 14px;
  height: 2px;
  background-color: #ffffff;
}

@media (max-width: 750px) {
  .floating-banner {
    bottom: 25%;
    width: 64vw;
  }
  .floating-banner .close-button {
    top: 2px;
    left: 2px;
    width: 28px;
    height: 28px;
  }
}
@media (max-width: 480px) {
  .floating-banner .close-button {
    top: -2px;
    left: 0;
  }
}
.ponta-pass {
  background-image: url("../img/lp/bg-ponta.png");
  background-repeat: repeat-y;
  background-size: 100% auto;
  background-position: top center;
  padding: 50px 20px;
}
@media (max-width: 750px) {
  .ponta-pass {
    padding: 6.67vw 2.67vw;
  }
}
.ponta-pass .heading-lead {
  margin: 0 0 30px 10px;
  width: 675px;
}
@media (max-width: 750px) {
  .ponta-pass .heading-lead {
    margin: 0 0 4vw 1.33vw;
    width: 90vw;
  }
}
.ponta-pass .heading {
  margin: 0 auto 32px;
  width: 694px;
}
@media (max-width: 750px) {
  .ponta-pass .heading {
    width: 92.53vw;
  }
}
.ponta-pass > .body {
  background: #FFFFBD;
  border: 8px solid #fff;
  box-shadow: 0 6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 40px;
  padding: 50px 26px 44px;
}
@media (max-width: 750px) {
  .ponta-pass > .body {
    border-width: 1.07vw;
    box-shadow: 0 0.8vw 0 rgba(0, 0, 0, 0.25);
    border-radius: 5.33vw;
    padding: 6.67vw 3.47vw 5.87vw;
  }
}
.ponta-pass .title {
  width: 37.5rem;
  margin: 0 auto 2rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .title {
    width: 80vw;
  }
}
.ponta-pass .lead {
  margin: 3.25rem 0 2.5rem;
  width: auto;
  height: 3.25rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .lead {
    margin: 6.9333333333vw 0 5.3333333333vw;
    height: 6.9333333333vw;
  }
}
.ponta-pass .lead img {
  margin: 0 auto;
  max-width: none;
  max-height: 100%;
  display: block;
}
.ponta-pass .image {
  margin: 0;
}
.ponta-pass .image a {
  transition: opacity 0.2s;
}
.ponta-pass .image a:hover {
  opacity: 0.8;
}
.ponta-pass .image + .image {
  margin-top: 1.75rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .image + .image {
    margin-top: 3.7333333333vw;
  }
}
.ponta-pass .caption {
  margin: 3px 0 0;
  font-size: 16.5px;
  text-align: right;
  line-height: 1.4;
  transform: rotate(0.05deg);
}
@media screen and (max-width: 750px) {
  .ponta-pass .caption {
    margin: 0.4vw 0 0;
    font-size: 2.5vw;
  }
}
.ponta-pass .comment {
  margin: 0 0 0.3em;
  font-weight: 900;
  font-size: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .ponta-pass .comment {
    font-size: 4vw;
    margin-bottom: 1.3333333333vw;
  }
}
.ponta-pass .comment::before, .ponta-pass .comment::after {
  width: 1.375rem;
  height: 2rem;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='32' viewBox='0 0 22 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.69336 1.06396L19.8644 29.9819' stroke='black' stroke-width='4'/%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}
@media screen and (max-width: 750px) {
  .ponta-pass .comment::before, .ponta-pass .comment::after {
    width: 2.9333333333vw;
    height: 4.2666666667vw;
  }
}
.ponta-pass .comment::before {
  margin-right: 0.75rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .comment::before {
    margin-right: 1.6vw;
  }
}
.ponta-pass .comment::after {
  margin-left: 0.25rem;
  transform: scaleX(-1);
}
@media screen and (max-width: 750px) {
  .ponta-pass .comment::after {
    margin-left: 0.5333333333vw;
  }
}
.ponta-pass .catch {
  margin: -0.5rem 0 1.875rem;
  text-align: center;
  letter-spacing: 0.04em;
  font-size: 2.375rem;
  line-height: 1;
  color: #FE4E00;
  font-weight: 900;
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch {
    margin: -1.0666666667vw 0 5.3333333333vw;
    font-size: 5vw;
  }
}
.ponta-pass .catch mark {
  color: inherit;
  background: linear-gradient(to top, #FFFF45 2rem, rgba(0, 0, 0, 0) 2rem);
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch mark {
    background: linear-gradient(to top, #FFFF45 4.2666666667vw, rgba(0, 0, 0, 0) 4.2666666667vw);
  }
}
.ponta-pass .catch mark::before, .ponta-pass .catch mark::after {
  width: 3.625rem;
  height: 3.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='58' height='52' viewBox='0 0 58 52' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_58_4)'%3E%3Cpath d='M25.0264 34.02C35.1864 37.637 37.9654 40.571 41.3944 51.288C44.8204 40.571 47.5994 37.637 57.7594 34.02C47.5994 30.403 44.8204 27.469 41.3944 16.752C37.9654 27.469 35.1864 30.403 25.0264 34.02Z' fill='%23FE4E00'/%3E%3Cpath d='M0 13.2029C7.768 15.9689 9.892 18.2119 12.514 26.4029C15.133 18.2089 17.258 15.9659 25.026 13.2029C17.258 10.4369 15.134 8.19393 12.514 0.00292969C9.892 8.19193 7.768 10.4369 0 13.2029Z' fill='%23FE4E00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_58_4'%3E%3Crect width='57.759' height='51.288' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: contain;
  background-repeat: no-repeat;
  margin-bottom: 0.5rem;
  content: "";
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch mark::before, .ponta-pass .catch mark::after {
    width: 7.7333333333vw;
    height: 6.9333333333vw;
  }
}
.ponta-pass .catch mark::before {
  margin-right: 1rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch mark::before {
    margin-right: 2vw;
  }
}
.ponta-pass .catch mark::after {
  margin-left: 0.5rem;
  transform: scaleX(-1);
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch mark::after {
    margin-left: 1vw;
  }
}
.ponta-pass .catch mark sup {
  font-size: 0.5em;
}
.ponta-pass .catch .number {
  display: inline-block;
  vertical-align: -0.3125rem;
  font-size: 5rem;
}
@media screen and (max-width: 750px) {
  .ponta-pass .catch .number {
    vertical-align: -0.6666666667vw;
    font-size: 12vw;
  }
}
.ponta-pass .note {
  list-style: none;
  margin: 1rem 0 2rem;
  padding: 1rem 0.5rem 0;
  transform: rotate(0.05deg);
}
@media screen and (max-width: 750px) {
  .ponta-pass .note {
    margin: 2.13vw 0 4.27vw;
    padding: 2.13vw 1.07vw 0;
  }
}
.ponta-pass .note.-bottom {
  margin: 1rem 0 0;
}
@media screen and (max-width: 750px) {
  .ponta-pass .note.-bottom {
    margin: 2.13vw 0 0;
  }
}
.ponta-pass .note.-bottom li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  color: inherit;
  content: "※";
}
.ponta-pass .note li + li {
  margin-top: 0.625rem;
}
.ponta-pass .note li {
  font-size: 1.125rem;
  letter-spacing: 0.04em;
  line-height: 1.4;
  padding-top: 0;
  padding-left: 1.3em;
  margin-top: 0;
  position: relative;
}
@media screen and (max-width: 480px) {
  .ponta-pass .note li {
    font-size: 14px;
  }
}
.ponta-pass .note li::before {
  position: absolute;
  top: 0;
  left: 0;
  font-size: inherit;
  color: inherit;
  content: "★";
}
.ponta-pass .note li a {
  color: #E51018;
  text-decoration: underline;
}
.ponta-pass .note li a:hover {
  text-decoration: none;
}
.ponta-pass .acc-content {
  display: none;
}
.ponta-pass .acc-button {
  display: block;
  width: 100%;
  border-radius: 50vh;
  padding: 18px 20px;
  margin: 32px 0 58px;
  background: #fff;
  border: 4px solid #FE6C00;
  color: #FE6C00;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .ponta-pass .acc-button {
    padding: 2.4vw 2.67vw;
    margin: 4.27vw 0 7.73vw;
    border-width: 0.53vw;
    font-size: 3.8vw;
  }
}
.ponta-pass .acc-button::after {
  display: inline-block;
  vertical-align: -2px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25 12.5C25 5.59625 19.4038 -1.67596e-06 12.5 -1.75829e-06C5.59625 -1.84061e-06 2.31387e-07 5.59625 1.49061e-07 12.5C6.67346e-08 19.4037 5.59625 25 12.5 25C19.4038 25 25 19.4037 25 12.5ZM17.8025 12.5062C17.5681 12.2719 17.2502 12.1403 16.9188 12.1403C16.5873 12.1403 16.2694 12.2719 16.035 12.5062L13.75 14.79L13.75 7.195C13.75 6.86348 13.6183 6.54553 13.3839 6.31112C13.1495 6.07669 12.8315 5.945 12.5 5.945C12.1685 5.945 11.8505 6.07669 11.6161 6.31112C11.3817 6.54553 11.25 6.86348 11.25 7.195L11.25 14.79L8.96375 12.5037C8.7292 12.2694 8.41115 12.1378 8.07956 12.1379C7.74797 12.138 7.43001 12.2698 7.19563 12.5044C6.96124 12.7389 6.82963 13.057 6.82975 13.3886C6.82987 13.7202 6.9617 14.0381 7.19625 14.2725L11.6163 18.6912C11.8507 18.9256 12.1685 19.0572 12.5 19.0572C12.8315 19.0572 13.1493 18.9256 13.3838 18.6912L17.8025 14.2725C17.9187 14.1564 18.0109 14.0185 18.0738 13.8668C18.1367 13.7151 18.1691 13.5524 18.1691 13.3881C18.1691 13.2239 18.1367 13.0612 18.0738 12.9094C18.0109 12.7577 17.9187 12.6198 17.8025 12.5037L17.8025 12.5062Z' fill='%23FE6C00'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  content: "";
}
@media screen and (max-width: 750px) {
  .ponta-pass .acc-button::after {
    width: 3.33vw;
    height: 3.33vw;
    margin-left: 1.33vw;
    vertical-align: -0.27vw;
  }
}
.ponta-pass .acc-button.-open::after {
  transform: rotate(180deg);
}
.ponta-pass .txt_c {
  transform: rotate(0.05deg);
}