@media screen and (min-width: 768px) {
#fixed-menu {
      position: fixed;
      bottom: 0;
      left: 0;
      width: 100%;
      opacity: 0; /* 初期状態では透明 */
      transition: opacity 0.3s ease-in-out; /* フェードインのアニメーション設定 */
    }
#footer {
  padding: 2em 0 6em!important
}
}

@media screen and (max-width: 767px) {
#fixed-menu {
      position: fixed;
      bottom: 80px;
      left: 0;
      width: 100%;
      opacity: 0; /* 初期状態では透明 */
      transition: opacity 0.3s ease-in-out; /* フェードインのアニメーション設定 
}
}