.child-category {
    margin-left: 20px;
}
.category-item {
    margin-bottom: 5px;
}

.category-name {
    cursor: pointer; /* カーソルをポインターにする */
    display: flex;
    align-items: center;
}

.toggle-icon {
    margin-right: 5px;
}

.search-button {
    background-color: #f90; /* オレンジ色のボタン */
    color: white;
    font-size: 1em;
    font-weight: bold;
    padding: 10px 20px;
    border: none;
    border-radius: 1em;
    cursor: pointer;
    transition: background-color 0.3s, transform 0.1s;
  }
  
  .search-button:hover {
    background-color: #fb3; /* ホバー時は少し明るいオレンジ色 */
  }
  
  .search-button:active {
    transform: scale(0.98); /* クリック時に少し縮小する効果 */
  }
  
  /* カラーバリエーション */
  .search-button.lightblue {
    background-color: #add8e6;
  }
  
  .search-button.lightblue:hover {
    background-color: #bfe0f0;
  }
  
  .search-button.lightgreen {
    background-color: #90ee90;
  }
  
  .search-button.lightgreen:hover {
    background-color: #98fb98;
  }
  
  .search-button.lightpink {
    background-color: #ffb6c1;
  }
  
  .search-button.lightpink:hover {
    background-color: #ffc0cb;
  }