@charset "utf-8";

/* 管理画面調整用 */

.gjs-dashed .topCoverTitSetBox:before {
	display: none;
}

.gjs-dashed .topCoverTitSetBox:after {
	display: none;
}

.gjs-dashed .topCoverTxt01{
    opacity: 1;
}

/* カバーテキストのアニメーション */

.topCoverTitSetBox {
	overflow: hidden;
	position: relative;
}

.topCoverTxt01 {
	opacity: 0;
}

.loadingComplete .active .topCoverTxt01 {
	animation-name: fadein;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.topCoverNo1Bx {
	opacity: 0;
}

.loadingComplete .active .topCoverNo1Bx {
	animation-name: fadein;
	animation-delay: 3.3s;
	animation-duration: .5s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}

.topCoverTitSetBox:before,
.topCoverTitSetBox:after {
	content: "";
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: #fff;
}

.topCoverTitSetBox:before {
	z-index: 2;
}

.topCoverTitSetBox:after {
	z-index: 1;
}

.loadingComplete .active .topCoverTitSetBox:before,
.loadingComplete .active .topCoverTitSetBox:after {
	animation-name: maskSlide;
	animation-fill-mode: forwards;
}

/* テキスト上段 */
.loadingComplete .active .topCoverTitAnimation:before,
.loadingComplete .active .topCoverTitAnimation:after {
	animation-duration: 2s;
	animation-delay: 1s;
}

/* テキスト下段 */
.loadingComplete .active .topCoverTitAnimation02:before,
.loadingComplete .active .topCoverTitAnimation02:after {
	animation-duration: 2s;
	animation-delay: 2s;
}

@keyframes fadein {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes maskSlide {
	0% {
		left: 0;
	}

	100% {
		left: 100%;
	}
}