button {
/*padding: 10px 20px;
border-radius: 20px;*/
font-size: 16px;

}
li {
font-size: 23px;
}

#data8, #data7, #data6, #data5, #data4, #data3, #data2, #data1 {
display: none;
}

#collar8.active, #collar7.active, #collar6.active, #collar5.active, #collar4.active, #collar3.active, #collar2.active, #collar1.active{
color: black;
background-color: #88ffff;
}

#data8.active, #data7.active, #data6.active, #data5.active, #data4.active, #data3.active, #data2.active, #data1.active {
display: block;
}

    /* ボタンがアクティブな状態のスタイル */
    button.active {
      background-color: #007BFF; /* 青色 */
      color: white;
    }