/*
================================================
イベント開催中TOP CSS
================================================

/* メイン背景（既存） */
#main_inner {
  background-color: #ffffff;
}

/* セクション本体：余白は下地色で馴染ませる */
#title {
  position: relative;
  overflow: hidden;
  background-color: #ffffff;/* 画像の外側（余白）の色。任意で調整 */
}

/* 背景レイヤー：画像は絶対に切らない */
#title .bg,
#title .bg.end {
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;        /* ← 切らない */
}

/* 画像ソース切替 */
#title .bg     { background-image: url(../img/bg.jpg); }
#title .bg.end { background-image: url(../img/bg_end.jpg); }

/* ここが肝：980px 以上の画面でも、描画幅は 980px で頭打ち */
@media screen and (min-width: 980px) {
  #title .bg,

#title .bg.end {
    background-size: 980px auto;   /* 幅は最大 980px、高さはアスペクト比維持 */
    background-position: center center;
  }
}

/* --- ご提示の img ルール（背景の上に載せるロゴ等がある場合） --- */
#title img {
  width: inherit;        /* 既存の意図を維持（親幅依存） */
  height: auto;
  max-height: 605px;
  margin: 0 auto;
  display: block;
}

/* 1280px 以下では img は横幅いっぱい（既存） */
@media screen and (max-width: 1280px) {
  #title img { width: 100%; height: auto; }
}

/* 既存の空メディアクエリ */
@media screen and (max-width: 980px) { }
@media screen and (max-width: 767px) { }

/* 639px 以下での main 背景の挙動（既存） */
@media screen and (max-width: 639px) {
  #main_inner {
    background-attachment: scroll;
    background-position: top left, top right;
  }
}