/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 13 2025 | 18:12:51 */
.modern-lux-wrapper {
  position: relative;
  overflow: hidden;
  width: 100%;
  max-height: 600px;
  clip-path: polygon(0 0, 100% 15%, 100% 85%, 0% 100%);
  animation: zoomFadeIn 1.4s ease-out both;
  border-radius: 0px;
  box-shadow: 0 12px 30px rgba(0,0,0,0.15);
}

.modern-lux-img {
  width: 100%;
  height: auto;
  display: block;
  transform: scale(1.1);
  transition: transform 1.8s ease;
}

.modern-lux-overlay {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(135deg, rgba(255,255,255,0.08), rgba(0,0,0,0.05));
  animation: shimmerMove 4s infinite linear;
  pointer-events: none;
  mix-blend-mode: overlay;
}

/* 登場アニメーション */
@keyframes zoomFadeIn {
  0% {
    opacity: 0;
    transform: scale(1.05) translateY(30px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

/* 光がゆっくり動く */
@keyframes shimmerMove {
  0% {
    background-position: 0% 0%;
  }
  100% {
    background-position: 200% 200%;
  }
}