#vardump {
    display: none;
  }
  .half-hidden {
    width: 440px !important;
    overflow: hidden !important;
  }
  #spinning-image-wrapper {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.25);
    display: none;
    z-index: 1000;
  }

  @keyframes spin {
      from { transform: rotate(0deg); }
      to { transform: rotate(360deg); }
  }

  @keyframes rainbow {
      0% { filter: hue-rotate(0deg); }
      100% { filter: hue-rotate(360deg); }
  }

  #spinning-image-wrapper.active img {
      animation: spin 2s linear infinite, rainbow 3s linear infinite;
  }

  #popping-images-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }

  @keyframes pop-up-and-fade {
    0%   { transform: translateY(0); opacity: 1; }
    50%  { transform: translateY(-150px); opacity: 1; } /* 上昇のピークを高く */
    100% { transform: translateY(150px); opacity: 0; } /* 最終位置をさらに下へ */
}
.silk-image {
    position: absolute;
    z-index: 1010;
    pointer-events: none;
}