@charset "UTF-8";
/*アニメーション*/

/* ========================= WOBBLING ========================= */ 

.wob {
	-webkit-animation: wob 2s ease-in-out infinite;
	   -moz-animation: wob 2s ease-in-out infinite;
	    -ms-animation: wob 2s ease-in-out infinite;
	        animation: wob 2s ease-in-out infinite;
}

@-webkit-keyframes wob {
	0% {-webkit-transform: rotate(5deg);}
	50% {-webkit-transform: rotate(-5deg);}
	100% {-webkit-transform: rotate(5deg);}
}
@-moz-keyframes wob {
	0% {-moz-transform: rotate(5deg);}
	50% {-moz-transform: rotate(-5deg);}
	100% {-moz-transform: rotate(5deg);}
}
@-ms-keyframes wob {
	0% {-ms-transform: rotate(5deg);}
	50% {-ms-transform: rotate(-5deg);}
	100% {-ms-transform: rotate(5deg);}
}
@keyframes wob {
	0% {transform: rotate(5deg);}
	50% {transform: rotate(-5deg);}
	100% {transform: rotate(5deg);}
}

/* ========================= STICKER TIPE PETA-PETA========================= */ 

.stick_peta {
	position:absolute;
	top:0;
	left:0;
	-webkit-animation: stick_peta 8s ease-in-out infinite;
	   -moz-animation: stick_peta 8s ease-in-out infinite;
	    -ms-animation: stick_peta 8s ease-in-out infinite;
	        animation: stick_peta 8s ease-in-out infinite;
}

@-webkit-keyframes stick_peta {
	0% {-webkit-transform:translate(0,-20px) rotate(10deg); }
	50% {-webkit-transform:translate(0,0) rotate(-10deg);}
	100% {-webkit-transform:translate(0,-20px) rotate(10deg); }
}
@-moz-keyframes stick_peta {
	0% {-moz-transform:translate(0,-20px) rotate(10deg); }
	50% {-moz-transform:translate(0,0) rotate(-10deg);}
	100% {-moz-transform:translate(0,-20px) rotate(10deg); }
}
@-ms-keyframes stick_peta {
	0% {-ms-transform:translate(0,-20px) rotate(10deg); }
	50% {-ms-transform:translate(0,0) rotate(-10deg);}
	100% {-ms-transform:translate(0,-20px) rotate(10deg); }
}
@keyframes stick_peta {
	0% {transform:translate(0,-20px) rotate(10deg); }
	50% {transform:translate(0,0) rotate(-10deg);}
	100% {transform:translate(0,-20px) rotate(10deg); }
}
.stick_petaS {
	position:absolute;
	top:0;
	left:0;
	opacity:.2;
	-webkit-animation: stick_petaS 8s ease-in-out infinite;
	   -moz-animation: stick_petaS 8s ease-in-out infinite;
	    -ms-animation: stick_petaS 8s ease-in-out infinite;
	        animation: stick_petaS 8s ease-in-out infinite;
}

@-webkit-keyframes stick_petaS {
	0% {-webkit-transform:translate(0,20px) rotate(10deg); }
	50% {-webkit-transform:translate(0,0) rotate(-10deg);}
	100% {-webkit-transform:translate(0,20px) rotate(10deg); }
}
@-moz-keyframes stick_petaS {
	0% {-moz-transform:translate(0,20px) rotate(10deg); }
	50% {-moz-transform:translate(0,0) rotate(-10deg);}
	100% {-moz-transform:translate(0,20px) rotate(10deg); }
}
@-ms-keyframes stick_petaS {
	0% {-ms-transform:translate(0,20px) rotate(10deg); }
	50% {-ms-transform:translate(0,0) rotate(-10deg);}
	100% {-ms-transform:translate(0,20px) rotate(10deg); }
}
@keyframes stick_petaS {
	0% {transform:translate(0,20px) rotate(10deg); }
	50% {transform:translate(0,0) rotate(-10deg);}
	100% {transform:translate(0,20px) rotate(10deg); }
}

