@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap");
@import url("https://use.typekit.net/pgn2pxd.css");
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

@media screen and (min-width: 769px) {
  html {
    font-size: 62.5%; } }

/*
Font size and line height mixin
*/
/* ヒラギノ角ゴ */
/* ヒラギノ明朝 */
/* From: 游明朝体・游ゴシック体のCSSでの利用 - Qiita [キータ]
 * http://qiita.com/shinnn/items/5be7e8106189311559c1
 */
/* 游ゴシック体 */
/* 游明朝体 */
/*
@font-face {
    font-family: '';
    src: url("../fonts/");
    font-weight: 400;
}
*/
@font-face {
  font-family: 'KozGo-Reg';
  src: url("../font/KozGoPr6N-Regular.otf");
  font-weight: 400; }

@font-face {
  font-family: 'Voga-Med';
  src: url("../font/Voga-Medium.otf");
  font-weight: 500; }

@font-face {
  font-family: 'AvolSans';
  src: url("../font/ASansreg.ttf");
  font-weight: 400; }

@font-face {
  font-family: 'Phospho';
  src: url("../font/Phosph09.ttf");
  font-weight: 400; }

@media screen and (min-width: 769px) {
  .sp {
    display: none; } }

@media screen and (max-width: 768px) {
  .pc {
    display: none; } }

.fade {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  position: absolute;
  z-index: 2;
  animation-name: fadeIn;
  -webkit-animation-duration: 4s;
  animation-duration: 4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate; }

@-webkit-keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes fadeIn {
  0% {
    opacity: 1; }
  30% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }

/* IE11 */
/* Edge(EdgeHTML) */
/* Edge(Chromium) */
/* Chrome */
/* Safari */
/* Firefox */
/* Edge(EdgeHTML) & IE11 & IE10 */
/* Edge(Chromium) & Chrome & Safari & Firefox */
#pants_200714 img {
  position: relative;
  width: 100%; }

#pants_200714 .main_visual-caption {
  font-size: 28;
  /* 28 */
  line-height: 2;
  /* 56 */
  font-size: calc( 28 * 0.13333vw);
  text-align: center;
  margin-top: calc( 95 * 0.13333vw); }

#pants_200714 .product {
  position: relative; }
  #pants_200714 .product::before {
    content: "";
    position: absolute;
    z-index: -1;
    width: calc( 695 * 0.13333vw); }
  #pants_200714 .product__image-01 {
    width: calc( 702.5 * 0.13333vw);
    margin-left: calc( 27 * 0.13333vw); }
  #pants_200714 .product__image-02 {
    width: calc( 600 * 0.13333vw);
    margin-left: calc( 27 * 0.13333vw); }
  #pants_200714 .product__image-03 {
    width: calc( 525 * 0.13333vw);
    margin-top: calc( 30 * 0.13333vw);
    margin-left: calc( 198 * 0.13333vw); }
  #pants_200714 .product__image-04 {
    width: calc( 600 * 0.13333vw);
    margin-left: calc( 54 * 0.13333vw); }
  #pants_200714 .product__image-05 {
    width: calc( 600 * 0.13333vw);
    margin-top: calc( 30 * 0.13333vw);
    margin-left: calc( 54 * 0.13333vw); }
  #pants_200714 .product__image-06 {
    width: calc( 702.5 * 0.13333vw);
    margin-left: calc( 27 * 0.13333vw); }
  #pants_200714 .product__caption {
    width: calc( 600 * 0.13333vw);
    margin: calc( 30 * 0.13333vw) auto 0; }
    #pants_200714 .product__caption-tag {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
      -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      align-items: center; }
      #pants_200714 .product__caption-tag li:nth-child(even) {
        margin-left: calc( 30 * 0.13333vw); }
      #pants_200714 .product__caption-tag li a {
        font-size: 26;
        /* 26 */
        line-height: 1.84615;
        /* 48 */
        display: inline;
        font-family: 'AvolSans', sans-serif;
        font-weight: 400;
        font-size: calc( 26 * 0.13333vw);
        letter-spacing: 0.025em;
        text-align: left; }

