@charset "UTF-8";

/* =========================================================
   TAB STATE CONTROL ONLY
========================================================= */

.panel-radios {
  display: none;
}

/* =========================================================
   INITIAL HIDE （初期状態はすべて非表示にする）
========================================================= */

.tempRegistContainer .container1,
.tempRegistContainer .container2,

.serviceContainer .container1,
.serviceContainer .container2,
.serviceContainer .container3,

.floorMapContainer .container1,
.floorMapContainer .container2,
.floorMapContainer .container3,
.floorMapContainer .container4,

.tayoriContainerA .container1,
.tayoriContainerA .container2,

.tayoriContainerB .container1,
.tayoriContainerB .container2 {
  display: none;
}

/* =========================================================
   🚨 FLOOR MAP ACCESSiBILITY CONTROL （最も重要な修正部分）
   💡 JavaScriptで表示中（aria-hidden="false"）になった階の地図を画面に出す
========================================================= */

/* ラジオボタンチェック時の代わりに、プログラムが「表示しなさい」と切り替えた要素を
   強力に画面上に引っ張り出します。これで地図が完璧に復活します！ */
.floorMapContainer > [aria-hidden="false"] {
  display: block !important;
}

/* =========================================================
   TEMP REGIST （ご利用案内などの古いラジオボタン用の互換性維持）
========================================================= */

.tempRegist1-ctrl:checked ~ .tempRegistContainer .container1 {
  display: block;
}

.tempRegist2-ctrl:checked ~ .tempRegistContainer .container2 {
  display: block;
}

/* =========================================================
   SERVICE
========================================================= */

.service1-ctrl:checked ~ .serviceContainer .container1 {
  display: block;
}

.service2-ctrl:checked ~ .serviceContainer .container2 {
  display: block;
}

.service3-ctrl:checked ~ .serviceContainer .container3 {
  display: block;
}

/* =========================================================
   TAYORI
========================================================= */

/* 最新号 */
#tayoriA1-ctrl:checked ~ .tayoriContainerA > .container1 {
  display: block;
}

#tayoriA1-ctrl:checked ~ .tayoriContainerA > .container2 {
  display: none;
}

#tayoriA2-ctrl:checked ~ .tayoriContainerA > .container1 {
  display: none;
}

#tayoriA2-ctrl:checked ~ .tayoriContainerA > .container2 {
  display: block;
}

/* 前回号 */
#tayoriB1-ctrl:checked ~ .tayoriContainerB > .container1 {
  display: block;
}

#tayoriB1-ctrl:checked ~ .tayoriContainerB > .container2 {
  display: none;
}

#tayoriB2-ctrl:checked ~ .tayoriContainerB > .container1 {
  display: none;
}

#tayoriB2-ctrl:checked ~ .tayoriContainerB > .container2 {
  display: block;
}

/* =========================================================
   TAYORI LAYOUT
========================================================= */

.tayoriContainerA,
.tayoriContainerB {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}

.tayoriContainerA .container1,
.tayoriContainerA .container2,
.tayoriContainerB .container1,
.tayoriContainerB .container2 {
  width: 100%;
  flex: 1;
  min-height: 0;
  overflow: auto;
  box-sizing: border-box;
}

.tayoriContainerA iframe,
.tayoriContainerB iframe {
  width: 100%;
  height: 100%;
  border: none;
  display: block;
}

/* =========================================================
   TAYORI TAB UI
========================================================= */

.tabs-list {
  display: flex;
  gap: 10px;
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}

.tabs-list li {
  margin: 0;
  padding: 0;
}

.panel-label {
  display: inline-block;
  padding: 6px 14px;
  background: #eee;
  border-radius: 4px;
  cursor: pointer;
  user-select: none;
}

/* 選択中のタブの見た目 */
#tayoriA1-ctrl:checked ~ .tabs-list .li-for-tayoriA1 .panel-label,
#tayoriA2-ctrl:checked ~ .tabs-list .li-for-tayoriA2 .panel-label,
#tayoriB1-ctrl:checked ~ .tabs-list .li-for-tayoriB1 .panel-label,
#tayoriB2-ctrl:checked ~ .tabs-list .li-for-tayoriB2 .panel-label {
  background: #00a1e9;
  color: #fff;
}