@charset "UTF-8";
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - custom property
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT {
  --color-white: #FFF;
  --color-black: #000;
  --font-yu: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "Yu Gothic", "Open Sans", "メイリオ", sans-serif;
  --font-hiragino: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  --font-nimbus: "nimbus-sans" sans-serif;
  --font-trajan: "trajan-pro-3", serif;
  --font-ja: var(--font-hiragino);
  --font-en: var(--font-articulat);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  font-feature-settings: "palt";
  overflow: clip;
  color: var(--color-black);
}
#Contents {
  overflow: clip;
}
.AU251008KNIT {
  --pc-width: 1400;
  --sp-width: 750;
  --pc-artboard-width: 420;
  --sp-artboard-width: 750;
}
.AU251008KNIT img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
@media (min-width: 768px) {
  .header__wrapper {
      position: fixed;
      top: 0;
      width: 100%;
      z-index: var(--zindex-header);
  }
  .AU251008KNIT {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
    --variable: calc(100vw / var(--pc-width));
  }
}
@media (max-width: 767px) {
  .AU251008KNIT {
    --ratio: 1;
    --variable: calc(100vw / var(--sp-width));
    margin-top: calc(-115*var(--variable)*var(--ratio));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
component - others
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (min-width: 768px) {
  /* .AU251008KNIT {
    margin-top: calc(-138*100vw/1400);
  } */
  .AU251008KNIT .hidden-desktop {
    display: none !important;
  }
  .AU251008KNIT .lp_container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  /* .AU251008KNIT{
    margin-top: calc(45 * var(--variable) * var(--ratio));
  } */
}
@media screen and (max-width: 767px) {
  .AU251008KNIT .hidden-mobile {
    display: none !important;
  }
}
.AU251008KNIT img,
.AU251008KNIT video {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .fixed_container {
  position: relative;
  z-index: 2;
}

.AU251008KNIT .fixed_image {
  width: 100%;
  margin: 0 auto;
}
.AU251008KNIT .fixed_lead {
  margin-top: calc(99*var(--variable)*var(--ratio));
  font-size: calc(26*var(--variable)*var(--ratio));
  line-height: 1.7692307692;
  letter-spacing: .075em;
  font-weight: var(--font-weight-semibold);
  font-family: var(--font-hiragino);
  color: var(--color-white);
  text-align: center;
}
.AU251008KNIT .fixed_title {
  top: calc(580 * var(--variable) * var(--ratio));
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.AU251008KNIT .fixed_title01,.AU251008KNIT .fixed_title02 {
  color: white;
}
.AU251008KNIT .fixed_title01{
  font-size: calc(78 * var(--variable) * var(--ratio));
  font-family: var(--font-nimbus);
  text-align: center;
  font-weight: 800;
  letter-spacing: .025em;
  margin-bottom: calc(36 * var(--variable) * var(--ratio));
  line-height: .9;
}
.AU251008KNIT .fixed_title01 span{
  display: block;
}
.AU251008KNIT .fixed_title02 {
  font-size: calc(27 * var(--variable) * var(--ratio));
  letter-spacing: 0.025em;
  text-align: center;
  line-height: 1.8;
}
.AU251008KNIT .fixed_title02--brand-name{
  font-size: calc(31 * var(--variable) * var(--ratio));
  letter-spacing: .05em;
}
@media screen and (min-width: 768px) {
  .AU251008KNIT .fixed_container {
    position: sticky;
    top: 0;
    height: calc(100vh);
    overflow: hidden;
    background-color: var(--color-white);
  }
  .AU251008KNIT .fixed_inner {
    position: relative;
    z-index: 2;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .AU251008KNIT .fixed_inner::before {
    width: 100%;
    height: 100vh;
    background-image: url(../img/fixed_bg.jpg);
  }
  .AU251008KNIT .fixed_image {
    position: relative;
    width: 100%;
  }
  .AU251008KNIT .fixed_lead {
    margin-top: calc(271*100vw/1400);
    margin-top: calc(374*100vw/1400);
    margin-bottom: calc(111*100vw/1400);
    font-size: calc(14*100vw/1400);
    line-height: 1.9857142857;
    letter-spacing: .1em;
    font-weight: var(--font-weight-medium);
    font-family: var(--font-hiragino);
    color: var(--color-black);
    text-align: center;
  }
  .AU251008KNIT .fixed_image img {
    width: 100%;
    object-fit: cover;
    object-position: 32% bottom;
    object-position: top;
    height: 100vh;
  }
  .AU251008KNIT .fixed_title {
    top: min(677*100vw/1400, 677px);
    top: 56%;
    transform: translate(-50%, -50%);
    --row: min(30*100vw/1400, 30px);
    --row: calc(30*100vw/1400);
    justify-content: center;
  }
  .AU251008KNIT .fixed_title01 {
    width: 100%;
    margin: 0 auto;
    font-size: calc(116 * var(--variable) * var(--ratio));
    padding-right: calc(5 * var(--variable) * var(--ratio));
    letter-spacing: .032em;
  }
  .AU251008KNIT .fixed_title02 {
    display: none;
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - position
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .common-position {
  position: absolute;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .AU251008KNIT .common-position {
    margin: 0 auto;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* margin-top: calc(59 * var(--variable) * var(--ratio)); */
    top: 69%;
  }
}
.AU251008KNIT .common-grid {
  display: grid;
  gap: var(--row, 0) var(--column, 0);
}
.AU251008KNIT .common-flex_row {
  display: flex;
  flex-direction: row;
  gap: var(--row, 0) var(--column, 0);
}
.AU251008KNIT .common-flex_row_reverse {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--row, 0) var(--column, 0);
}

.AU251008KNIT .common-flex_column_reverse {
  display: flex;
  flex-direction: column-reverse;
  gap: var(--row, 0) var(--column, 0);
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .product_inner {
  width: calc(750*var(--variable)*var(--ratio));
  margin: 0 auto;
  margin-top: calc(181 *var(--variable)*var(--ratio));
}
.AU251008KNIT [class*="product_content"] {
  position: relative;
  width: fit-content;
  height: fit-content;
  margin: calc(53 * var(--variable) * var(--ratio)) auto 0;
}
.AU251008KNIT [class*="product_content"] h3{
  font-size: calc(80*var(--variable)*var(--ratio));
  text-align: center;
  letter-spacing: .025em;
}
.AU251008KNIT [class*="product_content"] p{
  font-size: calc(26*var(--variable)*var(--ratio));
  text-align: center;
  line-height: 1.8;
  letter-spacing: .075em;
  margin: calc(20 * var(--variable) * var(--ratio)) auto calc(62 * var(--variable) * var(--ratio));
  font-weight: 600;
  font-family: var(--font-hiragino);
}
.AU251008KNIT .product_lead {
  /* width: calc(650*var(--variable)*var(--ratio)); */
  font-size: calc(23*var(--variable)*var(--ratio));
  line-height: 1.8695652174;
  letter-spacing: .05em;
  font-weight: var(--font-weight-medium);
  font-family: var(--font-ja);
  text-align: justify;
}
.AU251008KNIT .product_slider {
  width: calc(750*var(--variable)*var(--ratio));
  position: relative;
  margin: 0 auto;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .AU251008KNIT .product_slider {
    width: 100%;
  }
}
.AU251008KNIT .product_slider_image {
  width: calc(450*var(--variable)*var(--ratio));
  margin: 0 calc(8*var(--variable)*var(--ratio));
}
.AU251008KNIT .swiper-pagination{
  bottom: calc(16 * var(--variable) * var(--ratio));
  right: 0;
  left: 0;
  margin: 0 auto;
}
.AU251008KNIT .swiper-pagination span{
  width: calc(65*var(--variable)*var(--ratio));
  height: calc(5*var(--variable)*var(--ratio));
  background: #dcdcdc;
  margin: 0 !important;
}
.AU251008KNIT .swiper-pagination span.swiper-pagination-bullet-active{
  background: #333333;
}
.AU251008KNIT .product_price {
  margin-top: calc(33*var(--variable)*var(--ratio));
  font-size: calc(24*var(--variable)*var(--ratio));
  line-height: 2.08333333333;
  letter-spacing: .005em;
  font-weight: var(--font-weight-regular);
  font-family: var(--font-en);
  color: var(--color-black);
  text-align: center;
}
.AU251008KNIT .product_price li {
  display: inline-block;
  margin: 0 calc(5*var(--variable)*var(--ratio));
}
.AU251008KNIT .product_price a {
  /* text-decoration: underline; */
  text-decoration-skip-ink: none;
  position: relative;
}
.AU251008KNIT .product_price a:after{
  content: "";
  width: 100%;
  background-color: black;
  height: 1px;
  display: block;
  position: absolute;
  bottom: calc(14 * var(--variable) * var(--ratio));
}

.AU251008KNIT .product_kint-box{
  margin-top: calc(65*var(--variable)*var(--ratio));
}
.AU251008KNIT .product_kint-box h3{
  opacity: .3;
  font-weight: 800;
  letter-spacing: .025em;
  font-size: calc(73 * var(--variable) * var(--ratio));
  line-height: .9;
  margin-bottom: calc(78 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_kint-box h3 span{
  display: block;
}
@media screen and (max-width: 767px) {
  .AU251008KNIT .product_inner {
    width: 93%;
  }
}

@media screen and (min-width: 768px) {
  .AU251008KNIT .product_inner {
    width: 100%;
    padding-left: calc(14 * var(--variable) * var(--ratio));
    margin-top: calc(673 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_price {
    letter-spacing: .045em;
    margin-top: calc(33 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_content01__mv-top-pc{
    /* height: 100vh; */
    position: relative;
    width: 100%;
    margin-top: calc(0 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .swiper-pagination{
    bottom: calc(20 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .swiper-pagination span{
    width: calc(70 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_content01__mv-top-pc .product_content01__mv-top-pc__text{
    /* position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin-top: 0; */
    margin-top: calc(965 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_content01__mv-top-pc .product_content01__mv-top-pc__text p{
    font-size: calc(41 * var(--variable) * var(--ratio));
    margin-left: calc(24 * var(--variable) * var(--ratio));
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.9;
    letter-spacing: .05em;
  }
  .AU251008KNIT .product_content01__mv-top-pc p{
    font-size: calc(37 * var(--variable) * var(--ratio));
    letter-spacing: .05em;
    font-weight: 500;
    margin: 0 auto;
  }
  .AU251008KNIT .product_content01__mv-top-pc p span{
    font-weight: 600;
    font-family: var(--font-hiragino);
  }

  .AU251008KNIT [class*="product_content"] h3{
    font-size: calc(87 * var(--variable) * var(--ratio));
    letter-spacing: .01em;
    /* margin-left: calc(18 * var(--variable) * var(--ratio)); */
    padding-top: calc(8 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT [class*="product_content"] p{
    font-size: calc(28 * var(--variable) * var(--ratio));
    letter-spacing: .07em;
    /* padding-left: calc(25 * var(--variable) * var(--ratio)); */
    margin-bottom: calc(72 * var(--variable) * var(--ratio));
    margin-top: calc(14 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_kint-box{
    margin-top: calc(67 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_kint-box h3{
    font-size: calc(81 * var(--variable) * var(--ratio));
    line-height: .85;
    margin-bottom: calc(85 * var(--variable) * var(--ratio));
  }
}
/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - product wrapper01~05
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .product_wrapper03 .product_content02{
  margin-top: calc(61 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_wrapper03 .product_content02 .product_lead{
  margin-top: calc(12 * var(--variable) * var(--ratio));
  margin-bottom: calc(67 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_wrapper04{
  margin-top: calc(82 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_wrapper04 h3{
  margin-bottom: calc(88 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_wrapper05 .product_content02{
  margin-top: calc(63 * var(--variable) * var(--ratio));
}
.AU251008KNIT .product_wrapper05 .product_content02 p{
  letter-spacing: .05em;
}
.AU251008KNIT .product_wrapper05 .product_lead{
  margin-bottom: calc(66 * var(--variable) * var(--ratio));
}
@media screen and (min-width: 768px) {
  .AU251008KNIT .product_wrapper01 .product_price a{
    letter-spacing: .04em;
  }
  .AU251008KNIT .product_wrapper02 .product_price a{
    letter-spacing: .04em;
  }
  .AU251008KNIT .product_wrapper03 .product_content02{
    margin-top: calc(60 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper03 .product_content02 .product_lead{
    margin-bottom: calc(71 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper03 .product_price a{
    letter-spacing: .04em;
  }
  .AU251008KNIT .product_wrapper04{
    margin-top: calc(84 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper04 .product_price {
    margin-top: calc(30 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper04 h3{
    margin-bottom: calc(98 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper04 .product_price a{
    letter-spacing: .04em;
  }
  .AU251008KNIT .product_wrapper05 .product_content02{
    margin-top: calc(62 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper05 .product_lead{
    padding-top: calc(2 * var(--variable) * var(--ratio));
    margin-bottom: calc(72 * var(--variable) * var(--ratio));
  }
  .AU251008KNIT .product_wrapper05 .product_lead .letter-space{
    letter-spacing: -.01em;
  }
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - animation
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .js-title{
  clip-path: inset(0 0 100% 0);
  transition-property: clip-path;
  transform: translateY(90%);
  transition: 1.5s;
}
.AU251008KNIT .js-title.is-active{
  clip-path: inset(0);
  transform: translateY(0%);
  transition: 1.5s;
}

.AU251008KNIT .js-trigger .js-showImage {
  opacity: 0.1;
  transition: opacity 1.2s ease;
}
.AU251008KNIT .js-trigger.is-active .js-showImage {
  opacity: 1;
}
.AU251008KNIT .js-trigger.is-active .js-showText {
  animation-name: ttl-up;
  animation-fill-mode: forwards;
  animation-duration: 1.2s;
  transform: translateY(130%);
}
.AU251008KNIT .js-trigger .js-fadeText {
  opacity: 0;
  transform: translateY(30%);
  transition: 1.5s;
}
.AU251008KNIT .js-trigger.is-active .js-fadeText {
  opacity: 1;
  transform: translateY(0%);
  transition: 1.5s;
}
.AU251008KNIT .js-fadeImage {
  opacity: 0;
}
.AU251008KNIT .js-fadeImage.is-active {
  opacity: 1;
  transform: none !important;
  transition: opacity 1.4s ease 0s, transform 1.4s ease 0s;
}
@keyframes ttl-up {
  0% {
    opacity: 0;
    transform: translateY(130%);
  }
  100% {
    opacity: 1;
    transform: translateY(0%);
  }
}

.swiper-container-free-mode>.swiper-wrapper{
  transition-timing-function: linear !important;
}

/*
//////////////////////////////////////////////////////////////////////////////////////////////
setting - closing
//////////////////////////////////////////////////////////////////////////////////////////////
*/
.AU251008KNIT .closing {
  margin-top: min(153*100vw/1400, 153px);
  padding-bottom: min(170*100vw/1400, 170px);
  text-align: center;
}
.AU251008KNIT .closing_btn {
  width: fit-content;
  margin: 0 auto;
  font-size: min(18*100vw/1400, 18px);
  letter-spacing: .037em;
  line-height: 1.1;
  font-family: var(--font-en);
  position: relative;
}
.AU251008KNIT .closing_btn:after{
  content: "";
  position: absolute;
  width: 109%;
  background-color: black;
  height: 1px;
  display: block;
  margin-left: calc(-6 * var(--variable) * var(--ratio));
}
@media screen and (max-width: 767px) {
  .AU251008KNIT .closing {
    margin-top: calc(187*100vw/750);
    padding-bottom: calc(88*100vw/750);
  }
  .AU251008KNIT .closing_btn {
    font-size: calc(30*100vw/750);
    line-height: 1.2;
    border-bottom: calc(2*100vw/750) solid var(--color-black);
  }
}
@media screen and (min-width: 768px) {
  .AU251008KNIT .closing {
      margin-top: calc(284 * var(--variable) * var(--ratio));
  }
}


/*
//////////////////////////////////////////////////////////////////////////////////////////////
header footer
//////////////////////////////////////////////////////////////////////////////////////////////
*/
@media screen and (max-width: 767px) {
  .header .drawer-btn__border{
    left: -2rem;
  }
  .header__inner{
    margin-left: 1rem;
  }
  .header .navigation{
    right: -1rem;
  }
  .top_button{
    margin: calc(-20 * (100vw / 750)) 0 calc(55 * (100vw / 750)) calc(625 * (100vw / 750));
  }
  .footer__wrapper{
    padding: calc(58 * (100vw / 750)) 0 calc(40 * (100vw / 750));
  }
  .footer-mailmagazine{
    margin-top: calc(47 * (100vw / 750));
  }
  .footer .navigation__index{
    letter-spacing: .06em;
  }
  .footer .navigation .mailmagazine__block{
    margin-top: calc(32 * (100vw / 750));
  }
  .footer .navigation .mailmagazine__form input{
    font-size: calc(18 * (100vw / 750));
    padding: calc(14 * (100vw / 750)) 0 calc(11 * (100vw / 750));
  }
  .footer .social{
    margin-top: calc(121 * (100vw / 750));
  }
  .footer .copyright{
    margin-top: calc(64 * (100vw / 750));
    margin-left: -.4rem;
    letter-spacing: .01em;
  }
}
@media screen and (min-width: 768px) {
  .header__inner{
    margin-top: .9rem;
  }
  .header .drawer-btn{
    left: -1rem;
  }
  .header .drawer-btn__border::before{
    top: .9rem;
  }
  .header .navigation{
    right: -.8rem;
    top: -.2rem;
  }
  .header .navigation__icon:not(:nth-of-type(1)){
    margin-left: 2rem;
  }
  .header .navigation__icon.navigation__icon--search{
    margin-left: 3.2rem;
  }
  .header .navigation__list{
    margin-top: 0.6rem;
  }
  .navigation__icon.navigation__icon--user{
    margin-top: 0.2rem;
  }
  .header .navigation__icon--user a{
    margin-left: .9rem;
    padding-left: 1.6rem;
    letter-spacing: .02em;
  }

  .top_button{
    margin-right: 4.5rem;
    margin-top: -8.8rem;
    width: 4.3rem;
    height: 4.3rem;
    background: #8d8d8d;
  }
  .top_button::before, .top_button::after{
    top: 36%;
  }
  .top_button::before{
    left: 17px;
  }
  .top_button::after{
    right: 16px;
  }

  .footer{
    background: #8d8d8d;
  }
  .footer__wrapper{
    padding: 60px 0 5px;
  }
  .footer .navigation__list{
    margin-left: -0.5rem;
  }
  .footer .navigation__item:not(:nth-of-type(1)){
    margin-left: 0;
  }
  .footer .navigation__item:nth-child(2){
    margin-left: 5.7rem;
  }
  .footer .navigation__item:nth-child(3){
    margin-left: 7rem;
    letter-spacing: .08em;
  }
  .footer .navigation__item:nth-child(4){
    margin-left: 7.7rem;
    letter-spacing: .08em;
  }
  .footer-mailmagazine .navigation__index{
    letter-spacing: .05em;
  }
  .footer .navigation .mailmagazine__form input{
    padding: 8px 0;
  }
  .footer .social__icon:not(:nth-of-type(1)){
    margin-left: 1.2rem;
  }
  .footer .copyright{
    margin-top: 29px;
    letter-spacing: .07em;
  }
}