@charset "UTF-8";
body.is-scrollStop {
	width: 100%;
	height: 100%;
	overflow: hidden
}

.curtain {
	width: 110%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	-webkit-transform: translate3d(-50%,0,0);
	transform: translate3d(-50%,0,0);
	pointer-events: none
}

.curtain:before {
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),color-stop(15%,hsla(0,0%,100%,0)));
	background-image: -o-linear-gradient(top,#fff 0,hsla(0,0%,100%,0) 15%);
	background-image: linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 15%)
}

.curtain:after,.curtain:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-position: 50% 50%;
	background-repeat: no-repeat
}

.curtain:after {
	background-image: -o-radial-gradient(top left,circle,#fff 0,hsla(0,0%,100%,0) 50%);
	background-image: radial-gradient(circle at top left,#fff 0,hsla(0,0%,100%,0) 50%)
}

.curtain-item {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 100%;
	height: 150%;
	position: relative;
	top: -25%;
	background-size: 100% 100%;
	background-repeat: no-repeat;
	opacity: 0;
	background-image: -webkit-gradient(linear,left top,right top,from(hsla(0,0%,100%,0)),color-stop(10%,hsla(0,0%,100%,.5)),color-stop(50%,hsla(0,0%,100%,0)),color-stop(90%,hsla(0,0%,100%,.5)),to(hsla(0,0%,100%,0)));
	background-image: -o-linear-gradient(left,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.5) 10%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.5) 90%,hsla(0,0%,100%,0) 100%);
	background-image: linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 10%,hsla(0,0%,100%,0) 50%,hsla(0,0%,100%,.5) 90%,hsla(0,0%,100%,0));
	will-change: transform;
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center
}

@-webkit-keyframes shaking {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	75% {
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

@keyframes shaking {
	0% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25% {
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	75% {
		-webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		animation-timing-function: cubic-bezier(.55,.055,.675,.19);
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}

	to {
		-webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
		animation-timing-function: cubic-bezier(.215,.61,.355,1);
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}

#Content {
	overflow: hidden;
	position: relative
}
	#Content {
		padding-top: 54.66667vw;
		padding-bottom: 25.06667vw
	}

	
@media screen and (min-width:769px) {	
	#Content {
		padding-top: 31rem;
		padding-bottom: 13rem
	}	
}