@charset "UTF-8";
* {
  margin: 0; }

.contentsWrap * {
  box-sizing: border-box;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

.contentsWrap {
  font-size: 1rem;
  color: #000;
  /* section css ended */ }
  .contentsWrap .mb10 {
    margin-bottom: 10px !important; }
  .contentsWrap .mb20 {
    margin-bottom: 20px !important; }
  .contentsWrap .mb30 {
    margin-bottom: 30px !important; }
  .contentsWrap .mb40 {
    margin-bottom: 40px !important; }
  .contentsWrap .mb50 {
    margin-bottom: 50px !important; }
  .contentsWrap .mb70 {
    margin-bottom: 70px !important; }
  .contentsWrap .mb80 {
    margin-bottom: 80px !important; }
  .contentsWrap .mb130 {
    margin-bottom: 130px !important; }
  .contentsWrap .mb0 {
    margin-bottom: 0 !important; }
  .contentsWrap .pt70 {
    padding-top: 70px !important; }
  .contentsWrap .pt100 {
    padding-top: 100px !important; }
  .contentsWrap .pb40 {
    padding-bottom: 40px !important; }
  .contentsWrap .pcImg {
    display: block; }
    @media screen and (max-width: 769px) {
      .contentsWrap .pcImg {
        display: none; } }
  .contentsWrap .tbImg {
    display: none; }
    @media screen and (max-width: 769px) {
      .contentsWrap .tbImg {
        display: block; } }
  .contentsWrap .spImg {
    display: none; }
    @media screen and (max-width: 480px) {
      .contentsWrap .spImg {
        display: block; } }
  .contentsWrap .normalLimg {
    vertical-align: bottom;
    height: auto;
    width: 100%; }
  .contentsWrap a .normalLimg:hover {
    opacity: 0.7; }
  .contentsWrap .col-red {
    color: #fd312e; }
  .contentsWrap .col-green {
    color: #06c755; }
  .contentsWrap .col-blue {
    color: #3fa8f4; }
  .contentsWrap .txt-large {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: justify; }
  .contentsWrap .txt-mid {
    font-size: 1.2rem; }
  .contentsWrap .txt-notice {
    font-size: 1.0rem; }
  .contentsWrap .txt-bold {
    font-weight: bold; }
  .contentsWrap .alCent {
    text-align: center !important; }
  .contentsWrap .alLeft {
    text-align: justify !important; }
  .contentsWrap a.normalTxtLink {
    color: cornflowerblue;
    text-decoration: none; }
    .contentsWrap a.normalTxtLink:hover {
      opacity: 0.8;
      text-decoration: underline; }
  .contentsWrap br.brpc {
    display: block !important; }
    @media screen and (max-width: 769px) {
      .contentsWrap br.brpc {
        display: none !important; } }
  .contentsWrap br.brsp {
    display: none !important; }
    @media screen and (max-width: 769px) {
      .contentsWrap br.brsp {
        display: block !important; } }
  .contentsWrap .indent {
    text-indent: -1em;
    padding-left: 1em; }
  .contentsWrap sup {
    font-size: 60%; }
  .contentsWrap .grBox {
    margin-bottom: 0; }
    .contentsWrap .grBox > .pcImg {
      display: block; }
      @media screen and (max-width: 769px) {
        .contentsWrap .grBox > .pcImg {
          display: none; } }
    .contentsWrap .grBox > .spImg {
      display: none; }
      @media screen and (max-width: 769px) {
        .contentsWrap .grBox > .spImg {
          display: block;
          height: 100%; } }
  .contentsWrap section {
    position: relative; }
    .contentsWrap section ul {
      list-style: none; }
    .contentsWrap section p {
      letter-spacing: -0.05rem; }
    .contentsWrap section .innerBox {
      width: 100%;
      max-width: 1000px;
      height: 100%;
      margin: 0 auto;
      position: relative; }
      @media screen and (max-width: 1179px) {
        .contentsWrap section .innerBox {
          max-width: 100%;
          width: 100%;
          padding: 0 3%; } }
    .contentsWrap section#intro {
      background: linear-gradient(90deg, #ffe4e0 30%, white 50%, #ffe4e0 70%);
      padding-bottom: 70px; }
      .contentsWrap section#intro h2.h2title {
        width: 1000px;
        max-width: 1000px;
        margin: 0 auto;
        padding-top: 70px;
        position: relative;
        margin-bottom: 140px; }
        @media screen and (max-width: 769px) {
          .contentsWrap section#intro h2.h2title {
            width: 90%; } }
        .contentsWrap section#intro h2.h2title img.h2img {
          width: 90%;
          display: block;
          margin: 0 auto 20px auto; }
        .contentsWrap section#intro h2.h2title p.read {
          font-size: 1.2rem;
          text-align: center; }
      .contentsWrap section#intro .tokutenBox {
        width: 100%;
        border: #fd312e 4px solid;
        border-radius: 20px;
        padding: 50px 0 40px 0;
        position: relative;
        margin-bottom: 120px; }
        .contentsWrap section#intro .tokutenBox div.imgTokutenTitle {
          position: absolute;
          width: 235px;
          display: block;
          left: 50%;
          top: -70px;
          transform: translateX(-50%); }
          .contentsWrap section#intro .tokutenBox div.imgTokutenTitle img.tokutenLogo {
            width: 100%; }
          .contentsWrap section#intro .tokutenBox div.imgTokutenTitle:after {
            position: absolute;
            display: block;
            content: "";
            width: 100%;
            height: 7px;
            /* bottom: 6px; */
            bottom: 0;
            left: 0;
            background: linear-gradient(90deg, #fff7e0 0%, white 50%, #fff7e0 100%);
            z-index: -1; }
            @media screen and (max-width: 769px) {
              .contentsWrap section#intro .tokutenBox div.imgTokutenTitle:after {
                background: linear-gradient(90deg, #ffecdf 0%, white 50%, #ffecdf 100%); } }
            @media screen and (max-width: 480px) {
              .contentsWrap section#intro .tokutenBox div.imgTokutenTitle:after {
                background: linear-gradient(90deg, #ffe4e0 30%, white 50%, #ffe4e0 70%); } }
        .contentsWrap section#intro .tokutenBox .tokutenInner {
          width: 890px;
          margin: 0 auto; }
          @media screen and (max-width: 769px) {
            .contentsWrap section#intro .tokutenBox .tokutenInner {
              width: 90%; } }
          .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center; }
            @media screen and (max-width: 480px) {
              .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead {
                display: block; } }
            .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dt.tokutenRead {
              width: 530px; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dt.tokutenRead {
                  width: 55%;
                  margin-bottom: 30px; } }
              @media screen and (max-width: 480px) {
                .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dt.tokutenRead {
                  width: 100%; } }
            .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dd.tokutenCB {
              width: 335px; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dd.tokutenCB {
                  width: 40%; } }
              @media screen and (max-width: 480px) {
                .contentsWrap section#intro .tokutenBox .tokutenInner dl.tokutenHead dd.tokutenCB {
                  width: 80%;
                  margin: 0 auto; } }
          .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            flex-wrap: nowrap; }
            @media screen and (max-width: 480px) {
              .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice {
                display: block; } }
            .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li {
              align-items: center;
              width: 32%;
              padding: 20px;
              background: #eba597;
              border-radius: 10px 0 0 0; }
              @media screen and (max-width: 480px) {
                .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li {
                  width: 90%;
                  margin: 0 auto 20px auto; } }
              .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li img.imgCB-s {
                margin-bottom: 10px; }
              .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li a.btn_modelname {
                width: 100%;
                font-size: 1.4rem;
                font-weight: bold;
                text-align: center;
                display: block;
                text-decoration: none;
                color: black;
                background: white;
                padding: 10px 0; }
                @media screen and (max-width: 769px) {
                  .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li a.btn_modelname {
                    font-size: 1.2rem; } }
                .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li a.btn_modelname:hover {
                  background: #fd312e;
                  color: white; }
              .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li.mid {
                background: #f6bfb4; }
              .contentsWrap section#intro .tokutenBox .tokutenInner ul.tokutenPrice li.low {
                background: #f7d6cf; }
        .contentsWrap section#intro .tokutenBox div.overriteBox {
          position: absolute;
          width: 72px;
          left: 50%;
          bottom: -55px;
          z-index: 2;
          transform: translateX(-50%); }
          .contentsWrap section#intro .tokutenBox div.overriteBox img {
            width: 100%; }
        .contentsWrap section#intro .tokutenBox.col3 {
          margin-bottom: 0 !important; }
          .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead {
            flex-wrap: nowrap; }
            .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dt {
              width: auto; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dt {
                  width: 65%; } }
              @media screen and (max-width: 480px) {
                .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dt {
                  width: 100%;
                  margin-bottom: 30px; } }
            .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dd {
              width: 243px; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dd {
                  width: 30%; } }
              @media screen and (max-width: 480px) {
                .contentsWrap section#intro .tokutenBox.col3 div.tokutenInner dl.tokutenHead dd {
                  width: 65%;
                  display: block; } }
    .contentsWrap section#method {
      background: #f1f1f1;
      padding: 60px 0 70px 0; }
      .contentsWrap section#method div.innerBox h2.h2title {
        width: 315px;
        max-width: 315px;
        margin: 0 auto;
        padding-top: 70px;
        position: relative;
        margin-bottom: 30px; }
        .contentsWrap section#method div.innerBox h2.h2title img.h2img {
          width: 100%;
          display: block;
          margin: 0 auto 30px auto; }
      .contentsWrap section#method div.innerBox div.method1Box {
        width: 100%;
        background: white;
        padding: 40px 0 40px 0; }
        @media screen and (max-width: 480px) {
          .contentsWrap section#method div.innerBox div.method1Box {
            padding: 40px 0 10px 0; } }
        .contentsWrap section#method div.innerBox div.method1Box ul.methodInner {
          width: 90%;
          margin: 0 auto;
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          flex-wrap: wrap;
          align-items: center;
          margin-bottom: 40px; }
          @media screen and (max-width: 480px) {
            .contentsWrap section#method div.innerBox div.method1Box ul.methodInner {
              display: block; } }
          .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.firstbox {
            position: relative;
            width: 75%; }
            @media screen and (max-width: 480px) {
              .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.firstbox {
                width: 100%;
                margin-bottom: 30px; } }
            .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.firstbox div.floatBtn {
              position: absolute;
              width: 185px;
              right: 0;
              bottom: -10px; }
              @media screen and (max-width: 480px) {
                .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.firstbox div.floatBtn {
                  position: relative;
                  width: 60%;
                  display: block;
                  margin: 0 auto; } }
          .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.lastbox {
            width: 22%; }
            @media screen and (max-width: 480px) {
              .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.lastbox {
                width: 50%;
                margin: 0 auto; } }
            .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.lastbox img {
              width: 100%; }
      .contentsWrap section#method div.innerBox ul.method2Box {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: flex-start;
        margin: 50px 0 0 0;
        background: none; }
        @media screen and (max-width: 480px) {
          .contentsWrap section#method div.innerBox ul.method2Box {
            display: block; } }
        .contentsWrap section#method div.innerBox ul.method2Box li.imgBox {
          width: 29%; }
          @media screen and (max-width: 480px) {
            .contentsWrap section#method div.innerBox ul.method2Box li.imgBox {
              width: 80%;
              margin: 0 auto 20px auto; } }
          .contentsWrap section#method div.innerBox ul.method2Box li.imgBox img {
            width: 100%;
            display: block; }
            .contentsWrap section#method div.innerBox ul.method2Box li.imgBox img + p {
              padding-left: 40px;
              position: relative; }
              .contentsWrap section#method div.innerBox ul.method2Box li.imgBox img + p:before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                background: url("/content/dam/channel/wcms/jp/images/promotion/tv/2025/winter/img/icn_no1.svg") center/cover no-repeat;
                left: 0;
                top: 0; }
              .contentsWrap section#method div.innerBox ul.method2Box li.imgBox img + p.no2indent:before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                background: url("/content/dam/channel/wcms/jp/images/promotion/tv/2025/winter/img/icn_no2.svg") center/cover no-repeat;
                left: 0;
                top: 0; }
              .contentsWrap section#method div.innerBox ul.method2Box li.imgBox img + p.no3indent:before {
                position: absolute;
                content: "";
                width: 30px;
                height: 30px;
                background: url("/content/dam/channel/wcms/jp/images/promotion/tv/2025/winter/img/icn_no3.svg") center/cover no-repeat;
                left: 0;
                top: 0; }
        .contentsWrap section#method div.innerBox ul.method2Box li.arrowbox {
          width: 4%;
          align-items: center;
          position: relative;
          padding-top: 40%; }
          @media screen and (max-width: 480px) {
            .contentsWrap section#method div.innerBox ul.method2Box li.arrowbox {
              width: 80%;
              margin: 0 auto;
              padding-top: 20%; } }
          .contentsWrap section#method div.innerBox ul.method2Box li.arrowbox img.arrow {
            position: absolute;
            width: 15px;
            height: 25px;
            left: 50%;
            top: 37%;
            transform: translateX(-50%); }
            @media screen and (max-width: 480px) {
              .contentsWrap section#method div.innerBox ul.method2Box li.arrowbox img.arrow {
                width: 30px;
                height: 50px;
                top: 50%;
                transform: translate(-50%, -50%) rotate(90deg); } }
    .contentsWrap section#models {
      margin-bottom: 60px; }
      .contentsWrap section#models div.innerBox h2.h2title {
        width: 315px;
        max-width: 315px;
        margin: 0 auto;
        padding-top: 70px;
        position: relative;
        margin-bottom: 30px; }
        .contentsWrap section#models div.innerBox h2.h2title img.h2img {
          width: 100%;
          display: block;
          margin: 0 auto 30px auto; }
      .contentsWrap section#models div.innerBox ul.modelBox {
        width: 890px;
        margin: 0 auto 0 auto;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        flex-wrap: wrap;
        align-items: center; }
        @media screen and (max-width: 769px) {
          .contentsWrap section#models div.innerBox ul.modelBox {
            width: 90%; } }
        @media screen and (max-width: 480px) {
          .contentsWrap section#models div.innerBox ul.modelBox {
            display: block; } }
        @media screen and (max-width: 480px) {
          .contentsWrap section#models div.innerBox ul.modelBox.mb130 {
            margin-bottom: 50px !important; } }
        .contentsWrap section#models div.innerBox ul.modelBox li.imgBox {
          width: 50%; }
          @media screen and (max-width: 480px) {
            .contentsWrap section#models div.innerBox ul.modelBox li.imgBox {
              width: 90%;
              margin: 0 auto 30px auto; } }
          .contentsWrap section#models div.innerBox ul.modelBox li.imgBox img {
            width: 100%; }
        .contentsWrap section#models div.innerBox ul.modelBox li.specBox {
          width: 40%; }
          @media screen and (max-width: 769px) {
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox {
              width: 45%; } }
          @media screen and (max-width: 480px) {
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox {
              width: 100%;
              margin: 0 auto 0 auto; } }
          .contentsWrap section#models div.innerBox ul.modelBox li.specBox p.modelName {
            font-size: 2.5rem;
            font-weight: bold;
            text-align: center;
            margin-bottom: 15px;
            line-height: 1.0; }
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox p.modelName span {
              font-size: 80%; }
            @media screen and (max-width: 769px) {
              .contentsWrap section#models div.innerBox ul.modelBox li.specBox p.modelName {
                font-size: 2.3rem; } }
          .contentsWrap section#models div.innerBox ul.modelBox li.specBox div.grayBox {
            display: block;
            background: #4d4d4d;
            padding: 5px 0 7px;
            text-align: center;
            margin-bottom: 20px; }
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox div.grayBox p {
              font-size: 1.6rem;
              font-weight: bold;
              color: white;
              line-height: 1.2; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#models div.innerBox ul.modelBox li.specBox div.grayBox p {
                  font-size: 1.4rem; } }
          .contentsWrap section#models div.innerBox ul.modelBox li.specBox ul.sizeBox {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            gap: 2%; }
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox ul.sizeBox.flexBet {
              justify-content: center; }
            .contentsWrap section#models div.innerBox ul.modelBox li.specBox ul.sizeBox li {
              width: 23%;
              margin-bottom: 15px; }
              .contentsWrap section#models div.innerBox ul.modelBox li.specBox ul.sizeBox li a {
                display: block;
                text-align: center;
                width: 100%;
                font-size: 2.0rem;
                text-decoration: none;
                color: black;
                padding: 10px 0;
                border: 1px solid #4d4d4d; }
                .contentsWrap section#models div.innerBox ul.modelBox li.specBox ul.sizeBox li a:hover {
                  background: #4d4d4d;
                  color: white; }
    .contentsWrap section#methodArea {
      background: #f0ece1;
      padding-bottom: 100px; }
      .contentsWrap section#methodArea div.innerBox h2.h2title {
        width: 315px;
        max-width: 315px;
        margin: 0 auto;
        padding-top: 70px;
        position: relative;
        margin-bottom: 30px; }
        .contentsWrap section#methodArea div.innerBox h2.h2title img.h2img {
          width: 100%;
          display: block;
          margin: 0 auto 30px auto; }
      .contentsWrap section#methodArea div.innerBox ul.methodBox {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        align-items: center;
        background: white;
        padding: 15px 30px;
        list-style: none;
        margin-bottom: 20px;
        border-radius: 15px; }
        .contentsWrap section#methodArea div.innerBox ul.methodBox.lastbox {
          margin-bottom: 0 !important; }
        .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodStep {
          width: 10%; }
          @media screen and (max-width: 769px) {
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodStep {
              width: 100%; } }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodStep img.stepNo {
            width: 47px; }
            @media screen and (max-width: 769px) {
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodStep img.stepNo {
                width: 150px;
                margin: 0 auto 30px auto; } }
        .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc {
          width: 90%;
          position: relative;
          padding: 15px 0; }
          @media screen and (max-width: 769px) {
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc {
              width: 100%; } }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.methodReadXL {
            font-size: 1.6rem;
            font-weight: bold;
            margin-bottom: 10px; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.methodReadL {
            font-size: 1.4rem;
            font-weight: bold;
            margin-bottom: 10px; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.grayRead {
            background: #4d4d4d;
            color: white;
            font-weight: bold;
            font-size: 1.2rem;
            padding: 5px 15px;
            margin-bottom: 10px; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.methodReadMB {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 10px; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.methodReadSM {
            font-size: 0.9rem;
            padding-left: 1em;
            text-indent: -1em; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.orangeRead {
            font-weight: bold;
            font-size: 1.2rem;
            margin-bottom: 20px;
            color: white;
            background: #fd312e;
            padding: 5px 15px; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.orangeRead.center {
              text-align: center; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.methodNotice {
            font-size: 0.9rem;
            text-indent: -1em;
            margin-left: 1em; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc p.mPinkDesc {
            background: #fc6471;
            display: block;
            color: white;
            font-size: 1.2rem;
            padding: 10px 15px;
            font-weight: bold;
            text-align: center; }
          .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            align-items: center;
            width: 100%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dt {
              width: 100%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dt {
              width: 65%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dd {
              width: 35%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dt {
              width: 75%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd {
              width: 25%;
              text-align: center; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgQr {
                display: block;
                width: 90%;
                margin: 0 auto 10px auto; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgKensaku {
                display: block;
                width: 100%; }
              @media screen and (max-width: 769px) {
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgQr {
                  display: block;
                  width: 40% !important;
                  margin: 0 auto 10px auto; }
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgKensaku {
                  display: block;
                  width: 50% !important; } }
              @media screen and (max-width: 480px) {
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgQr {
                  display: block;
                  width: 80% !important;
                  margin: 0 auto 10px auto; }
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img.imgKensaku {
                  display: block;
                  width: 90% !important; } }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dt {
              width: 70%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd {
              width: 25%; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd img {
                width: 100%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dt {
              width: 57%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd {
              width: 40%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dt {
              width: 70%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dd {
              width: 25%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dt {
              width: 60%; }
            .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd {
              width: 35%; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd .step7img {
                width: 60%;
                display: block;
                margin: 0 auto 10px auto; }
                @media screen and (max-width: 769px) {
                  .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd .step7img {
                    width: 40% !important; } }
                @media screen and (max-width: 480px) {
                  .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd .step7img {
                    width: 60% !important; } }
            @media screen and (max-width: 769px) {
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dt {
                width: 100%;
                margin-bottom: 30px; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd {
                width: 100%; }
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd img {
                  width: 60%;
                  display: block;
                  margin: 0 auto; } }
            @media screen and (max-width: 480px) {
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dt, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dt {
                width: 100%;
                margin-bottom: 30px; }
              .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dd, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd {
                width: 100%; }
                .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step1 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step2 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step3 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step4 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step6 dd img, .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step7 dd img {
                  width: 90%;
                  display: block;
                  margin: 0 auto; } }
    .contentsWrap section#rulesArea {
      background: #f0ece1; }
      .contentsWrap section#rulesArea div.innerBox h2.h2title {
        width: 315px;
        max-width: 315px;
        margin: 0 auto;
        position: relative;
        margin-bottom: 30px; }
        .contentsWrap section#rulesArea div.innerBox h2.h2title img.h2img {
          width: 100%;
          display: block;
          margin: 0 auto 30px auto; }
    .contentsWrap section.shopListAcc div.innerBox input.btn_shopList {
      display: none; }
      .contentsWrap section.shopListAcc div.innerBox input.btn_shopList + label.shopListLink + div.shopListWrap {
        height: 0;
        overflow: hidden;
        transition: height 200ms ease; }
      .contentsWrap section.shopListAcc div.innerBox input.btn_shopList:checked + label.shopListLink + div.shopListWrap {
        height: auto;
        height: calc-size(auto, size); }
      .contentsWrap section.shopListAcc div.innerBox input.btn_shopList:checked + label.shopListLink img.bottomarw {
        transform: rotate(-180deg); }
    .contentsWrap section.shopListAcc div.innerBox label.shopListLink {
      width: 515px;
      margin: 0 auto;
      display: flex;
      justify-content: center;
      align-items: center;
      padding: 15px 0;
      border-radius: 40px;
      background-color: #fd312e;
      text-align: center;
      font-size: 1.6rem;
      font-weight: bold;
      color: #fff;
      text-decoration: none;
      position: relative;
      z-index: 15;
      cursor: pointer; }
      @media screen and (max-width: 769px) {
        .contentsWrap section.shopListAcc div.innerBox label.shopListLink {
          width: 80%; } }
      @media screen and (max-width: 480px) {
        .contentsWrap section.shopListAcc div.innerBox label.shopListLink {
          font-size: 1.3rem; } }
      .contentsWrap section.shopListAcc div.innerBox label.shopListLink p.read {
        margin-right: 15px; }
      .contentsWrap section.shopListAcc div.innerBox label.shopListLink img.bottomarw {
        display: block;
        width: 30px;
        transition: 200ms ease; }
      .contentsWrap section.shopListAcc div.innerBox label.shopListLink:hover {
        opacity: 0.8; }

/* Shop Link Accordion */
#sec-shopList * {
  box-sizing: border-box;
  line-height: 1.5;
  margin: 0;
  padding: 0; }

#sec-shopList {
  width: 100%;
  box-sizing: border-box;
  padding: 25px 25px 0px 25px;
  background-color: #fff;
  border: 2px solid #000; }
  @media screen and (max-width: 768px) {
    #sec-shopList {
      padding: 25px 25px 0px 25px; } }
  @media screen and (max-width: 480px) {
    #sec-shopList {
      padding: 20px 20px 0px 20px; } }
  #sec-shopList .shopListBox {
    max-width: 1080px;
    margin: 0 auto;
    position: relative; }
    @media screen and (max-width: 768px) {
      #sec-shopList .shopListBox {
        width: 100%; } }
  #sec-shopList .shopList_title {
    font-size: 1.5625rem;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    color: #000;
    margin: 0 0 25px 0;
    background-color: transparent;
    position: relative; }
    @media screen and (max-width: 768px) {
      #sec-shopList .shopList_title {
        font-size: 1.375rem;
        padding: 0;
        margin: 0 0 20px 0; } }
    @media screen and (max-width: 480px) {
      #sec-shopList .shopList_title {
        font-size: 1.25rem; } }
    #sec-shopList .shopList_title br {
      display: none; }
      @media screen and (max-width: 768px) {
        #sec-shopList .shopList_title br {
          display: block; } }
  #sec-shopList .mainListBox {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    list-style-type: none;
    /*        &::after {
                content: "";
                width: 49.333333%;
                display: block;
                @media screen and (max-width: 768px) {
                    width: 32%;
                }
                @media screen and (max-width: 480px) {
                    width: 48%;
                }
            } */ }
    #sec-shopList .mainListBox .mainList {
      width: 24%;
      margin-bottom: 20px;
      list-style-type: none; }
      #sec-shopList .mainListBox .mainList img {
        width: 100%; }
      @media screen and (max-width: 768px) {
        #sec-shopList .mainListBox .mainList {
          width: 32%; } }
      @media screen and (max-width: 480px) {
        #sec-shopList .mainListBox .mainList {
          width: 48%; } }
  #sec-shopList .otherListWrap {
    width: 100%; }
    #sec-shopList .otherListWrap .otherList_title {
      font-size: 1.5rem;
      text-align: center;
      color: #000;
      padding-top: 30px;
      padding-bottom: 20px; }
      @media screen and (max-width: 768px) {
        #sec-shopList .otherListWrap .otherList_title {
          padding-top: 10px; } }
      @media screen and (max-width: 480px) {
        #sec-shopList .otherListWrap .otherList_title {
          font-size: 1.125rem; } }
      #sec-shopList .otherListWrap .otherList_title > br {
        display: none; }
        @media screen and (max-width: 480px) {
          #sec-shopList .otherListWrap .otherList_title > br {
            display: block; } }
    #sec-shopList .otherListWrap .otherListBox {
      width: 90%;
      display: flex;
      justify-content: space-between;
      margin: 0 auto; }
      @media screen and (max-width: 1024px) {
        #sec-shopList .otherListWrap .otherListBox {
          flex-wrap: wrap;
          flex-direction: row; } }
      @media screen and (max-width: 768px) {
        #sec-shopList .otherListWrap .otherListBox {
          width: 100%; } }
      #sec-shopList .otherListWrap .otherListBox .otherListFlex {
        width: 49%;
        list-style-type: none; }
        @media screen and (max-width: 767px) {
          #sec-shopList .otherListWrap .otherListBox .otherListFlex {
            width: 100%; } }
        #sec-shopList .otherListWrap .otherListBox .otherListFlex .otherList {
          font-size: 0.875rem;
          color: #000;
          list-style-type: none;
          text-indent: -1em;
          padding-left: 1em; }
  #sec-shopList .otherList_note {
    font-size: 0.875rem;
    text-align: right;
    margin-top: 20px;
    margin-bottom: 10px; }

