@charset "utf-8";
/*----- ふわっとアニメーション */
.view{
	opacity : 0;
	transform : translate(0, 20px);
	transition : all 1000ms;
}
.view.scrollin{
	opacity : 1;
	transform : translate(0, 0);
}
.fadein{
	opacity : 0;
	transition : opacity 1s;
}
.fadein.scrollin{
	opacity : 1;
}
.duration-1 {
	transition-duration: 1.5s;
}
.duration-2 {
	transition-duration: 2s;
}



.page_home_slide:before {
	animation: fuwafuwa 3.5s ease infinite;
}

.page_home_calendar_inner_title>.ttl--l:before {
	animation: fuwafuwa 5s ease infinite;
}

.page_home_recommend_inner_bangumi_flex .tokuban:before {
	animation: motion-yurikago 1.8s cubic-bezier(.445,.05,.55,.95) infinite;
}
.page_home_recommend_inner_bangumi_flex .midokoro:before {
	animation: motion-bounce-chair 4s infinite;
}

.page_home_news_inner .btn_center:before {
	animation: fuwafuwa 2.8s ease infinite;
}
.page_home_sns_inner .box_sns.instagram:before {
	animation: fuwafuwa 4.2s ease infinite;
}
.page_home_sns_inner .box_sns.youtube:before {
	animation: motion-yurikago 1.5s cubic-bezier(.445,.05,.55,.95) infinite;
	z-index: 1;
}
.mv .ttl--mv .en:before {
	animation: motion-yurikago 1.8s cubic-bezier(.445,.05,.55,.95) infinite;
	top: -40%!important;
}
.mv .ttl--mv .en:after {
	animation: motion-bounce-chair 4s infinite;
	top: -40%!important;
}
.page_banner_inner_sns>.txt--xxl:before {
	animation: fuwafuwa 5s ease infinite;
}
@keyframes fuwafuwa {
	0%,to {
		-webkit-transform: translate3d(0,-10%,0);
		transform: translate3d(0,-10%,0)
	}

	50% {
		-webkit-transform: translate3d(0,10%,0);
		transform: translate3d(0,10%,0)
	}
}
@keyframes motion-yurikago {
	0%,to {
		-webkit-transform: rotate(6deg);
		transform: rotate(6deg)
	}

	50% {
		-webkit-transform: rotate(-4deg);
		transform: rotate(-4deg)
	}
}
@keyframes motion-bounce-chair {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-animation-timing-function: cubic-bezier(.165,.84,.44,1);
		animation-timing-function: cubic-bezier(.165,.84,.44,1)
	}

	8% {
		-webkit-transform: rotate(12deg);
		transform: rotate(12deg);
		-webkit-animation-timing-function: cubic-bezier(.895,.03,.685,.22);
		animation-timing-function: cubic-bezier(.895,.03,.685,.22)
	}

	11% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	13% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	15% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	17% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}

	18%,to {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
}
/*
#page-top a:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
}
*/