/* JS
--------------------------------------------------*/

.js-fadeIn{
  opacity: 0;
}

.l-main>[class^="home-"]:not(.home-cover):not(.home-intro)>*{
  opacity:0;
}

.nav-page li:nth-child(1):after,
.nav-page li:nth-child(3):after,
.nav-page li:nth-child(5):after{
  transform-origin: 50% 0;
  animation: sway 3s ease-in-out infinite alternate;
  transform: rotate(10deg);
}

.nav-page li:nth-child(2):after,
.nav-page li:nth-child(4):after,
.nav-page li:nth-child(6):after{
  transform-origin: 50% 50%;
  animation: fly 1.5s ease-in-out infinite alternate;
}

.nav-page li:nth-child(1):after{
}

.nav-page li:nth-child(2):after{
}

.nav-page li:nth-child(3):after{
    animation-delay: 1s;

}

.nav-page li:nth-child(4):after{
    animation-delay: 0.5s;

}

.nav-page li:nth-child(5):after{
    animation-delay: 2s;
}

.nav-page li:nth-child(6):after{
    animation-delay: 1s;
}



@keyframes sway {
  0% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(-10deg);
  }
}


@keyframes fly {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-30%);
  }
}

.home-title01 [class^="home-title01__bat"]{
  animation: fly 3s ease-in-out infinite alternate;
}

.home-title01 [class^="home-title01__bat"]:nth-of-type(1){
  animation-delay: 0.5s;
}
.home-title01 [class^="home-title01__bat"]:nth-of-type(2){
  animation-delay: 1s;
}
.home-title01 [class^="home-title01__bat"]:nth-of-type(3){
  animation-delay: 1.5s;
}
.home-title01 [class^="home-title01__bat"]:nth-of-type(4){
  animation-delay: 2s;
}

.home-lineSlide{
  overflow:hidden;
}

.home-lineSlide__in{
  display:flex;
  width: 300%;
  animation: scroll 15s linear infinite;
}

.home-lineSlide__item{
  display:flex;
  width: calc(100% / 3);
}

@keyframes scroll{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-33.333333%);
  }
}


.m-ticket{
  transition: transform .5s ease;
  transform: translateY(100%);
  opacity: 0;
}


.m-ticket.visible{
  transform: translateY(0);
  opacity: 1;
}

.m-pagetop{
  opacity: 0!important;
  pointer-events: none;
}

.m-pagetop.visible{
  opacity: 1!important;
  pointer-events: auto;
}

.breadcrumb_area{
  padding: 10px 0;
  background-color:#fff;
  position: relative;
  z-index: 98;
}

.breadcrumb{
  margin: 0 auto;
}

#header.vendor{
  margin-bottom:0;
}

#footer{
  position: relative;
  z-index: 98;
}