#content {
    display: flex; /* メニューとメインを横並びにする */
}

#menu {
    width: 200px; /* メニュー部分の幅を200pxに固定 */
}

#main {
    flex: 1; /* メイン部分が残りの幅を全て使う */
}
#main img {
  width: 30%;           /* 画像の幅を親要素の30%にする */
  box-sizing: border-box; /* 幅に余白やパディングを含めて計算する */
  vertical-align: top;  /* 複数画像が並んだとき上端を揃える */
  margin-right: 12px; /* 画像の右側に余白を追加 */
  margin-bottom: 12px; /* 画像の下側にも余白を追加 */
  border: 2px solid #888; /* 画像にグレーの枠線を追加 */
}
#main img:last-child {
  margin-right: 0; /* 最後の画像の右余白はなくす */
}

h1 {
    text-align: center; /* 見出しを中央揃えにする */
    color: rgb(0, 56, 168); /* 見出しの色を指定、日経ブルー */
}
.menu_item {
    font-weight: bold; /* メニュー項目を太字にする */
}

.janken { 
    font-size: xxx-large; /* じゃんけんボタンの文字サイズを大きくする */
}

#button-day5 {
  display: block;           /* ボタンをブロック要素として表示し、幅いっぱいに扱う */
  margin-left: auto;        /* 左側の余白を自動調整し、中央寄せにする */
  margin-right: auto;       /* 右側の余白も自動調整し、中央寄せにする */
}