/*
z-indexの値付けルールについて
------------------------
______0 - ___4999: 主なコンテンツ
3000000 - 3999999: チャットや告知などのポップアップ（ツール選択系モーダルなど含む）
5000000 - 5999999: ドロップダウンUI、サイト内ナビゲーションUI、固定ヘッダや固定フッタなど

 */

.treasure-num {
  font-size: 107px;
  position: absolute;
  top: 20px;
  left: 26px;
  text-align: center;
}
.treasure-alphabet {
  position: relative;
  width: 100%;
}
.treasure-alphabet div {
  padding-top: 15px;
  width: 400px;
  height: 160px;
  margin: auto;
  position: absolute;
  top: 105px;
  left: 18px;
  right: 0;
  font-size: 200px;
  text-align: center;
}
.vista.chrome .treasure-alphabet div {
  margin-top: -25px;
}

.pic-door01 {
  left: 140px;
  bottom: 132px;
}
.pic-door02 {
  left: 694px;
  bottom: 132px;
}
.pic-door03 {
  left: 1260px;
  bottom: 132px;
}

.treasure-answer table {
  width: 597px;
  height: 636px;
  position: absolute;
  top: 312px;
  left: 672px;
  border: 8px solid #000;
}
.treasure-answer table td {
  width: 188px;
  height: 149px;
  text-align: center;
  font-size: 77px;
  vertical-align: middle;
  border: 8px solid #000;
  border-collapse: collapse;
}
.treasure-answer table td.on {
  background: #F3B4CF;
}

.pic-door01.img-fix.js-img-sound:hover::after,
.pic-door02.img-fix.js-img-sound:hover::after,
.pic-door03.img-fix.js-img-sound:hover::after,
.pic-door01.img-fix.js-img-sound-active:before,
.pic-door02.img-fix.js-img-sound-active:before,
.pic-door03.img-fix.js-img-sound-active:before {
  top: -90px;
  left: 0px;
  z-index: 3000000;
}