.calendar-container {
  display: flex; /* 子要素を横並びにする */
  align-items: center; /* 子要素を垂直方向に中央揃えにする */
  justify-content: center; /* 子要素を水平方向に中央揃えにする（必須ではないが、全体を中央にしたい場合に便利） */
  margin: 20px auto; /* 上下に余白をとり、左右を自動で中央揃え */
  max-width: 800px; /* カレンダーの最大幅などを設定 */
}

.calendar-image-wrapper {
  margin: 0; /* ボタンと画像の間隔 */
}

#calendar-image {
  max-width: 100%; /* 親要素の幅に合わせて画像を調整 */
  height: auto;
  display: block;
  margin: 0 auto;
}

.nav-button {
  font-size: 50px;
  cursor: pointer;
  border: none;
  background: none;
}