@charset "UTF-8";
@-webkit-keyframes balloon-anime {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  to {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); } }
@keyframes balloon-anime {
  from {
    -webkit-transform: translateY(-10px);
            transform: translateY(-10px); }
  to {
    -webkit-transform: translateY(10px);
            transform: translateY(10px); } }

@-webkit-keyframes flyInKvAirplane {
  0% {
    opacity: 0;
    -webkit-transform: translate(200%, 100%) scale(1);
    transform: translate(200%, 100%) scale(1); }
  70% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

@keyframes flyInKvAirplane {
  0% {
    opacity: 0;
    -webkit-transform: translate(200%, 100%) scale(1);
    transform: translate(200%, 100%) scale(1); }
  70% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

@-webkit-keyframes flyInAirplane {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 200px) scale(1);
    transform: translate(200px, 200px) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

@keyframes flyInAirplane {
  0% {
    opacity: 0;
    -webkit-transform: translate(200px, 200px) scale(1);
    transform: translate(200px, 200px) scale(1); }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1); } }

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px); }
  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeRightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

#balloon img {
  -webkit-animation: balloon-anime 1.2s ease 0s infinite alternate;
          animation: balloon-anime 1.2s ease 0s infinite alternate; }

#waon-charge {
  font-family: "Noto Sans JP", "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", "Yu Gothic", YuGothic;
  font-size: 18px;
  line-height: 1.4em;
  width: 100%; }
  #waon-charge h1 {
    color: #666; }
  #waon-charge h2 {
    color: #666; }
  #waon-charge h3 {
    color: #666; }
  #waon-charge h4 {
    color: #666; }
  #waon-charge h5 {
    color: #666; }
  #waon-charge p {
    color: #666; }
  #waon-charge a {
    color: #666; }
  #waon-charge li {
    color: #666; }
  #waon-charge img {
    width: 100%;
    height: auto;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content; }
  #waon-charge .sp_only {
    display: none; }
  #waon-charge .kv__inner {
    max-width: 1080px;
    width: 100%;
    margin: 0 auto; }
    #waon-charge .kv__inner h1 {
      position: relative; }
      #waon-charge .kv__inner h1 img[src*="kv_title.jpg"] {
        position: relative;
        z-index: 1;
        width: 100%;
        height: auto; }
      #waon-charge .kv__inner h1 img[src*="airplain.webp"] {
        position: absolute;
        top: 36%;
        left: 5%;
        z-index: 2;
        width: 28%;
        height: auto;
        opacity: 0; }
      #waon-charge .kv__inner h1 img[src*="airplain.webp"].fly-in-kv {
        -webkit-animation: flyInKvAirplane 1s ease-out forwards;
        animation: flyInKvAirplane 1s ease-out forwards; }
  #waon-charge .cont__inner {
    max-width: 960px;
    width: 95%;
    margin: 0 auto; }
  #waon-charge .red {
    color: #f45454; }
  #waon-charge .blue {
    color: #5498f4; }
  #waon-charge .magenta {
    color: #b20281; }
  #waon-charge .mb-1 {
    margin-bottom: 20px !important; }
  #waon-charge .mb-2 {
    margin-bottom: 40px !important; }
  #waon-charge .fw_b {
    font-weight: bold !important; }
  #waon-charge .att {
    font-size: 15px !important; }
  #waon-charge .cont_ttl {
    font-size: 28px;
    color: #fff;
    background: #0165c3;
    text-align: center;
    padding: 16px 40px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    margin: 0 auto 40px; }
  #waon-charge .main_text {
    font-size: 18px;
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px; }
    #waon-charge .main_text span {
      font-size: 24px;
      text-align: center;
      color: #0165c3;
      font-weight: bold;
      margin-bottom: 20px;
      display: block; }
  #waon-charge .main_bnr_wrap {
    width: 80%;
    margin: auto; }
  #waon-charge .info_text_wrap {
    text-align: left;
    margin: 0 auto 0; }
    #waon-charge .info_text_wrap h4 {
      font-size: 16px;
      margin-bottom: 10px; }
    #waon-charge .info_text_wrap p {
      font-size: 15px;
      margin-bottom: 10px; }
    #waon-charge .info_text_wrap ul {
      margin: 0 .5em; }
      #waon-charge .info_text_wrap ul li {
        position: relative;
        padding-left: 1.5em;
        font-size: 18px;
        line-height: 1.4; }
        #waon-charge .info_text_wrap ul li::before {
          content: "※";
          color: #f45454;
          position: absolute;
          left: 0; }
        #waon-charge .info_text_wrap ul li ol li {
          list-style-type: decimal;
          padding: 0;
          margin-left: 1.5em; }
          #waon-charge .info_text_wrap ul li ol li::before {
            content: none; }
      #waon-charge .info_text_wrap ul li.dot::before {
        content: "・";
        color: #373737; }
      #waon-charge .info_text_wrap ul li.none::before {
        content: none; }
  #waon-charge #category02 {
    padding: 80px 0; }
  #waon-charge .kv_wrap {
    padding-bottom: 100px; }
  #waon-charge .kikan_wrap {
    padding: 80px 0 80px;
    text-align: center;
    margin: 40px 0; }
    #waon-charge .kikan_wrap .cont_ttl {
      position: relative; }
      #waon-charge .kikan_wrap .cont_ttl::before {
        content: "";
        display: block;
        position: absolute;
        left: -80px;
        top: -40px;
        width: 70px;
        height: 70px;
        background: url(/asset/img/campaign/202610_waonrbc_jmb/icon_01.png) no-repeat center center;
        background-size: contain; }
    #waon-charge .kikan_wrap .kikan_text_wrap .kikan_text {
      margin-top: 40px; }
      #waon-charge .kikan_wrap .kikan_text_wrap .kikan_text img {
        max-width: -webkit-fit-content;
        max-width: -moz-fit-content;
        max-width: fit-content; }
  #waon-charge .main_wrap {
    background: url(/asset/img/campaign/202610_waonrbc_jmb/bg.webp) no-repeat center center;
    background-size: cover;
    padding: 80px 0;
    position: relative; }
    #waon-charge .main_wrap .cont_ttl_wrap {
      padding: 180px 0px 5%;
      max-width: 960px;
      width: 95%;
      margin: 0 auto;
      background: url(/asset/img/campaign/202610_waonrbc_jmb/bg_cloud.webp) no-repeat top center;
      background-size: 100% auto;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-bottom: -1px;
      z-index: 2;
      position: relative; }
      #waon-charge .main_wrap .cont_ttl_wrap h3 {
        width: 80%;
        margin: 0 auto; }
    #waon-charge .main_wrap .balloon_fixed {
      position: fixed;
      top: 70%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      z-index: 0;
      pointer-events: none;
      width: 1280px;
      opacity: 0;
      visibility: hidden;
      -webkit-transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out;
      transition: opacity 0.4s ease-in-out, visibility 0.4s ease-in-out; }
      #waon-charge .main_wrap .balloon_fixed img {
        width: 100%;
        height: auto; }
    #waon-charge .main_wrap .balloon_fixed.show {
      opacity: 1;
      visibility: visible; }
    #waon-charge .main_wrap .cont__inner {
      border-radius: 0 0 20px 20px;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      position: relative;
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="3" /><feOffset dx="4" dy="4" result="offsetblur" /><feFlood flood-color="rgba(100,100,100,0.2)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
      -webkit-filter: drop-shadow(3px 3px 3px rgba(100, 100, 100, .2));
      filter: drop-shadow(3px 3px 3px rgba(100, 100, 100, .2));
      max-width: 960px;
      width: 95%;
      margin: 0 auto;
      margin-top: -20px;
      z-index: 1; }
      #waon-charge .main_wrap .cont__inner .cont_box {
        margin-bottom: 8px;
        background: #fff;
        padding: 60px 60px;
        text-align: center; }
        #waon-charge .main_wrap .cont__inner .cont_box .cp_detail {
          margin-bottom: 20px;
          background: #fafbaf;
          padding: 40px 40px;
          border-radius: 10px;
          width: 80%;
          margin: 0 auto 20px;
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          position: relative; }
          #waon-charge .main_wrap .cont__inner .cont_box .cp_detail::before {
            content: "";
            display: block;
            position: absolute;
            right: -40px;
            top: -30px;
            width: 100px;
            height: 60px;
            background: url(/asset/img/campaign/202610_waonrbc_jmb/icon_02.png) no-repeat center center;
            background-size: contain; }
          #waon-charge .main_wrap .cont__inner .cont_box .cp_detail::after {
            content: "";
            display: block;
            position: absolute;
            left: -40px;
            bottom: 20px;
            width: 70px;
            height: 70px;
            background: url(/asset/img/campaign/202610_waonrbc_jmb/icon_04.png) no-repeat center center;
            background-size: contain; }
        #waon-charge .main_wrap .cont__inner .cont_box .kikan_text {
          width: 80%;
          margin: 40px auto;
          position: relative; }
          #waon-charge .main_wrap .cont__inner .cont_box .kikan_text img {
            position: relative;
            z-index: 1; }
        #waon-charge .main_wrap .cont__inner .cont_box img[src*="airplain.webp"] {
          position: absolute;
          top: 26%;
          right: 0%;
          z-index: 2;
          width: 28%;
          height: auto;
          opacity: 0; }
        #waon-charge .main_wrap .cont__inner .cont_box img[src*="airplain.webp"].fly-in {
          -webkit-animation: flyInAirplane .5s ease-out forwards;
          animation: flyInAirplane .5s ease-out forwards; }
        #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap {
          position: relative; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap img[src*="otoku02.png"] {
            position: relative;
            z-index: 1;
            width: 100%;
            height: auto; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap img[src*="airplain.webp"] {
            position: absolute;
            top: 20%;
            right: -5%;
            z-index: 2;
            width: 28%;
            height: auto;
            opacity: 0; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap img[src*="airplain.webp"].fly-in {
            -webkit-animation: flyInAirplane .5s ease-out forwards;
            animation: flyInAirplane .5s ease-out forwards; }
        #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap {
          position: relative; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap img[src*="otoku03.png"] {
            position: relative;
            z-index: 1;
            width: 100%;
            height: auto; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap img[src*="airplain.webp"] {
            position: absolute;
            top: 60%;
            right: -5%;
            z-index: 2;
            width: 28%;
            height: auto;
            opacity: 0; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap img[src*="airplain.webp"].fly-in {
            -webkit-animation: flyInAirplane .5s ease-out forwards;
            animation: flyInAirplane .5s ease-out forwards; }
        #waon-charge .main_wrap .cont__inner .cont_box .card_img {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
          flex-wrap: wrap;
          -webkit-box-pack: center;
          -ms-flex-pack: center;
          justify-content: center;
          margin-bottom: 20px; }
          #waon-charge .main_wrap .cont__inner .cont_box .card_img li {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; }
      #waon-charge .main_wrap .cont__inner .cont_box.cont05 {
        background: #f7f7f7;
        padding: 60px 60px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        border-radius: 20px;
        margin-bottom: 0px; }
        #waon-charge .main_wrap .cont__inner .cont_box.cont05 .cont_ttl {
          background: #0165c3;
          color: #fff; }
      #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 5px; }
        #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list .keihin_item {
          width: calc(50% - 10px); }
          #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list .keihin_item p {
            margin: 0; }
            #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list .keihin_item p img {
              width: 100%;
              height: auto; }
      #waon-charge .main_wrap .cont__inner .jouken_wrap {
        position: relative;
        margin: 60px 0 40px; }
        #waon-charge .main_wrap .cont__inner .jouken_wrap .jouken_content {
          background: #fff;
          border: 3px solid #e8340c;
          border-radius: 20px;
          padding: 40px 20px 20px;
          overflow: hidden; }
        #waon-charge .main_wrap .cont__inner .jouken_wrap .cont_ttl {
          position: absolute;
          top: -20px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          background: #e8340c;
          color: #fff;
          margin: 0;
          border-radius: 20px;
          padding: 16px 62px;
          font-size: 28px;
          font-weight: bold;
          white-space: nowrap;
          z-index: 1;
          -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
        #waon-charge .main_wrap .cont__inner .jouken_wrap dl {
          display: -webkit-box;
          display: -ms-flexbox;
          display: flex;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
          -webkit-box-pack: justify;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 80%;
          margin: 16px auto 0; }
          @media (max-width: 767px) {
            #waon-charge .main_wrap .cont__inner .jouken_wrap dl {
              width: 100%; } }
          #waon-charge .main_wrap .cont__inner .jouken_wrap dl dt {
            width: 25%; }
            @media (max-width: 767px) {
              #waon-charge .main_wrap .cont__inner .jouken_wrap dl dt {
                width: 100%; } }
          #waon-charge .main_wrap .cont__inner .jouken_wrap dl dd {
            width: 72%; }
            @media (max-width: 767px) {
              #waon-charge .main_wrap .cont__inner .jouken_wrap dl dd {
                width: 100%; } }
        #waon-charge .main_wrap .cont__inner .jouken_wrap h4 {
          text-align: center;
          color: #c30d23;
          font-size: 32px; }
          @media (max-width: 767px) {
            #waon-charge .main_wrap .cont__inner .jouken_wrap h4 {
              font-size: 24px; } }
        #waon-charge .main_wrap .cont__inner .jouken_wrap h5 {
          text-align: center;
          font-size: 18px; }
        #waon-charge .main_wrap .cont__inner .jouken_wrap p {
          margin: 0;
          text-align: center; }
          #waon-charge .main_wrap .cont__inner .jouken_wrap p img {
            width: 100%;
            height: auto;
            max-width: 600px; }
      #waon-charge .main_wrap .cont__inner .taishou_wrap {
        position: relative;
        margin: 60px 0 40px; }
        #waon-charge .main_wrap .cont__inner .taishou_wrap .taishou_content {
          background: #fff;
          border: 3px solid #e8340c;
          border-radius: 20px;
          padding: 40px 20px 20px;
          overflow: hidden; }
          #waon-charge .main_wrap .cont__inner .taishou_wrap .taishou_content.border-b {
            border: 3px solid #0165c3; }
        #waon-charge .main_wrap .cont__inner .taishou_wrap .cont_ttl {
          position: absolute;
          top: -20px;
          left: 50%;
          -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
          background: #e8340c;
          color: #fff;
          margin: 0;
          border-radius: 20px;
          padding: 16px 62px;
          font-size: 28px;
          font-weight: bold;
          white-space: nowrap;
          z-index: 1;
          -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, .1); }
          #waon-charge .main_wrap .cont__inner .taishou_wrap .cont_ttl.bg-b {
            background: #0165c3; }
        #waon-charge .main_wrap .cont__inner .taishou_wrap p {
          margin: 0;
          text-align: center; }
          #waon-charge .main_wrap .cont__inner .taishou_wrap p img {
            width: 100%;
            height: auto;
            max-width: 600px; }
  #waon-charge .example_wrap {
    background: #fff;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px;
    margin-bottom: 60px;
    margin-top: 80px; }
    #waon-charge .example_wrap .cont_ttl {
      background: #0165c3;
      color: #fff; }
    #waon-charge .example_wrap img {
      width: 60%;
      margin: 0 auto;
      display: block; }
    #waon-charge .example_wrap p span {
      font-size: .9em; }
    #waon-charge .example_wrap iframe {
      width: 100%;
      max-width: 840px;
      height: 450px;
      margin: 16px auto 0;
      display: block; }
    #waon-charge .example_wrap .rbc_wrap {
      margin: 40px 0;
      text-align: center; }
      #waon-charge .example_wrap .rbc_wrap img {
        width: 100%;
        height: auto;
        max-width: 600px; }
    #waon-charge .example_wrap .map_container {
      width: 100%;
      margin: 20px auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      #waon-charge .example_wrap .map_container iframe {
        width: 100%;
        max-width: 720px;
        height: 450px;
        border: 0;
        border-radius: 10px; }
    #waon-charge .example_wrap .first-acdn {
      margin-top: 40px; }
    #waon-charge .example_wrap .first-acdn_content p {
      margin-top: 20px; }
  #waon-charge .winning_wrap {
    background: #fff;
    padding: 0 60px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 20px; }
    #waon-charge .winning_wrap .cont_ttl {
      background: #0165c3;
      color: #fff; }
    #waon-charge .winning_wrap .winning_cont {
      padding: 60px 60px; }
      #waon-charge .winning_wrap .winning_cont h3 {
        margin-bottom: 10px;
        font-size: 16px; }
      #waon-charge .winning_wrap .winning_cont .cont_img_ttl {
        margin-bottom: 60px;
        text-align: center; }
        #waon-charge .winning_wrap .winning_cont .cont_img_ttl img {
          max-width: -webkit-fit-content;
          max-width: -moz-fit-content;
          max-width: fit-content; }
    #waon-charge .winning_wrap .winning_01 {
      background: #dbf3fa;
      border-radius: 20px; }
      #waon-charge .winning_wrap .winning_01 h3 {
        color: #0165c3; }
    #waon-charge .winning_wrap .winning_02 {
      background: #f9e5f3;
      border-radius: 20px; }
      #waon-charge .winning_wrap .winning_02 h3 {
        color: #b20281; }
  #waon-charge .faq_wrap .cont_ttl {
    background: #0165c3;
    color: #fff; }
  #waon-charge .faq_wrap .faq_box_01 {
    margin-bottom: 60px; }
    #waon-charge .faq_wrap .faq_box_01 h3 {
      padding: 10px 10px;
      background: #8bcded;
      color: #fff; }
    #waon-charge .faq_wrap .faq_box_01 .acdn_ttl {
      background: #d2eaf5; }
    #waon-charge .faq_wrap .faq_box_01 .acdn_content {
      border-left: 25px solid #d2eaf5;
      border-right: 25px solid #d2eaf5;
      border-bottom: 25px solid #d2eaf5; }
    #waon-charge .faq_wrap .faq_box_01 .acdn-target {
      border-left: 3px solid #f8f7f3;
      border-right: 3px solid #f8f7f3; }
  #waon-charge .faq_wrap .faq_box_02 h3 {
    padding: 10px 10px;
    background: #f77542;
    color: #fff; }
  #waon-charge .faq_wrap .faq_box_02 .acdn_ttl {
    background: #f7e0d7; }
  #waon-charge .faq_wrap .faq_box_02 .acdn_content {
    border-left: 25px solid #f7e0d7;
    border-right: 25px solid #f7e0d7;
    border-bottom: 25px solid #f7e0d7; }
  #waon-charge .faq_wrap .faq_box_02 .acdn-target {
    border-left: 3px solid #f8f7f3;
    border-right: 3px solid #f8f7f3; }
  #waon-charge .faq_wrap .info_text_wrap li {
    font-size: 16px; }
  #waon-charge .faq_wrap table {
    width: 100%;
    margin-top: 20px; }
    #waon-charge .faq_wrap table tr th {
      background: #707070;
      color: #fff;
      text-align: center;
      font-size: .7em;
      padding: 10px 0;
      border: 1px solid #373737;
      width: 16.66667%; }
    #waon-charge .faq_wrap table tr td {
      text-align: center;
      padding: 10px 0;
      border: 1px solid #373737; }
  #waon-charge .inquiry_wrap {
    width: 80%;
    margin: 80px auto;
    padding: 60px 60px;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    background: url(/asset/img/campaign/202610_waonrbc_jmb/icon_waon.png) no-repeat 10% bottom #f7f7f7; }
    #waon-charge .inquiry_wrap .cont_ttl {
      background: #0165c3;
      color: #fff; }
    #waon-charge .inquiry_wrap h3 {
      font-size: 42px;
      font-weight: bold;
      color: #c30d18;
      margin-bottom: 20px; }
    #waon-charge .inquiry_wrap h4 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px; }
    #waon-charge .inquiry_wrap .info_text_wrap {
      text-align: center; }
      #waon-charge .inquiry_wrap .info_text_wrap p {
        margin: 0; }
  #waon-charge .eventinfo_wrap {
    width: 80%;
    margin: 0 auto;
    border-radius: 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center; }
    #waon-charge .eventinfo_wrap h2 a {
      width: 90%;
      color: #fff;
      position: relative;
      display: inline-block;
      padding-right: 30px;
      font-size: 24px;
      line-height: 1.2; }
      #waon-charge .eventinfo_wrap h2 a::after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-left: 12px solid #fff;
        border-top: 24px solid transparent;
        border-bottom: 24px solid transparent; }
    #waon-charge .eventinfo_wrap .cont_ttl {
      background: #0165c3;
      color: #fff;
      border-radius: 20px;
      max-width: 960px;
      padding: 20px 40px;
      font-size: 36px; }
    #waon-charge .eventinfo_wrap h3 {
      font-size: 42px;
      font-weight: bold;
      color: #c30d18;
      margin-bottom: 20px; }
    #waon-charge .eventinfo_wrap h4 {
      font-size: 24px;
      font-weight: bold;
      margin-bottom: 20px; }
    #waon-charge .eventinfo_wrap .info_text_wrap {
      text-align: center; }
      #waon-charge .eventinfo_wrap .info_text_wrap p {
        margin: 0; }
  #waon-charge .foot_bnr_wrap {
    padding-bottom: 80px; }
    #waon-charge .foot_bnr_wrap a {
      width: 70%;
      margin: auto; }

