@charset "utf-8";
#loading{
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
	height: 100vh;
	height: 100lvh;
	background: #081236;
	background: linear-gradient(90deg,rgba(8, 18, 54, 1) 0%, rgba(17, 26, 70, 1) 50%, rgba(8, 18, 54, 1) 100%);
	z-index: 100000;
	opacity: 1;
}
.loaderW{
	position: absolute;
	top:50%;
	left: 50%;
	height: 40px;
	width: 80px;
	transform: translate(-50%, -50%);
	overflow: hidden;
}
.loader {
  width: 80px;
  height: 40px;
  border-radius: 200px 200px 0 0;
  -webkit-mask: repeating-radial-gradient(farthest-side at bottom ,#0000 0,#000 1px 12%,#0000 calc(12% + 1px) 20%);
  background:
   radial-gradient(farthest-side at bottom,#514b82 0 95%,#0000 0) bottom/0% 0% no-repeat
   #ddd;
  animation: l10 2s infinite steps(6);
}
@keyframes l10 {
    100% {background-size:120% 120%}
}

/* ----- pc ----- */
@media screen and (min-width: 641px) {
	.loaderW{
		height: 60px;
		width: 120px;
	}
	.loader {
	  width: 120px;
	  height: 60px;
	}
}