body { color: #000; /* 文字を白 */ background-image: url("https://s3-ap-northeast-1.amazonaws.com/s3.peraichi.com/userData/58a38f21-2d14-4d03-a9c3-43100a00005e/img/445fc57a-8aa6-4e95-92b2-447ed08c76f4/fes2026-4.jpg"); background-size: cover; background-position: center top; /* ← 上部を優先表示 */ background-attachment: fixed; }


.p-m_navigation {
  background: linear-gradient(
    180deg,
    #d7deea 0%,
    #f3f3f3 100%
  );
}
.m_navigationMenu.p-m_navigationMenu {
  background-color: #f3f3f3;
}

/* 半透明の白レイヤー */
body::before {
  content: "";
  position: fixed;
  inset: 0;

  background: linear-gradient(
    135deg,
    rgba(235, 242, 255, 0.88),
    rgba(220, 232, 250, 0.78)
  );

  z-index: -1;
}

/* チケット画像下の説明文エリアを中央にそろえる */
.m-card .p-m-card-text,
.m-card .m-card-text {
  max-width: 300px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;
}

/* チケット画像も念のため中央寄せ */
.m-card .c-img img,
.m-card img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* 見出しは中央寄せ */
.m-card .c-heading,
.m-card h3,
.m-card h4 {
  text-align: center;
}

/* ロゴ */
.global-logo img {
  max-height: 70px;
  width: auto;
  margin-bottom: 20px;
}

/* メニュー横並び */
.global-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

/* メニュー項目 */
.nav-item {
  display: flex;
  align-items: center;
}

/* 区切り線 */
.nav-item:not(:last-child)::after {
  content: "|";
  margin: 0 14px;
  color: #666;
}

/* メニュー文字 */
.nav-link {
  text-decoration: none;
  color: #333;
  font-size: 18px;
  font-family: "Yu Gothic", "Hiragino Sans", sans-serif;
}

.nav-link:hover {
  color: #eb8f12;
}

/* ボタン */
.fixed-buttons-sp {
  position: absolute;
  top: 30px;
  right: 30px;
}

.fixed-buttons-sp .btn1 {
  display: inline-block;
  background: #f08a00; // ボタン色：オレンジ
  color: #fff;
  text-decoration: none;
  padding: 18px 36px;
  font-size: 18px;
  font-family: "Yu Gothic", "Hiragino Sans", sans-serif;
}

/*
ブース表タイトルの背景カラー変更
*/
.theme-custom .c-thead--color thead th,.theme-custom .c-thead--color thead td {
    background-color: #f3f3f3 !important;
}

/* =========================================================
   ★★★ 画像拡大表示 ★★★
   PC/SP共通: 5列のグリッド。クリックでモーダル表示。
   ========================================================= */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:1000px;margin:0 auto;}
.gallery img{width:100%;cursor:pointer;border-radius:6px;transition:transform 0.2s;}
.gallery img:hover{transform:scale(1.05);}
.modal{display:none;position:fixed;z-index:9999;padding-top:60px;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,0.8);}
.modal-content{margin:auto;display:block;max-width:90%;max-height:80vh;}
.close{position:absolute;top:20px;right:35px;color:#fff;font-size:40px;font-weight:bold;cursor:pointer;}
#caption{text-align:center;color:#ccc;padding:10px;}

/* チケット画像下の説明文エリアを中央にそろえる */
.m-card .p-m-card-text,
.m-card .m-card-text {
  max-width: 250px;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: left;
}