@charset "UTF-8";
picture {
  display: block; }

@media screen and (min-width: 0px) {
  .top .wrapper {
    width: 90%;
    border-top: 1px solid #BDBDBD; }

  .top main {
    width: auto; }

  main {
    width: auto; }

  main .wrapper {
    width: 100%; }

  main .wrapper.result {
    max-width: 1920px; }

  .wrapper.result {
    padding: 0 4vw; }

  .is_sp {
    display: block; }

  .is_pc {
    display: none; }

  .btn.btn-primary {
    display: block;
    background: #BE1920;
    color: #fff;
    font-size: 4vw;
    font-weight: bold;
    border-radius: 10px;
    padding: 1em 1em;
    text-align: center;
    max-width: 66.6666666667vw;
    margin: 0 auto; }
    .btn.btn-primary.is-down {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 5.3333333333vw 5.3333333333vw; }
    .btn.btn-primary.is-r {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 5.3333333333vw 5.3333333333vw; }
  .btn.btn-secondary {
    display: block;
    background: #fff;
    color: #BE1920;
    font-size: 4vw;
    font-weight: bold;
    border-radius: 10px;
    border: 6px solid #BE1920;
    padding: 1em 1em;
    text-align: center;
    max-width: 66.6666666667vw;
    margin: 0 auto; }
    .btn.btn-secondary.is-r {
      background: #fff url(../img/common/arw-r01-red.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 5.3333333333vw 5.3333333333vw; }
  .btn.is-s {
    font-size: 3.2vw; }

  .splash {
    min-height: 100vh;
    padding-bottom: 13.3333333333vw; }

  header .supervision {
    text-align: center;
    margin-top: 5.3333333333vw; }
    header .supervision img {
      width: 49.7333333333vw;
      height: auto; }
  header h1#logo {
    position: relative; }
    .top header h1#logo {
      margin: 13.8666666666vw auto 6.6666666667vw auto; }
  header small {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-70%, -30%); }
    header small img {
      width: 17.3333333333vw; }

  .floater {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 10;
    background: #2D2D2D;
    border-bottom: 1px solid #BDBDBD;
    border-top: 1px solid #BDBDBD;
    padding: 3.4666666667vw 4vw; }
    .floater p {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .floater p span.label {
        color: #000;
        font-size: 2.8vw;
        font-weight: bold;
        width: 14.6666666667vw; }
        .floater p span.label span {
          background: url(../img/top/bg-floater.svg) 0 0 no-repeat;
          background-size: contain;
          display: block;
          padding: 1.0666666667vw 2vw 1.3333333333vw 1.6vw; }
      .floater p span.txt {
        color: #E5FC05;
        font-size: 3.0666666667vw;
        font-weight: bold;
        flex: 1;
        margin-left: 2.4vw;
        margin-right: 1.7333333333vw; }
      .floater p span.more {
        background: #fff;
        font-size: 2.9333333333vw;
        font-weight: bold;
        line-height: 1;
        border-radius: 100px;
        color: #00A3FF;
        padding: 0.8em 1em; }

  .area-kv {
    padding: 0 3.3333333333vw; }
    .area-kv .title {
      margin-bottom: 6.1333333333vw; }
      .area-kv .title .img {
        padding: 0 6.6666666667vw;
        text-align: center; }
    .area-kv .body {
      text-align: center;
      padding: 0 12vw; }
      .area-kv .body h2 {
        font-size: 5.3333333333vw;
        font-weight: bold;
        margin-bottom: 4.2666666667vw; }
      .area-kv .body .start {
        margin-bottom: 5.3333333333vw; }
        .area-kv .body .start a {
          display: block;
          background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
          background-size: 5.3333333333vw 5.3333333333vw;
          color: #fff;
          font-size: 4vw;
          font-weight: bold;
          border-radius: 10px;
          padding: 1em;
          cursor: pointer; }
          .area-kv .body .start a.is-r {
            background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
            background-size: 5.3333333333vw 5.3333333333vw; }
      .area-kv .body .note {
        text-decoration: underline;
        font-size: 3.2vw;
        cursor: pointer; }

  .area-select-shoes {
    padding: 0 4vw;
    margin-bottom: 10.6666666667vw; }
    .area-select-shoes .title {
      margin-bottom: 6.6666666667vw; }
      .area-select-shoes .title .tablink {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #bdbdbd; }
        .area-select-shoes .title .tablink li {
          font-size: 3.2vw;
          font-weight: bold;
          text-align: center;
          width: 49%;
          padding: 1em;
          line-height: 1;
          border: 1px solid #bdbdbd;
          border-top-left-radius: 10px;
          border-top-right-radius: 10px;
          position: relative;
          bottom: -1px;
          opacity: 0.7; }
          .area-select-shoes .title .tablink li a {
            color: #fff;
            display: block; }
          .area-select-shoes .title .tablink li.active {
            border-bottom: 1px solid #1C1E1E;
            opacity: 1; }
    .area-select-shoes .body .panel {
      display: none; }
      .area-select-shoes .body .panel.is-select {
        display: block; }
      .area-select-shoes .body .panel#firsttime h2 {
        font-size: 5.3333333333vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 5.3333333333vw; }
      .area-select-shoes .body .panel#member h2 {
        text-align: center;
        margin-bottom: 4vw; }
        .area-select-shoes .body .panel#member h2 img {
          width: 50.6666666667vw;
          margin-bottom: 5.8666666667vw; }
        .area-select-shoes .body .panel#member h2 span {
          display: block;
          font-size: 5.3333333333vw;
          font-weight: bold; }
      .area-select-shoes .body .panel#member h3 {
        text-align: center;
        color: #000;
        margin-bottom: 4.6666666667vw; }
        .area-select-shoes .body .panel#member h3 span {
          display: inline-block;
          background: #E5FC05;
          position: relative;
          border-radius: 100px;
          font-size: 3.2vw;
          font-weight: bold;
          padding: 0.3em 3em; }
          .area-select-shoes .body .panel#member h3 span::before {
            content: "";
            position: absolute;
            top: 100%;
            left: 50%;
            margin-left: -10px;
            border: 10px solid transparent;
            border-top: 15px solid #E5FC05; }
      .area-select-shoes .body .panel#member .newpoint {
        text-align: center;
        margin-bottom: 8vw; }
        .area-select-shoes .body .panel#member .newpoint ul {
          list-style: disc;
          display: inline-block; }
          .area-select-shoes .body .panel#member .newpoint ul li {
            font-size: 4.2666666667vw;
            font-weight: bold;
            text-align: left; }
    .area-select-shoes .body .carousel {
      display: flex;
      overflow-x: scroll;
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      margin-bottom: 6.6666666667vw;
      padding-left: 3.3333333333vw;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    .area-select-shoes .body .carousel::-webkit-scrollbar {
      display: none; }
    .area-select-shoes .body .shoes {
      display: flex; }
    .area-select-shoes .body .shoe {
      background: #fff;
      border-radius: 2.6666666667vw;
      overflow: hidden;
      margin-right: 2.6666666667vw;
      width: 41.4666666667vw; }
      .area-select-shoes .body .shoe .img {
        text-align: center;
        padding: 3.4666666667vw;
        border-bottom: 1px solid #D9D9D9; }
      .area-select-shoes .body .shoe .txt {
        background: #f7f7f7;
        padding: 1.0666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw; }
        .area-select-shoes .body .shoe .txt h3 {
          text-align: center;
          margin-bottom: 3.4666666667vw; }
          .area-select-shoes .body .shoe .txt h3 img {
            width: 10.6666666667vw; }
          .area-select-shoes .body .shoe .txt h3 span {
            display: block;
            font-size: 3.4666666667vw;
            color: #000;
            font-weight: bold;
            min-height: 3em; }
        .area-select-shoes .body .shoe .txt .select {
          text-align: center; }
          .area-select-shoes .body .shoe .txt .select a {
            background: #BE1920;
            border-radius: 8px;
            color: #fff;
            font-size: 2.6666666667vw;
            padding: 1em 0;
            line-height: 1;
            display: block; }
    .area-select-shoes .body .more a {
      display: block;
      background: #BE1920 url(../img/common/arw-d01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 5.3333333333vw 5.3333333333vw;
      color: #fff;
      font-size: 4vw;
      font-weight: bold;
      border-radius: 10px;
      padding: 0.5em 1em;
      text-align: center;
      max-width: 66.6666666667vw;
      margin: 0 auto; }
    .area-select-shoes .body .more small {
      display: block;
      text-align: center;
      font-size: 2.6666666667vw;
      margin-top: 1em; }
    .area-select-shoes .body .more.is-r a {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 5.3333333333vw 5.3333333333vw; }
    .area-select-shoes .body .mypage {
      margin-top: 3.3333333333vw; }
      .area-select-shoes .body .mypage a {
        display: block;
        background: #fff url(../img/common/arw-r01-red.svg) calc(100% - 10px) 50% no-repeat;
        background-size: 5.3333333333vw 5.3333333333vw;
        color: #BE1920;
        font-size: 4vw;
        font-weight: bold;
        border-radius: 10px;
        border: 6px solid #BE1920;
        padding: 1em 1em;
        text-align: center;
        max-width: 66.6666666667vw;
        margin: 0 auto; }
      .area-select-shoes .body .mypage small {
        display: block;
        text-align: center;
        font-size: 2.6666666667vw;
        margin-top: 1em; }

  .area-data {
    padding: 0 4vw;
    margin-bottom: 40px; }
    .area-data .inner {
      padding-top: 40px;
      padding-bottom: 0px;
      border-top: 1px solid #BDBDBD; }
    .area-data .title {
      margin-bottom: 8.9333333333vw; }
      .area-data .title h2 {
        text-align: center;
        margin-bottom: 4.6666666667vw; }
        .area-data .title h2 span {
          display: inline-block;
          font-size: 6.4vw;
          font-weight: bold; }
          .area-data .title h2 span::before {
            content: "";
            display: inline-block;
            width: 3.7333333333vw;
            height: 8.4vw;
            background: url(../img/common/bg-hl01-l.svg) 0 50% no-repeat;
            background-size: contain;
            position: relative;
            top: 1.6vw;
            margin-right: 0.5em; }
          .area-data .title h2 span::after {
            content: "";
            display: inline-block;
            width: 3.7333333333vw;
            height: 8.4vw;
            background: url(../img/common/bg-hl01-r.svg) 0 50% no-repeat;
            background-size: contain;
            position: relative;
            top: 1.6vw;
            margin-left: 0.5em; }
      .area-data .title p {
        font-size: 4.2666666667vw;
        font-weight: bold;
        text-align: center; }
        .area-data .title p strong {
          font-size: 12.8vw;
          color: #E5FC05; }
        .area-data .title p sup {
          font-size: 2.6666666667vw; }
    .area-data .body .graph {
      margin-bottom: 6.1333333333vw; }
    .area-data .body h3 {
      font-size: 4.2666666667vw;
      font-weight: bold;
      text-align: center;
      margin-bottom: 3.4666666667vw; }
    .area-data .body picture {
      width: 100%;
      text-align: center;
      position: relative;
      right: -4.6666666667vw;
      margin-bottom: 2.2666666667vw; }
    .area-data .body .note {
      text-align: right;
      font-size: 2.1333333333vw; }
    .area-data .body dl {
      font-size: 3.0666666667vw;
      font-weight: bold;
      margin: 4.5333333333vw auto; }
      .area-data .body dl .row {
        display: flex;
        padding: 0.6666666667vw 0; }
      .area-data .body dl dt {
        width: 23vw; }
        .area-data .body dl dt img {
          width: 4.8vw;
          margin-right: 1em; }
      .area-data .body dl dd {
        flex: 1; }
        .area-data .body dl dd::before {
          content: '：';
          display: inline;
          margin-right: 0.5em; }
    .area-data .body .flows {
      margin-bottom: 3em; }
      .area-data .body .flows .flow picture {
        right: 0;
        margin-bottom: 0; }
      .area-data .body .flows .flow img {
        width: 100%;
        height: auto; }
      .area-data .body .flows p {
        font-size: 4.2666666667vw;
        text-align: center;
        font-weight: bold;
        margin: 1em 0; }
    .area-data .body .ideal {
      background: #2D2D2D;
      border-radius: 20px;
      padding: 5.6vw; }
      .area-data .body .ideal p {
        font-size: 3.0666666667vw;
        font-weight: bold;
        text-align: center;
        line-height: 1.3; }
        .area-data .body .ideal p .line01 {
          display: block;
          font-size: 6.4vw; }
          .area-data .body .ideal p .line01 strong {
            color: #FFA800;
            font-size: 12.8vw; }
        .area-data .body .ideal p .line02 {
          display: block;
          font-size: 4.2666666667vw; }
    .area-data .body .find {
      border-top: 1px solid #BDBDBD;
      padding-top: 3em;
      margin-top: 3em; }
      .area-data .body .find p {
        text-align: center; }
        .area-data .body .find p small {
          display: block;
          margin-top: 1em;
          text-align: center; }

  .area-coupon {
    padding: 0 4vw;
    margin-bottom: 40px; }
    .result .area-coupon {
      padding-left: 0;
      padding-right: 0; }
    .area-coupon .inner {
      padding-top: 10.6666666667vw;
      margin-top: 10.6666666667vw;
      border-top: 1px solid #BDBDBD; }
    .area-coupon .title .hl {
      font-size: 4vw;
      color: #E5FC05;
      font-weight: bold; }
    .area-coupon .title h2 {
      text-align: center;
      font-size: 4vw;
      font-weight: bold;
      margin-bottom: 5.3333333333vw; }
      .area-coupon .title h2 span {
        display: block;
        font-size: 5.3333333333vw; }
        .area-coupon .title h2 span::before {
          content: '';
          display: block;
          width: 18.9333333333vw;
          height: 3.8666666667vw;
          background: url(../img/top/arw-step.svg) 0 0 no-repeat;
          background-size: contain;
          margin: 0.5em auto 0.3em auto; }
        .area-coupon .title h2 span.nostep::before {
          display: none; }
    .area-coupon .title strong {
      font-size: 7.4666666667vw;
      color: #E5FC05; }
      .area-coupon .title strong.is-normal {
        color: #fff; }
    .area-coupon .body .ticket {
      background: url(../img/common/bg-coupon.svg) 0 0 no-repeat;
      background-size: 100% auto;
      text-align: center;
      padding: 6.6666666667vw 0 6.6666666667vw 0;
      margin-bottom: 2.6666666667vw; }
      .area-coupon .body .ticket .line01 {
        font-size: 6.1333333333vw;
        font-weight: bold;
        line-height: 1.2 !important;
        margin: 0; }
      .area-coupon .body .ticket .line02 {
        font-size: 12.8vw;
        font-weight: bold;
        line-height: 1.2 !important;
        margin: 0;
        /* background: linear-gradient(180deg, #B6A155 0%, #F1E5BB 50.5%, #B39C4C 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent; */
        color: #F1E5BB;
        text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); }
        .area-coupon .body .ticket .line02 small {
          font-size: 6.6666666667vw;
          margin-left: 0.3em; }
    .area-coupon .body .limit {
      text-align: center; }
      .area-coupon .body .limit span {
        display: inline-block;
        font-size: 2.6666666667vw;
        border: 1px solid #fff;
        padding: 0.3em; }

  .area-select-shoes .wrapper {
    width: 100%; }
    .area-select-shoes .wrapper .box {
      margin-bottom: 0; }
  .area-select-shoes .body h3 {
    margin-bottom: 3.4666666667vw; }
  .area-select-shoes .body .brands {
    display: flex;
    flex-wrap: wrap; }
    .area-select-shoes .body .brands .brand {
      background: #fff;
      border-radius: 10px;
      border: 6px solid #fff;
      width: 32%;
      margin: 0 2% 2% 0;
      text-align: center;
      padding: 5.0666666667vw 1.3333333333vw;
      color: #000;
      transition: all 0.5s; }
      .area-select-shoes .body .brands .brand:nth-of-type(3n) {
        margin-right: 0; }
      .area-select-shoes .body .brands .brand.is-select {
        border: 6px solid #BE1920; }
      .area-select-shoes .body .brands .brand .img img {
        width: 13.3333333333vw; }
      .area-select-shoes .body .brands .brand .txt {
        margin-top: 2.6666666667vw; }
        .area-select-shoes .body .brands .brand .txt p {
          font-size: 2.1333333333vw; }
  .area-select-shoes .body .not-selected {
    background: #fff;
    border-radius: 10px;
    text-align: center;
    padding: 1.5em;
    margin: 23% auto 21%; }
    .area-select-shoes .body .not-selected p {
      color: #BDBDBD;
      font-size: 3.2vw; }
  .area-select-shoes .body .selected {
    display: none; }

  .area-tologin {
    padding: 0 4vw;
    margin-bottom: 10.6666666667vw; }
    .area-tologin .inner {
      padding-top: 2.6666666667vw;
      border-top: 1px solid #BDBDBD;
      max-width: 1140px;
      margin: 0 auto; }
    .area-tologin .title h2 {
      font-size: 4.8vw;
      font-weight: bold;
      text-align: center;
      margin-bottom: 7.0666666667vw; }

  .area-previously {
    padding: 0 4vw;
    margin-bottom: 8.5333333333vw; }
    .area-previously .inner {
      border-top: 1px solid #BDBDBD;
      padding-top: 4.2666666667vw;
      padding-bottom: 14.6666666667vw; }
    .area-previously .title h2 {
      font-size: 4.2666666667vw;
      font-weight: bold;
      text-align: center;
      margin-bottom: 10.6666666667vw; }
    .area-previously .body .point {
      margin-bottom: 6.6666666667vw; }
      .area-previously .body .point h3 {
        font-size: 3.2vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 1em; }
      .area-previously .body .point ul li {
        background: #fff;
        border-radius: 5px;
        color: #000;
        font-size: 4.2666666667vw;
        padding: 2.6666666667vw 4.2666666667vw;
        margin-bottom: 1.3333333333vw;
        line-height: 1; }
        .area-previously .body .point ul li .img {
          margin-right: 1em; }
          .area-previously .body .point ul li .img img {
            width: 8vw; }

  main .wrapper.result .box .matchrate .text_top {
    margin-bottom: 6.6666666667vw; }
  main .wrapper.result .box .matchrate .text_top:after {
    display: none; }
  main .wrapper.result .box .matchrate .matching {
    padding-top: 65%;
    margin-bottom: 6.6666666667vw; }
    main .wrapper.result .box .matchrate .matching .bg {
      background-size: 90% auto; }
    main .wrapper.result .box .matchrate .matching #percentage {
      width: 60%;
      left: 22%; }
  main .wrapper.result .box .matchrate .comment {
    text-align: center; }
    main .wrapper.result .box .matchrate .comment .imgtxt {
      border: 1px solid #fff;
      border-radius: 100px;
      background: #2D2D2D;
      padding-bottom: 4.2666666667vw;
      padding-top: 2vw; }
    main .wrapper.result .box .matchrate .comment .img {
      margin-bottom: 2vw; }
      main .wrapper.result .box .matchrate .comment .img img {
        width: 9.6vw; }
    main .wrapper.result .box .matchrate .comment .txt p {
      font-size: 4.2666666667vw;
      margin: 0; }

  .area-comment {
    margin-top: 4vw;
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 5.3333333333vw;
    margin-bottom: 10.6666666667vw; }
    .area-comment .title h2 {
      color: #E4F809;
      font-size: 5.3333333333vw !important;
      margin-bottom: 3.6vw; }
    .area-comment .body .shoes {
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      background: #3A3A3A;
      padding: 8vw 4vw;
      margin-bottom: 7.4666666667vw; }
      .area-comment .body .shoes h3 {
        font-size: 4.2666666667vw;
        font-weight: bold;
        text-align: center;
        margin-bottom: 5.3333333333vw; }
      .area-comment .body .shoes .imgtxt {
        display: flex;
        justify-content: space-between; }
      .area-comment .body .shoes .img {
        width: 30%;
        margin-right: 4.9333333333vw; }
        .area-comment .body .shoes .img img {
          border-radius: 5px; }
      .area-comment .body .shoes .txt {
        flex: 1; }
        .area-comment .body .shoes .txt p {
          margin: 0;
          font-size: 2.9333333333vw;
          text-align: left; }
    .area-comment .body .match h4 {
      font-size: 3.2vw;
      text-align: center;
      margin-bottom: 3.2vw; }
    .area-comment .body .match ul {
      display: flex;
      justify-content: center;
      margin-bottom: 5.3333333333vw; }
      .area-comment .body .match ul li {
        width: 20vw;
        background: #fff;
        border-radius: 10px;
        margin: 0 1.0666666667vw; }

  .area-affinity {
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 10.6666666667vw;
    margin-bottom: 10.6666666667vw; }
    .area-affinity .title {
      margin-bottom: 3.7333333333vw; }
      .area-affinity .title h2 {
        font-size: 4.8vw !important;
        font-weight: bold;
        text-align: center; }
    .area-affinity .body .result {
      text-align: center; }
      .area-affinity .body .result p {
        display: inline-block;
        background: #2D2D2D;
        border-radius: 100px;
        padding: 0.6em 2em;
        line-height: 1;
        margin: 0;
        margin-bottom: 3.8666666667vw; }
        .area-affinity .body .result p span {
          font-size: 3.0666666667vw; }
        .area-affinity .body .result p img {
          width: 4.8vw;
          margin-right: 0.6em; }
      .area-affinity .body .result dl {
        text-align: left;
        padding: 0 4vw; }
        .area-affinity .body .result dl .row {
          font-size: 2.9333333333vw; }
        .area-affinity .body .result dl dt {
          color: #E5FC05;
          font-weight: bold;
          margin-bottom: 0.5em; }
        .area-affinity .body .result dl dd {
          border-radius: 5px;
          background: #BDBDBD;
          padding: 1em;
          line-height: 1;
          overflow: hidden;
          position: relative;
          width: 100%; }
          .area-affinity .body .result dl dd .bar {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            display: block;
            background: #E5FC05;
            transition: all 1.5s; }
          .area-affinity .body .result dl dd strong {
            position: relative;
            z-index: 2;
            color: #000; }

  .area-registration {
    padding-bottom: 40px; }
    .area-registration .inner {
      margin: 0 auto;
      max-width: 1140px;
      border-bottom: 1px solid #BDBDBD; }

  .area-newarrival {
    padding-bottom: 10.6666666667vw; }
    .area-newarrival .inner {
      border-bottom: 1px solid #BDBDBD; }
    .area-newarrival .title h2 {
      font-size: 4vw !important;
      font-weight: bold;
      margin-bottom: 1.3em; }
    .area-newarrival .body .carousel {
      display: flex;
      overflow-x: scroll;
      width: 100vw;
      margin-left: calc(-50vw + 50%);
      margin-bottom: 6.6666666667vw;
      padding-left: 3.3333333333vw;
      -ms-overflow-style: none;
      scrollbar-width: none; }
    .area-newarrival .body .carousel::-webkit-scrollbar {
      display: none; }
    .area-newarrival .body .shoes {
      display: flex; }
    .area-newarrival .body .shoe {
      background: #fff;
      border-radius: 2.6666666667vw;
      overflow: hidden;
      margin-right: 2.6666666667vw;
      width: 41.4666666667vw; }
      .area-newarrival .body .shoe .img {
        text-align: center;
        padding: 3.4666666667vw; }
      .area-newarrival .body .shoe .txt {
        background: #f7f7f7;
        padding: 1.0666666667vw 2.6666666667vw 2.6666666667vw 2.6666666667vw;
        color: #000; }
        .area-newarrival .body .shoe .txt h3 small {
          font-size: 2.6666666667vw;
          display: block; }
        .area-newarrival .body .shoe .txt h3 span {
          font-size: 3.4666666667vw;
          font-weight: bold; }
        .area-newarrival .body .shoe .txt .price {
          font-size: 3.4666666667vw;
          margin: 0;
          text-align: left;
          color: #FF2E00;
          margin-top: 0.5em; }
          .area-newarrival .body .shoe .txt .price .label {
            font-size: 2.6666666667vw;
            display: inline-block;
            border: 1px solid #FF2E00;
            padding: 0 0.3em; }
        .area-newarrival .body .shoe .txt .detail {
          margin: 0;
          margin-top: 0.8em;
          margin-bottom: 0.4em;
          font-size: 2.6666666667vw; }
          .area-newarrival .body .shoe .txt .detail a {
            border: 1px solid #BE1920;
            color: #BE1920;
            display: block;
            background: #fff;
            padding: 0.3em; }

  .area-store {
    margin-bottom: 10.6666666667vw;
    padding-bottom: 10.6666666667vw;
    border-bottom: 1px solid #BDBDBD; }
    .area-store .title h2 {
      font-size: 5.3333333333vw !important;
      font-weight: bold;
      margin-bottom: 1em; }
    .area-store .body picture {
      text-align: center;
      margin-bottom: 5.3333333333vw; }
      .area-store .body picture img {
        width: 43.6vw; }
    .area-store .body p {
      margin: 0 !important;
      text-align: left;
      font-size: 4vw !important;
      line-height: 1.8 !important; }

  .area-present {
    margin-bottom: 10.6666666667vw;
    padding-top: 5.3333333333vw; }
    .area-present .title {
      text-align: center; }
      .area-present .title .sub {
        font-size: 4vw;
        font-weight: bold;
        background: #E5FC05;
        display: inline-block;
        color: #000;
        border-radius: 100px;
        padding: 0.7em 2.5em;
        margin: 0;
        margin-bottom: 4vw; }
      .area-present .title h2 {
        font-size: 5.3333333333vw !important;
        font-weight: bold;
        margin-bottom: 1em; }
        .area-present .title h2 small {
          display: block;
          font-size: 4vw !important; }
    .area-present .body picture {
      margin-bottom: 5.3333333333vw; }
    .area-present .body p {
      text-align: left !important;
      font-size: 3.7333333333vw !important;
      line-height: 1.8 !important;
      margin: 0 !important;
      margin-bottom: 10.6666666667vw !important; }

  .border-bottom {
    max-width: 1140px;
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 30px; }

  .area-share {
    margin: 8vw 0; }
    .area-share .title h2 {
      font-size: 2.6666666667vw !important;
      font-weight: bold;
      margin-bottom: 4vw !important; }
    .area-share .body ul {
      display: flex;
      justify-content: center; }
      .area-share .body ul li {
        margin: 0 0.6666666667vw; }
      .area-share .body ul img {
        width: 13.3333333333vw; }

  .area-merit {
    margin: 0 0 8vw 0; }
    .area-merit .title h2 {
      color: #E5FC05;
      font-size: 4vw !important;
      font-weight: bold;
      margin: 0 0 2em 0 !important; }
    .area-merit .title h3 {
      font-size: 8vw;
      font-weight: bold;
      text-align: center; }
    .area-merit .body .txt {
      text-align: left !important; }

  .modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 100;
    background: rgba(0, 0, 0, 0.9);
    padding: 4vw;
    overflow-y: scroll;
    display: none; }
    .modal .modal-inner {
      background: #fff;
      border-radius: 10px; }
    .modal .modal-body {
      padding: 4vw; }
      .modal .modal-body h2 {
        font-size: 5.3333333333vw;
        color: #BE1920;
        text-align: center;
        font-weight: bold;
        padding: 0.5em 0;
        margin-bottom: 0.5em; }
      .modal .modal-body .txt p {
        font-size: 3.2vw;
        color: #000;
        margin-bottom: 1.5em; }
    .modal .modal-footer .close {
      border-top: 1px solid #646464;
      text-align: center;
      cursor: pointer; }
      .modal .modal-footer .close p {
        font-size: 4.2666666667vw;
        padding: 0.8em 0.8em 1.2em 0.8em;
        line-height: 1; }
        .modal .modal-footer .close p a {
          color: #007AFF;
          text-decoration: underline; }

  .modal-button-about {
    background-color: rgba(255, 255, 255, 0.5); }
    .modal-button-about .modal-inner {
      background: black;
      position: relative;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%); }
      .modal-button-about .modal-inner .modal-body {
        padding: 50px 20px 80px 20px;
        border-radius: 10px; }
        .modal-button-about .modal-inner .modal-body .button {
          cursor: pointer;
          display: block;
          text-align: center;
          background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 20px) 50% no-repeat;
          background-size: 40px 40px;
          font-size: 4vw;
          padding: 1em;
          font-weight: bold;
          border-radius: 10px;
          margin-top: 30px; }
          .modal-button-about .modal-inner .modal-body .button span {
            color: #FFF; }
        .modal-button-about .modal-inner .modal-body p:hover {
          opacity: 0.8; }

  .result .area-coupon .inner {
    padding-top: unset;
    margin-top: unset;
    border-top: unset;
    border-bottom: 1px solid #BDBDBD; }
  .result .area-merit .inner {
    border-bottom: 1px solid #BDBDBD; }
  .result .area-share .inner {
    padding-bottom: 60px;
    border-bottom: 1px solid #BDBDBD; } }
main .wrapper.result .box {
  margin-top: 20px; }

@media screen and (min-width: 769px) {
  header {
    width: 100%; }

  main .wrapper.result .box .data1 li {
    grid-template-columns: 145px auto 260px; }

  main .wrapper.result .box.lank_lower .data li {
    grid-template-columns: 145px 180px auto 180px; }

  main .wrapper.result .box .matchrate .matching #percentage {
    left: 50%; }

  main .wrapper.result .box .matchrate .text_top {
    width: auto;
    max-width: 900px; }

  .area-coupon .body .ticket {
    padding-bottom: 100px; } }
@media screen and (min-width: 1025px) {
  .top .wrapper {
    width: 90%;
    border-top: 1px solid #BDBDBD; }

  .top main {
    width: auto; }

  header, main {
    width: 100%; }

  .is_sp {
    display: none; }

  .is_pc {
    display: block; }

  .btn.btn-primary {
    font-size: 20px;
    padding: 1em 1em;
    max-width: 431px; }
    .btn.btn-primary.is-down {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 40px 40px; }
    .btn.btn-primary.is-r {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 40px 40px; }
  .btn.btn-secondary {
    font-size: 20px;
    padding: 1em 1em;
    max-width: 431px; }
    .btn.btn-secondary.is-r {
      background: #fff url(../img/common/arw-r01-red.svg) calc(100% - 10px) 50% no-repeat;
      background-size: 40px 40px; }
  .btn.is-s {
    font-size: 16px; }

  .splash {
    min-height: auto;
    padding-bottom: 0; }

  header .supervision {
    text-align: center;
    margin-top: 90px; }
    header .supervision img {
      width: 295px;
      height: auto; }
  header h1#logo {
    position: relative; }
    .top header h1#logo {
      margin: 120px auto 0 auto; }
      .top header h1#logo a img {
        width: 400px; }
      .top header h1#logo a small img {
        width: 120px; }
    header h1#logo a img {
      width: 240px;
      max-width: none; }
  header small {
    position: absolute;
    top: 0;
    left: 0;
    transform: translate(-30%, -20%); }
    header small img {
      width: 120px; }

  .floater {
    position: fixed;
    bottom: 20px;
    left: auto;
    right: 20px;
    width: 300px;
    background: #2D2D2D;
    border: 0;
    padding: 24px 30px;
    border-radius: 10px; }
    .floater p {
      display: block; }
      .floater p span.label {
        color: #000;
        font-size: 13px;
        font-weight: bold;
        width: 106px;
        display: inline-block;
        padding: 0;
        margin-bottom: 5px; }
        .floater p span.label span {
          background: url(../img/top/bg-floater.svg) 0 0 no-repeat;
          background-size: contain;
          display: block;
          padding: 5px 15px 5px 8px; }
      .floater p span.txt {
        color: #E5FC05;
        font-size: 16px;
        font-weight: bold;
        margin-left: 0;
        margin-right: 0;
        display: block; }
      .floater p span.more {
        font-size: 12px;
        border-radius: 100px;
        color: #00A3FF;
        padding: 0.8em 1em;
        display: block;
        width: 100px;
        text-align: center;
        margin-top: 10px;
        margin-left: auto;
        margin-right: 0; }

  .area-kv {
    padding: 0 100px;
    margin-top: 94px;
    margin-bottom: 60px; }
    .area-kv .inner {
      max-width: 1140px;
      margin: 0 auto; }
    .area-kv .title-body {
      display: flex;
      justify-content: space-between;
      border: 1px solid rgba(189, 189, 189, 0.5);
      border-radius: 20px;
      padding: 90px 100px; }
    .area-kv .title {
      margin-bottom: 0;
      order: 2;
      width: 35%; }
      .area-kv .title .img {
        padding: 0; }
    .area-kv .body {
      text-align: left;
      padding: 0;
      order: 1;
      width: 50%; }
      .area-kv .body h2 {
        font-size: 36px;
        margin-bottom: 40px; }
      .area-kv .body .start {
        margin-bottom: 30px; }
        .area-kv .body .start a {
          display: block;
          text-align: center;
          background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 20px) 50% no-repeat;
          background-size: 40px 40px;
          color: #fff;
          font-size: 24px;
          padding: 1em; }
          .area-kv .body .start a.is-r {
            background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 20px) 50% no-repeat;
            background-size: 40px 40px; }
      .area-kv .body .note {
        font-size: 20px; }

  .area-select-shoes {
    padding: 0 100px;
    margin-bottom: 40px; }
    .area-select-shoes .inner {
      max-width: 1140px;
      margin: 0 auto; }
    .area-select-shoes .title {
      margin-bottom: 60px; }
      .area-select-shoes .title .tablink {
        display: flex;
        justify-content: center;
        border-bottom: 1px solid #bdbdbd; }
        .area-select-shoes .title .tablink li {
          font-size: 24px;
          width: 318px;
          padding: 1em;
          margin: 0 7px; }
          .area-select-shoes .title .tablink li a {
            color: #fff;
            display: block; }
    .area-select-shoes .body .panel.is-select {
      display: block; }
    .area-select-shoes .body .panel#firsttime h2 {
      font-size: 32px;
      margin-bottom: 30px; }
    .area-select-shoes .body .panel#member h2 {
      text-align: center;
      margin-bottom: 70px; }
      .area-select-shoes .body .panel#member h2 img {
        width: 332px;
        margin-bottom: 30px; }
      .area-select-shoes .body .panel#member h2 span {
        font-size: 32px; }
    .area-select-shoes .body .panel#member h3 {
      margin-bottom: 30px; }
      .area-select-shoes .body .panel#member h3 span {
        font-size: 20px;
        padding: 0.5em 3em 0.6em 3em; }
    .area-select-shoes .body .panel#member .newpoint {
      margin-bottom: 70px; }
      .area-select-shoes .body .panel#member .newpoint ul li {
        font-size: 24px;
        margin-bottom: 0.3em; }
    .area-select-shoes .body .carousel {
      display: block;
      width: 100%;
      margin-left: 0;
      margin-bottom: 50px;
      padding-left: 0;
      overflow: hidden; }
    .area-select-shoes .body .shoes {
      display: flex;
      flex-wrap: wrap; }
    .area-select-shoes .body .shoe {
      background: #fff;
      border-radius: 20px;
      overflow: hidden;
      margin-right: 1.87%;
      margin-bottom: 1.87%;
      width: 18.5%; }
      .area-select-shoes .body .shoe:nth-of-type(5n) {
        margin-right: 0; }
      .area-select-shoes .body .shoe .img {
        padding: 25px 0; }
        .area-select-shoes .body .shoe .img picture img {
          width: 170px; }
      .area-select-shoes .body .shoe .txt {
        background: #f7f7f7;
        padding: 0 20px 20px 20px; }
        .area-select-shoes .body .shoe .txt h3 {
          text-align: center;
          margin-bottom: 13px; }
          .area-select-shoes .body .shoe .txt h3 img {
            width: 70px; }
          .area-select-shoes .body .shoe .txt h3 span {
            font-size: 16px; }
        .area-select-shoes .body .shoe .txt .select a {
          color: #fff;
          font-size: 14px;
          line-height: 1.4;
          padding: 0.5em 0; }
    .area-select-shoes .body .more a {
      display: block;
      background: #BE1920 url(../img/common/arw-d01.svg) calc(100% - 20px) 50% no-repeat;
      background-size: 40px 40px;
      font-size: 20px;
      padding: 1em 1em;
      text-align: center;
      max-width: 431px; }
    .area-select-shoes .body .more small {
      font-size: 12px;
      margin-top: 1.5em; }
    .area-select-shoes .body .more.is-r a {
      background: #BE1920 url(../img/common/arw-r01.svg) calc(100% - 20px) 50% no-repeat;
      background-size: 40px 40px; }
    .area-select-shoes .body .mypage {
      margin-top: 20px; }
      .area-select-shoes .body .mypage a {
        display: block;
        background: #fff url(../img/common/arw-r01-red.svg) calc(100% - 13px) 50% no-repeat;
        background-size: 40px 40px;
        font-size: 20px;
        border-radius: 10px;
        border: 6px solid #BE1920;
        padding: 1em 1em;
        max-width: 431px; }
      .area-select-shoes .body .mypage small {
        font-size: 12px;
        margin-top: 1.5em; }

  .area-data {
    padding: 0 100px;
    margin-bottom: 96px; }
    .area-data .inner {
      max-width: 1140px;
      margin: 0 auto; }
    .area-data .title {
      margin-bottom: 70px; }
      .area-data .title h2 {
        text-align: center;
        margin-bottom: 35px; }
        .area-data .title h2 span {
          font-size: 48px; }
          .area-data .title h2 span::before {
            width: 28px;
            height: 63px;
            top: 13px;
            margin-right: 0.5em; }
          .area-data .title h2 span::after {
            width: 28px;
            height: 63px;
            top: 13px;
            margin-left: 0.5em; }
      .area-data .title p {
        font-size: 32px; }
        .area-data .title p strong {
          font-size: 96px;
          margin-right: 0.1em; }
        .area-data .title p sup {
          font-size: 36px; }
    .area-data .body .graph {
      padding: 50px 80px;
      margin-bottom: 50px; }
    .area-data .body h3 {
      font-size: 24px;
      font-weight: bold;
      text-align: center;
      margin-bottom: 50px; }
    .area-data .body .graph-data {
      display: flex;
      justify-content: space-between;
      align-items: center;
      position: relative; }
    .area-data .body picture {
      width: 45%;
      right: 0;
      margin-bottom: 0; }
    .area-data .body .note {
      text-align: right;
      font-size: 16px;
      position: absolute;
      bottom: 0;
      right: 0; }
    .area-data .body dl {
      font-size: 23px;
      margin: 0;
      flex: 1;
      margin-left: 30px; }
      .area-data .body dl .row {
        margin-bottom: 0.6em; }
      .area-data .body dl dt {
        width: 150px; }
        .area-data .body dl dt img {
          width: 33px;
          margin-right: 0.6em; }
      .area-data .body dl dd {
        flex: 1; }
        .area-data .body dl dd::before {
          content: '：';
          display: inline;
          margin-right: 0.3em; }
    .area-data .body .flows {
      margin-bottom: 0; }
      .area-data .body .flows .flow picture {
        text-align: center;
        width: 100%; }
      .area-data .body .flows .flow.flow01 img {
        max-width: 640px; }
      .area-data .body .flows p {
        font-size: 32px;
        margin: 1.3em 0; }
    .area-data .body .ideal {
      padding: 20px;
      margin-top: 36px; }
      .area-data .body .ideal p {
        font-size: 20px; }
        .area-data .body .ideal p .line01 {
          display: inline;
          font-size: 36px;
          margin: 0 0.3em; }
          .area-data .body .ideal p .line01 strong {
            color: #FFA800;
            font-size: 64px; }
        .area-data .body .ideal p .line02 {
          display: inline;
          font-size: 20px; }
    .area-data .body .find {
      padding-top: 5em; }
      .area-data .body .find p small {
        margin-top: 1.3em; }

  .area-coupon {
    padding: 0 100px;
    padding-bottom: 60px; }
    .area-coupon .inner {
      padding-top: 96px;
      max-width: 1140px;
      margin: 0 auto; }
    .area-coupon .title-body {
      display: flex;
      justify-content: space-between; }
    .area-coupon .title {
      flex: 1; }
      .area-coupon .title .hl {
        font-size: 24px; }
      .area-coupon .title h2 {
        font-size: 24px;
        margin-bottom: 50px; }
        .area-coupon .title h2 span {
          font-size: 32px; }
          .area-coupon .title h2 span::before {
            content: '';
            display: block;
            width: 90px;
            height: 20px; }
      .area-coupon .title strong {
        font-size: 48px; }
    .area-coupon .body {
      width: 627px;
      margin-left: 20px; }
      .area-coupon .body .ticket {
        padding: 25px 0  35px 0;
        margin-bottom: 20px; }
        .area-coupon .body .ticket .line01 {
          font-size: 46px; }
        .area-coupon .body .ticket .line02 {
          font-size: 96px; }
          .area-coupon .body .ticket .line02 small {
            font-size: 50px;
            margin-left: 0.3em; }
      .area-coupon .body .limit span {
        font-size: 16px;
        padding: 0.3em 5em; }
    .area-coupon .get {
      margin: 0 !important;
      margin-top: 20px !important; }

  .area-select-shoes .wrapper {
    width: 100%; }
    .area-select-shoes .wrapper .box {
      margin-bottom: 60px; }
  .area-select-shoes .body h3 {
    margin-bottom: 40px; }
  .area-select-shoes .body .brands {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; }
    .area-select-shoes .body .brands .brand {
      width: 190px;
      margin: 5px;
      padding: 30px 10px;
      cursor: pointer; }
      .area-select-shoes .body .brands .brand:nth-of-type(3n) {
        margin: 5px; }
      .area-select-shoes .body .brands .brand .img img {
        width: 94px; }
      .area-select-shoes .body .brands .brand .txt {
        margin-top: 20px; }
        .area-select-shoes .body .brands .brand .txt p {
          font-size: 16px; }
  .area-select-shoes .body .not-selected {
    width: 500px;
    padding: 1.2em 5em 1.4em 5em;
    margin: 110px auto 110px auto; }
    .area-select-shoes .body .not-selected p {
      font-size: 20px; }
  .area-select-shoes .body .selected {
    display: none; }

  .area-tologin {
    padding: 0 100px;
    margin-bottom: 96px; }
    .area-tologin .title h2 {
      font-size: 36px;
      margin-bottom: 30px; }

  .area-previously {
    padding: 0 100px;
    margin-bottom: 70px; }
    .area-previously .inner {
      max-width: 1140px;
      margin: 0 auto;
      border-top: 0;
      padding-top: 0;
      padding-bottom: 40px; }
    .area-previously .title h2 {
      font-size: 24px;
      margin-bottom: 60px; }
    .area-previously .body .point {
      max-width: 640px;
      margin: 0 auto 60px auto; }
      .area-previously .body .point h3 {
        font-size: 20px; }
      .area-previously .body .point ul li {
        font-size: 24px;
        padding: 20px 32px;
        margin-bottom: 10px; }
        .area-previously .body .point ul li .img {
          margin-right: 2em; }
          .area-previously .body .point ul li .img img {
            width: 40px; }

  main .wrapper.result .box .matchrate .text_top {
    margin-bottom: 50px; }
  main .wrapper.result .box .matchrate .matching {
    padding-top: 0;
    margin-bottom: 30px; }
    main .wrapper.result .box .matchrate .matching .bg {
      background-size: 90% auto; }
    main .wrapper.result .box .matchrate .matching #percentage {
      width: 260px;
      left: 50%;
      transform: translateX(-50%); }
  main .wrapper.result .box .matchrate .comment .imgtxt {
    padding-bottom: 32px;
    padding-top: 25px;
    max-width: 900px;
    margin: 0 auto; }
  main .wrapper.result .box .matchrate .comment .img {
    margin-bottom: 15px; }
    main .wrapper.result .box .matchrate .comment .img img {
      width: 41px; }
  main .wrapper.result .box .matchrate .comment .txt p {
    font-size: 16px;
    margin: 0; }

  .area-comment {
    margin-top: 60px;
    padding: 0 0 0px 0;
    margin-bottom: 80px;
    border-bottom: 0; }
    .area-comment .inner {
      max-width: 1140px;
      margin: 0 auto; }
    .area-comment .title h2 {
      font-size: 32px !important;
      margin-bottom: 1em; }
    .area-comment .body .shoes {
      width: 100%;
      margin-left: 0;
      padding: 40px;
      margin-bottom: 30px;
      border-radius: 20px; }
      .area-comment .body .shoes h3 {
        font-size: 20px;
        margin-bottom: 20px; }
      .area-comment .body .shoes .imgtxt {
        max-width: 664px;
        margin: 0 auto; }
      .area-comment .body .shoes .img {
        width: 120px;
        margin-right: 24px; }
      .area-comment .body .shoes .txt {
        flex: 1; }
        .area-comment .body .shoes .txt p {
          margin: 0;
          font-size: 14px; }
    .area-comment .body .match .boxs {
      display: flex;
      justify-content: space-between; }
    .area-comment .body .match .box {
      width: 50%; }
    .area-comment .body .match h4 {
      font-size: 20px;
      margin-bottom: 20px; }
    .area-comment .body .match ul {
      margin-bottom: 0;
      padding: 0 10%; }
      .area-comment .body .match ul li {
        width: 32%;
        background: #fff;
        border-radius: 10px;
        margin: 0 10px; }

  .affinities {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #BDBDBD;
    padding-bottom: 80px;
    margin: 0 auto;
    margin-bottom: 80px;
    max-width: 1140px; }
    .affinities .fade2 {
      width: 33%;
      border-right: 1px solid #BDBDBD;
      padding: 0 30px; }
      .affinities .fade2:first-of-type {
        padding-left: 0; }
      .affinities .fade2:last-of-type {
        border: 0;
        padding-right: 0; }

  .area-affinity {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0; }
    .area-affinity .title {
      margin-bottom: 34px; }
      .area-affinity .title h2 {
        font-size: 20px !important; }
    .area-affinity .body .result p {
      margin-bottom: 37px; }
      .area-affinity .body .result p span {
        font-size: 16px; }
      .area-affinity .body .result p img {
        width: 30px;
        margin-right: 0.6em; }
    .area-affinity .body .result dl {
      padding: 0; }
      .area-affinity .body .result dl .row {
        font-size: 14px; }
      .area-affinity .body .result dl dd strong {
        font-size: 20px; }

  main .wrapper.result .box.lank_lower {
    max-width: 1040px; }
    main .wrapper.result .box.lank_lower.graph_member {
      max-width: 1140px; }
      main .wrapper.result .box.lank_lower.graph_member .data li {
        grid-template-columns: 145px 180px auto 180px; }

  .area-newarrival {
    margin: 0 auto;
    margin-top: 60px;
    padding-bottom: 60px;
    max-width: 1140px; }
    .area-newarrival .title h2 {
      font-size: 20px !important;
      margin-bottom: 2em; }
    .area-newarrival .body .carousel {
      display: block;
      overflow-x: auto;
      width: 100%;
      margin-left: 0;
      margin-bottom: 60px;
      padding-left: 0; }
    .area-newarrival .body .shoe {
      border-radius: 20px;
      margin-right: 2%;
      width: 23.5%; }
      .area-newarrival .body .shoe:nth-of-type(4n) {
        margin-right: 0; }
      .area-newarrival .body .shoe .img {
        text-align: center;
        padding: 25px; }
      .area-newarrival .body .shoe .txt {
        padding: 10px 20px 20px 20px; }
        .area-newarrival .body .shoe .txt h3 small {
          font-size: 14px; }
        .area-newarrival .body .shoe .txt h3 span {
          font-size: 16px; }
        .area-newarrival .body .shoe .txt .price {
          font-size: 16px; }
          .area-newarrival .body .shoe .txt .price .label {
            font-size: 11px;
            padding: 0 0.3em;
            line-height: 1.4; }
        .area-newarrival .body .shoe .txt .detail {
          font-size: 16px; }

  .area-store {
    max-width: 1140px;
    margin: 0 auto;
    margin-bottom: 60px;
    padding-bottom: 60px; }
    .area-store .title h2 {
      font-size: 24px !important;
      font-weight: bold;
      margin-bottom: 1em; }
    .area-store .body .boxes {
      display: flex;
      justify-content: center;
      align-items: center; }
      .area-store .body .boxes .box {
        width: 327px;
        margin: 0 45px;
        border-radius: 0; }
    .area-store .body picture {
      margin-bottom: 0; }
      .area-store .body picture img {
        width: 43.6vw; }
    .area-store .body h2 {
      font-size: 24px !important;
      font-weight: bold;
      margin-bottom: 1em;
      text-align: left !important; }
    .area-store .body p {
      font-size: 16px !important;
      text-align: left !important; }

  .area-present {
    max-width: 1140px;
    margin: auto;
    margin-bottom: 80px;
    padding-top: 40px;
    padding-bottom: 80px; }
    .area-present .title-body {
      display: flex;
      justify-content: space-between;
      align-items: center; }
    .area-present .title {
      text-align: left;
      order: 2;
      flex: 1; }
      .area-present .title .sub {
        font-size: 20px !important;
        text-align: center;
        margin-bottom: 20px !important; }
      .area-present .title h2 {
        font-size: 24px !important;
        margin-bottom: 1em;
        text-align: left !important; }
        .area-present .title h2 small {
          font-size: 16px !important; }
      .area-present .title p {
        margin: 0 !important;
        text-align: left !important;
        font-size: 14px !important; }
    .area-present .body {
      order: 1;
      margin-right: 55px;
      width: 50%; }
      .area-present .body picture {
        margin-bottom: 0; }

  .graph_member {
    max-width: 1140px;
    margin: 0 auto; }

  main .wrapper.result .box .data1 li {
    grid-template-columns: 145px auto 260px;
    -ms-grid-columns: 145px auto 260px; }

  .area-share {
    max-width: 1140px;
    margin: 60px auto; }
    .area-share .title h2 {
      font-size: 20px !important;
      margin-bottom: 1.5em !important; }
    .area-share .body ul li {
      margin: 0 4px; }
    .area-share .body ul img {
      width: 70px; }

  .area-merit {
    max-width: 1140px;
    margin: 0  auto 60px auto; }
    .area-merit .title {
      margin-bottom: 22px; }
      .area-merit .title h2 {
        font-size: 24px !important;
        margin: 0 0 1.3em 0 !important; }
      .area-merit .title h3 {
        font-size: 40px; }
    .area-merit .body .txt {
      text-align: left !important;
      max-width: 680px;
      margin: 0 auto !important; }

  .modal {
    padding: 0;
    overflow-y: auto; }
    .modal .modal-inner {
      width: 90%;
      max-width: 800px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%); }
    .modal .modal-body {
      padding: 0 75px 30px 75px; }
      .modal .modal-body h2 {
        font-size: 24px;
        padding: 1.5em 0;
        margin-bottom: 0; }
      .modal .modal-body .txt p {
        font-size: 16px;
        color: #000;
        margin-bottom: 1.5em; }
    .modal .modal-footer .close {
      border-top: 0;
      text-align: center;
      position: absolute;
      top: 20px;
      right: 20px; }
      .modal .modal-footer .close p {
        width: 50px;
        height: 50px;
        background: url(../img/common/btn-close.svg) 0 0 no-repeat;
        background-size: contain;
        font-size: 16px;
        text-indent: -9999px;
        padding: 0; }

  .modal-button-about .modal-inner .modal-body {
    padding: 50px 70px 80px 70px; }
    .modal-button-about .modal-inner .modal-body .button {
      font-size: 24px; }

  .result .area-coupon .inner {
    padding-bottom: 96px; }
  .result .area-merit .inner {
    padding-bottom: 40px; }
  .result .area-store .inner {
    padding-top: 60px; } }