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

 */


.bingo-roulette {
  width: 800px;
  height: 800px;
  position: absolute;
  top: 85px;
  left: 474px;
  background: url('../images/common/bingo-roulette.png') no-repeat top center;
  text-align: center;
}

.bingo-roulette-box {
  position: relative;
  width: 100%;
  height: 660px;
  top: 70px;
  /*   left: 170px; */
  overflow: hidden;
}

.roulette-inner > img{
    margin-left: 170px;
}

.bingo-roulette-letters div {
  padding-top: 15px;
  width: 125px;
  height: 125px;
  position: absolute;
  font-size:114px;
  text-align: center;
  background: #fff;
  border: 1px solid #999;
  border-radius: 5px;
}
.vista.chrome .bingo-roulette-letters div {
  padding-top: 0px;
}

.bingo-roulette-letter01 {
  top: 85px;
  left: 42px;
}
.bingo-roulette-letter02 {
  top: 85px;
  left: 177px;
}
.bingo-roulette-letter03 {
  top: 85px;
  left: 312px;
}
.bingo-roulette-letter04 {
  top: 85px;
  left: 1310px;
}
.bingo-roulette-letter05 {
  top: 85px;
  left: 1445px;
}
.bingo-roulette-letter06 {
  top: 85px;
  left: 1580px;
}

.bingo-roulette-letter07 {
  top: 220px;
  left: 42px;
}
.bingo-roulette-letter08 {
  top: 220px;
  left: 177px;
}
.bingo-roulette-letter09 {
  top: 220px;
  left: 312px;
}
.bingo-roulette-letter10 {
  top: 220px;
  left: 1310px;
}
.bingo-roulette-letter11 {
  top: 220px;
  left: 1445px;
}
.bingo-roulette-letter12 {
  top: 220px;
  left: 1580px;
}

.bingo-roulette-letter13 {
  top: 355px;
  left: 42px;
}
.bingo-roulette-letter14 {
  top: 355px;
  left: 177px;
}
.bingo-roulette-letter15 {
  top: 355px;
  left: 312px;
}
.bingo-roulette-letter16 {
  top: 355px;
  left: 1310px;
}
.bingo-roulette-letter17 {
  top: 355px;
  left: 1445px;
}
.bingo-roulette-letter18 {
  top: 355px;
  left: 1580px;
}

.bingo-roulette-letter19 {
  top: 490px;
  left: 42px;
}
.bingo-roulette-letter20 {
  top: 490px;
  left: 177px;
}
.bingo-roulette-letter21 {
  top: 490px;
  left: 312px;
}
.bingo-roulette-letter22 {
  top: 490px;
  left: 1310px;
}
.bingo-roulette-letter23 {
  top: 490px;
  left: 1445px;
}
.bingo-roulette-letter24 {
  top: 490px;
  left: 1580px;
}

.bingo-roulette-letter25 {
  top: 625px;
  left: 42px;
}
.bingo-roulette-letter26 {
  top: 625px;
  left: 177px;
}
.btn-finish-content {
  width: 186px;
  height: 80px;
  position: absolute;
  bottom: 28px;
  left: 782px;
  z-index: 4999;
  cursor: pointer;
  background: url(../images/common/btn-finish-content.png) no-repeat top center;
}
.bingo-roulette-box.js-img-sound:hover:after,
.bingo-roulette-box.js-img-sound-active:before {
  top: 0px;
  left: 65px;
  z-index: 3000000;
}