@media screen and (max-width: 669px) {
div#stage_wrap {
  width: 300px;
  height: 300px;
  padding: 0px;
  padding-top: 10px;
  margin: auto;
  overflow: hidden;
  background: url('/tarot/images/bg_300.jpg') no-repeat left top;
}
}

@media screen and  (min-width: 670px) {

div#stage_wrap {
  width: 400px;
  height: 400px;
  padding: 50px;
  margin: auto;
  overflow: hidden;
  background: url('/tarot/images/bg.png') no-repeat left top;
}


}

div.cardbox_0 {
  position:absolute;left:30.1%;top:20.1%;width:40%; height:60%;
}
div#stage {
    margin: auto;
    width: 100%;
    height: 100%;
    position: relative;
}
#entry_body {
  height: 100%;
  width: 100%;
  position: relative;
} 
#groupid {
  opacity: 0;
}
#results {
  padding: 16px;
}
div.card_0,div.card {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
span.ura img {
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 100%;
}
.fi {
    max-width: 100%;
    height: auto;
}