.toggle_button_img {
    cursor: pointer;
}

.toggle_button_img_text {
    /* チェックボックスとテキストの上下を中央に */
    margin-top: auto;
    margin-bottom: auto;
}

.toggle_button_img input {
    display: none; /* デフォルトのチェックボックスを非表示 */
}

.toggle_button_img_img {
    height: 30px;
    width: 30px;
}

.toggle_button_img_gray {
    filter: grayscale(100%);
}