/*アニメーションの@keyframes用のCSSコードを書く（ここに書くとAMP用で約500KBまで記入できます）*/
@keyframes logoRising {
0% {
 transform: translateY(20px);
 opacity: 0;
 }
100% {
 transform: translateY(0px);
 opacity: 1;
 }
}
@keyframes fade-tooltip {
  to { opacity: 0; }
}
/* blog統合：HTMLエンティティツールのCopied!アニメーション（2026-06-12移植） */
@keyframes copiedTextMotionHorizontal {
0% {
 transform: translateX(0);
 opacity: 0;
 }
20% {
 transform: translateX(5em);
 opacity: 1;
 }
80% {
 transform: translateX(5em);
 opacity: 1;
 }
100% {
 transform: translateX(5em);
 opacity: 0;
 }
}
@keyframes copiedTextMotionVertical {
0% {
 transform: translateY(0);
 opacity: 0;
 }
20% {
 transform: translateY(3em);
 opacity: 1;
 }
80% {
 transform: translateY(3em);
 opacity: 1;
 }
100% {
 transform: translateY(3em);
 opacity: 0;
 }
}