/* ロビー範囲 */
.lobby_area {
  position: relative;
  width: 100%;
  display: none;
}
/* ロビー画像 */
.lobby_epN01 {
  width: 100%;
  z-index: 0;
}
.level1 {
  position: absolute;
  width: 200px;
  top: 5px;
  left: 150px;
  z-index: 2;
}
.level_max {
  position: absolute;
  width: 200px;
  top: 15px;
  left: 165px;
  z-index: 2;
  display: none;
}
.level_max_batch {
  position: absolute;
  width: 145px;
  top: -5px;
  left: 120px;
  z-index: 3;
  display: none;
}
.package {
  position: absolute;
  width: 120px;
  top: -5px;
  left: 355px;
  z-index: 2;
  animation: package_anime infinite 0.3s;
}
@keyframes package_anime {
    0%   { transform: rotate(5deg); }
    50% { transform: rotate(-5deg); }
    100% { transform: rotate(5deg); }
  }
.crystal_box {
  position: absolute;
  width: 275px;
  top: 10px;
  left: 465px;
  z-index: 2;
}
.coin_box {
  position: absolute;
  width: 375px;
  top: 10px;
  left: 740px;
  z-index: 2;
}
.heart_box {
  position: absolute;
  width: 535px;
  top: 10px;
  left: 1110px;
  z-index: 2;
}
.heart1 {
  position: absolute;
  width: 70px;
  top: 18px;
  left: 1385px;
  z-index: 3;
}
.heart2 {
  position: absolute;
  width: 70px;
  top: 18px;
  left: 1356px;
  z-index: 4;
}
.heart3 {
  position: absolute;
  width: 70px;
  top: 18px;
  left: 1327px;
  z-index: 5;
}
.heart4 {
  position: absolute;
  width: 70px;
  top: 18px;
  left: 1299px;
  z-index: 6;
}
.heart5 {
  position: absolute;
  width: 70px;
  top: 18px;
  left: 1270px;
  z-index: 7;
}
.setting {
  position: absolute;
  width: 85px;
  top: 10px;
  left: 1650px;
  z-index: 2;
}
.episode1 {
  position: absolute;
  width: 920px;
  top: 90px;
  left: 195px;
  z-index: 1;
}
.friend_rank {
  position: absolute;
  width: 920px;
  top: 320px;
  left: 195px;
  z-index: 4;
}
.friend_rank_btn1 {
  position: absolute;
  width: 430px;
  top: 239px;
  left: 230px;
  z-index: 2;
}
.friend_rank_btn2 {
  position: absolute;
  width: 430px;
  top: 236px;
  left: 655px;
  z-index: 3;
}
.league_rank {
  position: absolute;
  width: 900px;
  top: 320px;
  left: 206px;
  z-index: 4;
  display: none;
}
.league_rank_btn1 {
  position: absolute;
  width: 430px;
  top: 239px;
  left: 230px;
  z-index: 2;
  display: none;
}
.league_rank_btn2 {
  position: absolute;
  width: 430px;
  top: 239px;
  left: 655px;
  z-index: 3;
  display: none;
}
.combi_bonus{
  position: absolute;
  width: 180px;
  top: 515px;
  left: 385px;
  z-index: 5;
}
.episode {
  position: absolute;
  width: 600px;
  top: 95px;
  left: 1135px;
  z-index: 1;
}
.invitation {
  position: absolute;
  width: 220px;
  top: 250px;
  left: 1135px;
  z-index: 1;
}
.original_combi {
  position: absolute;
  width: 115px;
  top: 380px;
  left: 1145px;
  z-index: 1;
}
.pet_btn {
  position: absolute;
  width: 240px;
  top: 750px;
  left: 1110px;
  z-index: 3;
}
.cookie_btn {
  position: absolute;
  width: 240px;
  top: 750px;
  left: 1309px;
  z-index: 1;
}
.treasure_btn {
  position: absolute;
  width: 240px;
  top: 750px;
  left: 1511px;
  z-index: 2;
}
.game_start {
  position: absolute;
  width: 675px;
  top: 875px;
  left: 1095px;
  z-index: 1;
}
/* テキスト */
.level {
  position: absolute;
  font-size: 50px;
  font-weight:  bold;
  top: 30px;
  left: 150px;
  z-index: 5;
  display: none;
}
.crystal {
  position: absolute;
  color: white;
  font-size: 40px;
  font-weight:  bold;
  top: 25px;
  left: 620px;
  z-index: 5;
}
.coin {
  position: absolute;
  color: white;
  font-size: 40px;
  font-weight:  bold;
  top: 25px;
  left: 990px;
  z-index: 5;
}
.key {
  position: absolute;
  color: #3d2525;
  font-size: 40px;
  font-weight:  bold;
  top: 20px;
  left: 1200px;
  z-index: 5;
}
.heart_time {
  position: absolute;
  color: #3d2525;
  font-size: 40px;
  font-weight:  bold;
  top: 22px;
  left: 1460px;
  z-index: 5;
}
.medal {
  position: absolute;
  color: white;
  font-size: 50px;
  font-weight:  bold;
  -webkit-text-stroke: 1px black;
  top: 884px;
  left: 645px;
  z-index: 5;
  display: none;
}
/* アニメーション */
.ginger_cookie_exhausted {
  position: absolute;
  width: 312px;
  top: 420px;
  left: 1280px;
  z-index: 1;
  display: none;
}
.ginger_cookie {
  position: absolute;
  width: 355px;
  top: 395px;
  left: 1280px;
  z-index: 1;
}
.ginger_cookie_face {
  position: absolute;
  width: 141.5px;
  top: 460.7px;
  left: 1396.87px;
  z-index: 2;
  display: none;
}
.chocodrop {
  position: absolute;
  width: 140px;
  top: 470px;
  left: 1200px;
  z-index: 1;
  animation: chocodrop_anime infinite 1s ease-in;
}
@keyframes chocodrop_anime {
  50%{
  margin-top: 20px;
  }
}
.combi_bonus_box {
  position: absolute;
  width: 580px;
  top: 695px;
  left: 1145px;
  z-index: 1;
}
.best_combi {
  position: absolute;
  width: 80px;
  top: 695px;
  left: 1160px;
  z-index: 2;
}
.ginger_cookie_combi_bonus {
  position: absolute;
  color: whitesmoke;
  font-size: 37px;
  top: 700px;
  left: 1340px;
  z-index: 1;
}