#lblComment, #lblRireki, #lblBunseki, #lblCard, #lblKeyCard, #lblGaiyo { display: block; cursor :pointer; transition: .5s;} #lblComment, #lblRireki { width:6em;} #lblBunseki, #lblCard { width:7em;} #lblKeyCard { width:14em;} #lblGaiyo { width:8em;} #lblComment::after, #lblRireki::after, #lblBunseki::after, #lblCard::after, #lblKeyCard::after, #lblGaiyo::after { display: inline-block; font-family: "Font Awesome 6 Free"; content: '\f107'; font-weight:900; padding-left: 10px; transition: 0.2s;} #lblComment:hover, #lblRireki:hover, #lblBunseki:hover, #lblCard:hover, #lblKeyCard:hover, #lblGaiyo:hover { background: silver;} #chkComment:checked + #lblComment::after, #chkRireki:checked + #lblRireki::after, #chkBunseki:checked + #lblBunseki::after, #chkCard:checked + #lblCard::after, #chkKeyCard:checked + #lblKeyCard::after, #chkGaiyo:checked + #lblGaiyo::after { content: '\f00d'; transform: rotate(360deg);}