/* =========================
メニューバーの調整
========================= */
.event-menu .wp-block-navigation .wp-block-navigation-item a {
 display: inline-flex;
  align-items: center;
  justify-content: center;

  background: rgba(255,255,255,.25);
  color: #000;
  border: 1px solid rgba(255,255,255,.9);
  border-radius: 4px;

  font-size: 0.9rem;
  text-decoration: none;
  letter-spacing: .02em;

  box-shadow: 0 2px 6px rgba(0,0,0,.12);

  transition:
  background .2s ease,
  box-shadow .2s ease,
  transform .15s ease;
}

/* 上段メニュー（四角ボタン同士）の間隔を詰める */
.event-menu .wp-block-navigation__container {
  gap: 7px; 
}

/* =========================
  上段メニューと下段の優先表示（上段を優先）
========================= */
.event-menu {
  position: relative;
  z-index: 20;
}
.main-menu {
  position: relative;
  z-index: 10;
}
.event-menu 
.wp-block-navigation-item:hover > a {
  position: relative;
  z-index: 30;
}
.event-menu 
.wp-block-navigation-item > a {
  position: relative;
}
/* 上段メニュー：hover時 背景色変更 */
.event-menu 
.wp-block-navigation-item:hover > a {
  background: rgba(255,255,255,.6);
}
/* hover時 枠を強調 */
.event-menu 
.wp-block-navigation-item:hover > a {
  border-color: #757575;
}
/* 上段メニュー：hover完成形 */
.event-menu 
.wp-block-navigation-item:hover > a {
  background: #ffffff;
  border-color: #757575;
  box-shadow: 0 6px 16px rgba(0,0,0,.2);
  transform: translateY(-1px);
}
/* ① 上段メニューボタンの基準幅を決める */
.event-menu 
.wp-block-navigation-item > a {
  width: 250px;          /* ← 好みで 220〜260px */
  box-sizing: border-box;
}

/* ② ホバーで出る中身を親幅に揃える */
.event-menu 
.wp-block-navigation-item > a > * {
  width: 100%;
  box-sizing: border-box;
}
/* 上段と下段の左を揃える */
.wp-block-navigation__responsive-container-content{
padding-left: 20px;
}



/* 上部イベント切替ボタン：文字まわりの余白を詰める 　ボタン2つ並びのところ（東京と大阪）*/
.event-menu .wp-block-navigation__container a {
  padding: 6px 12px; /* ← 縦 横 */
  line-height: 1.2;
}

/* hover表示 */
figure.wp-block-image:hover::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

/* 文言 */
figure.wp-block-image:has(img.wp-image-2106)::after {
  content: "お問合せ";
}

figure.wp-block-image:has(img.wp-image-2107)::after {
  content: "出展に関して";
}

/* デフォルトは閉じる */
.event-menu .wp-block-navigation__submenu-container {
  display: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
}

/* hoverのときだけ開く */
.event-menu .wp-block-navigation-item:hover > .wp-block-navigation__submenu-container {
  display: block !important;
  opacity: 1 !important;
  visibility: visible !important;
}

/* =========================
メニューバーの調整ここまで
========================= */