@charset "UTF-8";


/*
ページ遷移アニメーション
with JQuery
individual_fix_link.js
*/
body.link_slide_hidden1,
body.link_slide_hidden2{width:100%;overflow-x:hidden;}
.link_slide_hidden1 #content > .clearfix{animation:fx_ind_link1 0.1s ease-out 1;animation-fill-mode:forwards;will-change:opacity,transform;}
.link_slide_hidden1 #wrap .fix_header2 .fxhc_site,
.link_slide_hidden1 #wrap .fix_footer1{animation:fx_ind_link1b 0.1s ease-out 1;animation-fill-mode:forwards;}
.link_slide_hidden2 #content > .clearfix{animation:fx_ind_link2 0.1s ease-out 1;animation-fill-mode:forwards;will-change:opacity,transform;}
.link_slide_hidden2 #wrap .fix_header2 .fxhc_site,
.link_slide_hidden2 #wrap .fix_footer1{animation:fx_ind_link2b 0.1s ease-out 1;animation-fill-mode:forwards;}
@keyframes fx_ind_link1{
0%{opacity:1;transform:translateX(0);}
10%{opacity:1;transform:translateX(0);}
80%{opacity:0;transform:translateX(100px);}
100%{opacity:0;transform:translateX(150px);}
}
@keyframes fx_ind_link2{
0%{opacity:1;transform:translateX(0);}
10%{opacity:1;transform:translateX(0);}
80%{opacity:0;transform:translateX(-100px);}
100%{opacity:0;transform:translateX(-150px);}
}
@keyframes fx_ind_link1b{
0%{opacity:1;}
10%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes fx_ind_link2b{
0%{opacity:1;}
10%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}