@charset "UTF-8";

/* ローディング */
.loading {
	background: #B40019;
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	opacity: 0;
	transition: opacity 0.5s ease;
	pointer-events: none;
}

.loading.active {
	opacity: 1;
	transition: opacity 0.5s ease;
}

.loading img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: 200px;
}

.load-svg {}

.load-svg path {
	animation: loadsvg 3s ease-in-out forwards;
	fill: transparent;
	stroke: #fff;
	stroke-dasharray: 1800;
	stroke-dashoffset: 0;
	stroke-width: 1;
}

@keyframes loadsvg {
	0% {
		fill: transparent;
		stroke-dashoffset: 1800;
	}

	10% {
		fill: transparent;
	}

	80% {
		fill: #fff;
	}

	100% {
		stroke: #fff;
		fill: #fff;
		stroke-dashoffset: 0;
	}
}

/* ローディング中のコンテンツ */
.hidden {
  display: none;
}

/* js無効の対策 */
@media (scripting: none) {
  .loading {
    display: none;
  }
  .hidden {
    display: block;
  }
}