#pants_200714 .block01 .product {
  margin-top: calc( 158 * 0.13333vw); }
  #pants_200714 .block01 .product__caption {
    margin-left: calc( 28 * 0.13333vw); }

#pants_200714 .block02 .product {
  margin-top: calc( 105 * 0.13333vw); }
  #pants_200714 .block02 .product::before {
    background: url("../img/sp/codetype02.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: calc( 1605 * 0.13333vw);
    top: calc( 28 * 0.13333vw);
    left: calc( 54 * 0.13333vw); }
  #pants_200714 .block02 .product__caption {
    margin-top: calc( 60 * 0.13333vw); }
    #pants_200714 .block02 .product__caption-tag {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }

#pants_200714 .block03 .product {
  margin-top: calc( 140 * 0.13333vw); }
  #pants_200714 .block03 .product::before {
    background: url("../img/sp/codetype03.svg");
    background-size: contain;
    background-repeat: no-repeat;
    height: calc( 1764 * 0.13333vw);
    top: calc( -25 * 0.13333vw);
    left: calc( 27 * 0.13333vw); }
  #pants_200714 .block03 .product__caption {
    width: calc( 725 * 0.13333vw); }
    #pants_200714 .block03 .product__caption-tag {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      margin-top: calc( 60 * 0.13333vw);
      margin-left: calc( -30 * 0.13333vw); }
      #pants_200714 .block03 .product__caption-tag li {
        margin-left: calc( 30 * 0.13333vw); }

#pants_200714 .block04 .product {
  margin-top: calc( 110 * 0.13333vw); }
  #pants_200714 .block04 .product__caption {
    width: calc( 700 * 0.13333vw);
    margin-top: calc( 35 * 0.13333vw); }
    #pants_200714 .block04 .product__caption-tag {
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center;
      margin-left: calc( -30 * 0.13333vw); }
      #pants_200714 .block04 .product__caption-tag li {
        margin-left: calc( 30 * 0.13333vw); }
      #pants_200714 .block04 .product__caption-tag break {
        flex-basis: 100%;
        width: 0px;
        height: 0px;
        overflow: hidden; }

