@charset "utf-8";

body:not(#top) #contents main {
  padding: 108px 0 0;
}

#contents .subNavWrap {
    position: absolute;
    top: 106px;
    left: -25px;
    width: 280px;
    z-index: 10;
}
#contents #subNav li {
  margin: 0 0 6px;
  opacity: 0;
  -webkit-animation: slide-in 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both 0.5s;
  animation: slide-in 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) both 0.5s;
}
#contents #subNav li:nth-child(2) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
#contents #subNav li:nth-child(3) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
#contents #subNav li:nth-child(4) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
#contents #subNav li:nth-child(5) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
#contents #subNav li:nth-child(6) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#contents #subNav li:nth-child(7) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}
#contents #subNav li:nth-child(8) {
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}
#contents #subNav li:nth-child(9) {
  -webkit-animation-delay: 2.9s;
  animation-delay: 2.9s;
}
#contents #subNav li:nth-child(10) {
  -webkit-animation-delay: 3.1s;
  animation-delay: 3.1s;
}
#contents #subNav li:nth-child(11) {
  -webkit-animation-delay: 3.4s;
  animation-delay: 3.4s;
}
#contents #subNav li:nth-child(12) {
  -webkit-animation-delay: 3.7s;
  animation-delay: 3.7s;
}
#contents #subNav li a:hover img {
  opacity: 1;
}
#contents #mainBox {
  margin: 0 0 450px 322px;
}

/* システム */
#system #contents #subNav li:nth-child(1) ul.sub li:nth-child(1) {
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
#system #contents #subNav li:nth-child(1) ul.sub li:nth-child(2) {
  -webkit-animation-delay: 1.1s;
  animation-delay: 1.1s;
}
#system #contents #subNav li:nth-child(2) {
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}
#system #contents #subNav li:nth-child(2) ul.sub li:nth-child(1) {
  -webkit-animation-delay: 1.7s;
  animation-delay: 1.7s;
}
#system #contents #subNav li:nth-child(2) ul.sub li:nth-child(2) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
#system #contents #subNav li:nth-child(3) {
  -webkit-animation-delay: 2.3s;
  animation-delay: 2.3s;
}

/* ムービー */
.mv_list li {
  width: 326px;
}
.mv_list h3 img {
  height: 33px;
}

@media screen and (min-width: 1201px){
#system #contents #subNav li:nth-child(4) {
    -webkit-animation-delay: 2.6s;
    animation-delay: 2.6s;
}
}

#chara08 p{
  margin-bottom: 800px;
}

#chara09 p{
  margin-bottom: 800px;
}

#chara10 p{
  margin-bottom: 800px;
}