@charset "UTF-8";
/*
@media screen and (min-width: 768px){
*/
.flash{
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.flash.act{
	-webkit-animation-name: flash;
	animation-name: flash;
}
.wrapper{
	opacity: 0;
	transition: all 1s ease;
	-webkit-transition: all 1s ease;
}
.wrapper.act{
	opacity: 1;
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}
.news-movie:before{
	-webkit-animation-duration: .4s;
	animation-duration: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
.news-movie.act:before{
	-webkit-animation-name: newsMovieAnim;
	animation-name: newsMovieAnim;
}
.news-list li{
	opacity: 0;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}
.news-list.act li{
	-webkit-animation-name: fadeInNews;
	animation-name: fadeInNews;
}
.news-list li:nth-child(1){
	animation-delay: 0.0s;
	-webkit-animation-delay: 0.0s;
}
.news-list li:nth-child(2){
	animation-delay: 0.1s;
	-webkit-animation-delay: 0.1s;
}
.news-list li:nth-child(3){
	animation-delay: 0.2s;
	-webkit-animation-delay: 0.2s;
}

header nav ul li,
.fadeIn{
	opacity: 0;
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: opacity 0.8s linear,-webkit-transform 0.8s cubic-bezier(0,.6,.2,1);
}
header nav.act ul li,
.fadeIn.act{
	opacity: 1;
}
header nav ul li:nth-child(1){
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
}
header nav ul li:nth-child(2){
	transition-delay: 0.4s;
	-webkit-transition-delay: 0.4s;
}
header nav ul li:nth-child(3){
	transition-delay: 0.5s;
	-webkit-transition-delay: 0.5s;
}
header nav ul li:nth-child(4){
	transition-delay: 0.6s;
	-webkit-transition-delay: 0.6s;
}
header nav ul li:nth-child(5){
	transition-delay: 0.7s;
	-webkit-transition-delay: 0.7s;
}
header nav ul li:nth-child(6){
	transition-delay: 0.8s;
	-webkit-transition-delay: 0.8s;
}
header nav ul li:nth-child(7){
	transition-delay: 1.0s;
	-webkit-transition-delay: 1.0s;
}

.cast ul li>h3,
.cast ul li>span,
h2.ttl,
.story-text,
.fadeInText{
	opacity: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease;
	animation-timing-function: ease;
}
.cast ul.act li>h3,
.cast ul.act li>span,
h2.ttl.act,
.story-text.act,
.fadeInText.act{
	-webkit-animation-name: fadeInText;
	animation-name: fadeInText;
}
.cast ul.act li>h3{
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}

section.cast,
section.story,
.fadeInSection{
	opacity: 0;
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
}
section.cast.act,
section.story.act,
.fadeInSection.act{
	-webkit-animation-name: fadeInSec;
	animation-name: fadeInSec;
}
.story-list li p{
	opacity: 0;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transform-origin: top;
	transform-origin: top;
	transition: opacity 0.5s linear, transform 0.5s cubic-bezier(0,.6,.2,1),-webkit-transform 0.5s cubic-bezier(0,.6,.2,1);
}

.story-list li p.act{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
/*
}
*/
/** smart phone **/
@media screen and (max-width: 767px){
}