/* fadeUp */
/*
.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:1;
}
@keyframes fadeUpAnime{
  from {
  opacity: 1;
  transform: translateY(100px);
  }
  to {
  opacity: 1;
  transform: translateY(0);
  }
}*/

/*==============
ホバーで下線
==============*/
.home .header_nav li a,
.footer_nav li a{
position: relative;
padding:0 10px;
padding-bottom: 5px;
}
/*
.home .header_nav li.current a
.home .header_nav li a:hover,*/
.footer_nav li.current a,
.footer_nav li a:hover{
color:#ffffff;
}
.footer_nav li a::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 2px;
  background:#ffffff;
  transition: all .3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
/*現在地とhoverの設定*/
.home .header_nav li.current a::after,
.home .header_nav li a:hover::after,
.footer_nav li.current a::after,
.footer_nav li a:hover::after{
  transform: scale(1, 1);
}
/*==下層ページ+header==*/
.header_nav li a{
position: relative;
padding:0 10px;
padding-bottom: 5px;
}
.home .header_nav li a::after,
.header_nav li.current a,
.header_nav li a:hover{
color:#4b4b4b;
}
.header_nav li a::after{
  content: '';
  position: absolute;
  bottom: 0;
  left: 10%;
  width: 80%;
  height: 2px;
  background:#4b4b4b;
  transition: all .3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
.header_nav li.current a::after,
.header_nav li a:hover::after{
  transform: scale(1, 1);
}