.anime_block {
  opacity: 0;
  -webkit-transition: all 2s;
  transition: all 2s; }

.scroll-anime {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1000;
  pointer-events: none; }
  .scroll-anime img {
    width: 100px;
    height: auto;
    -webkit-transition: -webkit-transform 0.1s ease-out;
    transition: -webkit-transform 0.1s ease-out;
    transition: transform 0.1s ease-out;
    transition: transform 0.1s ease-out, -webkit-transform 0.1s ease-out; }

.fadeIn {
  -webkit-animation-name: fadeUpAnime;
  animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0; }

.fadeIn.fadeRight {
  -webkit-animation-name: fadeRightAnime;
  animation-name: fadeRightAnime;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0; }

.fadeIn_fv {
  -webkit-animation-name: fadeUpAnime;
  animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  opacity: 0; }

@media (max-width: 767px) {
  .jouken_wrap .cont_ttl {
    padding: 8px 24px !important; }
  .jouken_content {
    padding-top: 36px !important; }
  .taishou_content {
    padding-top: 36px !important; }
  #waon-charge {
    padding-bottom: 12%; }
    #waon-charge .pc_only {
      display: none; }
    #waon-charge .sp_only {
      display: block; }
    #waon-charge .att {
      font-size: 12px !important; }
    #waon-charge .cont_ttl {
      font-size: 24px;
      padding: 4% 6%;
      border-radius: 50px;
      margin: 0 auto 4%; }
    #waon-charge .main_text {
      font-size: 16px;
      margin-bottom: 4%; }
    #waon-charge .main_bnr_wrap {
      width: 90%; }
    #waon-charge .info_text_wrap {
      margin: 0 auto 0; }
      #waon-charge .info_text_wrap h4 {
        font-size: 13px;
        margin-bottom: 2%; }
      #waon-charge .info_text_wrap p {
        font-size: 12px;
        margin-bottom: 2%; }
      #waon-charge .info_text_wrap ul li {
        font-size: 12px; }
    #waon-charge #category02 {
      padding: 12% 0; }
    #waon-charge .kv_wrap {
      padding-bottom: 36px; }
      #waon-charge .kv_wrap .cont__inner {
        width: 100%; }
    #waon-charge .kikan_wrap {
      margin: 0;
      padding: 0 0 10%; }
      #waon-charge .kikan_wrap .kikan_text_wrap .kikan_text {
        margin-top: 6%; }
    #waon-charge .main_wrap {
      padding: 12% 0; }
      #waon-charge .main_wrap .cont_ttl_wrap {
        width: 95%;
        max-width: none;
        padding: 8% 0 10%;
        margin: 0 auto;
        z-index: 2;
        position: relative; }
      #waon-charge .main_wrap .cont__inner {
        margin-top: -1px;
        z-index: 1;
        width: 95%;
        max-width: none;
        margin: 0 auto;
        text-align: center; }
        #waon-charge .main_wrap .cont__inner .cont_box {
          padding: 5% 5%; }
          #waon-charge .main_wrap .cont__inner .cont_box img[src*="airplain.webp"] {
            width: 28%;
            top: 30%;
            right: 0%; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku01_wrap {
            text-align: center; }
            #waon-charge .main_wrap .cont__inner .cont_box .otoku01_wrap img[src*="airplain.webp"] {
              width: 25%;
              top: 22.5%;
              right: -3%; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap {
            text-align: center; }
            #waon-charge .main_wrap .cont__inner .cont_box .otoku02_wrap img[src*="airplain.webp"] {
              width: 28%;
              top: 20%;
              right: -3%; }
          #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap {
            text-align: center; }
            #waon-charge .main_wrap .cont__inner .cont_box .otoku03_wrap img[src*="airplain.webp"] {
              width: 22%;
              top: 65%;
              right: -12%; }
          #waon-charge .main_wrap .cont__inner .cont_box .kikan_text {
            width: 90%;
            margin: 6% auto; }
          #waon-charge .main_wrap .cont__inner .cont_box .cp_detail {
            margin-bottom: 4%;
            padding: 5% 5%;
            width: 90%; }
            #waon-charge .main_wrap .cont__inner .cont_box .cp_detail::before {
              content: "";
              display: block;
              position: absolute;
              right: -5%;
              top: -5%;
              width: 70px;
              height: 50px; }
            #waon-charge .main_wrap .cont__inner .cont_box .cp_detail::after {
              content: "";
              display: block;
              position: absolute;
              left: -8%;
              bottom: 5%;
              width: 50px;
              height: 50px; }
            #waon-charge .main_wrap .cont__inner .cont_box .cp_detail h4 {
              margin-top: 4%;
              margin-bottom: 2%; }
          #waon-charge .main_wrap .cont__inner .cont_box .card_img {
            margin-bottom: 4%; }
            #waon-charge .main_wrap .cont__inner .cont_box .card_img li img {
              height: 12vw;
              width: auto; }
        #waon-charge .main_wrap .cont__inner .jouken_wrap {
          margin: 8% 0 6%; }
          #waon-charge .main_wrap .cont__inner .jouken_wrap .jouken_content {
            border-radius: 10px;
            padding: 30px 15px 15px; }
          #waon-charge .main_wrap .cont__inner .jouken_wrap .cont_ttl {
            top: -15px;
            padding: 16px 24px;
            font-size: 21px;
            border-radius: 8px; }
        #waon-charge .main_wrap .cont__inner .taishou_wrap {
          margin: 8% 0 6%; }
          #waon-charge .main_wrap .cont__inner .taishou_wrap .taishou_content {
            border-radius: 10px;
            padding: 30px 15px 15px; }
          #waon-charge .main_wrap .cont__inner .taishou_wrap .cont_ttl {
            top: -15px;
            padding: 8px 20px;
            font-size: 18px;
            border-radius: 8px;
            margin-bottom: 16px; }
        #waon-charge .main_wrap .cont__inner .cont_box.cont05 {
          padding: 4% 4%;
          border-radius: 10px; }
        #waon-charge .main_wrap .cont__inner .rbc_wrap {
          margin: 6% 0; }
      #waon-charge .main_wrap .balloon_fixed {
        width: 120%; }
    #waon-charge .example_wrap {
      padding: 4% 4%;
      margin-top: 8%;
      border-radius: 10px; }
      #waon-charge .example_wrap img {
        width: 80%; }
      #waon-charge .example_wrap iframe {
        width: 100%;
        height: 300px;
        margin: 0 auto;
        display: block; }
      #waon-charge .example_wrap .first-acdn {
        margin-top: 4%; }
      #waon-charge .example_wrap .first-acdn_content p {
        margin-top: 4%; }
    #waon-charge .winning_wrap {
      padding: 4% 4%;
      border-radius: 10px; }
      #waon-charge .winning_wrap .winning_cont {
        padding: 4% 4%; }
        #waon-charge .winning_wrap .winning_cont h3 {
          margin-bottom: 2%; }
        #waon-charge .winning_wrap .winning_cont .cont_img_ttl {
          margin-bottom: 8%; }
      #waon-charge .winning_wrap .winning_01 {
        border-radius: 10px;
        margin-bottom: 6%; }
      #waon-charge .winning_wrap .winning_02 {
        border-radius: 10px; }
    #waon-charge .faq_wrap .info_text_wrap li {
      font-size: 3.5vw; }
    #waon-charge .faq_wrap table {
      margin-top: 4%; }
      #waon-charge .faq_wrap table tr th {
        font-size: .6em;
        padding: 2% 0; }
      #waon-charge .faq_wrap table tr td {
        padding: 2% 0; }
    #waon-charge .inquiry_wrap {
      width: 100%;
      margin: 12% auto;
      padding: 4% 4%;
      border-radius: 10px;
      background: #f7f7f7; }
      #waon-charge .inquiry_wrap h2 a {
        padding-right: 25px; }
        #waon-charge .inquiry_wrap h2 a::after {
          border-left: 6px solid #fff;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent; }
      #waon-charge .inquiry_wrap h3 {
        font-size: 38px;
        font-weight: bold;
        color: #ea4109;
        margin-bottom: 6%; }
      #waon-charge .inquiry_wrap h4 {
        font-size: 21px;
        margin-bottom: 6%; }
      #waon-charge .inquiry_wrap .info_text_wrap p {
        line-height: 1.4em; }
    #waon-charge .eventinfo_wrap {
      width: 100%;
      margin: 0 auto;
      padding: 0;
      border-radius: 10px; }
      #waon-charge .eventinfo_wrap h2 a {
        font-size: 16px;
        padding-right: 25px;
        padding-right: 25px; }
        #waon-charge .eventinfo_wrap h2 a::after {
          border-left: 6px solid #fff;
          border-top: 12px solid transparent;
          border-bottom: 12px solid transparent;
          border-left: 6px solid #fff;
          border-top: 4px solid transparent;
          border-bottom: 4px solid transparent; }
      #waon-charge .eventinfo_wrap h3 {
        font-size: 38px;
        font-weight: bold;
        color: #ea4109;
        margin-bottom: 6%; }
      #waon-charge .eventinfo_wrap h4 {
        font-size: 21px;
        margin-bottom: 6%; }
      #waon-charge .eventinfo_wrap .info_text_wrap p {
        line-height: 1.4em; }
    #waon-charge .foot_bnr_wrap {
      padding-bottom: 12%; }
      #waon-charge .foot_bnr_wrap a {
        width: 90%; }
  .scroll-anime img {
    width: 60px; } }

