@charset "UTF-8";

/* =====================
*
スマホ画面下部の広告
*
=====================*/
/* デスクトップではモバイル用広告バナーを非表示 */
.mobile-ad-banner {
  display: none;
}
/* FIXME:モバイル判定について広告会社の対応待ち、修正はそれを待ってから合わせる */
@media (max-width: 768px),
(hover: none) and (pointer: coarse) {
  .mobile-ad-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: 50px;
    background-color: var(--bg-color);
    border-top: 1px solid var(--border-color);
  }
}