@charset "UTF-8";

/* ブロックエディタの投稿タイトル */
.single-title,
.editor-styles-wrapper .wp-block-post-title,
.editor-post-title__input {
  color: #a7c903;
}

.post-body {
  all: revert;
  font-size: 16px;
  line-height: 1.9;
  color: #222;
  font-family: inherit;
}

/* 段落 */
.post-body p {
  margin: 0 0 1.6em;
}

/* 見出し共通 */
.post-body h1,
.post-body h2,
.post-body h3,
.post-body h4,
.post-body h5,
.post-body h6,
.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-weight: 700;
  line-height: 1.4;
  margin-top: 2.8em;
  margin-bottom: 0.8em;
}

/* h1：記事内の最大見出し（特集・LP向け） */
.post-body h1,
.editor-styles-wrapper h1 {
  font-size: 1.9em;
}

/* h2：メイン章 */
.post-body h2,
.editor-styles-wrapper h2 {
  font-size: 1.6em;
}

/* h3：中項目 */
.post-body h3,
.editor-styles-wrapper h3 {
  font-size: 1.35em;
}

/* h4：小項目 */
.post-body h4,
.editor-styles-wrapper h4 {
  font-size: 1.15em;
  border-bottom: 2px solid #32373c;
  padding-bottom: 4px;
}

/* h5：補足 */
.post-body h5,
.editor-styles-wrapper h5 {
  font-size: 1em;
}

/* h6：注釈 */
.post-body h6,
.editor-styles-wrapper h6 {
  font-size: 0.95em;
}

/* リスト（黒丸・数字を復活） */
.post-body ul {
  list-style: disc;
}

.post-body ol {
  list-style: decimal;
}

.post-body ul,
.post-body ol {
  margin: 0 0 1.6em 1.6em;
  padding-left: 0;
}

.post-body li {
  margin-bottom: 0.4em;
}

/* 画像 */
.post-body img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 1.5em auto;
}

.post-body figure img {
  margin: 0 auto;
}

.post-body figure {
  margin: 1.8em 0;
}

.post-body figcaption {
  font-size: 0.9em;
  color: #666;
  margin-top: 0.3em;
}

/* WordPress配置指定を優先させる */
/* 中央 */
.post-body .aligncenter {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

/* 左寄せ */
.post-body .alignleft {
  float: left;
  margin: 0 1.5em 1em 0;
  text-align: left;
}

/* 右寄せ */
.post-body .alignright {
  float: right;
  margin: 0 0 1em 1.5em;
  text-align: right;
}

/* float解除（次の要素崩れ防止） */
.post-body::after {
  content: "";
  display: block;
  clear: both;
}

.post-body .alignleft img,
.post-body .alignright img {
  margin: 0;
}




/* テーブル */
.post-body table {
  width: 100%;
  border-collapse: collapse;
  margin: 2em 0;
  font-size: 0.95em;
}

.post-body th,
.post-body td {
  border: 1px solid #ddd;
  padding: 10px;
}

.post-body th {
  background: #f5f7fa;
  font-weight: 600;
}

/* リンク */
.post-body a {
  color: #2271b1;
  text-decoration: underline;
}

.post-body a:hover {
  opacity: 0.8;
}

/* 引用 */
.post-body blockquote {
  margin: 2em 0;
  padding: 1.2em 1.5em;
  background: #f7f9fc;
  border-left: 4px solid #32373c;
  color: #555;
}
.post-body hr {
  margin: 2.5em 0;
}

@media (max-width: 768px) {

  .post-body {
    font-size: 15px;
    line-height: 1.8;
  }

  .post-body h1 { font-size: 1.6em; }
  .post-body h2 { font-size: 1.4em; }
  .post-body h3 { font-size: 1.2em; }

  .post-body table {
    font-size: 0.9em;
  }
}

/* ダウンロードボタン共通 */
.post-body a.download-btn,
.post-body .wp-block-button__link {
  display: inline-block;
  background: #32373c;
  color: #fff;
  padding: 14px 22px;
  margin: 0.5em 0.6em 0.5em 0;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  transition: opacity 0.2s ease;
}

/* ホバー */
.post-body a.download-btn:hover,
.post-body .wp-block-button__link:hover {
  opacity: 0.8;
}

/* ボタンを横並びできれいに */
.post-body .download-group {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}


/* WordPressファイルダウンロード専用ボタン対策 */
.post-body .wp-block-file__button,
.post-body a[download] {
  display: inline-block;
  background: #32373c;
  color: #fff;
  padding: 6px 22px;
  margin: 0.5em 0.6em 0.5em 1em;
  border-radius: 999px;
  text-decoration: none;
  font-weight: 600;
  transition: opacity 0.2s ease;
}

.post-body .wp-block-file__button:hover,
.post-body a[download]:hover {
  opacity: 0.8;
}