@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 ラインナップ */


/* outlet */
/* #　追加　商品ヘッドラインアウトレット */
.category__outlet {
  position: relative;
}

.category__outlet__banner {
  width: 100%;
  height: 491px;

  @media (min-width: 769px) {
    height: 310px;
  }
}

.category__outlet__banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  vertical-align: bottom;
}

.category__outlet__body {
  position: absolute;
  left: 0;
  bottom: 32px;
  width: 100%;
  padding-left: 22px;

  @media (min-width: 769px) {
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    padding-left: 0;
  }
}

.category__outlet__title {
  color: var(--color-white);
  font-size: 29px;
  font-family: var(--font-HankenGrotesk);
  letter-spacing: 0.05em;
  line-height: 1;
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.2);


  @media (min-width: 769px) {
    font-size: 85px;
  }
}

.category__outlet__text {
  font-size: 14px;
  font-family: var(--font-NotoSansJP);
  color: var(--color-white);
  text-shadow: 0 0 16px rgba(0, 0, 0, 0.2);

  @media (min-width: 769px) {
    font-size: 25px;
  }
}

.category__automn {
  width: 100%;
}

.category__automn img {
  width: 100%;
}

.category__outlet__info {
  max-width: 732px;
  padding: 0 16px;
  margin: 0 auto;
  margin-top: 40px;
}

.category__outlet__info h2 {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin-bottom: 32px;

  @media (min-width: 769px) {
    font-size: 20px;
  }
}

.category__outlet__info p {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;

  @media (min-width: 769px) {
    font-size: 14px;
  }
}

.category__outlet__info ul {
  list-style: disc;
  padding-left: 20px;
  margin: 16px 0;
}

.category__outlet__info ul li {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0.05em;

  @media (min-width: 769px) {
    font-size: 14px;
  }
}