@charset "utf-8";
/* 記事LP — アニメーション定義 */
@keyframes ctaPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.025); } }
@keyframes ctaShine { 0% { left:-40%; } 55%,100% { left:120%; } }
@keyframes productIn { from { opacity:0; transform:scale(1.06); } to { opacity:1; transform:scale(1); } }
@keyframes productFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } }
@keyframes productGlow { 0% { opacity:0; transform:skewX(-16deg) translateX(0); } 12% { opacity:.6; } 55% { opacity:0; transform:skewX(-16deg) translateX(320%); } 100% { opacity:0; transform:skewX(-16deg) translateX(320%); } }
@keyframes bubblePop { 0% { opacity:0; transform:translateY(-50%) scale(.86); } 60% { opacity:1; transform:translateY(-50%) scale(1.04); } 100% { opacity:1; transform:translateY(-50%) scale(1); } }
@keyframes dotPop { from { opacity:0; transform:scale(.4); } to { opacity:1; transform:scale(1); } }
@keyframes heroFadeUp { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:translateY(0); } }
@keyframes ctaArrow { 0%,100% { transform:translateX(0); } 50% { transform:translateX(4px); } }