@charset "utf-8";

/*--------------------------------------------
  HEADER
--------------------------------------------*/
/* MENU */
.drawer-nav .ul_spmenu {
  opacity: 0;
  transform: translateX(3em);
}
.drawer-open .drawer-nav .ul_spmenu {
  opacity: 1;
  transform: translateX(0);
  transition: .6s .3s;
}




/*--------------------------------------------
  KEY
--------------------------------------------*/
.animate_js.slider_key {
  opacity: 0;
  transition: .6s .2s;
}
.scrolled.animate_js.slider_key {
  opacity: 1;
}





/*--------------------------------------------
  news
--------------------------------------------*/
.animate_js.sec_news .ttl_underbar,
.animate_js.sec_news .ul_tab,
.animate_js.sec_news .tab_conts {
  opacity: 0;
  transition: .6s .4s;
}
.scrolled.animate_js.sec_news .ttl_underbar,
.scrolled.animate_js.sec_news .ul_tab,
.scrolled.animate_js.sec_news .tab_conts {
  opacity: 1;
}
.scrolled.animate_js.sec_news .ul_tab {
  transition-delay: .8s;
}
.scrolled.animate_js.sec_news .tab_conts {
  transition-delay: 1.2s;
}




/*--------------------------------------------
  gallery
--------------------------------------------*/
.animate_js.sec_gallery::before,
.animate_js.sec_gallery .wh_box,
.animate_js.sec_gallery .ttl_underbar,
.animate_js.sec_gallery .fx_exhibition {
  opacity: 0;
  transition: .6s .4s;
}
.scrolled.animate_js.sec_gallery::before,
.scrolled.animate_js.sec_gallery .wh_box,
.scrolled.animate_js.sec_gallery .ttl_underbar,
.scrolled.animate_js.sec_gallery .fx_exhibition {
  opacity: 1;
}
.scrolled.animate_js.sec_gallery .wh_box {
  transition-delay: .8s;
}
.scrolled.animate_js.sec_gallery .ttl_underbar {
  transition-delay: 1.2s;
}
.scrolled.animate_js.sec_gallery .fx_exhibition {
  transition-delay: 1.6s;
}



/*--------------------------------------------
  foot link
--------------------------------------------*/
.animate_js.sec_footlink .fx_footlink > .item:nth-child(1),
.animate_js.sec_footlink .fx_footlink > .item:nth-child(2),
.animate_js.sec_footlink .fx_footlink > .item:nth-child(3) {
  opacity: 0;
  transition: .6s .4s;
}
.scrolled.animate_js.sec_footlink .fx_footlink > .item:nth-child(1),
.scrolled.animate_js.sec_footlink .fx_footlink > .item:nth-child(2),
.scrolled.animate_js.sec_footlink .fx_footlink > .item:nth-child(3) {
  opacity: 1;
}
.scrolled.animate_js.sec_footlink .fx_footlink > .item:nth-child(2) {
  transition-delay: .8s;
}
.scrolled.animate_js.sec_footlink .fx_footlink > .item:nth-child(3) {
  transition-delay: 1.2s;
}