@charset "UTF-8";

/* =========================
   取扱ブランド（brands）
   最終安定版
   デザイン変更なし
========================= */



.page-brands .home-news-more {
  margin-top: 80px;
}

.page-brands .news-more-circle {
  background-image: url("../images/return.svg");
}



/* グローバルナビ：取扱ブランドをアクティブ */
.page-brands .global-nav ul li:nth-child(6) a {
  color: #CD4145 !important;
  font-family: "TazuganeGothicStdN-Medium";
  pointer-events: none;
}

/* ヒーロー：高さを持たせない */
.page-brands .hero-brands {
  height: auto;
  min-height: 0;
}

/* パンくず非表示 */
.page-brands .breadcrumb {
  display: none;
}

/* タイトル上余白（現状維持） */
.page-brands .greeting-title {
  margin-top: 180px;
  margin-bottom: 60px; /* ← ここを調整（32〜64pxで好み） */
}

/* ブランド一覧（2カラム・about思想準拠） */
.page-brands .brands-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 60px;
  max-width: 1080px;
  margin: 80px auto 0;
}

/* 各ブランドカード */
.page-brands .brand-card {
  text-align: left;
  box-sizing: border-box;
}

/* 画像枠：箱として完結（重複定義を統合） */
.page-brands .brand-image {
  width: 100%;
  box-sizing: border-box;
  padding: 18px 40px;  /* ← 上下だけ減らす。左右は維持 */
  margin-bottom: 30px;
  border: 1px solid #bbb;
}

.page-brands .brand-image img {
  width: 100%;
  height: auto;
  display: block;
}

.page-brands .brand-name-icon {
  width: 14px;      /* 見た目で微調整してOK */
  height: auto;
  display: block;
}

.page-brands .brands-section {
  margin-bottom: 120px;
}



/* スマホ（現状維持） */
@media screen and (max-width: 600px) {
  .page-brands .brands-grid {
    width: 90%;
    grid-template-columns: 1fr;
    gap: 60px; /* PCと同じ間隔でOK（詰めたければ調整可） */
  }
}