/* loader */
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	position: fixed;
	z-index: 20002;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	transition: all 1s ease-in-out;
	transition-delay: .5s;
}

.pace.pace-inactive {
	z-index: 20001;
	opacity: 0;
	visibility: hidden;
}

.pace .pace-progress:before {
	content: "";
	position: absolute;
	transition: all 1s cubic-bezier(1,.05,.58,.9);
	transition-delay: .3s;
}
.pace.pace-inactive .pace-progress:before {
	opacity: 0;
}
.pace-progress-inner {
	position: absolute;
	transition: all 1s cubic-bezier(1,.05,.58,.9);
	transition-delay: .3s;
}

.pace.pace-inactive .pace-progress .pace-progress-inner {
	opacity: 0;
}

.pace .pace-progress:after {
	display: inline-block;
	position: absolute;
	top: 33%;
	left: 50%;
	content: attr(data-progress-text);
	padding-top: 200px;
	line-height: 1;
	text-align: center;
	transition: all 1s ease-in-out;
	transform: translate(-50%);
	background: url(/_img/ja/resource/2/logo/) center center no-repeat;
	background-size: inherit;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	font-size: 2em;
	width: 100%;
}

body.logo_off .pace .pace-progress:after {
	display: inline-block;
	position: absolute;
	top: 33%;
	left: 50%;
	content: attr(data-progress-text);
	padding-top: 200px;
	line-height: 1;
	text-align: center;
	transition: all 1s ease-in-out;
	transform: translate(-50%);
	background: none;
	font-family: "Helvetica Neue", sans-serif;
	font-weight: 200;
	font-size: 2em;
	width: 100%;
}

.pace.pace-inactive .pace-progress:after {
	transform: translate(-50%, 100%);
}

@media all and (orientation: landscape) {
	.pace .pace-progress:before {
		top: 0;
		left: -50%;
		width: 102%;
		height: 100%;
		transform: skewX(-45deg);
	}
	.pace.pace-inactive .pace-progress:before {
		transform: translateX(-100%) skewX(-45deg);
	}
	.pace-progress-inner {
		top: 0;
		left: 50%;
		width: 100%;
		height: 100%;
		transform: skewX(-45deg);
	}
	.pace.pace-inactive .pace-progress .pace-progress-inner {
		transform: translateX(100%) skewX(-45deg);
	}
}
@media all and (orientation: portrait) {
	.pace .pace-progress:before {
		top: -50%;
		left: 0;
		width: 100%;
		height: 102%;
		transform: skewY(-45deg);
	}
	.pace.pace-inactive .pace-progress:before {
		transform: translateY(-100%) skewY(-45deg);
	}
	.pace-progress-inner {
		top: 50%;
		left: 0;
		width: 100%;
		height: 100%;
		transform: skewY(-45deg);
	}
	.pace.pace-inactive .pace-progress .pace-progress-inner {
		transform: translateY(100%) skewY(-45deg);
	}
}


/* loader end  */
.pace .pace-progress:before {
	background: #ffffff;
}
.pace-progress-inner {
	background: #ffffff;
}
.pace .pace-progress:after {
	color: inherit;
}

#container {
    opacity: 0;
}
.pace-done #container {
    opacity: 1;
}
body #container[data-cms_id="14398"]{
   opacity: 1; 
}