@charset "UTF-8";
/* ==========================================================================
   Page news document container
   記事詳細（single.php）の画像調整として使用しています。
   ========================================================================== */
.document-container .wp-block-columns {
  display: flex;
  flex-direction: column;
  row-gap: 1.25rem;
}
@media (min-width: 33.75em) {
  .document-container .wp-block-columns {
    flex-direction: row;
    -moz-column-gap: 1.25rem;
         column-gap: 1.25rem;
  }
}
@media (min-width: 48em) {
  .document-container .wp-block-columns {
    width: calc(100% + 80px);
    margin-left: -2.5rem;
  }
}
@media (min-width: 80em) {
  .document-container .wp-block-columns {
    width: calc(100% + 160px);
    margin-left: -5rem;
  }
}
.document-container .wp-block-columns + figure {
  margin-top: 1.25rem;
}
.document-container .wp-block-columns:first-of-type {
  margin-top: 3.75rem;
}
.document-container .wp-block-columns:nth-of-type(n+2) {
  margin-top: 1.25rem;
}

.document-container .wp-block-column {
  flex-grow: 1;
}

.document-container > .wp-block-image {
  margin-block: 1.5rem;
}
@media (min-width: 48em) {
  .document-container > .wp-block-image {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: calc(100% + 80px);
    margin: 40px 0 50px -40px;
  }
}
@media (min-width: 80em) {
  .document-container > .wp-block-image {
    width: calc(100% + 160px);
    margin: 60px 0 60px -80px;
  }
}
.document-container > .wp-block-image img {
  border-radius: 0.3125rem;
}
.document-container > .wp-block-image figcaption {
  flex-basis: 100%;
  margin-top: 1rem;
  font-size: 70%;
  text-align: center;
  opacity: 0.75;
}
@media (min-width: 33.75em) {
  .document-container > .wp-block-image figcaption {
    font-size: 80%;
  }
}
@media (min-width: 48em) {
  .document-container > .wp-block-image figcaption {
    margin-top: 1.5rem;
    font-size: 85%;
  }
}
@media (min-width: 80em) {
  .document-container > .wp-block-image figcaption {
    font-size: 90%;
  }
}

/* gallery */
.document-container .wp-block-gallery {
  margin: 2.5rem 0;
}
@media (min-width: 48em) {
  .document-container .wp-block-gallery {
    width: calc(100% + 80px);
    margin: 3.125rem 0 0.625rem;
  }
}
@media (min-width: 80em) {
  .document-container .wp-block-gallery {
    width: calc(100% + 160px);
    margin: 3.75rem 0 -1.25rem;
  }
}
.document-container .wp-block-gallery > figcaption {
  flex-basis: 100%;
  font-size: 90%;
  text-align: center;
  opacity: 0.9;
}
.document-container .wp-block-gallery > .wp-block-image > figcaption {
  margin-top: 0.75rem;
  margin-bottom: 1.75rem;
  font-size: 80%;
  text-align: center;
  opacity: 0.9;
}
@media (min-width: 48em) {
  .document-container .wp-block-gallery > .wp-block-image > figcaption {
    margin-top: 0.875rem;
    margin-bottom: 2rem;
    font-size: 85%;
  }
}
@media (min-width: 80em) {
  .document-container .wp-block-gallery > .wp-block-image > figcaption {
    margin-top: 1rem;
    margin-bottom: 2.25rem;
    font-size: 90%;
  }
}
.document-container .wp-block-gallery img {
  border-radius: 0.3125rem;
}

.document-container .wp-block-gallery.columns-1,
.document-container .wp-block-gallery.columns-default {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
}

.document-container .wp-block-gallery.columns-2 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (min-width: 48em) {
  .document-container .wp-block-gallery.columns-2 {
    gap: 0.9375rem;
  }
}
@media (min-width: 80em) {
  .document-container .wp-block-gallery.columns-2 {
    gap: 1.25rem;
  }
}
.document-container .wp-block-gallery.columns-2 > .wp-block-image {
  flex-grow: 1;
  flex-basis: calc((100% - 20px) / 2);
}
.document-container .wp-block-gallery.columns-2 > .wp-block-image > img {
  border-radius: 0.3125rem;
}

.document-container .wp-block-gallery.columns-3 {
  display: flex;
  flex-wrap: wrap;
  gap: 0.625rem;
}
@media (min-width: 48em) {
  .document-container .wp-block-gallery.columns-3 {
    gap: 0.9375rem;
  }
}
@media (min-width: 80em) {
  .document-container .wp-block-gallery.columns-3 {
    gap: 1.25rem;
  }
}
.document-container .wp-block-gallery.columns-3 > .wp-block-image {
  flex-grow: 1;
  flex-basis: calc((100% - 40px) / 3);
}
.document-container .wp-block-gallery.columns-3 > .wp-block-image > img {
  border-radius: 0.3125rem;
}