@charset "utf-8";

/*========= レイアウトのためのCSS ===============*/

#dd{
	font-family: "Kalnia Glaze", serif;
    font-size: 2rem;
	text-align: center;
	color: #fd1111;
    margin: 0 auto;
	margin-top: px;
}
.glowAnime {
    font-size: max(1.4vw, 2.5rem);
    margin: 0 auto;
    margin-left: 0px;
    margin-bottom: -10px;
    color: #1ab2ee;
    font-family: "Kalnia Glaze", serif;
}

/*========= 光りながら出現させるためのCSS ===============*/

.glowAnime span{opacity: 0;}

/*アニメーションで透過を0から1に変化させtext-shadowをつける*/
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }

@keyframes glow_anime_on{
	0% { opacity:0; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
	50% { opacity:1;text-shadow: 0 0 10px #fff,0 0 15px #fff; }
	100% { opacity:1; text-shadow: 0 0 0 #fff,0 0 0 #fff;}
}