body {
  margin: 0;
	background-color: var(--paper);/* 2026.09 修正: #f1eee2直書き → 共通テーマ変数化 */
  color: var(--ink);/* 2026.09 修正: #23261f直書き → 共通テーマ変数化 */
  font-family: "Zen Kaku Gothic New", "Noto Sans JP", sans-serif;
  line-height: 0.9rem;
  font-size:0.9rem;
  -webkit-text-size-adjust: 100%;
  text-underline-offset: 3px;
}





/* =======================================================
   ページレイアウト
最大幅、中央配置、左右余白調整
パンくず の下に記載
   ====================================================== */
/*トップページ*/
/*main#top_content,*/
/*その他のページ*/
main#content{
  max-width: 1220px;
margin-top: 0;padding-top: 0;
  margin-inline: auto;/*左右のマージンを自動にして、要素を中央配置*/
  padding-inline: clamp(16px, 4vw, 32px);/*左右の内側余白を指定しています。
clamp は 最小値、可変値、最大値 の順です。*/

}


/* ===============================================
パンくず  / 戻る com_backbar
<!--- --- トップへ戻る------- --->
  <div class="com_backbar">
    <a href="https://www.forest.minokamo.gifu.jp/index_acce2.cfm">← みのかも文化の森 トップへ</a>
  </div>
=============================================== */
  .com_backbar{
	  margin-top: 0px;
	  margin-bottom: 20px;
    padding:0px 0 0 20px;
    font-size:14px;
  }
   .com_backbar a{
    text-decoration:none;
    color:var(--forest);/* 2026.09 修正: 未定義の --forest-mid から変更 */
    display:inline-flex;
    align-items:center;
    gap:6px;
    border-bottom:1px solid transparent;
    transition:border-color .2s ease;
  }
   .com_backbar a:hover{border-color:var(--forest);}/* 2026.09 修正: 未定義の --forest-mid から変更 */
/* ===============================================
 スクロール（上へ戻る）
<!-- -----トップへ戻る----------------- --> 
<a class="back-to-top" href="#top" data-back-to-top> <span aria-hidden="true">↑</span> UP </a> 
ref="#top"	id="top" へ移動
data-back-to-top	JavaScript用の目印
aria-hidden="true"	矢印を読み上げ対象外にする
   =============================================== */
.back-to-top {
  position: fixed;
  right: clamp(14px, 3vw, 28px);
  bottom: clamp(14px, 3vw, 28px);
  z-index: 40;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--forest);
  color: var(--forest-contrast);
  padding: 12px 18px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 0.85rem;
  font-weight: 700;
  box-shadow: var(--shadow-hover);
  min-height: 44px;
}
.back-to-top:hover { background: var(--forest-2); }

/* ---------- スティッキーヘッダー分のスクロールオフセット ---------- */
section[id], #top, #main-content {
  scroll-margin-top: 70px;/*スライダーの位置に合わせる*/
}
/*-- スムーズスクロール-----*/
html.is-smooth-scroll {
  scroll-behavior: smooth;
}
@media (max-width: 640px) {
  section[id], #top, #content {
    scroll-margin-top: 210px;
  }
}