/*応募規約*/
.sec-rules {
  position: relative;
  z-index: 10; }
  .sec-rules .rulesTitle {
    font-size: 1.125rem;
    font-weight: bold;
    text-indent: -.5em;
    color: #fd312e; }
  .sec-rules .rulesP + .rulesTitle, .sec-rules .rulesUl + .rulesTitle, .sec-rules .rulesUl + .rulesUl {
    margin-top: 15px; }
  .sec-rules .rulesPtop, .sec-rules .rulesUl .rulesLi {
    text-indent: -1em;
    padding-left: 1em; }
  .sec-rules .rulesLiNo {
    text-indent: 0;
    padding-left: 0; }
  .sec-rules .rulesUl, .sec-rules .rulesLi {
    list-style-type: none; }
  .sec-rules .rulesLink {
    color: #000;
    text-decoration: underline; }
  .sec-rules div.moreKiyaku input#KiyakuOver {
    display: none; }
    .sec-rules div.moreKiyaku input#KiyakuOver + label.moreBtn + div.seeMore {
      height: 0;
      overflow: hidden;
      transition: height 200ms ease; }
    .sec-rules div.moreKiyaku input#KiyakuOver:checked + label.moreBtn + div.seeMore {
      height: auto;
      height: calc-size(auto, size); }
    .sec-rules div.moreKiyaku input#KiyakuOver:checked + label.moreBtn img.rightarw {
      transform: translateY(-50%) rotate(90deg); }
  .sec-rules div.moreKiyaku label.moreBtn {
    display: block;
    margin: 40px auto;
    text-align: center;
    width: 400px;
    padding: 20px 0;
    color: #fd312e;
    border: 3px solid #fd312e;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
    z-index: 2;
    font-size: 1.3rem; }
    @media screen and (max-width: 480px) {
      .sec-rules div.moreKiyaku label.moreBtn {
        width: 90%; } }
    .sec-rules div.moreKiyaku label.moreBtn img.rightarw {
      position: absolute;
      width: 13px;
      right: 10%;
      top: 50%;
      transform: translateY(-50%);
      transition: 200ms ease; }

