@charset "utf-8";




.flower_mark { 

    animation : flowerRotate 2.5s 0s 1 ease-in-out normal backwards;

}
    
@keyframes flowerRotate {
    
    0% { transform:rotate(0deg); }

    100% { transform:rotate(360deg);}


}

@keyframes mainFade {
    
    0% { opacity: 0.2;}
    
    100% {opacity: 1;}

}


@charset "utf-8";
div.graph {
	z-index				:0;
	position			:relative;top:83%;right: 45%;
    margin: 0 auto;
	background-color	:none;
	width				:60px;
	height				:auto;
	transform:rotateX(180deg)
}

.bar1 {
	
	position			:absolute;
		top:11px;left:23px;
	background-color	:#444;
	width:5px;
	height:0px;

	animation: bar1Anime 0.2s ease-in 0s infinite alternate forwards;

}

.bar2 {
	
	position			:absolute;
		top:11px;left:28px;
	background-color	:#444;
	width:5px;
	height:0px;

	animation: bar2Anime 0.3s ease-in 0s infinite alternate forwards;
}

.bar3 {
	
	position			:absolute;
		top:11px;left:33px;
	background-color	:#444;
	width:5px;
	height:0px;

	animation: bar3Anime 0.4s ease-in 0s infinite alternate forwards;
}

@keyframes bar1Anime {

  0% {height: 15px;}
  100% {height: 0px;}

}

@keyframes bar2Anime {

  0% {height: 15px;}
  100% {height: 0px;}

}

@keyframes bar3Anime {

  0% {height: 15px;}
  100% {height: 0px;}

}