@charset "utf-8";

.loading {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
	background: #000;
  }
  .loading.hide {
	opacity: 0;
	pointer-events: none;
	transition: opacity 500ms;
  }


  .loading .load_circle {
	display: block;
	position: relative;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	background: url(../img/loading02_2.png) no-repeat;
	background-size: 480px;
	animation: loading_m 0.5s steps(6) infinite forwards;
	top: 50%;
	margin-top: -40px;
	overflow: hidden;
  }

  @keyframes loading_m {
	0% {
	  background-position: 0 0;
	}
	100% {
	  background-position: -480px 0;
	}
  }