@charset "utf-8";
/* ==========================================================
   WordPress 用の追加スタイル（デザインの CSS の後に読み込み）
   ========================================================== */

/* スクリーンリーダー用のテキスト（WordPress 標準） */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

/* 記事がまだ無いとき */
.vcm-empty {
  padding: 24px 0;
  color: rgba(255, 255, 255, .75);
  font-size: .9rem;
  line-height: 1.8;
}
.result .vcm-empty {
  margin-bottom: 24px;
}

/* 前後の記事：片方しか無いときも左右の位置を保つ */
.post-nav__empty {
  display: block;
}

/* 本文の画像の配置（クラシックエディター・ブロックエディター） */
.entry-content .alignleft {
  float: left;
  margin: 0 24px 16px 0;
}
.entry-content .alignright {
  float: right;
  margin: 0 0 16px 24px;
}
.entry-content .aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.entry-content::after {
  content: "";
  display: block;
  clear: both;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .wp-block-embed iframe,
.entry-content iframe {
  max-width: 100%;
}
.page-links {
  margin-top: 32px;
  font-size: .9rem;
}

/* ログイン中（管理バー表示時）に固定要素がバーに隠れないように */
@media (min-width: 1025px) {
  .admin-bar header.header {
    top: 32px;
    height: calc(100vh - 32px);
  }
}
@media (max-width: 1024px) {
  .admin-bar .menu-btn {
    top: 52px;
  }
}
@media (max-width: 782px) {
  .admin-bar .menu-btn {
    top: 60px;
  }
}
@media (max-width: 600px) {
  /* 600px 以下では管理バーがスクロールで消えるため元の位置 */
  .admin-bar .menu-btn {
    top: 14px;
  }
}