@charset "utf-8";
*:not(.followbtn) {
	transition: 1s all;
}
body.loading * {
	opacity: 0;
}

body.active .kv {
	transition-delay: 1s;
}
body.loading .logo {
	transform: translateX(-50%) translateY(50px) scale(0.9);
	-webkit-transform: translateX(-50%) translateY(50px) scale(0.9);
	-ms-transform: translateX(-50%) translateY(50px) scale(0.9);
}
body.active .logo {
	transition-delay: 2s;
	transform: translateX(-50%) translateY(0) scale(1);
	-webkit-transform: translateX(-50%) translateY(0) scale(1);
	-ms-transform: translateX(-50%) translateY(0) scale(1);
}
body.active .logo .arrow {
	transition-delay: 4s;
}


#about,
#theme,
#radio,
#history {
	overflow-x: hidden;
}

#about:not(.scrollin) .index,
#theme:not(.scrollin) .index,
#radio:not(.scrollin) .index,
#history:not(.scrollin) .index {
	opacity: 0;
}
body.active #about:not(.scrollin) .index_s,
body.active #theme:not(.scrollin) .index_s {
	opacity: 0;
	left: -100vw;
}
body.active #about.scrollin .index_s,
body.active #theme.scrollin .index_s {
	opacity: 1;
	left: 0;
}
body.active #radio:not(.scrollin) .index_s,
body.active #history:not(.scrollin) .index_s {
	opacity: 0;
	right: -100vw;
}
body.active #radio.scrollin .index_s,
body.active #history.scrollin .index_s {
	opacity: 1;
	right: 0;
}

body.active .box.slidein:not(.scrollin),
body.active .history_box:not(.scrollin) {
	opacity: 0;
	transform: translateY(50px);
}
body.active .box.slidein.scrollin,
body.active .history_box.scrollin {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .5s;
}

.arrow {
	opacity: 1
}
.arrow img {
	display: block;
	margin: auto;
	width: 22px;
	height: auto;
	animation: anime1 0.8s ease 0s infinite alternate;
	transform-origin:center;
	position: relative;
}
@keyframes anime1 {
	from {
		transform: scale(1,1);
	}
	to {
		transform: scale(1.5,1.5);
	}
}