#campaign_title {
    aspect-ratio: 800 / 1162;
}
#campaign_01 {
    aspect-ratio: 800 / 1198;
}
#campaign_02 {
    aspect-ratio: 800 / 974;
}
#campaign_03 {
    aspect-ratio: 800 / 976;
}
#campaign_04 {
    aspect-ratio: 800 / 401;
}
#campaign_05 {
    aspect-ratio: 800 / 589;
}
#campaign_06 {
    aspect-ratio: 800 / 696;
}
#campaign_07 {
    aspect-ratio: 800 / 394;
}
#campaign_08 {
    aspect-ratio: 800 / 150;
}
#campaign_09 {
    aspect-ratio: 800 / 60;
}
#campaign_menu {
    aspect-ratio: 800 / 150;
}


#campaign_09 {
    margin-bottom: 150px;
}

/* 固定バナー本体（id: campaign_menu） */
#campaign_menu {
  position: fixed;
  left: 50%;
  bottom: 0;
  translate: -50% 0;

  /* アスペクト比 800/150 を維持 */
  aspect-ratio: 800 / 150;
  width: min(90vw, 800px);
  height: auto;

  /* アニメーションの初期状態（非表示＆下から少しスライド） */
  opacity: 0;
  transform: translateY(12px);
  transition: opacity 420ms ease, transform 420ms ease;
  will-change: opacity, transform;
}

/* フェードイン状態 */
#campaign_menu.is-visible {
  opacity: 1;
  transform: translateY(0);
}
``