* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: #dff8ff;
  color: #083264;
  font-family: "Yu Mincho", "Hiragino Mincho ProN", "Noto Serif JP", serif;
}

.image-section {
  position: relative;
  display: block;
  line-height: 0;
}

.section-picture {
  display: block;
}

.image-section + .image-section {
  margin-top: clamp(-96px, -6vw, -28px);
}

.section-image {
  display: block;
  width: 100vw;
  max-width: none;
  height: auto;
  border: 0;
}

.image-section + .image-section .section-image {
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 clamp(32px, 7vw, 104px), #000 100%);
  mask-image: linear-gradient(to bottom, transparent 0, #000 clamp(32px, 7vw, 104px), #000 100%);
}

.site-logo {
  position: absolute;
  top: 5.2%;
  left: 50%;
  width: clamp(220px, 32vw, 560px);
  height: auto;
  transform: translateX(-50%);
  filter: drop-shadow(0 8px 18px rgba(0, 78, 130, 0.26));
}

.link-slots {
  position: absolute;
  inset: 0;
  line-height: 0;
}

.slot-link {
  position: absolute;
  min-width: 0;
  color: transparent;
  text-decoration: none;
  font-size: 0;
  -webkit-tap-highlight-color: transparent;
}

.slot-link--official {
  left: 15.8%;
  top: 35%;
  width: 42.8%;
  height: 48%;
}

.slot-link--dlsite {
  left: 65%;
  top: 67.2%;
  width: 14.5%;
  height: 20.8%;
}

.slot-link--fanza {
  left: 80.2%;
  top: 67.2%;
  width: 14.8%;
  height: 20.8%;
}

.slot-link:hover,
.slot-link:focus,
.slot-link:focus-visible {
  background: transparent;
  outline: none;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

@media (max-width: 720px) {
  .image-section + .image-section {
    margin-top: clamp(-72px, -12vw, -34px);
  }

  .site-logo {
    top: 3.4%;
    width: clamp(176px, 62vw, 320px);
  }

  .slot-link--official {
    left: 8.2%;
    top: 35.6%;
    width: 83.6%;
    height: 33.8%;
  }

  .slot-link--dlsite {
    left: 9.2%;
    top: 73.6%;
    width: 37.8%;
    height: 12.2%;
  }

  .slot-link--fanza {
    left: 51.2%;
    top: 73.6%;
    width: 39.6%;
    height: 12.2%;
  }
}