@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Yrsa:500&display=swap");
@font-face {
  font-family: 'Asans';
  src: url("../../font/ASansreg.woff"); }

@font-face {
  font-family: 'pragmatica';
  src: url("../../font/pragmatica.woff"); }

.pc_only {
  display: none !important; }

#knit_tops_190930 {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  color: #000;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  padding-bottom: calc(200 * (100vw / 750)); }
  #knit_tops_190930 .content_wrap {
    width: 100%;
    margin: 0 auto; }
  #knit_tops_190930 .item_txt {
    font-size: calc(26 * (100vw / 750));
    line-height: 1.8;
    letter-spacing: 0.025em;
    margin-top: calc(40 * (100vw / 750));
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    font-family: "Asans", sans-serif;
    text-align: center; }
    #knit_tops_190930 .item_txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.8) * 0.5em); }
    #knit_tops_190930 .item_txt a {
      text-decoration: none;
      margin-right: calc(26 * (100vw / 750));
      border-bottom: 1px solid #535353; }
  #knit_tops_190930 .txt {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    font-size: calc(26 * (100vw / 750));
    text-align: center;
    line-height: 1.7;
    margin-top: calc(40 * (100vw / 750));
    margin-bottom: calc(50 * (100vw / 750));
    letter-spacing: 0.05em; }
    #knit_tops_190930 .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.8) * 0.5em); }
  #knit_tops_190930 .num {
    font-family: 'Yrsa', serif;
    font-size: calc(54 * (100vw / 750));
    text-align: center;
    line-height: 0.7; }
  #knit_tops_190930 .color {
    text-align: center;
    font-size: calc(24 * (100vw / 750));
    margin-top: calc(30 * (100vw / 750));
    font-family: "pragmatica", serif;
    letter-spacing: 0.03em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
  #knit_tops_190930 .ttl {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    font-size: calc(36 * (100vw / 750));
    text-align: center;
    margin-top: calc(40 * (100vw / 750));
    line-height: 1.5;
    letter-spacing: 0.08em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt"; }
    #knit_tops_190930 .ttl::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 1.5) * 0.5em); }
  #knit_tops_190930 img {
    width: 100%; }
  #knit_tops_190930 .mv_img {
    width: calc(750 * (100vw / 750)); }
  #knit_tops_190930 .img01 {
    width: calc(638 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img02 {
    width: calc(638 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img03 {
    width: calc(233 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img04 {
    width: calc(232 * (100vw / 750));
    margin-right: calc(80 * (100vw / 750)); }
  #knit_tops_190930 .img05 {
    width: calc(232 * (100vw / 750)); }
  #knit_tops_190930 .img06 {
    width: calc(562 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img07 {
    width: calc(232 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img08 {
    width: calc(230 * (100vw / 750));
    margin-right: calc(90 * (100vw / 750)); }
  #knit_tops_190930 .img09 {
    width: calc(232 * (100vw / 750)); }
  #knit_tops_190930 .img10 {
    width: calc(600 * (100vw / 750)); }
  #knit_tops_190930 .img11 {
    width: calc(338 * (100vw / 750));
    position: absolute;
    top: calc(500 * (100vw / 750));
    left: calc(410 * (100vw / 750)); }
  #knit_tops_190930 .img12 {
    width: calc(229 * (100vw / 750));
    margin-left: auto;
    margin-right: auto; }
  #knit_tops_190930 .img13 {
    width: calc(227 * (100vw / 750));
    margin-right: calc(90 * (100vw / 750)); }
  #knit_tops_190930 .img14 {
    width: calc(229 * (100vw / 750)); }
  #knit_tops_190930 .prev-arrow {
    position: absolute;
    left: calc(16 * (100vw / 750));
    top: calc(416 * (100vw / 750));
    z-index: 1;
    width: calc(20 * (100vw / 750)); }
  #knit_tops_190930 .next-arrow {
    position: absolute;
    right: calc(16 * (100vw / 750));
    top: calc(416 * (100vw / 750));
    z-index: 1;
    width: calc(20 * (100vw / 750)); }
  #knit_tops_190930 .mv .txt {
    margin-top: calc(100 * (100vw / 750));
    letter-spacing: 0.1em;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin-bottom: 0;
    line-height: 2; }
    #knit_tops_190930 .mv .txt::before {
      content: '';
      display: block;
      height: 0;
      width: 0;
      margin-top: calc((1 - 2) * 0.5em); }
  #knit_tops_190930 .sec01 {
    margin-top: calc(150 * (100vw / 750)); }
    #knit_tops_190930 .sec01 .item_wrap {
      margin-top: calc(100 * (100vw / 750)); }
      #knit_tops_190930 .sec01 .item_wrap li:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: calc(100 * (100vw / 750)); }
  #knit_tops_190930 .sec02 {
    margin-top: calc(160 * (100vw / 750)); }
    #knit_tops_190930 .sec02 .item_wrap {
      margin-top: calc(100 * (100vw / 750)); }
      #knit_tops_190930 .sec02 .item_wrap li:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: calc(80 * (100vw / 750));
        padding-left: calc(10 * (100vw / 750)); }
    #knit_tops_190930 .sec02 .color {
      margin-top: calc(15 * (100vw / 750)); }
    #knit_tops_190930 .sec02 .item_txt {
      padding-left: calc(30 * (100vw / 750)); }
  #knit_tops_190930 .sec03 {
    margin-top: calc(160 * (100vw / 750)); }
    #knit_tops_190930 .sec03 .item_wrap {
      margin-top: calc(100 * (100vw / 750)); }
      #knit_tops_190930 .sec03 .item_wrap li:nth-child(2) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: calc(80 * (100vw / 750)); }
        #knit_tops_190930 .sec03 .item_wrap li:nth-child(2) .color {
          margin-top: calc(10 * (100vw / 750)); }
    #knit_tops_190930 .sec03 .color {
      margin-top: calc(0 * (100vw / 750)); }
    #knit_tops_190930 .sec03 .blk01 {
      position: relative; }
    #knit_tops_190930 .sec03 .item_txt {
      margin-top: calc(175 * (100vw / 750)); }
  #knit_tops_190930 .btn_all {
    font-size: calc(28 * (100vw / 750));
    letter-spacing: 0.06em;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    border: 1px solid #000;
    width: calc(676 * (100vw / 750));
    padding: calc(45 * (100vw / 750)) 0 calc(45 * (100vw / 750));
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: calc(160 * (100vw / 750));
    display: block;
    letter-spacing: 0.2em; }