@charset "UTF-8";
#topics .post_list {
  gap: 0;
  grid-template-columns: 100%;
}
#topics .post_list .post {
  display: grid;
  gap: var(--wp--preset--spacing--30);
  grid-template-columns: 20% 1fr;
  padding-bottom: var(--wp--preset--spacing--30);
  border-bottom: solid 1px var(--wp--preset--color--theme-gray);
}
#topics .post_list .post:not(:first-child) {
  padding-top: var(--wp--preset--spacing--30);
}
#topics .post_list .post a {
  color: inherit;
  text-decoration: none;
}
#topics .post_list .post .post_thumb {
  aspect-ratio: 3/2;
  line-height: 1;
}
#topics .post_list .post .post_thumb:not(:has(img)) {
  background-image: url(../../assets/images/blankimg.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
#topics .post_list .post .post_thumb .wp-block-post-featured-image {
  border: solid 1px var(--wp--preset--color--theme-gray);
  width: 100%;
  height: 100%;
}
#topics .post_list .post .post_thumb a {
  display: block;
}
#topics .post_list .post .post_thumb a::after {
  display: none;
}
#topics .post_list .post .post_thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
#topics .post_list .post .post_info {
  gap: 0;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}
#topics .post_list .post .wp-block-post-date {
  color: var(--wp--preset--color--theme-gray);
  font-size: var(--wp--preset--font-size--small);
  line-height: 1;
}
#topics .post_list .post .wp-block-post-title {
  color: #2CA28B;
  font-size: var(--wp--preset--font-size--x-large);
}
#topics .post_list .post .wp-block-post-title a[href$=".pdf"]::after {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  font-size: 0.8em;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 1em 1em;
  background-image: url(../../assets/images/icn-pdf.svg);
}
#topics .post_list .post.status-future {
  opacity: 0.6;
}
#topics .post_list .post.status-future .post_info .wp-block-post-date::after {
  content: "予約公開";
}
/*# sourceMappingURL=topics.css.map */