.pickup-article-list {
  --gap: 1rem;
  background-color: var(--g-color--blue);
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  padding: 1rem;
}
@media (min-width: 1280px) {
  .pickup-article-list {
    flex-direction: row;
  }
}
.pickup-article-list__item {
  --i-gap: var(--gap);
}
@media (min-width: 1280px) {
  .pickup-article-list__item {
    flex: 1 1 calc(100% / 3 - var(--i-gap));
  }
}

.filter {
  display: grid;
  gap: 2rem;
  justify-content: center;
}
.filter__links {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.filter__links-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  color: var(--g-color--red);
  font-family: var(--g-font--oswald);
  font-size: var(--g-font-size--x1p5);
}
@media (min-width: 1280px) {
  .filter__links-item {
  }
}
.filter__links-item.is-active {
  opacity: 0.5;
}
.filter__links-item img {
  height: 1em;
}
.filter__search {
}

.article-list {
  display: grid;
  gap: 2rem;
}
@media (min-width: 1280px) {
  .article-list {
    grid-template-columns: repeat(3, 1fr);
  }
}
.article-list__item {
}