@charset "UTF-8";
/* =========================================================
   お知らせ（一覧・詳細）
   詳細ページの見た目は sub.css の .c-post / .c-postContent
   ========================================================= */

.p-newsList {
  width: 94.4rem;
  margin: 1.8rem auto 0;
  padding-bottom: 7.4rem;
}

.p-newsList__item a {
  display: grid;
  grid-template-columns: 10.4rem 1fr;
  gap: 4rem;
  align-items: start;
  min-height: 8.7rem;
  padding: 2.8rem .8rem;
}

.p-newsList__date {
  font-size: max(1.6rem, 13px);
  font-weight: 500;
  line-height: 1.7;
  letter-spacing: .04em;
  color: var(--c-red);
}

.p-newsList__title {
  font-size: 1.8rem;
  line-height: 1.7;
  transition: opacity .3s var(--ease);
}

@media (hover: hover) {
  .p-newsList__item a:hover .p-newsList__title { opacity: .6; }
}

.p-newsList .c-pagination { margin-top: 6.4rem; }

.p-newsList__empty {
  padding: 4rem 0;
  text-align: center;
}

@media (max-width: 1023px) {
  .p-newsList {
    width: auto;
    max-width: 64rem;
    margin-top: 1.6rem;
    padding: 0 2rem 7rem;
  }

  .p-newsList__item + .p-newsList__item { border-top: 1px solid rgba(36, 36, 36, .1); }

  .p-newsList__item a {
    grid-template-columns: 1fr;
    gap: .4rem;
    min-height: 0;
    padding: 2rem 0;
  }

  .p-newsList__date { font-size: 1.4rem; }

  .p-newsList__title { font-size: 1.6rem; }

  .p-newsList .c-pagination { margin-top: 4rem; }
}