.fit-makers, .fit-kanas, .fit-models, .fit-chassis {
  display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:.75rem;
}
.fit-makers a, .fit-kanas a, .fit-models a, .fit-chassis a {
  display:block; padding:.6rem .75rem; border:1px solid #ddd; border-radius:10px; text-decoration:none;
}
.fit-table { width:100%; border-collapse:collapse; margin-top:1rem; }
.fit-table th, .fit-table td { border:1px solid #e5e7eb; padding:.6rem .75rem; }
.fit-table th { background:#f9fafb; text-align:left; }



/* パンくず */
.fit-breadcrumbs { margin: 10px 0 20px; font-size: 14px; }
.fit-breadcrumbs ol { list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 6px; }
.fit-breadcrumbs li { position: relative; padding-right: 14px; color: #666; }
.fit-breadcrumbs li a { color: #0073aa; text-decoration: none; }
.fit-breadcrumbs li a:hover { text-decoration: underline; }
.fit-breadcrumbs li:not(:last-child)::after {
  content: '>'; position: absolute; right: 4px; color: #bbb;
}
.fit-breadcrumbs .current { color: #222; font-weight: 600; padding-right: 0; }

/* カードグリッド（メーカー／ルビ／車種） */
.fit-makers, .fit-kanas, .fit-models, .fit-chassis {
  display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
  list-style: none; padding: 0; margin: 16px 0 24px;
}
.fit-makers li a, .fit-kanas li a, .fit-models li a, .fit-chassis li a {
  display: block; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px;
  padding: 12px 14px; text-align: center; color: #111; text-decoration: none;
  box-shadow: 0 1px 2px rgba(0,0,0,.03);
}
.fit-makers li a:hover,
.fit-kanas li a:hover,
.fit-models li a:hover,
.fit-chassis li a:hover {
  border-color: #cfd8e3; box-shadow: 0 4px 10px rgba(0,0,0,.06); transform: translateY(-1px);
  transition: all .12s ease-out;
}

/* 適合テーブル */
.fit-table { width: 100%; border-collapse: collapse; margin: 12px 0 32px; }
.fit-table th, .fit-table td { border: 1px solid #e5e7eb; padding: 10px 12px; }
.fit-table thead th { background: #f7f7f8; font-weight: 600; text-align: left; }
.fit-table tbody tr:nth-child(odd) td { background: #fafafa; }
.fit-table td a { color: #005bbb; text-decoration: none; }
.fit-table td a:hover { text-decoration: underline; }

h3.maker-group-heading {
	background-color: #000;
    color: #fff;
    padding: 0.5em 1em;
}
.term-hero-wrap img{
	width:100%;
	height:auto;
	margin:20px 0;
}

#compatibility img {
	max-width: 100%;
	height: auto;
	margin: 3% 0;
}
#compatibility .notice {
    margin: 12px 0;
    padding: 10px 12px;
    border: 1px solid #f5b5b5;
    background: #fff5f5;
    font-weight: 700;
}