@charset "utf-8";

/*========= 上部固定させるためのCSS ===============*/

.menu{
  /*position: fixed;fixedを設定して固定*/
  height: 70px;/*高さ指定*/
  width:100%;/*横幅指定*/
    z-index: 999;/*最前面へ*/
}

/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/

@keyframes UpAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 0;
  transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

.menu.DownMove{
  position: fixed;
      top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
  /*width:70%;*/
  /* animation: DownAnime2 0.5s forwards; */
}
@keyframes DownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* -----下層ページのメニューバー----- */
.under_menu{
  background-color: rgba(247,247,247,0.8);
  display: flex;
  justify-content: space-between;
}
.under_menu nav ul li{
  font-family: 'Josefin Sans', sans-serif;
}
.under_menu nav ul{
  display: flex;/* リストを横並び */        
justify-content: space-between;
align-items: center;
}
.under_menu nav ul li a{
  padding-left: 20px;
  padding-right: 20px;
  transition: 0.5s;
  line-height: 5;
}
.under_menu nav ul li a:hover{
  color: #999;
  transition: 0.5s;
}

.under_menu{
  position:fixed;
  width: 1200px;
  top: 0;
  }
  .under_menu img{ /* TopLOGO */
 max-width: 80%;
  padding-top: 20px;
  }