@charset "utf-8";

/* 通常 */
@keyframes lucky-shine {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); text-shadow: 0 0 10px #ffd700; color: #ccaa00; }
    100% { transform: scale(1); color: #333; }
}

/* 虹色 */
@keyframes rainbow-bounce {
    0% { transform: scale(1); }
    30% { transform: scale(1.3); } 
    100% { transform: scale(1.1); } 
}

/* 虹色の変化 */
@keyframes rainbow-shine {
    0% { color: #ff0000; text-shadow: 0 0 12px #ff0000; }
    20% { color: #ff8000; text-shadow: 0 0 12px #ff8000; }
    40% { color: #ffff00; text-shadow: 0 0 12px #ffff00; }
    60% { color: #00ff00; text-shadow: 0 0 12px #00ff00; }
    80% { color: #0000ff; text-shadow: 0 0 12px #0000ff; }
    100% { color: #ff0000; text-shadow: 0 0 12px #ff0000; }
}

.kirakira { 
    display: inline-block; 
    animation: lucky-shine 0.6s ease-out forwards; 
}

.rainbow { 
    display: inline-block; 
    /* 色の変化時間 */
    animation: rainbow-shine 1.5s linear infinite, rainbow-bounce 1.0s ease-out forwards; 
}