* {
  box-sizing: border-box;
  margin: 0px;
  color: white;

  /* テキストを選択できないように  */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #252525;
  width: 100vw;
}

header {
  height: 6vh;
  background-color: black;
  font-size: min(3vh,5vw);
  padding: 1.5vh;
  display: flex;
  flex-direction: row;
  align-items: center;
}

header img {
  height: 5vh;
  margin: 1.5vh 1.5vh;
}

main {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#game {
  aspect-ratio: 10/7;
  width: min(95vw, calc(94vh * 10 / 7));

  display: flex;
  flex-direction: column;
}

#gameHeader {
  width: 100%;
  height: 10%;

  display: flex;
  padding-left: calc(min(95vw, calc(94vh * 10 / 7)) * 0.15);
  padding-right: calc(min(95vw, calc(94vh * 10 / 7)) * 0.15);
  justify-content: space-between;
  align-items: center;
}

#gameMain {
  /* アスペクト比 横100/縦59.5 */
  width: 100%;
  height: 85%;

  background-color: rgb(20, 20, 50);
  border-radius:  calc(min(95vw, calc(94vh * 10 / 7)) * 0.05);

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#gameFooter {
  width: 100%;
  height: 5%;
}