/* ===== アプリ内ナビバー（PWA起動時のみ表示） =====
静的HTMLサイト用の独立CSS。各ページので
として読み込む。
（既存 common.css に貼る場合は、必ず全ての @media{} の外に置くこと） */
.app-navbar { display: none; }
body.pwa-standalone { padding-bottom: 70px; } /* 下部バーの高さ分 */
body.pwa-standalone .app-navbar {
display: flex !important;
flex-direction: row !important;
align-items: center;
justify-content: space-between !important;
position: fixed;
bottom: 0; left: 0; right: 0;
width: 100%;
height: 70px;
padding: 0 8px;
background: #7d001a;
z-index: 10000;
box-sizing: border-box;
}
.app-navbar-back, .app-navbar-home {
appearance: none; border: 0; background: transparent;
color: #fff; text-decoration: none; cursor: pointer;
font-size: 16px;
padding: 0 14px; line-height: 1; white-space: nowrap;
flex: 0 0 auto; position: static;
display: flex; align-items: center; height: 100%;
justify-content: center;
/* 既存サイトの button 指定に負けないための打ち消し（引継ぎ 5-7 参照） */
top: auto !important; bottom: auto !important; transform: none !important;
}