/*
 * ===============================================
 *
 * RAMAA Engine (Real-time Animated Media Application Apparatus)
 * by Gounbeee 2021 - 2026
 *
 * License ： CC BY-NC-SA (Attribution-NonCommercial-ShareAlike)
 *
 * このプロジェクトは、Gounbeeeから作成され、個人的な利用、改変が可能です。
 * 改変時、このライセンス表記を残す義務があり、改変後の作成物が本ソフトと同じライセンスを継承します。
 *
 * ===============================================
 */

.bl_footer_wrapper {
  background-color: #5a4d3e;



}




/* タイムライン帯。画面下端に貼り付き、中身（メインタイムライン＋
   ローカルタイムライン＋再生ボタン）が増えても画面外へはみ出さないよう
   高さは内容なり＋下限で決める（固定 height だと中身が溢れて
   ページ全体に縦スクロールが生まれる）。 */
.ly_footer_wrapper {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  min-height: 8em;
  max-height: 40vh;
  box-sizing: border-box;
  z-index: 10;
  padding-left: 4em;
}




@media (max-width: 55em) {

  .ly_footer_wrapper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    /* min-height はブレークポイントごとに必ず上書きする。
       していないと既定の 8em が効いたままフッターが不要に高くなる。 */
    height: auto;
    min-height: 4rem;
    max-height: 40vh;
    z-index: 2;
    padding-left: 3.25rem;
  }

}



@media (max-width: 35em) {



  .ly_footer_wrapper {

    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    min-height: 5rem;
    max-height: 40vh;
    z-index: 2;
    padding-left: 1rem;


  }






}



.ly_footer_inner {


}