@media screen and (min-width: 769px) {
  #pants_200714 .wrap {
    max-width: 1078px;
    margin: 0 auto; }
  #pants_200714 .main_visual-image {
    width: 1078px;
    margin: 0 auto; }
  #pants_200714 .main_visual-caption {
    font-size: 18;
    /* 18 */
    line-height: 2.22222;
    /* 40 */
    font-size: 18px;
    text-align: center;
    margin-top: 50px; }
  #pants_200714 .product__image-list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  #pants_200714 .product__image-01 {
    width: 500px;
    margin: 0 auto; }
  #pants_200714 .product__image-02 {
    width: 450px;
    margin-left: 60px; }
  #pants_200714 .product__image-03 {
    width: 450px;
    margin-top: 110px;
    margin-left: 60px; }
  #pants_200714 .product__image-04 {
    width: 450px;
    margin-left: 60px; }
  #pants_200714 .product__image-05 {
    width: 500px;
    margin-top: 140px;
    margin-left: 0; }
  #pants_200714 .product__image-06 {
    width: 450px;
    margin: 0 auto; }
  #pants_200714 .product__caption {
    width: 450px;
    margin: 50px auto 0; }
    #pants_200714 .product__caption-tag {
      margin-left: -15px; }
      #pants_200714 .product__caption-tag li {
        margin-left: 15px; }
        #pants_200714 .product__caption-tag li:nth-child(even) {
          margin-left: 15px; }
        #pants_200714 .product__caption-tag li a {
          font-size: 15;
          /* 15 */
          line-height: 1.86667;
          /* 28 */
          font-size: 15px; }
  #pants_200714 .block01 .product {
    margin-top: 135px; }
    #pants_200714 .block01 .product::before {
      background: url("../img/pc/codetype01.svg");
      background-size: contain;
      background-repeat: no-repeat;
      height: 750px;
      left: 265px;
      top: -25px;
      width: 560px;
      z-index: -1; }
    #pants_200714 .block01 .product__caption {
      margin-left: auto; }
      #pants_200714 .block01 .product__caption-tag {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center; }
        #pants_200714 .block01 .product__caption-tag li {
          margin-left: 15px; }
          #pants_200714 .block01 .product__caption-tag li:nth-child(even) {
            margin-left: 15px; }
  #pants_200714 .block02 .product {
    margin-top: 93px; }
    #pants_200714 .block02 .product::before {
      background: url("../img/pc/codetype02.svg");
      background-size: contain;
      background-repeat: no-repeat;
      height: 750px;
      top: 45px;
      left: 20px;
      width: 1040px; }
    #pants_200714 .block02 .product__caption {
      width: 300px;
      position: absolute;
      margin: 0;
      left: 60px;
      bottom: 30px; }
      #pants_200714 .block02 .product__caption-tag {
        -webkit-justify-content: flex-start;
        -moz-justify-content: flex-start;
        -ms-justify-content: flex-start;
        justify-content: flex-start;
        -ms-flex-pack: flex-start; }
  #pants_200714 .block03 .product {
    margin-top: 155px; }
    #pants_200714 .block03 .product::before {
      background: url("../img/pc/codetype03.svg");
      background-size: contain;
      background-repeat: no-repeat;
      height: 718px;
      top: 3px;
      left: 105px;
      width: 980px; }
    #pants_200714 .block03 .product__image-list {
      -webkit-flex-direction: row-reverse;
      -moz-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      justify-content: center;
      -ms-flex-pack: center; }
    #pants_200714 .block03 .product__caption {
      width: 415px;
      position: absolute;
      right: 35px;
      bottom: -5px; }
      #pants_200714 .block03 .product__caption-tag {
        -webkit-justify-content: flex-end;
        -moz-justify-content: flex-end;
        -ms-justify-content: flex-end;
        justify-content: flex-end;
        -ms-flex-pack: flex-end;
        margin-top: 0; }
        #pants_200714 .block03 .product__caption-tag li {
          margin-left: 15px; }
          #pants_200714 .block03 .product__caption-tag li:nth-child(even) {
            margin-left: 15px; }
  #pants_200714 .block04 .product {
    margin-top: 125px; }
    #pants_200714 .block04 .product::before {
      background: url("../img/pc/codetype04.svg");
      background-size: contain;
      background-repeat: no-repeat;
      height: 680px;
      left: 290px;
      top: -23px;
      width: 510px;
      z-index: -1; }
    #pants_200714 .block04 .product__caption {
      width: 450px;
      margin: 50px auto 0; }
      #pants_200714 .block04 .product__caption-tag {
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
        -ms-flex-pack: center;
        margin-left: -15px; }
        #pants_200714 .block04 .product__caption-tag li {
          margin-left: 15px; } }

