/* ボタン */
.c-button {
  font-size:28px !important;
  max-width:660px !important;
  border-radius: 100px;
  padding-block:20px !important;
  box-shadow: 0 6px 0 #d6d6d6 !important;
}
.c-button::before {
  width:12px !important;
  height:24px !important;
  right:20px !important;
  background-image: url(/function/promotion/myau-point/img/icon_arrow_white.svg) !important;
  background-repeat: no-repeat;
  background-size:contain;
}
.c-button[data-color=white]::before {
  background-image: url(/function/promotion/myau-point/img/icon_arrow_black.svg) !important;
}
.c-button__container + .c-button__container{
  margin-top:36px;
}
@media screen and (max-width: 640px) {
  .c-button {
    font-size:14px !important;
    max-width:330px !important;
    border-radius: 100px;
    padding-block:10px !important;
    box-shadow: 0 3px 0 #d6d6d6 !important;
  }
  .c-button::before {
    width:6px !important;
    height:12px !important;
    right:10px !important;
    background-image: url(/function/promotion/myau-point/img/icon_arrow_white.svg) !important;
    background-repeat: no-repeat;
    background-size:contain;
  }
  .c-button__container + .c-button__container{
    margin-top:18px;
  }
}

/* hr */
hr {
  max-width:700px;
  border-width:2px 0 0;
  margin:70px auto;
}
@media screen and (max-width: 640px) {
  hr {
    margin:35px auto;
    max-width:350px;
  }
}

/* エントリー */
.lp-heading {
  text-align:center;
  font-size:36px;
  line-height:1.5;
  font-weight: bold;
  margin-top:60px !important;
}
.lp-heading-sub {
  font-size:30px;
  font-weight: bold;
  color:#eb5505;
}
@media screen and (max-width: 640px) {
  .lp-heading {
    text-align:center;
    font-size:18px;
    line-height:1.5;
    font-weight: bold;
    margin-top:30px !important;
  }
  .lp-heading-sub {
    font-size:15px;
    font-weight: bold;
    color:#eb5505;
  }
}
/* キャンペーン詳細はこちら */
.campaign-detail {
  background:#fff4ed;
  margin:60px auto 0;
  padding:60px 110px;
  max-width:880px;
}
@media screen and (max-width: 640px) {
  .campaign-detail {
    margin:30px auto 0;
    padding:30px 25px;
    max-width:880px;
    .c-button {
      font-size:14px;
      max-width:none;
      border-radius: 100px;
      box-shadow: 0 3px 0 #d6d6d6 !important;
    }
    .c-button::before {
      width:6px !important;
      height:12px !important;
      right:10px !important;
      background-image: url(/function/promotion/myau-point/img/icon_arrow_white.svg) !important;
      background-repeat: no-repeat;
      background-size:contain;
    }
  }
}



/* au PAY カードならおトクにPontaポイントがたまる！ */
.charge .c-list__container {
  max-width:700px;
  margin-inline: auto;
  li {
    font-size:24px;
    color:#000000;
  }
}
@media screen and (max-width: 640px) {
  .charge .c-list__container {
    li {
      font-size:12px;
    }
  }
}


/* 保有Pontaポイント数を確認しよう！ */

/* 1億ポイント */

/* ゴールドカード特典 */

/* たまったPontaポイントをつかおう */
.use-list {
  max-width: 700px;
  width: 100%;
  margin:70px auto 0;
  li+li {
    margin-top:50px;
  }
  a {
    display:flex;
    align-items:center;
    gap:30px;
    text-decoration:none;
    padding-right:60px;
    position:relative;
  }
  a::after {
    content:'';
    display:block;
    width:12px;
    height:24px;
    position:absolute;
    inset:0 0 0 auto;
    margin:auto;
    background:url(/function/promotion/myau-point/img/icon_arrow_orange.svg) no-repeat 0 0/contain;
  }
  a:hover {
    opacity:0.7;
  }
  .use-img {
    width:160px;
  }
  .use-detail {}
  .use-heading {
    font-size:32px;
    font-weight:700;
    color:black;
  }
  .use-text {
    margin-top:15px;
    font-size:28px;
    line-height:1.4;
    color:black;
  }
}
@media screen and (max-width: 640px) {
  .use-list {
    width:350px;
    margin:35px auto 0;
    li+li {
      margin-top:25px;
    }
    a {
      gap:15px;
      padding-right:30px;
    }
    a::after {
      width:6px;
      height:12px;
      position:absolute;
      inset:0 0 0 auto;
      margin:auto;
      background:url(/function/promotion/myau-point/img/icon_arrow_orange.svg) no-repeat 0 0/contain;
    }
    a:hover {
      opacity:0.7;
    }
    .use-img {
      width:80px;
    }
    .use-detail {}
    .use-heading {
      font-size:16px;
    }
    .use-text {
      margin-top:8px;
      font-size:14px;
    }
  }
}
.c-image.bnr {
  width:640px;
}
.img-fix {
  width: 100%;
  max-width: 700px;
}