/* 一覧 */
.up-d_article-list > div[data-collection-list-content] {
  display: contents;
}

.up-d_article-list {
  display: grid;
  gap: 2rem;
  grid-template-columns: repeat(auto-fit, minmax(238px, 1fr));
  justify-content: center;
  margin: 40px 40px 0px 40px;
}

@media screen and (min-width: 1280px) {
  .up-d_article-list {
    grid-template-columns: repeat(4, minmax(0px, 271px));
  }
}

.up-d_article {
  font-size: 16px;
}

.up-d_article > a {
  display: block;
}

.up-d_article > a > img {
  aspect-ratio: 1/1;
  object-fit: cover;
}

.up-d_article-title {
  margin-top: 0.25rem;
  font-weight: bold;
}

.up-d_article-published-date {
  margin-top: 0.75rem;
}

@media screen and (max-width: 468px) {
  .up-d_article-title {
    margin: 0.25rem 0.75rem 0rem 0.75rem;
  }
  .up-d_article-published-date {
    margin: 0.75rem 0.75rem 0rem 0.75rem;
  }
}