body {
  #background-color: #000;
  margin: 0;
  padding: 0;
}

#container {
  width: 100%;
  max-width: 800px;
  margin: auto;
  padding: 20px;
  background: #000; /* 黒背景にして余白対策 */
}

.gameContainer {
  border: 4px solid #f00;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  #padding: 0px 0 0 0;
  #zoom: 0.7;
  position: flex;
  left: 0;
}

#canvasMain {
  #position: relative;
  border: 4px solid #00f;
  #background-color: #771919;
  #width: auto;
  #max-width: 100%;
  #height: 100%;
  #max-height: 100%;
  #margin: 0 auto;
  left: 0px;
  #padding: 0;
  #float: left;
  z-index: 2;
}

/*  
#canvasMatter {
  position: absolute;
  border: 1px solid #0f0;
  #background-color: #0f0;
  width: 960px;
  #height: 1920px;
  #left: 970px;
  #top: calc(50% - 360px);
  margin: 0 auto;
  padding: 0px;
  #zoom: 0.5;
  z-index: 100;
}

#iframe {
  width: 100%;
  height: 100%;
}

#messagelog {
  position: absolute;
  width: 19%;
  height: 100%;
  top: 0px;
  right: 0px;
  border: 1px solid #0ff;
  color: #fff;
  visibility: hidden;
} */