[value="All"]:checked ~ .targets [data-category] {
  display: block;
}


[value="shinjuku"]:checked ~ .targets .target_c:not([data-category~="shinjuku"]){
  display: none;
}

[value="shibuya"]:checked ~ .targets .target_c:not([data-category~="shibuya"]){
  display: none;
}

[value="ikebukuro"]:checked ~ .targets .target_c:not([data-category~="ikebukuro"]){
  display: none;
}

[value="kichijoji"]:checked ~ .targets .target_c:not([data-category~="kichijoji"]){
  display: none;
}

[value="hachioji"]:checked ~ .targets .target_c:not([data-category~="hachioji"]){
  display: none;
}


.checked_animation {
  animation: checked_animation 0.6s ease-in-out both;
}
 
@keyframes checked_animation {
  0% {
  transform: translate(0, 30px);
  opacity: 0;
  }
  100% {
  transform: translate(0, 0);
  opacity: 1;
  }
}