/*お問い合わせ*/
.sec-contact {
  margin-bottom: 0;
  position: relative;
  z-index: 1; }
  .sec-contact .outerBox {
    width: 100%;
    text-align: center;
    padding: 70px 0;
    background-color: #909090; }
    @media screen and (max-width: 480px) {
      .sec-contact .outerBox {
        padding: 40px 0 70px; } }
  .sec-contact .contactTitle {
    width: 72%;
    font-size: 1.75rem;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    padding: 20px 0;
    margin: 0 auto 50px;
    border: 1px solid #fff;
    background-color: inherit; }
    @media screen and (max-width: 768px) {
      .sec-contact .contactTitle {
        width: 100%;
        font-size: 0.9375rem;
        padding: 15px 0;
        margin: 0 auto 30px; } }
    @media screen and (max-width: 480px) {
      .sec-contact .contactTitle {
        line-height: 1.4; } }
    .sec-contact .contactTitle > br {
      display: none; }
      @media screen and (max-width: 480px) {
        .sec-contact .contactTitle > br {
          display: block; } }
  .sec-contact .contactP {
    font-size: 1.125rem;
    font-weight: bold; }
    @media screen and (max-width: 480px) {
      .sec-contact .contactP {
        font-size: 1rem; } }
    .sec-contact .contactP > .contactSmall {
      font-size: 0.9375rem; }
      @media screen and (max-width: 480px) {
        .sec-contact .contactP > .contactSmall {
          font-size: 0.8125rem; } }
    .sec-contact .contactP > .spBr {
      display: none; }
      @media screen and (max-width: 480px) {
        .sec-contact .contactP > .spBr {
          display: block; } }
  .sec-contact .contact_time {
    color: #fff;
    margin: 15px 0; }
    .sec-contact .contact_time .contactPl1 {
      padding-left: 1em; }
      @media screen and (max-width: 480px) {
        .sec-contact .contact_time .contactPl1 {
          display: block;
          padding-left: 0; } }
    @media screen and (max-width: 480px) {
      .sec-contact .contact_time {
        margin: 10px 0; } }
  .sec-contact .contact_caution {
    font-size: 0.9375rem;
    color: #fff;
    list-style-type: none; }
    @media screen and (max-width: 480px) {
      .sec-contact .contact_caution {
        font-size: 0.8125rem; } }
    .sec-contact .contact_caution .contactLi {
      list-style-type: none; }
      .sec-contact .contact_caution .contactLi > br {
        display: none; }
        @media screen and (max-width: 480px) {
          .sec-contact .contact_caution .contactLi > br {
            display: block; } }
  .sec-contact .contact_linkBtnBox {
    width: auto;
    margin: 50px 0 20px;
    background-color: inherit; }
    @media screen and (max-width: 480px) {
      .sec-contact .contact_linkBtnBox {
        margin: 30px 15px; } }
    .sec-contact .contact_linkBtnBox .contact_linkBtn {
      width: 400px;
      height: 64px;
      font-size: 1.125rem;
      font-weight: bold;
      display: flex;
      align-items: center;
      justify-content: center;
      color: #fff;
      background-color: #000;
      border: 3px solid #000;
      border-radius: 6px;
      margin: 0 auto;
      position: relative;
      text-decoration: none; }
      @media screen and (max-width: 480px) {
        .sec-contact .contact_linkBtnBox .contact_linkBtn {
          width: 90%;
          height: 58px; } }
      .sec-contact .contact_linkBtnBox .contact_linkBtn img.rightarw {
        position: absolute;
        width: 13px;
        right: 10%;
        top: 50%;
        transform: translateY(-50%); }

/*スクロールフッター固定ボタン*/
.fixedBtn {
  width: 100%; }
  .fixedBtn .fixedBtnBox {
    width: 100%;
    background: white;
    padding-top: 15px; }
    @media screen and (max-width: 768px) {
      .fixedBtn .fixedBtnBox {
        padding-top: 10px; } }
    .fixedBtn .fixedBtnBox .fixedBtn_btn {
      display: block;
      height: 90px;
      display: flex;
      justify-content: center;
      align-items: center; }
      .fixedBtn .fixedBtnBox .fixedBtn_btn .fixedBtnLink {
        width: 400px;
        height: auto;
        /*                pointer-events: none; */ }
        @media screen and (max-width: 768px) {
          .fixedBtn .fixedBtnBox .fixedBtn_btn .fixedBtnLink {
            width: 300px; } }
  .fixedBtn p.copyright {
    font-size: 0.9rem;
    margin: 0 0 10px;
    text-align: center; }

._fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 20;
  transition: 0.3s; }

