/* MALINEロゴにシルバーキラキラエフェクト */
.maline-logo-sparkle {
  position: relative;
  display: inline-block;
  overflow: hidden;
  z-index: 0;
}

.maline-logo-sparkle::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0.5) 40%,
    rgba(255, 255, 255, 0.9) 50%,
    rgba(255, 255, 255, 0.5) 60%,
    rgba(255, 255, 255, 0.2) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(0.5px);
  animation: logo-sparkle-sweep 4s ease-in-out infinite;
  pointer-events: none;
  z-index: 1;
}

@keyframes logo-sparkle-sweep {
  0% {
    left: -150%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    left: 150%;
    opacity: 1;
  }
  50.1% {
    opacity: 0;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}

.maline-logo-sparkle img {
  position: relative;
  z-index: 0;
}

/* テキスト用のキラキラエフェクト */
.maline-text-sparkle {
  position: relative;
  display: inline-block;
  overflow: hidden;
  color: #000000;
  z-index: 0;
}

.maline-text-sparkle::before {
  content: '';
  position: absolute;
  top: 0;
  left: -150%;
  width: 40%;
  height: 100%;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 25%,
    rgba(255, 255, 255, 0.4) 40%,
    rgba(255, 255, 255, 0.8) 50%,
    rgba(255, 255, 255, 0.4) 60%,
    rgba(255, 255, 255, 0.2) 75%,
    rgba(255, 255, 255, 0) 100%
  );
  filter: blur(0.5px);
  animation: text-sparkle-sweep 4s ease-in-out infinite;
  animation-delay: 0.8s;
  pointer-events: none;
  z-index: 1;
}

@keyframes text-sparkle-sweep {
  0% {
    left: -150%;
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50% {
    left: 150%;
    opacity: 1;
  }
  50.1% {
    opacity: 0;
  }
  100% {
    left: 150%;
    opacity: 0;
  }
}