@charset "UTF-8";
/* ------------------------------------------------------------------------------
  エントリー｜バナーリスト
------------------------------------------------------------------------------ */
body {
  scroll-behavior: auto;
}

/* バナーリスト全体 */
.p-entry-banner-list {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
}
@media (max-width: 768px) {
  .p-entry-banner-list {
    gap: 16px;
  }
}
.p-entry-banner-list {
  /* バナーアイテム */
}
.p-entry-banner-list__item {
  flex: 1 1 calc((100% - 72px) / 4);
  max-width: calc((100% - 72px) / 4);
}
@media (max-width: 1024px) {
  .p-entry-banner-list__item {
    flex: 1 1 calc((100% - 24px) / 2);
    max-width: calc((100% - 24px) / 2);
  }
}
@media (max-width: 768px) {
  .p-entry-banner-list__item {
    flex: 1 1 100%;
    max-width: 100%;
  }
}
.p-entry-banner-list {
  /* バナーリンク */
}
.p-entry-banner-list__link {
  display: block;
  padding: 16px;
  transition: opacity 0.3s;
}
.p-entry-banner-list__link:hover {
  opacity: 0.7;
}
.p-entry-banner-list {
  /* バナー画像 */
}
.p-entry-banner-list__link img {
  display: block;
  width: 100%;
  height: auto;
}