/*character*/

/*h2,.char_area_img,.char_area_body,
.slide_area ,.char_area_message_body
{
  opacity: 0;
  -webkit-transform: translateY(10%);
  transform: translateY(10%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

h2.on,
.char_area_img.on,.char_area_body.on,
.slide_area.on,.on .char_area_message_body
 {
opacity:1;
transform:none;
}
*/
.char_area_message_body{
transition-delay:0.6s;
}


.col{
animation-name:scrollslow2;
animation-duration:20s;
animation-iteration-count:infinite;
animation-timing-function:linear;
}

@keyframes scrollslow2{
0%{
transform:translateX(0%);
}
100%{
transform:translateX(-33.3333333333333%);
}
}

.char_area_img_main{
	position:relative;
}

.char_area_img_main img{
	position:absolute;
	left:0;top:0;opacity:0;
	transition-duration:1.5s;
	transition-property:opacity;
}
.char_area_img_main img:nth-child(1){
	position:relative;
}

.char_area_img_main img.on{
	opacity:1;
}

/*movie*/

.top_movie_highlight-body{
animation-name:scrollslow;
animation-duration:2s;
animation-iteration-count:infinite;
animation-timing-function:linear;
opacity:0;
}

@keyframes scrollslow{
0%{
transform:translateX(0%);
}
100%{
transform:translateX(-50%);
}
}

.modal_movie {
	pointer-events:none;
	opacity:0;
	transition-duration:0.6s;
	transition-property:opacity;
}

.modal_movie.on {
	pointer-events:all;
	opacity:1;
}

/*.movie h2,*/
.top_movie_inner,.top_movie_highlight,
.movie_box01_left,
.movie_list_item,
/*.campaign_top,
.campaign_body_item,
.campaign_info,
.staff_list,*/
.movie_box02_img,
.--fukidashi
 {
  opacity: 0;
  -webkit-transform: translateY(3vh);
  transform: translateY(3vh);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

h2.on,
.top_movie_inner.on,.top_movie_highlight.on,
.movie_box01_left.on,
.movie_box02_left.on,
.movie_list_item.on,
.campaign_top.on,
.campaign_body_item.on,
.campaign_info.on,
.staff_list.on,
.on .--fukidashi,
.movie_box02_img.on
 {
opacity:1;
transform:none;
}

.--fukidashi{
transition-delay:0.6s;
}

.movie_box02_left{
position:relative;
}
.movie_box02_left .wave svg{
position:absolute;
left:0;top:0;width:100%;height:100%;
}
.separator svg,.separater svg{
width:100%;
}

.slide_area .col:nth-child(2){
	animation-direction: reverse;
}