@charset "UTF-8";

.product_divider {
  overflow: hidden;
  width: 100%;
}

.divider_track {
  display: flex;
  width: max-content;
  animation: scrollDivider 55s linear infinite;
}

.divider_track img {
  width: 100vw;
  flex-shrink: 0;
}

@keyframes scrollDivider {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100vw);
  }
}


.releaseFloat,.eqVideo {
  top: 60%;
}

.eqVideo {
  opacity: 1;
}


#loading {
  position: fixed;
  inset: 0;
  background: linear-gradient(
  180deg,
  #08316e 0%,
  #00a4cc 100%
);
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  opacity: 1;
  visibility: visible;
  transition: opacity 0.8s ease, visibility 0.8s ease;
}

#loading.is-hide {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.loading-logo {
  width: 120px; /* 好きなサイズ */
  max-width: 60vw;
  height: auto;
}

.loading-circle {
  position: relative;
  width: 180px;
  height: 180px;

  display: flex;
  justify-content: center;
  align-items: center;
}

.loading-circle::before {
  content: "";
  position: absolute;
  inset: 0;

  border: 4px solid transparent;
  border-top-color: #ba6b36;
  border-right-color: #ba6b36;
  border-radius: 50%;

  animation: loadingSpin 1s linear infinite;
}

@keyframes loadingSpin {
  to {
    transform: rotate(360deg);
  }
}

/* add.css */
.slick-initialized .slick-slide:before {
    background-image: url(/static/produce101s2/feature/anthem_wP2hzx5g/images/anthem_icon.png);
    height: 3.2vw;
}