@charset "UTF-8";

/*----------------------------------------------------
  「イベントトップに戻る」ボタンを全体で非表示にする
----------------------------------------------------*/

/* ブース／お知らせ／WEBページ等の設定 */
.portal-event-top {
    display: none !important;
}

/* チケットページの設定 */
.event__event-top {
    display: none !important;
}

/* マイチケットページの設定 */
.my-ticket__event-top {
    display: none !important;
}

/* タイムテーブルの設定 */
.timetable-layout__back-top {
    display: none !important;
}

/*----------------------------------------------------
  ヘッダー・メニューのデザイン変更（固定や高さ変更なし）
  背景：濃紺 / 文字：白
----------------------------------------------------*/

/* --- 背景色を濃紺にする設定 --- */
.header-logo__wrap,
.v-slide-group__wrapper,
.header__wrap,
.widget__bottom {
    background-color: #1a237e !important;
}

/* --- 文字色を白にする設定 --- */
.header-tab__name,
.menu__name__area,
.menu__name,
.widget__bottom {
    color: #ffffff !important;
}

/* --- アイコン周りなどの不要な白背景を透明にする設定 --- */
.menu__icon__detail,
.header-tab__sp {
    background-color: transparent !important;
}

/* --- 選択中のタブの下線を白にして見やすくする（任意） --- */
.header-tab__active__event {
    color: #ffffff !important;
    border-bottom: 2px solid #ffffff !important;
}

/** webヘッダー固定 **/
.header__wrap {
position: fixed; z-index: 1000; 
}

/** ヘッダー分の余白調整 **/
.widget__wrap {
margin-top: 4em;
}

.menu__icon__detail {
  /* 画像の明るさとコントラストを調整して、グレーを白に近づける */
  filter: brightness(0) invert(1);
}

.menu__icon__detail {
  /* 三角形の左側に12ピクセルの隙間を作る */
  margin-left: 12px; 
}

/*----------------------------------------------------
  固定ヘッダーによるコンテンツ隠れを防ぐ設定
----------------------------------------------------*/

/* ヘッダー（.header__wrap）のすぐ次にある要素を下に押し下げます */
.header__wrap + * {
  margin-top: 100px !important; /* PC時のヘッダー高さ分の余白 */
}

/* スマートフォンなど画面が狭い端末用の設定 */
@media (max-width: 768px) {
  .header__wrap + * {
    margin-top: 80px !important; /* スマホ時のヘッダー高さ分の余白 */
  }
}