@charset "UTF-8";
/*
  pickup
*/

#special .wrapper{
  width: calc(100% / 6 * 4 + 64px);
  margin: 0 auto;
  background: #fff;
  padding: 40px 80px 0;
}
#special h2{
  max-width: 480px;
  margin: 0 auto;
}
#special ul {
  display: flex;
  justify-content: center;
  gap:20px;
}
#special li {
  flex-basis: calc(100% / 3 - 20px);
  border-radius: 10px;
  overflow: hidden;
}
#special li a,
#special li a img {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  #special .wrapper{
    width: 100%;
    padding: 40px 0 0;
  }
  #special ul {
    display: flex;
    justify-content: center;
    padding: 0 10px;
    gap:10px;
  }
  #special li {
    flex-basis: calc(100% / 2 - 5px);
    border-radius: 10px;
    overflow: hidden;
  }
}