@charset "UTF-8";
/*
 * WordPress 用の追加分（静的サイトの /css/style.css の後に読み込む）
 * 静的サイトの CSS にない部分だけを書く。色・書体は静的サイトの変数（--c-*・--ff-*）を使う
 */

/* ---------- 記事のカテゴリー（日付の右） ---------- */
.p-blog-entry__cats {
  display: inline;
  margin-left: 1em;
  font-size: 13px;
  vertical-align: top; /* 日付の行の高さ（30px）を変えない */
}

.p-blog-entry__cat {
  color: var(--c-copy);
  text-decoration: underline;
  text-underline-offset: 2px;
}

.p-blog-entry__cat + .p-blog-entry__cat {
  margin-left: 0.8em;
}

@media (hover: hover) {
  .p-blog-entry__cat:hover {
    opacity: 0.7;
  }
}

/* ---------- アイキャッチ（本文に同じ画像がない記事だけ表示） ---------- */
.p-blog-entry__thumb {
  margin: 24px 0 0;
}

.p-blog-entry__thumb img {
  display: block;
  max-width: 100%;
  height: auto;
}

/* ---------- 記事内のページ分割（<!--nextpage-->） ---------- */
.p-blog-pager--inner {
  margin-top: 32px;
}

/* ---------- 固定ページ・404（サイドバーなし・1段） ---------- */
@media (min-width: 990px) {
  .p-blogpage--page {
    grid-template-columns: minmax(0, 760px);
    justify-content: center;
  }
}

.p-blog-notfound ul {
  margin-top: 24px;
}

/* ---------- WordPress の標準クラス ---------- */
.screen-reader-text {
  position: absolute !important;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}