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

#gameContainer {
    border: 0px 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;
}

#canvasMain {
    #position: relative;
    border: 0px solid #00f;
    #background-color: #ddd;
    #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: 1;
}

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

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

@font-face {
    font-family: 'Gotham Rounded Bold';
    /*   上記で効かない場合は下記をお試しください。 */
    /*   font-family: 'LEMON MILK'; */
    src: url('./asset/fonts/Gotham Rounded Bold.otf') format('opentype'),
}

/* デバッグログを表示する場合は、以下をコメントアウトしてください */
#iframe {
  width: 100%;
  height: 100%;
}
#messagelog {
  display: none;
}
/* ---------------------------------------------------- */