.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;
  }