.sep-popup {
  transition: transform 0.5s ease;
  will-change: transform;
  transform: translateX(200%);
  position: fixed;
  z-index: 99999;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: var(--sep-img-max, 767px);
  height: auto;
}

.sep-popup.is-active {
  transform: translateX(0);
}

.sep-popup__close {
  font-size: 25px;
  position: absolute;
  right: 0;
  top: -40px;
  background: #333;
  color: #fff;
  width: 40px;
  height: 40px;
  cursor: pointer;
}

@media (hover: hover) {
  .sep-popup__image-link:hover {
    transition: 0.08s;
    filter: brightness(1.03);
  }
}

/* モバイル */
@media (max-width: 767px) {
  .sep-popup {
    max-width: var(--sep-img-max, 100%);
  }
}