@charset "UTF-8";
/* ホール詳細　サイドバナー非表示用 CSS */

/* ホール詳細全体 */
.hall-detail-layout .col {
    margin: 0 auto;
    width: 995px;
}
#breadcrumbs .topic-path {
    margin: 0 auto;
    width: 995px;
}

/* イントロエリア ページ内リンク スクロール時 */
#page-navi.is-fixed {
  height: 41px;
}
#page-navi.is-fixed .page-navi-wrapper {
  width: 1040px;
}
#page-navi.is-fixed .page-inner-link {
  width: 995px;
  margin: 0 auto;
}

/* 設置機種リスト */
.hall-machine .list li {
  width: 50%;
}
.hall-machine .list .name {
  float: left;
  width: 365px;
}

/***********************************************
 * 関連アイコンの QR を余白を持たせて中央表示させる
 ***********************************************/
div.qr-display-for-related-icon {
  background: #FFFFFF; 
  width: 170px; 
  height: 170px; 
  position: relative;
}
div.qr-canvas-for-related-icon {
  position:absolute; 
  top:50%; 
  left: 50%; 
  transform: translate(-50%, -50%);
}

/***********************************************
 * フロアマップのポップアップ表示関連
 *     縦にフロアマップ画像を並べて中央揃えとする。
 ***********************************************/
div.wrap-floor-map {
   overflow: auto;
}
div.contents-floor-map {
  max-height: 495px; /* scroll 範囲の制御 */
  display: flex; 
  flex-direction: column; 
  align-items: center; 
  margin: 15px 15px 15px 15px;
}
img.floor-map-img {
  margin-bottom: 10px;
}

/***********************************************
 * 設置機種、設置予定関連
 ***********************************************/
div.not-exist-hall-machine-msg {
  padding: 10px 5px;
  margin-top: 5px;
  background-color: #FFFFFF;
}