@charset "uff-8";

#category_2020 .inner { padding:0 2rem; }

#choose_color {}
#choose_color .color-area {}
#choose_color .color-area ul { display:flex; flex-wrap:wrap; margin:0 4rem; }
#choose_color .color-area ul li {
  width:calc(100% / 8 - 4rem);
  aspect-ratio:1 / 1;
  border-radius:50%; 
  margin:1rem 2rem;
  font-weight: bold;
  transition:all ease-out .4s;
}
#choose_color .color-area ul li a { display:flex; justify-content:center; align-items:center; width:100%; height:100%; color:#fff; font-size:0.729vw; }
#choose_color .color-area ul li:hover { opacity:.6; }

@media screen and (max-width:820px){
  #choose_color .color-area ul li { width:calc(100% / 8 - 2rem); margin:1rem; }
  #choose_color .color-area ul li a { font-size:1vw; }
}
@media screen and (max-width:600px){
  #choose_color .color-area ul li { width:calc(100% / 4 - 2rem); margin:1rem; }
  #choose_color .color-area ul li a { font-size:2vw; }
}