@charset "UTF-8";
/* CSS Document */



.open .content-wrap{
	max-width: 100%;
	max-height: 100%;
	overflow: hidden;
	opacity: 0;
	position: fixed;
	transition: 3s;
	transition-delay: 2s;
}

.content-wrap{
		opacity: 1;
		position: static;
		max-width: unset;
		max-height: unset;
	}


.loadingwrap{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		z-index: 10000;
		/*transition: 1s;*/
		transition: all 1000ms cubic-bezier(0.920, 0.235, 0.195, 0.885);
		transition-delay: 1s;
		background: #fff;
	}

.load-item01{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9999;
		background: #956767;
		/*transition: 1s;*/
		transition: all 1000ms cubic-bezier(0.920, 0.235, 0.195, 0.885);
		transition-delay: 1.4s;
	}

.load-item02{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 9998;
		background: #f2efe8;
		/*transition: 1s;*/
		transition: all 1000ms cubic-bezier(0.920, 0.235, 0.195, 0.885);
		transition-delay: .1.8s: 
	}

.loading-icon{
		display: block;
		width: 200px;
		transition: .8s;
	}

.loading-icon{
		opacity: 0;
	}

.loadingwrap, .load-item01, .load-item02{
		width: 0;
	}

@media(max-width: 768px){
		.loading-icon{
			width: 40vw;
		}
}