/*======================================================================
    Toast
======================================================================*/

/*
-----------------------------------------------------------------------
画面下部へ一時的なメッセージを表示する。

【用途】
・GPS取得失敗
・施設検索完了
・通信エラー
・現在地へ移動

showToast() から利用される。
-----------------------------------------------------------------------
*/

.toast {

    position: fixed;

    left: 50%;

    bottom: 24px;

    transform: translateX(-50%);

    background: rgba(40, 40, 40, 0.92);

    color: #ffffff;

    padding: 12px 18px;

    border-radius: 24px;

    font-size: 14px;

    white-space: nowrap;

    opacity: 0;

    pointer-events: none;

    transition: opacity .25s ease;

    z-index: 9999;

}

.toast.show {

    opacity: 1;

}