@charset "utf-8";

/*========= スクロール途中からヘッダーの高さが小さくなるためのCSS ===============

.menu-logo{
display: none;
}*/

/*HeightMinというクラス名がついたら高さを小さく、上部固定に*/
#menuArea.HeightMin{
width: 100%;
position: fixed;
z-index: 999;/*最前面へ*/
animation: DownAnime 0.5s forwards;
background-color:rgba(255,255,255,0.9);
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#menuArea.HeightMin #site-logo{
display: block;
position: absolute;
top: 25px;
left: 40px;
}



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