@charset "UTF-8";


/* ---------------------------------------------------------------- */
/* #region Category Layout  */
/* ---------------------------------------------------------------- */
.category {
}
.category__breadcrumb {
}
.category__top {
}
.category__list {
  padding-top: 32px;
  padding-bottom: 48px;
  @media (min-width: 769px) {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}
.category__about {
}
.category__lineup {
  padding-top: 40px;
  padding-bottom: 40px;
  @media (min-width: 769px) {
    padding-top: 80px;
    padding-bottom: 120px;
  }
}
.category__related {
  padding-top: 32px;
  padding-bottom: 40px;
  @media (min-width: 769px) { 
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.category__history {
  padding-top: 32px;
  padding-bottom: 40px;
  @media (min-width: 769px) {
    padding-top: 40px;
    padding-bottom: 80px;
  }
}

/* #endregion Category Layout */


/* ---------------------------------------------------------------- */
/* #region Category Common Components */
/* ---------------------------------------------------------------- */

/* セクション見出し */
.categoryHeading {
}
.categoryHeading__eyebrow {
  color: var(--color-gold);
  font-family: var(--font-HankenGrotesk);
  font-size: 13px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  letter-spacing: 0.13px;
}
.categoryHeading__text {
  font-size: 22px;
  font-style: normal;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.44px;
}

/* 商品グリッド */
.productsGrid {
  display: grid;
  gap: 32px 16px;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  @media (min-width: 769px) {
    gap: 40px;
    grid-template-columns: repeat(auto-fit, 171px);
  }
}
.productsGrid__item {
}

/* ラインナップグリッド */
.lineupGrid {
  display: grid;
  gap: 32px 16px;
  justify-content: center;
  grid-template-columns: repeat(2, 150px);
  @media (min-width: 769px) {
    gap: 40px;
    grid-template-columns: repeat(auto-fit, minmax(254px, auto));
  }
}
.lineupGrid__item {
}

/* #endregion Category Common Components */


/* ---------------------------------------------------------------- */
/* #region Category ラインナップ  */
/* ---------------------------------------------------------------- */

.categoryLineup {
}
.categoryLineup__heading {
  margin-bottom: 40px;
  @media (min-width: 769px) {
    margin-bottom: 80px;
  }
}
.categoryLineup__body {
}

/* #endregion Category ラインナップ */