.main-visual {
  background-color: #eeeeee;
  color: #000;
}

.breadcrumb {
  background-color: transparent; /* 背景を透明にする（デフォルトは白） */
}

.breadcrumb a {
  color: #000; /* リンクの色を黒に変更 */
}

.breadcrumb-item.active {
  color: #555; /* 現在のページを少し薄い色に */
}

.card-img-top {
  width: 100%;
  height: 250px;
  object-fit: scale-down;
}


#search-box {
  max-width: 300px;
  margin: 0 auto;
}
/* タグ全体のスタイル */
.tags {
  margin-top: 10px;
}

.badge {
  margin-right: 5px;
  font-size: 0.85em;
  color: #fff; /* 文字色を白に固定 */
}

/* くすみカラー */
.badge-custom-blue {
  background-color: #6a9fb5;
}

.badge-custom-green {
  background-color: #8fa998;
}

.badge-custom-yellow {
  background-color: #d4c19c;
}

.badge-custom-pink {
  background-color: #d4a5a5;
}

.badge-custom-gray {
  background-color: #b0b0b0;
}

.badge-custom-purple {
background-color: #a89bc4; /* くすみ紫 */
}

.badge-custom-teal {
background-color: #7a9a9e; /* くすみ青緑 */
}

.badge-custom-peach {
background-color: #f4b4a0; /* くすみ桃色 */
}

.badge-custom-brown {
background-color: #c4a7a0; /* くすみ茶色 */
}

.badge-custom-orange {
background-color: #d6b7a8; /* くすみオレンジ */
}

.badge-custom-olive {
background-color: #7a7b5c; /* くすみオリーブ */
}

#hit-count {
  font-weight: bold;
  color: #333;
}

.company-logo {
  width: 100%;       /* カード内で画像が100%に広がる */
  height: auto;      /* アスペクト比を維持して高さを自動調整 */
  max-width: 150px;  /* 最大幅を150pxに設定 */
  max-height: 80px;  /* 最大高さも80pxに設定 */
  object-fit: contain; /* 画像をアスペクト比を保ちながら最大限に表示 */
  display: block;    /* 画像をブロック要素にして中央揃えがしやすくなる */
  margin: 0 auto;    /* 画像を中央揃え */
}