@charset "UTF-8";
/* media query
------------------------------------------ */
/* display
------------------------------------------ */
.is-show-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-show-pc {
    display: none;
  }
}

.is-show-sp {
  display: none;
}
@media (max-width: 767px) {
  .is-show-sp {
    display: block;
  }
}

/* function
------------------------------------------ */
@media (max-width: 767px) {
  .main-inner {
    padding: 0 !important;
  }
}

.main-area {
  padding-top: 0;
}
@media (max-width: 767px) {
  .main-area {
    padding-top: 22.6666666667vw;
  }
}

.lp_251008_knitcollection {
  /* 可変設定
  ------------------------------------------ */
  /*デザインの値*/
  --pc-width: 1400; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 440; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(
    var(--variable) * var(--ratio)
  ); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/
  /* PC画面幅 1400px以上 固定 */
  /* PC画面幅 768～1400px 可変 */
  /* SP画面幅 767px以下 可変 */
  /* mixin
  ------------------------------------------ */
  /* reset
  ------------------------------------------ */
  /* animation
  ------------------------------------------ */
  /* 共通
  ------------------------------------------ */
  /* LP style
  ------------------------------------------ */
}
@media (min-width: 1401px) {
  .lp_251008_knitcollection {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (min-width: 768px) and (max-width: 1400px) {
  .lp_251008_knitcollection {
    --ratio: calc(
      var(--pc-artboard-width) / var(--sp-artboard-width)
    ); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
@media (max-width: 767px) {
  .lp_251008_knitcollection {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
.lp_251008_knitcollection img {
  width: 100%;
  height: auto;
}
.lp_251008_knitcollection * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lp_251008_knitcollection .js-fade-in {
  opacity: 0;
}
.lp_251008_knitcollection .js-fade-in.is-active {
  -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@-webkit-keyframes fade-blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@keyframes fade-blur {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: scale(1.02);
            transform: scale(1.02);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes fade-blur-logo {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(-50%, -50%) scale(1.02);
            transform: translate(-50%, -50%) scale(1.02);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
@keyframes fade-blur-logo {
  0% {
    -webkit-filter: blur(10px);
            filter: blur(10px);
    -webkit-transform: translate(-50%, -50%) scale(1.02);
            transform: translate(-50%, -50%) scale(1.02);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    -webkit-transform: translate(-50%, -50%) scale(1);
            transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
}
.lp_251008_knitcollection .swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding-left: calc(10 * var(--formula));
  gap: calc(12 * var(--formula));
  position: absolute;
  bottom: calc(20 * var(--formula));
  left: calc(8 * var(--formula));
}
.lp_251008_knitcollection .swiper-pagination-bullet {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  background-color: transparent;
  border: 1px solid #fff;
  border-radius: 50%;
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.lp_251008_knitcollection .swiper-pagination-bullet-active {
  background-color: #fff;
}
.lp_251008_knitcollection-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection-container {
    display: block;
  }
}
.lp_251008_knitcollection .mv {
  position: sticky;
  top: 5rem;
  width: 50%;
  height: 100vh;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .mv {
    position: static;
    width: 100%;
    height: auto;
  }
}
.lp_251008_knitcollection .mv a {
  position: relative;
  display: block;
  z-index: 0;
}
.lp_251008_knitcollection .mv-img {
  position: relative;
}
.lp_251008_knitcollection .mv-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: calc(468 * var(--formula_pc));
  opacity: 0;
  z-index: 1;
}
.lp_251008_knitcollection .mv-logo.is-active {
  opacity: 1;
  -webkit-animation: fade-blur-logo 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-blur-logo 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .mv-logo.is-active {
    -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
            animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  }
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .mv-logo {
    top: calc(38 * var(--formula));
    left: 0;
    right: 0;
    margin: auto;
    -webkit-transform: translate(0);
            transform: translate(0);
    width: calc(582 * var(--formula));
  }
}
.lp_251008_knitcollection .mv-bg {
  width: 100%;
  height: 100%;
  opacity: 0;
}
.lp_251008_knitcollection .mv-bg.is-active {
  -webkit-animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
          animation: fade-blur 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .mv-bg {
    height: auto;
  }
}
.lp_251008_knitcollection .mv-bg img {
  width: 100%;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 25% center;
     object-position: 25% center;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .mv-bg img {
    -o-object-fit: fill;
       object-fit: fill;
    height: auto;
  }
}
.lp_251008_knitcollection .lp-container {
  width: 50%;
  background-color: #fff8e9;
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .lp-container {
    width: 100%;
  }
}
.lp_251008_knitcollection .lp-cont {
  width: calc(750 * var(--variable) * var(--ratio));
  margin: 0 auto;
}
.lp_251008_knitcollection .hero {
  padding-top: calc(62 * var(--formula_pc));
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .hero {
    padding-top: calc(106 * var(--formula));
  }
}
.lp_251008_knitcollection .hero-txt {
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 200;
  font-style: normal;
  font-size: calc(24 * var(--formula));
  line-height: 2;
  letter-spacing: 0.12em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
}
.lp_251008_knitcollection .product01 {
  position: relative;
  margin-top: calc(165 * var(--formula));
}
@media (max-width: 767px) {
  .lp_251008_knitcollection .product01 {
    margin-top: calc(170 * var(--formula));
  }
}
.lp_251008_knitcollection .product01-ttl {
  position: absolute;
  top: calc(-28 * var(--formula));
  left: calc(38 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
}
.lp_251008_knitcollection .product01-photo-02 {
  width: calc(560 * var(--formula));
  margin-top: calc(60 * var(--formula));
  margin-left: calc(38 * var(--formula));
}
.lp_251008_knitcollection .product01-photo-02-wrapper {
  position: relative;
  margin-top: calc(50 * var(--formula));
}
.lp_251008_knitcollection .product01-photo-02-ttl {
  position: absolute;
  top: calc(150 * var(--formula));
  right: calc(-98 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  font-size: calc(54 * var(--formula));
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #fff;
}
.lp_251008_knitcollection .product01-price {
  margin-top: calc(32 * var(--formula));
  margin-left: calc(38 * var(--formula));
}
.lp_251008_knitcollection .product01-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product02 {
  position: relative;
  margin-top: calc(170 * var(--formula));
}
.lp_251008_knitcollection .product02-ttl {
  position: absolute;
  top: calc(196 * var(--formula));
  left: calc(-108 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 5;
}
.lp_251008_knitcollection .product02-slider {
  width: calc(660 * var(--formula));
  margin-right: 0;
  margin-left: auto;
}
.lp_251008_knitcollection .product02-price {
  margin-top: calc(32 * var(--formula));
  padding-right: calc(42 * var(--formula));
  text-align: right;
}
.lp_251008_knitcollection .product02-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product03 {
  margin-top: calc(172 * var(--formula));
  padding-bottom: calc(180 * var(--formula));
}
.lp_251008_knitcollection .product03-photo {
  width: calc(750 * var(--formula));
}
.lp_251008_knitcollection .product03-photo-01-wrapper {
  position: sticky;
  top: calc((100vh - 850 * var(--formula)) / 2);
}
.lp_251008_knitcollection .product03-photo-02-wrapper {
  position: relative;
  width: calc(536 * var(--formula));
  margin: calc(92 * var(--formula)) auto calc(240 * var(--formula));
}
.lp_251008_knitcollection .product03-photo-02-ttl {
  position: absolute;
  bottom: calc(20 * var(--formula));
  left: calc(114 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  color: #fff;
}
.lp_251008_knitcollection .product03-price {
  margin-top: calc(32 * var(--formula));
  text-align: center;
}
.lp_251008_knitcollection .product03-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product04-photo-01 {
  width: calc(680 * var(--formula));
  margin-left: auto;
}
.lp_251008_knitcollection .product04-photo-02 {
  width: calc(680 * var(--formula));
  margin-top: calc(30 * var(--formula));
  margin-left: auto;
}
.lp_251008_knitcollection .product04-ttl {
  margin-top: calc(30 * var(--formula));
  margin-left: calc(64 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  font-size: calc(54 * var(--formula));
  text-align: center;
}
.lp_251008_knitcollection .product04-price {
  margin-top: calc(32 * var(--formula));
  padding-right: calc(42 * var(--formula));
  text-align: right;
}
.lp_251008_knitcollection .product04-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product05 {
  position: relative;
  margin-top: calc(172 * var(--formula));
}
.lp_251008_knitcollection .product05-ttl {
  position: absolute;
  top: calc(178 * var(--formula));
  left: calc(-46 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  white-space: nowrap;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  z-index: 2;
}
.lp_251008_knitcollection .product05-photo-01 {
  width: calc(492 * var(--formula));
  margin-left: auto;
  position: relative;
  right: calc(42 * var(--formula));
  z-index: 1;
}
.lp_251008_knitcollection .product05-photo-02 {
  margin-top: calc(-40 * var(--formula));
  margin-right: auto;
  width: calc(660 * var(--formula));
}
.lp_251008_knitcollection .product05-price {
  margin-top: calc(32 * var(--formula));
  margin-left: calc(38 * var(--formula));
  text-align: left;
}
.lp_251008_knitcollection .product05-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product06 {
  margin-top: calc(170 * var(--formula));
}
.lp_251008_knitcollection .product06-slider-wrapper {
  position: relative;
  width: calc(750 * var(--formula));
  margin: 0 auto;
}
.lp_251008_knitcollection .product06-slider-ttl {
  position: absolute;
  top: calc(438 * var(--formula));
  right: calc(-78 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  color: #fff;
  z-index: 5;
}
.lp_251008_knitcollection .product06-price {
  margin-top: calc(32 * var(--formula));
  text-align: center;
}
.lp_251008_knitcollection .product06-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .product07 {
  margin-top: calc(170 * var(--formula));
}
.lp_251008_knitcollection .product07-photo-01 {
  width: calc(552 * var(--formula));
  margin-right: auto;
}
.lp_251008_knitcollection .product07-photo-02-wrapper {
  position: relative;
  width: calc(680 * var(--formula));
  margin: calc(68 * var(--formula)) auto 0;
}
.lp_251008_knitcollection .product07-ttl {
  position: absolute;
  top: calc(-28 * var(--formula));
  left: calc(28 * var(--formula));
  font-family: "benton-modern-display-compre", serif;
  font-weight: 600;
  font-style: normal;
  font-size: calc(60 * var(--formula));
  letter-spacing: 0.07em;
  color: #000;
  pointer-events: none;
  z-index: 1;
}
.lp_251008_knitcollection .product07-price {
  margin-top: calc(32 * var(--formula));
  padding-right: calc(36 * var(--formula));
  text-align: right;
}
.lp_251008_knitcollection .product07-price a {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(21 * var(--formula));
  line-height: 1.80952381;
  letter-spacing: 0.06em;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.lp_251008_knitcollection .all {
  margin-top: calc(130 * var(--formula));
}
.lp_251008_knitcollection .all-link {
  display: block;
  width: calc(480 * var(--formula));
  margin: 0 auto;
}
.lp_251008_knitcollection .staff {
  border-top: 1px solid #808080;
  border-bottom: 1px solid #808080;
  margin-top: calc(140 * var(--formula));
  padding: calc(30 * var(--formula)) calc(48 * var(--formula)) calc(32 * var(--formula));
}
.lp_251008_knitcollection .staff-txt {
  font-family: "noto-sans-semicondensed", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(22 * var(--formula));
  line-height: 1.8;
  letter-spacing: 0.06em;
}