/*▼ローディング*/
#loading {
	display: none;
	background: #ffc64d;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
}
#loading .loading_inner {
	position: fixed;
	top: 50%;
	left: 50%;
	-webkit-transform: translate( -70%,-50% );
	-ms-transform: translate( -70%,-50% );
	-o-transform: translate( -70%,-50% );
	transform: translate( -70%,-50% );
}
#loading .loading_inner .load_img_wrap {
	position: relative;
}
#loading .loading_inner .load_img_wrap .chara {
	position: absolute;
	top: -70px;
	right: -230px;
	-webkit-animation: load 1s linear 0s infinite;
	animation: load 1s linear 0s infinite;
	-webkit-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	transform: rotate(5deg);
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}
@keyframes load {
	0% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
	50% {
		-webkit-transform: rotate(-5deg);
		-ms-transform: rotate(-5deg);
		-o-transform: rotate(-5deg);
		transform: rotate(-5deg);
	}
	100% {
		-webkit-transform: rotate(5deg);
		-ms-transform: rotate(5deg);
		-o-transform: rotate(5deg);
		transform: rotate(5deg);
	}
}

@media screen and (max-width: 768px) {
	#loading .loading_inner {
		-webkit-transform: translate( -70%,-50% );
		-ms-transform: translate( -70%,-50% );
		-o-transform: translate( -70%,-50% );
		transform: translate( -70%,-50% );
	}
	#loading .loading_inner .load_img_wrap .load_logo img {
		width: 200px;
		height: auto;
	}
	#loading .loading_inner .load_img_wrap .chara {
		width: 118px;
		top: -45px;
		right: -120px;
	}

	#loading .loading_inner .load_img_wrap .chara img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 375px) {
	#loading .loading_inner { left: 45%; }
}