@charset "UTF-8";


/* Global font override removed: limit typography to this magazine */


html {
  font-size: 62.5%;
}



/*----------------------------------------
	clearfix
----------------------------------------*/
.clearfix:after {
content: "";
display: block;
clear: both;
}
/*----------------------------------------
	clearfix
----------------------------------------*/

.magazine {
  width: 100%;
  height: auto;
  margin: 0 auto;
}












/*----------------------------------------
	reset
----------------------------------------*/
body {
  min-width: auto;
}
.fs-l-main {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}
.fs-l-pageMain {
  width: 100%;
  max-width: none;
}

.layout_menu {
  display: none;
}

.layout_header_delivery {
  display: none!important;
}

.fs-c-heading.fs-c-heading--page {
display: none!important;
}

.layout_header_keywords {
  display: none;
}

.layout_header_form_input {
  font-size: 0;
}


.layout_header_search {
  display: none;
}

.re_gnavi_wrap {
  display: none;
}

.layout_header_user {
  display: none;
}

.re_layout_header_utility .layout_header_utility-navi {
  display: none;
}

.re_header_user_menu {
  display: none;
}


/*----------------------------------------
	reset
----------------------------------------*/










  /*----------------------------------------
  	pc/sp
  ----------------------------------------*/

/* PCだけで表示させたい
スマホのときは消えてほしい*/
  .sp-invisible
  {
      display: block;
  }
/* スマホで表示させたい
PCのときは消えてほしい*/
  .sp-display
  {
      display: none;
  }
  /*----------------------------------------
    pc/sp
  ----------------------------------------*/


  /* ----------------------------------------
  	Tablet
  ---------------------------------------- */

  @media only screen and (max-width: 768px)
  {

    .layout_header_meta_inner {
      width: 768px;
    }

    .layout_header_navi {
      width: 768px;
    }

    .re_layout_footer_wrap {
      display: none;
    }
  }



  /* ----------------------------------------
  	Tablet
  ---------------------------------------- */








  @media only screen and (max-width: 519px)
  {


/*----------------------------------------
	pc/sp
----------------------------------------*/

/* PCだけで表示させたい
スマホのときは消えてほしい*/
.sp-invisible
{
    display: none;
}
/* スマホで表示させたい
PCのときは消えてほしい*/
.sp-display
{
    display: block;
}

/*----------------------------------------
  pc/sp
----------------------------------------*/

.magazine {
  width: 100%;
  margin: 0 auto;
}










/* sp_footer_navi */

.sp_footer_navi220426_magazine {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-evenly;
  background: #f7f7f7;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 800000001;
  position: fixed;
  box-shadow: 0 -2px 4px 0 rgb(0 0 0 / 13%);
}

.sp_footer_navi_box220426_magazine {
  width: 20%;
  padding: 2%;
  display: block;
  text-align: center;
  /* border-right: 1px solid #fff; */
}

.sp_footer_navi_box220426_magazine p {
  font-size: 10px;
  margin-top: 4px;
  line-height: 1;
}

.sp_footer_navi_box220426_magazine img {
  width: 40%;
}


#toTop {
  bottom: 60px;
}


/* sp_footer_navi */



/*----------------------------------------
reset
----------------------------------------*/

body {
  min-width: auto;
}

.fs-l-main {
  max-width: none;
  width: 100%;
  margin: 0;
  padding: 0;
}

.fs-l-pageMain {
  width: 100%;
  /* 左右の余白削除 */
  padding-left: 0px;
  padding-right: 0px;
}

.layout_header_navi {
  display: none;
}

.header-gnavi-category {
  display: none!important;
}

ul.sp-header-gnavi.fs-p-accountInfo.fs-clientInfo.is-ready {
  display: none!important;
}

.fs-l-header__drawerOpener {
  display: none;
}

.psLink img {
  display: none;
}

.re_keyword_form_wrap {
  display: none;
}

.search-price {
  display: none;
}

.re_footer-navi {
  display: none!important;
}

.footer-sns {
  display: none;
}

.footer-under {
  display: none;
}

