#canvas{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
}

.contents{
  position: relative;
  z-index: 2;
}

#fadeLayer {
  top: 0px;
  width: 100vw;
  height: 100vh;
  margin: auto;
  background-color: #000000;
  position: sticky;
  z-index: 1;
  opacity:0;
}

p{
  text-align: center;
  color:white;
}

.shippori {
  font-family: "Shippori Mincho", serif;
  font-weight: 400;
  font-style: normal;
}

.s-500 {
  font-weight: 500 !important;
}

.s-600 {
  font-weight: 600 !important;
}

.s-700 {
  font-weight: 700 !important;
}

.s-800 {
  font-weight: 800 !important;
}

.side-scroll-list-wrapper {
  position: relative;
  width: 100%;
  height: 700px;
}

.side-scroll-list {
  position: absolute;
  display: flex;
}