@media screen and (min-width: 769px) and (max-width: 1024px) {
  #pants_200714 .main_visual-image {
    max-width: calc( 1078 * 0.08333vw); }
  #pants_200714 .main_visual-caption {
    font-size: calc( 18 * 0.08333vw);
    margin-top: calc( 50 * 0.08333vw); }
  #pants_200714 .product__image-01 {
    width: calc( 500 * 0.08333vw); }
  #pants_200714 .product__image-02 {
    width: calc( 450 * 0.08333vw);
    margin-left: calc( 120 * 0.08333vw); }
  #pants_200714 .product__image-03 {
    width: calc( 450 * 0.08333vw);
    margin-top: calc( 110 * 0.08333vw);
    margin-left: calc( 60 * 0.08333vw); }
  #pants_200714 .product__image-04 {
    width: calc( 450 * 0.08333vw);
    margin-left: calc( 60 * 0.08333vw); }
  #pants_200714 .product__image-05 {
    width: calc( 500 * 0.08333vw);
    margin-top: calc( 140 * 0.08333vw); }
  #pants_200714 .product__image-06 {
    width: calc( 450 * 0.08333vw); }
  #pants_200714 .product__caption {
    width: calc( 450 * 0.08333vw);
    margin: calc( 50 * 0.08333vw) auto 0; }
    #pants_200714 .product__caption-tag {
      margin-left: calc( -15 * 0.08333vw); }
      #pants_200714 .product__caption-tag li {
        margin-left: calc( 15 * 0.08333vw); }
        #pants_200714 .product__caption-tag li:nth-child(even) {
          margin-left: calc( 15 * 0.08333vw); }
        #pants_200714 .product__caption-tag li a {
          font-size: calc( 15 * 0.08333vw); }
  #pants_200714 .block01 .product {
    margin-top: calc( 135 * 0.08333vw); }
    #pants_200714 .block01 .product::before {
      height: calc( 750 * 0.08333vw);
      left: calc( 325 * 0.08333vw);
      top: calc( -25 * 0.08333vw);
      width: calc( 560 * 0.08333vw); }
    #pants_200714 .block01 .product__caption-tag li {
      margin-left: calc( 15 * 0.08333vw); }
      #pants_200714 .block01 .product__caption-tag li:nth-child(even) {
        margin-left: calc( 15 * 0.08333vw); }
  #pants_200714 .block02 .product {
    margin-top: calc( 93 * 0.08333vw); }
    #pants_200714 .block02 .product::before {
      height: calc( 750 * 0.08333vw);
      top: calc( 45 * 0.08333vw);
      left: calc( 80 * 0.08333vw);
      width: calc( 1040 * 0.08333vw); }
    #pants_200714 .block02 .product__caption {
      width: calc( 300 * 0.08333vw);
      left: calc( 120 * 0.08333vw);
      bottom: calc( 30 * 0.08333vw); }
  #pants_200714 .block03 .product {
    margin-top: calc( 155 * 0.08333vw); }
    #pants_200714 .block03 .product::before {
      height: calc( 718 * 0.08333vw);
      top: calc( 3 * 0.08333vw);
      left: calc( 165 * 0.08333vw);
      width: calc( 980 * 0.08333vw); }
    #pants_200714 .block03 .product__caption {
      width: calc( 415 * 0.08333vw);
      right: calc( 95 * 0.08333vw);
      bottom: calc( -5 * 0.08333vw); }
      #pants_200714 .block03 .product__caption-tag li {
        margin-left: calc( 15 * 0.08333vw); }
        #pants_200714 .block03 .product__caption-tag li:nth-child(even) {
          margin-left: calc( 15 * 0.08333vw); }
  #pants_200714 .block04 .product {
    margin-top: calc( 125 * 0.08333vw); }
    #pants_200714 .block04 .product::before {
      height: calc( 680 * 0.08333vw);
      left: calc( 350 * 0.08333vw);
      top: calc( -23 * 0.08333vw);
      width: calc( 510 * 0.08333vw); }
    #pants_200714 .block04 .product__caption {
      width: calc( 450 * 0.08333vw);
      margin: calc( 50 * 0.08333vw) auto 0; }
      #pants_200714 .block04 .product__caption-tag {
        margin-left: calc( -15 * 0.08333vw); }
        #pants_200714 .block04 .product__caption-tag li {
          margin-left: calc( 15 * 0.08333vw); } }

#pants_200714 .viewall {
  width: calc(675 * 0.13333vw);
  height: calc(120 * 0.13333vw);
  padding: calc(45 * 0.13333vw);
  margin: calc(155 * 0.13333vw) auto calc(200 * 0.13333vw);
  display: block;
  border: 1px solid #333333;
  background-color: #fff;
  text-align: center;
  letter-spacing: 0.1em;
  font-size: calc(28 * 0.13333vw);
  line-height: 1; }
  @media screen and (min-width: 769px) {
    #pants_200714 .viewall {
      width: 380px;
      height: auto;
      padding: 1.2em;
      line-height: 1;
      margin: 145px auto 160px;
      font-size: 18px; } }