body {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.canvas-wrapper {
    position: relative;
}
.canvas-wrapper canvas {
    position: absolute;
    top: 0;
    left: 0;
}

#loader {
	width: 120px;
	height: 120px;
	display: none;
	position: fixed;
	top: calc(50vh - 60px);
	left: calc(50vw - 60px);
	margin-top: -(50%)px; /* heightの半分のマイナス値 */
	margin-left: -(50%)px; /* widthの半分のマイナス値 */
	z-index: 100;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: #000000;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 50;
}

.loading{
    color:red;
    font-size:101%;
    text-align:center;
}