.whiteicon {

  filter: brightness(0) invert(1);

}

  /* すべての <a> タグのデフォルトスタイルを変更 */
a {
    /* text-decoration-none に相当: 下線をなくす */
    text-decoration: none !important;
    /* text-black に相当: 文字色を黒にする */
    color: #000000 !important;
}

/* ホバー時のスタイルも変更する場合 */
a:hover {
    /* ホバー時の下線も消す */
    text-decoration: none !important;
    /* ホバー時の文字色も黒のままにするか、別の色に変更 */
    color: #000000 !important;
}

/* 訪問済みリンク (:visited) の色も変更する場合 */
a:visited {
    /* 訪問済みリンクの色も黒にする */
    color: #000000 !important;
}

/*accordion default*/
.accordion-button {
    /* 背景色 (デフォルトの灰色を上書き) */
    background-color: white; 
    /* 文字色 */
    color: black; 
}
.accordion-button:not(.collapsed) {
    /* 背景色 (展開時のデフォルトの青を上書き) */
    background-color: white ; /* 例: ティール */
    /* 文字色 */
    color: black; 
    /* 展開時のフォーカスリングの影も変更したい場合は以下を追加 */
    box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.25); /* 上記のティール色に合わせた影 */
}
.accordion-button:not(.collapsed):hover,
.accordion-button:hover {
    /* ホバー時の背景色 */
    background-color: white; 
}


#test01 {
    background-color: royalblue;
}

.navbar-brand img {
  width: 32px;
  height: 32px;
}