@media (max-width: 768px) {
  #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important;
    gap: 15px;
    padding: 0 20px; }
    #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list .keihin_item {
      width: 100% !important; } }

@media (max-width: 1024px) and (min-width: 769px) {
  #waon-charge .main_wrap .cont__inner .keihin_wrap .keihin_list .keihin_item {
    width: calc(50% - 10px); } }

.event_ttl {
  background: #c30d18 !important; }

.cont02 {
  border-radius: 0 0 16px 16px;
  margin-bottom: 80px !important; }
  @media (max-width: 767px) {
    .cont02 {
      margin-bottom: 12% !important; } }

.cont03 {
  border-radius: 16px 16px 0 0; }
  .cont03 h4 {
    margin: 32px 0 16px; }
  .cont03 .schedule {
    background: #fbeff1;
    width: 80%;
    margin: 16px auto 0;
    padding: 24px;
    border-radius: 8px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 767px) {
      .cont03 .schedule {
        width: 100%; } }
  .cont03 .taishou_wrap h4 {
    text-align: center;
    color: #0165c3 !important;
    font-size: 21px;
    margin: 0; }
    @media (max-width: 767px) {
      .cont03 .taishou_wrap h4 {
        font-size: 18px; } }
  .cont03 .taishou_wrap p {
    font-size: 12px; }

.cont04 {
  border-radius: 0 0 16px 16px; }
  .cont04 h2 {
    margin: 16px 0 32px; }

.img-card {
  margin: 16px auto 0; }

.kikan {
  margin-bottom: 16px; }