.fs-clientInfo.is-ready {
    display: none;
}



/*----------------------------------------
reset
----------------------------------------*/



}

/* ========================================================
  CREW or V?  |  THE NECKLINE EDIT
  Warm editorial / responsive / Futureshop-safe namespaces
======================================================== */
.knit-feature, .magazine .etc {
  --knit-bg: #F5F0E9;
  --knit-ink: #292724;
  --knit-sub: #625B55;
  --knit-accent: #8E514C;
  --knit-line: rgba(41,39,36,.20);
  --knit-light-line: rgba(41,39,36,.10);
  font-family: 'Noto Sans JP',sans-serif;
  color: var(--knit-ink);
  -webkit-font-smoothing: antialiased;
}
.knit-feature { overflow: clip; font-size: 14px; line-height: 1.85; }
.knit-feature *, .magazine .etc * { box-sizing: border-box; }
.knit-feature a, .magazine .etc a { color: inherit; text-decoration: none; }
.knit-feature img, .magazine .etc img { display: block; width: 100%; height: auto; }
.knit-feature h1,.knit-feature h2,.knit-feature h3,.knit-feature p { padding: 0; }
.knit-eyebrow, .knit-intro-en { font: 500 10px/1.4 'DM Sans',sans-serif; letter-spacing: .23em; color: var(--knit-accent); }
/* OPENING — text has intentional white space, photographs are offset */
.knit-hero { max-width: 1280px; margin: 0 auto; padding: clamp(54px,8vw,110px) 20px 0; text-align: center; }
.knit-hero-title-en { margin: 18px 0 0; font: 500 clamp(66px,12vw,152px)/.87 'Cormorant Garamond',Georgia,serif; letter-spacing: -.055em; white-space: nowrap; }
.knit-hero-title-en em { font-weight: 500; font-size: .55em; letter-spacing: -.04em; }
.knit-hero-title-ja { margin: 27px 0 0; font-size: clamp(15px,1.8vw,19px); letter-spacing: .19em; font-weight: 500; }
.knit-hero-subtitle { margin: 6px 0 0; font-size: clamp(11px,1.35vw,13px); color: var(--knit-sub); letter-spacing: .065em; }
.knit-hero-photos { margin: clamp(50px,8vw,96px) auto 0; max-width: 1100px; display: grid; grid-template-columns: 1.13fr 1fr; align-items: start; gap: clamp(10px,3vw,44px); position: relative; text-align: left; }
.knit-hero-photo { display: block; position: relative; min-width: 0; }
.knit-hero-photo-v { padding-top: clamp(32px,9vw,130px); }
.knit-hero-photo img { aspect-ratio: 4/5; object-fit: cover; object-position: center 20%; background: #eee8df; transition: transform .65s ease; }
.knit-hero-photo:hover img { transform: translateY(-5px); }
.knit-hero-photo-label { display: flex; justify-content: space-between; align-items: center; gap: 5px; padding-top: 12px; font: 500 10px/1.5 'DM Sans',sans-serif; letter-spacing: .15em; }
.knit-hero-photo-label span { font-size: 17px; font-weight: 400; }
.knit-hero-decoration { position: absolute; z-index: 2; pointer-events: none; left: 50%; top: 15%; transform: translateX(-30%); text-align: center; color: var(--knit-accent); font: 500 clamp(9px,1.2vw,14px)/1.4 'DM Sans',sans-serif; letter-spacing: .32em; }
/* INTRO */
.knit-intro { max-width: 850px; margin: 0 auto; padding: clamp(76px,10vw,150px) 24px clamp(55px,8vw,100px); text-align: center; }
.knit-intro-en { display: block; margin-bottom: 28px; }
.knit-intro p { margin: 0; font-size: clamp(12px,1.3vw,15px); color: var(--knit-sub); letter-spacing: .07em; line-height: 2.6; }
.knit-index { max-width: 780px; margin: 0 auto clamp(60px,8vw,105px); border-top: 1px solid var(--knit-ink); border-bottom: 1px solid var(--knit-light-line); display: grid; grid-template-columns: repeat(2,1fr); }
.knit-index a { padding: 23px 12px; display: flex; align-items: baseline; justify-content: center; gap: 13px; transition: background .2s ease; }
.knit-index a+a { border-left: 1px solid var(--knit-light-line); }
.knit-index a:hover { background: var(--knit-bg); }
.knit-index-no { font: 500 10px 'DM Sans',sans-serif; color: var(--knit-accent); }
.knit-index-label { font: 500 clamp(12px,1.35vw,16px) 'DM Sans',sans-serif; letter-spacing: .12em; }
/* CHAPTERS */
.knit-look { padding: clamp(70px,10vw,128px) 20px clamp(80px,10vw,145px); scroll-margin-top: 25px; }
.knit-look.is-alt { background: var(--knit-bg); }
.knit-look-inner { max-width: 1120px; margin: 0 auto; }
.knit-heading { margin: 0 0 36px; }
.knit-heading-no { font: 500 10px/1.5 'DM Sans',sans-serif; letter-spacing: .23em; color: var(--knit-accent); }
.knit-heading-text h2 { margin: 12px 0 14px; font: 500 clamp(58px,9vw,116px)/.95 'Cormorant Garamond',Georgia,serif; letter-spacing: -.045em; }
.knit-heading-text p { margin: 0; color: var(--knit-sub); font-size: 13px; line-height: 2; letter-spacing: .08em; }
.knit-look-note { max-width: 610px; margin: 0 0 clamp(45px,7vw,94px); color: var(--knit-sub); font-size: 13px; line-height: 2.2; letter-spacing: .055em; }
.knit-look.is-alt .knit-heading { text-align: right; }
.knit-look.is-alt .knit-look-note { margin-left: auto; text-align: right; }
/* PRODUCT COMPOSITION */
.knit-products { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 15px; }
.knit-product { min-width: 0; display: flex; flex-direction: column; }
.knit-product-image { display: block; overflow: hidden; background: #eae5dc; }
.knit-product-image img { aspect-ratio: 4 / 5; object-fit: cover; transition: transform .6s ease; }
.knit-product-image:hover img { transform: scale(1.025); }
.knit-product-info { padding: 14px 1px 0; }
.knit-product-info h3 { margin: 0 0 5px; font: 400 clamp(11px,1.15vw,13px)/1.75 'Noto Sans JP',sans-serif; letter-spacing: .015em; }
.knit-product-info h3 a:hover { text-decoration: underline; text-underline-offset: 4px; }
.knit-product-price { margin: 0 0 8px; font: 500 12px/1.6 'DM Sans',sans-serif; letter-spacing: .03em; }
.knit-product-copy { margin: 0; font-size: 11px; line-height: 1.9; color: var(--knit-sub); }
.knit-product-badge { display: inline-block; margin-bottom: 8px; color: var(--knit-accent); font-size: 10px; letter-spacing: .08em; }
/* V has an asymmetric opening spread, then a measured two-column catalog */
.knit-products-featured .knit-product:nth-child(2) { padding-top: 48px; }
/* END VOTE: typographic close */
.knit-vote { max-width: 690px; margin: 0 auto; padding: 115px 22px 128px; text-align: center; }
.knit-vote h2 { margin: 15px 0 13px; font: 500 clamp(23px,3vw,31px)/1.6 'Noto Sans JP',sans-serif; letter-spacing: .12em; }
.knit-vote-desc { margin: 0 0 37px; color: var(--knit-sub); font-size: 12px; }
.knit-vote-buttons { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; }
.knit-vote-btn { font: 500 12px 'Noto Sans JP',sans-serif; padding: 17px 10px; background: transparent; border: 1px solid var(--knit-ink); color: var(--knit-ink); border-radius: 0; cursor: pointer; transition: background .2s,color .2s; }
.knit-vote-btn:not(:disabled):hover,.knit-vote-btn.is-selected { background: var(--knit-ink); color: white; }
.knit-vote-result { min-height: 1.4em; margin: 21px 0 0; font-size: 12px; }
.knit-vote-note { font-size: 10px; margin-top: 14px; color: var(--knit-sub); }
.knit-br-sp { display: inline; }
/* RELATED */
.magazine .etc { max-width: 1140px; margin: 0 auto; padding: 75px 20px 110px; border-top: 1px solid var(--knit-light-line); }
.magazine .etctop { text-align: center; margin-bottom: 45px; }
.magazine .etctop h2 { font: 500 30px/1.2 'Cormorant Garamond',serif; letter-spacing: .05em; margin: 0 0 10px; }
.magazine .etctop p { font-size: 11px; color: var(--knit-sub); }
.magazine .etcmg { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 26px 15px; }
.magazine .etcmg .itm img { aspect-ratio: 1/1; object-fit: cover; }
.magazine .etcmg .itm p { margin: 13px 0 0; font-size: 12px; line-height: 1.8; }
.magazine .etclink { text-align: center; margin-top: 45px; font: 500 11px 'DM Sans',sans-serif; letter-spacing: .15em; }
.magazine .etclink a { border-bottom: 1px solid var(--knit-accent); padding-bottom: 5px; }
/* original restriction: mobile 6 per section, desktop 8 */
.knit-product:nth-child(n+7) { display: none; }
@media (min-width: 700px) {
 .knit-hero { padding-left: 42px; padding-right: 42px; }
 .knit-products { grid-template-columns: repeat(4,minmax(0,1fr)); column-gap: 24px; row-gap: 56px; }
 .knit-products-featured { grid-template-columns: repeat(4,minmax(0,1fr)); }
 .knit-products-featured .knit-product:first-child { grid-column: span 2; grid-row: span 2; }
 .knit-products-featured .knit-product:first-child .knit-product-image img { aspect-ratio: 3/4; }
 .knit-products-featured .knit-product:nth-child(2) { padding-top: 74px; }
 .knit-products-featured .knit-product:nth-child(3) { padding-top: 74px; }
 .knit-products-featured .knit-product:nth-child(4) { grid-column: span 1; padding-top: 20px; }
 /* Keep product #4 portrait: landscape crop hid the clothes. */
 /* CREW: mirror the V composition to create a complementary editorial spread. */
 .knit-products-crew .knit-product:first-child { grid-column: 3 / span 2; grid-row: 1 / span 2; }
 .knit-products-crew .knit-product:nth-child(4) { grid-column: auto; }
 .knit-product:nth-child(n+7) { display: flex; }
 .knit-heading { margin-bottom: 42px; }
 .knit-look-note { font-size: 14px; }
 .knit-br-sp { display: none; }
 .magazine .etcmg { grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
}
@media (max-width: 699px) {
 .knit-hero { padding-left: 17px; padding-right: 17px; }
 .knit-hero-title-en { font-size: clamp(57px,13.5vw,89px); }
 .knit-hero-photos { gap: 11px; margin-top: 54px; }
 .knit-hero-photo-v { padding-top: 45px; }
 .knit-hero-decoration { top: 13%; left: 51%; font-size: 8px; }
 .knit-hero-photo-label { font-size: 8px; letter-spacing: .055em; }
 .knit-intro p br { display: none; }
 .knit-index { margin-left: 20px; margin-right: 20px; }
 .knit-look.is-alt .knit-look-note { text-align: left; }
 .knit-products-featured .knit-product:nth-child(2) { padding-top: 36px; }
 .knit-products-featured .knit-product:first-child .knit-product-image img { aspect-ratio: 3/4; }
 .knit-product-copy { font-size: 10.5px; }
}
@media (prefers-reduced-motion: reduce) {
 .knit-feature *, .magazine .etc * { transition: none !important; animation: none !important; }
}
/* IntersectionObserver progressively enhances; no JS means readable content */
html.knit-anim-ready .knit-fade-up { opacity: 0; transform: translateY(15px); transition: opacity .8s ease,transform .8s ease; }
html.knit-anim-ready .knit-fade-up.is-visible { opacity: 1; transform: none; }