/*mv*/


#top .mv{
  transition: opacity 1s ease-out,filter 1s ease-out;
  opacity: 0;
  filter: blur(10px);
}
#top .mv.active{
  opacity: 1;
  filter: blur(0);
}


#top .mv h1{
  transition: opacity 1s ease-out,transform 1s ease-out,filter 1s ease-out;
  opacity: 0;
  transform: translate(0,20px);
  filter: blur(10px);
}
#top .mv.active h1{
  opacity: 1;
  transform: translate(0,0);
  filter: blur(0);
}

@media (max-width:749px) { 
    #top .mv h1{
      transition: opacity 1s ease-out,transform 1s ease-out,filter 1s ease-out;
      opacity: 0;
      transform: translate(-50%,-50%);
      filter: blur(10px);
    }
    #top .mv.active h1{
      opacity: 1;
      transform: translate(-50%,-55%);
      filter: blur(0);
    }
}


#top .mv a.mv_btn{
  transition: opacity 1s ease-out;
  opacity: 0;
}
#top .mv.active a.mv_btn{
  opacity: 1;
}


#top .mv a.mv_btn:after{
  transition: opacity 0.5s ease-out,transform 0.5s ease-out;
  opacity: 0;
  transform:scaleX(0);
  transform-origin: top right;
}
#top .mv.active a.mv_btn:after{
  opacity: 1;
  transform:scaleX(1);
  transform-origin: top left;
}




#top .mv h1{ transition-delay:1s !important; }
#top .mv a.mv_btn{ transition-delay:1.2s !important; }
#top .mv a.mv_btn:after{ transition-delay:1s !important; }


/*about*/

#top .about figure{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
}
#top .about.active figure{
  opacity:1;
  filter: blur(0);
}

#top .about .wrap h2,
#top .about .wrap p,
#top .about .wrap a{
  transition: opacity 0.5s ease-out,transform 0.5s ease-out,filter 0.5s ease-out;
  opacity: 0;
  transform: translateY(25px);
  filter: blur(10px);
}
#top .about.active .wrap h2,
#top .about.active .wrap p,
#top .about.active .wrap a{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}


#top .about figure{ transition-delay:0.2s; }
#top .about .wrap h2{ transition-delay:0.5s;}
#top .about .wrap p{ transition-delay:0.6s;}
#top .about .wrap a{ transition-delay:0.7s;}



/*ticker*/


#top .ticker{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
}

#top .ticker.active{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity:1;
  filter: blur(0);
}


/*item*/

#item_list #item_side{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
}
#item_list.active #item_side{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity:1;
  filter: blur(0);
}
#item_list ul li figure,
#item_list ul li .detail dl dt,
#item_list ul li .detail dl dd,
#item_list ul li .detail p,
#top .item_list .wrap ul li .btn,
#item_list ul li .detail .cartjs_box,
#item_list ul li .detail a{
  transition: opacity 0.5s ease-out,transform 0.5s ease-out,filter 0.5s ease-out;
  opacity: 0;
  transform: translateY(50px);
  filter: blur(10px);
}
#item_list ul li.active figure,
#item_list ul li.active .detail dl dt,
#item_list ul li.active .detail dl dd,
#item_list ul li.active .detail p,
#top .item_list .wrap ul li.active .btn,
#item_list ul li.active .detail .cartjs_box,
#item_list ul li.active .detail a{
  opacity: 1;
  transform: translateY(0);
  filter: blur(0);
}

#item_list ul li figure{ transition-delay:0.3s; }
#item_list ul li .detail dl dt{ transition-delay:0.34s; }
#item_list ul li .detail dl dd{ transition-delay:0.38s; }
#item_list ul li .detail p{ transition-delay:0.42s; }
#top .item_list .wrap ul li .btn{ transition-delay:0.46s; }
#item_list ul li .detail .cartjs_box{ transition-delay:0.46s; }
#item_list ul li .detail a{ transition-delay:0.50s; }


.image_slide{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out;
  opacity: 0;
  filter: blur(10px);
}
.image_slide.active{
  opacity:1;
  filter: blur(0);
}



/*about*/

#about .mv{
  transition: opacity 1s ease-out,filter 0.5s ease-out;
  opacity: 0;
  filter: blur(10px);
}
#about .mv.active{
  opacity:1;
  filter: blur(0);
}

#about .mv .txt_box{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out,transform 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
  transform: translateY(50px);
}
#about .mv .txt_box.active{
  opacity:1;
  filter: blur(0);
  transform: translateY(0);
}
#about .sec01 article{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out,transform 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
  transform: translateY(50px);
}
#about .sec01 article.active{
  opacity:1;
  filter: blur(0);
  transform: translateY(0);
}

#about .sec01 article{
  transition: opacity 0.5s ease-out,filter 0.5s ease-out,transform 0.5s ease-out;
  opacity:0;
  filter: blur(10px);
  transform: translateY(50px);
}
#about .sec01 article.active{
  opacity:1;
  filter: blur(0);
  transform: translateY(0);
}