@font-face {
	font-family: 'MyFont';
	src: url('./asset/font/PixelMplus12-Regular.ttf') format('truetype');
}
body {
	font-family: MyFont;
}
body {
  background-color: #000000;
  text-align:center;
}
/* @group Content */
div#client_area {
  /* 以下、縦横画面いっぱいに表示するスタイルを指定 */
  position: absolute;
  top:0;
  right: 0;
  bottom: 0;
  left:0;
  margin: auto;
  background-color: #f5f6fa;
}

/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
.spinner {
  width: 100px;
  height: 100px;
  margin: 200px auto;
  background-color: #42adff;
  border-radius: 100%;
  animation: sk-scaleout 1.0s infinite ease-in-out;
}
/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0);
  } 100% {
    transform: scale(1.0);
    opacity: 0;
  }
}

.loaded {
  opacity: 0;
  visibility: hidden;
}
/* end */