@charset "UTF-8";
@import url("./layout/header.css");
@import url("./layout/footer.css");
@import url("./layout/main.css");
@import url("./object/project/kv.css");
@import url("./object/project/story.css");
@import url("./object/project/skin.css");
@import url("./object/project/lineup.css");
@import url("./object/project/starter.css");
@import url("./object/project/link.css");
.body__wrapper {
  overflow: hidden;
}

.overlay {
  display: none;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
  height: 100%;
  z-index: 4;
}

.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 2s;
}

.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}

#story {
  padding-top: 160px;
  margin-top: -160px;
}

#movie {
  padding-top: 330px;
  margin-top: -330px;
}

#skin {
  padding-top: 180px;
  margin-top: -180px;
}

#lineup {
    position: relative;
    padding-top: 180px;
    margin-top: -180px;
    z-index: -1;
}
#starter{
  padding-top: 50px;

}

/*=================================
*　　meadia ~1000px
=================================*/
@media screen and (max-width: 1000px) {
  .l-headerPc {
    display: none;
  }

  .l-headerSp {
    -js-display: flex;
    display: flex;
  }

  .l-main {
    margin-top: 50px;
  }
}