html, body {
  max-width: 100%;
  min-width: 1200px; /* 1280pxより少し小さめに */
  min-height: 570px; /* 768pxより少し小さめに */
  max-height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: auto; /* 横スクロールは必要な時だけ */
}

.wrapper {
  min-height: 100vh; /* 画面の高さいっぱい */
  display: flex;
  flex-direction: column;
}

#page {
  flex: 1;
  width: auto;
  display: flex;
  flex-direction: column;
  overflow-y: auto; /* 縦スクロールも必要な時だけ */
  margin-top: 20px;
}

main {
  flex: 1;
}