@charset "UTF-8";




/* ===================================================
   会場マップ専用（疑似要素によるスクロールバー物理分離版）
   =================================================== */

/* マップを包むコンテナ（スマホ用） */
.map-container {
  display: block !important;
  width: 100vw !important;         
  height: 150vw !important;        /* スマホ時の高さ */
  overflow-x: auto !important;     /* 横スクロールを許可 */
  overflow-y: hidden !important;   /* 縦スクロールは無効化 */
  -webkit-overflow-scrolling: touch; /* スマホで滑らかにスクロール */
  
  /* 文字設定による隙間やズレを完全に消す */
  line-height: 0 !important;     
  font-size: 0 !important;       
  margin-left: 0 !important;  
  margin-right: 0 !important; 
  padding: 0 !important;
}

/* ★【最重要：新設】コンテナの内部の一番下に、スクロールバーを引き受ける透明なエリアを強制設置 */
.map-container::after {
  content: "" !important;
  display: block !important;
  width: calc(150vw * 2200 / 1338) !important; /* 画像と同じ横幅（約246.6vw）にする */
  height: 25px !important;                     /* スクロールバー用の高さ */
  background: transparent !important;          /* 完全な透明 */
}

/* マップ画像本体（スマホ用） */
.map-container .map-image {
  display: block !important;
  
  /* ★前回のpaddingやbox-sizingはすべて綺麗に削除・リセットしました */
  height: 100% !important;         
  aspect-ratio: 2200 / 1338 !important; 
  width: auto !important;          

  /* 背景画像設定（ご指定のパス） */
  background-image: url("../img/event/prbooth/booth_map.png?20260628") !important; 
  background-size: 100% 100% !important; /* 150vwの高さに画像をぴったり合わせる */
  background-repeat: no-repeat !important;
  background-position: left top !important; 
  
  margin: 0 !important;
  padding: 0 !important;
  opacity: 1 !important;
}
/*本文回り込み*/
.boxSet_map {
	margin: -10vw 0vw 0vw;
}


/* ===================================================
   新規ブースリスト（テーブル不使用・干渉ゼロ版）
   =================================================== */

/* 全体を包むコンテナ */
.booth-list-container {
  display: flex !important;
  flex-direction: column !important; /* スマホでは縦並び */
  width: 100% !important;
  gap: 0 !important;
	padding: 0vw 10vw 10vw 10vw;
}

/* リスト全体の共通リセット */
.new-booth-list {
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100% !important;
}

/* 各行の設定 */
.new-booth-list li {
  display: flex !important;
  align-items: center !important;    /* 丸とテキストの縦位置を中央揃え */
  width: 100% !important;
  margin-bottom: 3vw !important;     /* 行と行の間の隙間 */
}

/* 緑色の丸数字 */
.new-booth-list .booth-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;         /* 丸が絶対に潰れないように固定 */
  width: 5vw !important;           /* 丸のサイズ */
  height: 5vw !important;
  background-color: #37923B; /* 緑色 */
  color: #ffffff !important;         /* 白文字 */
  border-radius: 50% !important;      /* 正円にする */
  font-size: 3.0vw !important;
  font-weight: bold !important;
  margin-right: 2vw !important;      /* 丸と会社名の間の適切な隙間 */
}
.new-booth-list .wheel-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;         /* 丸が絶対に潰れないように固定 */
  width: 5vw !important;           /* 丸のサイズ */
  height: 5vw !important;
  background-color: #996536;
  color: #ffffff !important;         /* 白文字 */
  border-radius: 50% !important;      /* 正円にする */
  font-size: 3.0vw !important;
  font-weight: bold !important;
  margin-right: 2vw !important;      /* 丸と会社名の間の適切な隙間 */	
}

/* 会社名リンク */
.new-booth-list a.text_link {
  flex-grow: 1 !important;           /* 残りの幅をすべて会社名に使う */
  text-align: left !important;
}