/* BIZ UDPゴシックを使いたい場合 */
@import url("https://fonts.googleapis.com/css2?family=BIZ+UDPGothic:wght@400;700&display=swap");

:root {
  --font-heading: "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  --font-body: "BIZ UDPGothic", "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;

  --size-h1: 72px;   /* タイトルサイズ */
  --size-h2: 54px;   /* セクション見出し */
  --size-h3: 44px;
  --size-body: 36px; /* 本文の文字サイズ */
}

/* 見出し */
.reveal h1, .reveal h2, .reveal h3 {
  font-family: var(--font-heading);
  font-weight: 700;
}
.reveal h1 { font-size: var(--size-h1); }
.reveal h2 { font-size: var(--size-h2); }
.reveal h3 { font-size: var(--size-h3); }

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
  text-transform: none !important;
}

/* 本文 */
.reveal p, .reveal li {
  font-family: var(--font-body);
  font-size: var(--size-body);
  line-height: 1.25;
  text-transform: none !important;
  color: #333333 !important; /* 本文の文字色を黒に */
  text-shadow: none !important; /* 文字の影を削除 */
  background: transparent !important; /* 背景を透明に */
}

/* 見出しの文字色も黒に変更 */
.reveal h1, .reveal h2, .reveal h3, .reveal h4, .reveal h5, .reveal h6 {
  color: #333333 !important;
  text-shadow: none !important; /* 文字の影を削除 */
  background: transparent !important; /* 背景を透明に */
}

/* コンテンツページの背景を統一 */
.reveal {
  background-color: #f5f5f5 !important; /* 統一した薄いグレー */
}


/* フッター部分の背景色を濃いグレーに設定 */
.reveal div.footer,
.reveal .footer,
.reveal .slide-footer {
  background-color: #37474F !important;
  color: #ffffff !important;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  font-size: 0.7em !important;
  line-height: 0.8;
  padding: 1px;
}

.reveal .footer > p {
  font-size: 0.7em !important;
  line-height: 0.8;
  padding: 8px 20px;
  margin: 0;
  color: #ffffff !important;
}

/* 画像（figure）の中央寄せ */
.reveal .figure {
  text-align: center !important;
  margin: 0 auto !important;
}

.reveal .figure img {
  display: block;
  margin: 0 auto;
}

/* キャプションの中央揃えとフォントサイズ */
.reveal .quarto-figure-caption,
.reveal .figure p.caption,
.reveal p.caption {
  text-align: center !important;
  font-size: 0.5em !important;   /* ← お好みで調整 0.7〜0.9em くらい */
  margin-top: 0.2rem;
}

.reveal .quarto-figure-caption a,
.reveal p.caption a {
  color: inherit;
  text-decoration: underline;
}