.p-single__mainImage .pc img,
.p-single__mainImage .sp img {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.p-single__mainImage .pc [data-overlayscrollbars-viewport],
.p-single__mainImage .sp [data-overlayscrollbars-viewport] {
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden !important;
}

.p-single__mainImage .pc .scroll-hint-icon,
.p-single__mainImage .sp .scroll-hint-icon {
  opacity: 1;
  animation: scrollHintBounceY 1.6s infinite;
  display: none;
}

.p-single__mainImage .pc .scroll-hint-text,
.p-single__mainImage .sp .scroll-hint-text {
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .p-single__mainImage .pc [data-overlayscrollbars-viewport],
  .p-single__mainImage .sp [data-overlayscrollbars-viewport] {
    overflow-y: scroll !important;
  }

  .p-single__mainImage .pc [data-fancybox="gallery"],
  .p-single__mainImage .sp [data-fancybox="gallery"] {
    pointer-events: none;
  }

  .p-single__mainImage .pc .scroll-hint-icon,
  .p-single__mainImage .sp .scroll-hint-icon {
    display: block;
  }
}

@keyframes scrollHintBounceY {
  0% {
    transform: rotate(0deg) translateY(0);
  }
  50% {
    transform: rotate(0deg) translateY(8px);
  }
  100% {
    transform: rotate(0deg) translateY(0);
  }
}