@charset "utf-8";
/* CSS Document */

#anime201609 {
	height: 400px;
	width: 720px;
	overflow: hidden;
	position: relative;
}


#anime201609 .matutake04 {
	animation: ss_a 1.2s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	position: absolute;
	top: 50px;
	left: 180px;
	z-index:10;
}
@keyframes ss_a { 
 	0% 	{transform:  translate(0px, 350px);}
    100% {transform:  translate(0px, 0px);}
 
}

#anime201609 .matutake05 {
	animation: ss_b 0.9s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	position: absolute;
	top: 50px;
	left: 420px;
	z-index:10;
}
@keyframes ss_b { 
 	0% 	{transform:  translate(0px, 350px);}
    100% {transform:  translate(0px, 0px);}
 
}
#anime201609 .otiba02 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:20;
}

#anime201609 .matutake02 {
	animation: ss_c 1.1s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	position: absolute;
	top: 120px;
	left: 100px;
	z-index:30;
}
@keyframes ss_c { 
 	0% 	{transform:  translate(0px, 350px);}
    100% {transform:  translate(0px, 0px);}
 
}

#anime201609 .matutake01 {
	animation: ss_d 1s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	position: absolute;
	top: 100px;
	left: 280px;
	z-index:30;
}
@keyframes ss_d { 
 	0% 	{transform:  translate(0px, 350px);}
    100% {transform:  translate(0px, 0px);}
 
}

#anime201609 .matutake03 {
	animation: ss_e 0.8s;
	animation-iteration-count: 1;
	animation-delay: 0s;
	position: absolute;
	top: 120px;
	left: 520px;
	z-index:30;
}
@keyframes ss_e { 
 	0% 	{transform:  translate(0px, 350px);}
    100% {transform:  translate(0px, 0px);}
 
}

#anime201609 .otiba01 {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:40;
}

#anime201609 .ohitu {
	animation: ss_o 2s;
	animation-iteration-count: 1;
	animation-delay:2.5s;
	animation-fill-mode: both;
	left: 0px;
	position: absolute;
	z-index:50;
}
@keyframes ss_o { 
 	0% 	{transform:  translate(0px, 100px)scale(0, 0); }
    100% {transform: translate(0px, 0px) scale(1, 1); }
 
}
@-webkit-keyframes ss_o { 
 	0% 	{transform:  translate(0px, 100px)scale(0, 0); }
    100% {transform: translate(0px, 0px) scale(1, 1); }
}
#anime201609 .last {
	animation: ss_l 1s;
	animation-iteration-count: 1;
	animation-delay:5s;
	animation-fill-mode: both;
	left: 0px;
	position: absolute;
	z-index:60;
}
@keyframes ss_l { 
 	0% 	{opacity:0; }
    100% {opacity:1; }
 
}
@-webkit-keyframes ss_l { 
 	0% 	{-webkit-opacity:0;}
    100% {-webkit-opacity:1;}
}