._fixed._ended {
  bottom: 60px;
  transition: 0.1s; }
  @media screen and (max-width: 480px) {
    ._fixed._ended {
      bottom: 40px; } }

/*20251113追記*/
 .contentsWrap section#method div.innerBox div.method1Box ul.methodInner li.firstbox {
  width: auto;
  margin: 0 auto;
}
.txt-large.mb50 {
  margin-top: 10px;
}
.line-container {
  width: 560px;
  display: flex;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .line-container {
    width: 100%;
    flex-direction: column;
    align-items: center;
  }
}
.line-button-wrapper {
  margin: 20px 20px 20px 20px;
}
@media screen and (max-width: 768px) {
  .line-button-wrapper {
    margin: -5px 0 40px 0;
  }
}

/* ここで3.25倍に拡大 */
.line-button-wrapper .line-it-button {
  transform: scale(3.25);
  transform-origin: left; /* 拡大の中心位置。必要に応じて変更可能 */
}
@media screen and (max-width: 768px) {
  .line-button-wrapper .line-it-button {
    transform-origin: center;
  }
}
.txt-notice.indent.cent {
  text-align: center;
}
.contentsWrap section#method div.innerBox div.method1Box ul.methodInner {
  margin-bottom: 0;
}

.line-button-wrapper02 .line-it-button {
  transform: scale(3.25);
  transform-origin: right; /* 拡大の中心位置。必要に応じて変更可能 */
  margin-left: 50px;
}
@media screen and (max-width: 768px) {
  .line-button-wrapper02 .line-it-button {
    margin-left: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    transform-origin: center;
  }
}

.contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dt {
  width: 67%; }
.contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd {
  width: 30%; }
  @media screen and (max-width: 769px) {
    .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dt {
    width: 100%; }
    .contentsWrap section#methodArea div.innerBox ul.methodBox li.methodDesc dl.step5 dd {
    width: 100%; }  
    }