@charset "UTF-8";

/* load */


/*! loading ============================================== */

/* mask */
#load {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	min-height: -webkit-fill-available;
	background-color: #29272e;
	z-index: 99999;
	}

/* icon */
#load p {
	position: relative;
	padding: 45px 0 0 2px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: rgba(255,255,255,0.8);
	}

#load p::before,
#load p::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
  margin: 0 auto;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: rgba(255,255,255,0.6);
	animation: load-loading 2.0s infinite ease-in-out;
	}

#load p::after {
	animation-delay: -1.0s;
	}

@keyframes load-loading {
  0%,
	100% { transform: scale(0.0);}
  50% { transform: scale(1.0);}
	}