@charset "UTF-8";
/**
 * posts.css
 *
 * 記事一覧・詳細ページ用CSS
 *
 * - MT化に伴うCSS修正
 */
/* ---------------------------------------------------------------

	記事一覧

--------------------------------------------------------------- */
#body_wrap.archive.category #post_list {
  transition: opacity 360ms cubic-bezier(0.22, 1, 0.36, 1), transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
  opacity: 1;
  transform: none;
}
#body_wrap.archive.category #post_list.is-leaving, #body_wrap.archive.category #post_list.is-entering {
  opacity: 0;
  transform: translateY(12px);
}
@media (prefers-reduced-motion: reduce) {
  #body_wrap.archive.category #post_list {
    transition: none !important;
  }
}
#body_wrap.archive.category #post_list .p-postList__item {
  opacity: 1;
  transform: none;
  transition: opacity 420ms cubic-bezier(0.22, 1, 0.36, 1), transform 420ms cubic-bezier(0.22, 1, 0.36, 1);
}
#body_wrap.archive.category #post_list .p-postList__item.card-enter {
  opacity: 0;
  transform: translateY(14px) scale(0.985);
}
@media only screen and (max-width: 959px) {
  #body_wrap.archive.category .p-postList__excerpt {
    display: none;
  }
}
@media only screen and (max-width: 959px) {
  #body_wrap.archive.category .p-postList__meta {
    margin-top: 0.25em;
  }
}
#body_wrap.archive.category #pager .page-numbers {
  border: none;
}

/* ---------------------------------------------------------------

	記事詳細

--------------------------------------------------------------- */
#body_wrap.single-post .post_content {
  overflow: hidden;
}
#body_wrap.single-post .post_content:has(h2.wp-block-heading) {
  transform: translateY(-4px);
  padding-top: 4px;
}
#body_wrap.single-post .post_content .wp-block-heading.has-text-color {
  color: var(--color_main);
}
#body_wrap.single-post .post_content .wp-block-heading.has-background {
  background-color: #fbb03b;
}
#body_wrap.single-post .post_content .wp-block-col2 {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: max-content 1fr;
  gap: 1em;
}
@media screen and (min-width: 830px) {
  #body_wrap.single-post .post_content .wp-block-col2 {
    display: grid;
    grid-template-columns: max-content 1fr;
    grid-template-rows: auto;
    gap: 1.6em;
  }
  #body_wrap.single-post .post_content .wp-block-col2._reverse {
    direction: rtl; /* 右から左へ */
  }
  #body_wrap.single-post .post_content .wp-block-col2._reverse .wp-block-col2-text {
    direction: ltr; /* 左から右へ */
  }
}
#body_wrap.single-post .post_content .wp-block-col2-image img {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 466px;
}/*# sourceMappingURL=posts.css.map */