@charset "UTF-8";

.news-list-full {
  max-width: 800px;
  margin: 0 auto 40px;
  padding: 0 20px;
  border-top: solid 1px #ddd;
}

.news-item {
  display: flex;
  gap: 24px;
  padding: 16px 0;
  border-bottom: solid 1px #ddd;
  font-size: 14px;
}

.news-date {
  flex-shrink: 0;
  width: 100px;
  color: #999;
}

@media screen and (max-width: 767px) {
  .news-item {
    flex-direction: column;
    gap: 4px;
  }
  .news-date {
    width: auto;
  }
}