/* ========================= STICKER TYPE FADE OUT ========================= */ 

.stick_fade {
	position:absolute;
	top:0;
	left:0;
	-webkit-animation: stick_fade 4s ease-in-out infinite;
	   -moz-animation: stick_fade 4s ease-in-out infinite;
	    -ms-animation: stick_fade 4s ease-in-out infinite;
	        animation: stick_fade 4s ease-in-out infinite;
}

@-webkit-keyframes stick_fade {
	0% {-webkit-transform:translate(20px,-40px);opacity:0;}
	30% {-webkit-transform:translate(5px,-5px);opacity:1;}
	50% {-webkit-transform:translate(0,0);opacity:1;}
	190% {-webkit-transform:translate(0,0);opacity:1;}
	100% {-webkit-transform:translate(0,0);opacity:0;}
}
@-moz-keyframes stick_fade {
	0% {-moz-transform:translate(20px,-40px);opacity:0;}
	30% {-moz-transform:translate(5px,-5px);opacity:1;}
	50% {-moz-transform:translate(0,0);opacity:1;}
	190% {-moz-transform:translate(0,0);opacity:1;}
	100% {-moz-transform:translate(0,0);opacity:0;}
}
@-ms-keyframes stick_fade {
	0% {-ms-transform:translate(20px,-40px);opacity:0;}
	30% {-ms-transform:translate(5px,-5px);opacity:1;}
	50% {-ms-transform:translate(0,0);opacity:1;}
	190% {-ms-transform:translate(0,0);opacity:1;}
	100% {-ms-transform:translate(0,0);opacity:0;}
}
@keyframes stick_fade {
	0% {transform:translate(20px,-40px);opacity:0;}
	30% {transform:translate(5px,-5px);opacity:1;}
	50% {transform:translate(0,0);opacity:1;}
	190% {transform:translate(0,0);opacity:1;}
	100% {transform:translate(0,0);opacity:0;}
}

.stick_fadeS {/*SHADOW*/
	position:absolute;
	top:0;
	left:0;
	opacity:.2;
	-webkit-animation: stick_fadeS 4s ease-in-out infinite;
	   -moz-animation: stick_fadeS 4s ease-in-out infinite;
	    -ms-animation: stick_fadeS 4s ease-in-out infinite;
			animation: stick_fadeS 4s ease-in-out infinite;
}
@-webkit-keyframes stick_fadeS {
	0% {-webkit-transform:translate(20px,40px);opacity:0;}
	30% {-webkit-transform:translate(5px,5px);opacity:.2;}
	50% {-webkit-transform:translate(0,0);opacity:.2;}
	190% {-webkit-transform:translate(0,0);opacity:.2;}
	100% {-webkit-transform:translate(0,0);opacity:0;}
}
@-moz-keyframes stick_fadeS {
	0% {-moz-transform:translate(20px,40px);opacity:0;}
	30% {-moz-transform:translate(5px,5px);opacity:.2;}
	50% {-moz-transform:translate(0,0);opacity:.2;}
	190% {-moz-transform:translate(0,0);opacity:.2;}
	100% {-moz-transform:translate(0,0);opacity:0;}
}
@-ms-keyframes stick_fadeS {
	0% {-ms-transform:translate(20px,40px);opacity:0;}
	30% {-ms-transform:translate(5px,5px);opacity:.2;}
	50% {-ms-transform:translate(0,0);opacity:.2;}
	190% {-ms-transform:translate(0,0);opacity:.2;}
	100% {-ms-transform:translate(0,0);opacity:0;}
}
@keyframes stick_fadeS {
	0% {transform:translate(20px,40px);opacity:0;}
	30% {transform:translate(5px,5px);opacity:.2;}
	50% {transform:translate(0,0);opacity:.2;}
	190% {transform:translate(0,0);opacity:.2;}
	100% {transform:translate(0,0);opacity:0;}
}





/*
@media only screen and (max-width: 600px){
.wob{	-webkit-animation: none;
			animation: none;}

}*/