@charset "utf-8";

.wrap.wrap_off { opacity:0; }

/*FADEでゆっくり表示*/
.menu_on .menu,.menu_on .l_menu,.loading{ animation:easing_anim00 0.8s ease-in-out forwards; }
.header_logo,.header_fix,.header_main_navi,.header_fix .header_button_wrap,.loading_inner { animation:easing_anim00 2s ease-in-out forwards; }
.wrap_on .slider_wrap,.wrap_on #fix_shop_btn,.wrap.wrap_on { animation:easing_anim00 2.5s ease-in-out forwards;}
#fix_shop_btn.on { animation:easing_anim00 .5s ease-in-out forwards; }
@keyframes easing_anim00 {
  0% { opacity:0; }
  100% { opacity:1; }	
}

/*FADEでゆっくり非表示*/
.load_off { animation:easing_anim01 1.5s ease-in-out forwards; }
.load_off2 {z-index:-1;}
#fix_shop_btn.off { animation:easing_anim01 .5s ease-in-out forwards; }
@keyframes easing_anim01 {
	0% { opacity:1; }
	100% { opacity:0; }	
}

/*LINK*/
.fix a:hover p,.header_main_navi a:hover p,#fix_scroll_btn a:hover p,#fix_scroll_mid a:hover {color:#fff;transition: 0.5s;}
.fix a {transition: 0.5s;}


/*スクロール*/
.fadein.on {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
}
.fadein {
    -webkit-transform: translate(0, -40px);
    transform: translate(0, -40px);
    opacity: 0;
    -webkit-transition: all 1500ms;
    transition: all 1500ms;
}

/*スライド*/
.l_aside .slider_wrap .slide-animation {animation: fadezoom 10s linear forwards;}
@keyframes fadezoom {
  0% { transform:scale(1.15);}
  100% { transform:scale(1);}
}


/*MV スクロール*/
.mv_wrap .scroll_txt p {animation: mvscroll 3000ms infinite ease-in-out;-webkit-animation: mvscroll 3000ms infinite ease-in-out;}
@keyframes mvscroll {
  0% {transform:translate3d(0, 100%, 0);-webkit-transform:translate3d(0, 100%, 0);}
  10% {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);}
  90% {transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);}
  100% {transform:translate3d(0, -100%, 0);-webkit-transform:translate3d(0, -100%, 0);}
}