/* =========================
   レイアウト（左固定メニュー＋右本文）
========================= */

/* 本文を左メニュー分だけ右にずらす */
.layout {
  display:block 
}

/* 本文側 */
.main-content {
  margin-left: 260px;           /* ← メニューの幅分ずらす（お好みで調整可） */
  /* padding: 20px 40px 40px; */
  max-width: 100%;
}

/* 左メニュー本体 */
.sidebar {
  position: fixed;
  top: 0;                       /* 画面の一番上から */
  left: 0;
  width: 240px;                 /* 横幅 */
  min-height: 100vh;            /* 画面の下まで背景を伸ばす */

  background: #262221;          /* 背景 */
  padding: 20px 14px 30px;
  box-sizing: border-box;

  color: #f7f3ee;

}

/* ✤ はじめに 等の見出し */
.sidebar h3{
  background: #ca896b79;/*背景色*/
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  margin: top 0;
  margin-bottom: 0.3em;
}


/* リスト */
.sidebar ul {
  list-style: none;
  padding: 0;
}

.sidebar li {
  margin: 2px 0;
}

/* リンク */
.sidebar a {
  color: #f7f3ee;
  text-decoration: none;
}

.sidebar a:hover {
  text-decoration: underline;
  color: #ffe3b8;
}