/* タブ2（80分）が選択されたとき → タブ1（50分）を非表示 */
body:has(input[name="tab"][value="2"]:checked) #tab-wrap-1 {
  display: none !important;
}

/* タブ2（80分）が選択されたとき → タブ2（80分）を表示 */
body:has(input[name="tab"][value="2"]:checked) #tab-wrap-2 {
  display: flex !important;
}

/* 選択中のタブの背景を黒に */
#tab-btns label:has(input:checked) {
  background-color: #333333 !important;
  border-color: #333333 !important;
}

/* 選択中のタブの文字を白に */
#tab-btns label:has(input:checked) span {
  color: #FFFFFF !important;
}