.hide{
	transform: translateY(-100%); /* 荳翫↓豸医∴繧九ｈ縺�↓縺吶ｋ */
    opacity: 0;
}

#scrollArea{
    position:relative; /* 蝗ｺ螳壹＠縺ｦ陦ｨ遉ｺ縺輔ｌ繧九ｈ縺�↓縺吶ｋ */
    top: 0; /* 陦ｨ遉ｺ蝣ｴ謇€繧剃ｸ€逡ｪ荳翫↓ */
    transition: .5s; /* 繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ譎ゅ↓荳€迸ｬ縺ｧ豸医∴繧九→迚ｩ雜ｳ繧翫↑縺��縺ｧ.hide縺ｮ蜃ｦ逅�ｒ0.5遘偵〒陦後≧ */
    z-index: 1; /* 蜑埼擇縺ｫ陦ｨ遉ｺ縺輔ｌ繧九ｈ縺�↓縺吶ｋ */
}