@charset "UTF-8";
.block-pagecategory-page-list--page a {
  display: flex;
  flex-direction: column;
  height: 100%;
  gap: 6px;
}
.block-pagecategory-page-list--page-image {
  display: flex;
  flex-direction: column-reverse;
  gap: 5px;
}
.block-pagecategory-page-list--page-image figure {
  background-color: transparent;
}
.block-pagecategory-page-list--date {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.block-pagecategory-page-list--date img {
  display: block;
  width: auto;
  height: 13px;
}
.block-pagecategory-page-list--page-new-data {
  font-size: 1.1rem;
  line-height: 1;
  color: #aaa;
}
.block-pagecategory-page-list--page-caption {
  font-size: 1.2rem;
}

@media screen and (min-width: 769px) {
  /* ----ページカテゴリ---- */

  .block-pagecategory-page-list--frame {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    justify-content: center;
    width: 100%;
    margin-bottom: 10px;
    column-gap: 20px;
    row-gap: 30px;
  }

  .block-pagecategory-page-list--frame .block-pagecategory-page-list--page {
    width: 100%;
    margin: 0;
  }

  .block-pagecategory-page-list--page-image figure {
    height: 170px;
  }

  .block-pagecategory-subcategory-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }

  .block-pagecategory-subcategory-list--category-image {
    width: 200px;
  }

  .block-pagecategory-subcategory-list--category-image figure {
    width: 200px;
    height: 150px;
  }
}