@charset "utf-8";

/* position */
#loading{
 position:        fixed;
 display:         flex;
 align-items:     center;
 justify-content: center;
 width:           100%;
 height:          100%;
 background:      #000;
 z-index:         999999999;
}
#loader-bg {
 position:        fixed;
 width:           100%;
 height:          100%;
 top:             0px;
 left:            0px;
 background:      #000;
 z-index:         999999999;
}
/* position */

.loader,
.loader:after {
  border-radius: 50%;
  width:         10em;
  height:        10em;
}
.loader {
  margin:      60px auto;
  font-size:   10px;
  position:    relative;
  text-indent: -9999em;
		/* 太さ */
  border-top:    0.2em solid rgba(255,255,255, 0.2);
  border-right:  0.2em solid rgba(255,255,255, 0.2);
  border-bottom: 0.2em solid rgba(255,255,255, 0.2);
  border-left:   0.2em solid #ffffff;
  -webkit-transform: translateZ(0);
  -ms-transform:     translateZ(0);
  transform:         translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation:         load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}