/* 検索欄のスタイル */
  .search-container {
    display: flex;
    align-items: center;
    margin: 10px 0;
  }
  
  .search-container label {
    font-size: 1.2em;
    margin-right: 10px; /* ラベルとテキストボックスの間隔 */
  }
  
  #colorFilter {
    width: 100%;
    max-width: 400px;
    padding: 10px;
    box-sizing: border-box;
  }
  
  /* テーブルのスタイル */
  table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 20px;
  }
  
  th, td {
    padding: 10px;
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
  
  th {
    background-color: #f1f1f1;
  }
  
  th.color {
    width: 50px;
  }