@charset "utf-8";

/* 固定ページ */
/* --- 固定ページ全体のコンテナ --- */
.fixed-page-article {
  max-width: 1000px; /* 本文内のテーブルや画像が広く使えるようにsingle.phpより少し広めに設定 */
  width: 95%;
  margin: 0 auto; /* ページ全体を画面中央に配置 */
  text-align: left; /* 中身の文字やリストは頭揃え（左寄せ） */
  padding: 50px 0;
}

/* --- 固定ページのタイトルエリア --- */
.page-header {
  text-align: center; /* タイトルは中央に */
  margin-bottom: 40px;
}

.page-title {
  display: inline-block; /* 文字の長さだけに下線を引く */
  border-bottom: 3px solid #005bac; /* テーマカラーの青（少し太めにして存在感を出す） */
  padding-bottom: 12px;
  font-size: clamp(1.6rem, 4vw, 2.5rem); /* スマホとPCで最適な可変サイズ */
  color: #005bac;
  font-weight: bold;
}

/* --- 本文（ブロックエディタ出力エリア） --- */
.page-content {
  font-size: clamp(0.95rem, 1vw + 0.5rem, 1.05rem);
  line-height: 1.8;
  color: #333;
}

/* --- ブロックエディタ要素の自動調整 --- */
/* 段落の間隔 */
.page-content p {
  margin-bottom: 1.5em;
}

/* 本文内の大見出し（h2） */
/* トップページで作った「文字幅で下線」のデザインをここでも自動適用 */
.page-content h2 {
  display: inline-block;
  border-bottom: 2px solid #005bac;
  padding-bottom: 5px;
  margin: 40px 0 20px 0;
  font-size: clamp(1.3rem, 3vw, 1.8rem);
  color: #005bac;
}

/* 本文内の中見出し（h3） */
.page-content h3 {
  border-left: 5px solid #005bac; /* 左側に青の縦線アクセント */
  padding-left: 10px;
  margin: 30px 0 15px 0;
  font-size: clamp(1.1rem, 2vw, 1.4rem);
  color: #333;
}

/* 管理画面の「テーブルブロック」を入れた時のレスポンシブ対応 */
.page-content table {
  width: 100% !important;
  border-collapse: collapse;
  margin-bottom: 25px;
}

.page-content th,
.page-content td {
  border-bottom: 1px solid #ddd;
  padding: 12px;
  text-align: left;
}

.page-content th {
  background-color: #f7f7f7;
  font-weight: bold;
}