@charset "utf-8";

/**
 *
 *  ロード中表示 .loading
 *
 */

/*--------------------------------------------------------------------------
	ロード中表示 .loading
---------------------------------------------------------------------------*/
	#loading {
		position: relative;
		height: 100vh;
		padding: 0;
		background: #FFF;
		overflow: auto;
		z-index: 50000;
	}
	#loading img {
		position: fixed;
		width: 10%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		z-index: 60000;
		animation: fadeIn 0.75s, fadeOut 0.75s 1.4s forwards;
		animation-timing-function: ease-in-out;
	}
	@keyframes fadeIn {
		from {
			transform: translate(-50%, -50%) rotate(0deg) scale(0.995);
		}
		to {
			transform: translate(-50%, -50%) rotate(360deg) scale(1);
		}
	}
	@keyframes fadeOut {
		from {
			transform: translate(-50%, -50%);
			opacity:1;
		}
		to {
			transform: translate(-50%, -50%);
			opacity:0;
		}
	}
	
	.hidden {
		display: none;
	}
/* @sp **************************************************/
@media all and (max-width: 1100px){
	#loading {
		width: 100%;
		margin: 0;
	}
	#loading img {
		width: 25%;
	}
}