#stop{
  display: none;
}
#skip{
  display: none;
}

.entryBg{
  /* padding: 10px 0px 10px 0px; *//* 191009_コメントアウト */
  /* margin: 0 0 10px 0; */
}

.back_tarot_card_1{
  top: 10%;
  left: 45%;
}
.back_tarot_card_2{
  top: 30.5%;
  left: 35%;
}
.back_tarot_card_3{
  top: 30.5%;
  left: 55%;
}
.back_tarot_card_4{
  top: 50.5%;
  left: 26.7%;
}
.back_tarot_card_5{
  top: 50.5%;
  left: 63.4%;
}
.back_tarot_card_6{
  top: 70.3%;
  left: 18.5%;
}
.back_tarot_card_7{
  top: 70.3%;
  left: 71.6%;
}

.back_tarot_card{
  position: absolute;
  z-index: 3;
  display: none;
}

.tarot_text{
  display: none;
}

/* カードの大きさをアニメーションと統一 */
.back_tarot_card img{
  width: 85px;
}

.back_tarot{
  width: 100%;
}


#canvas_e{
  width: 100%;
}

.tarotBg{
  position: relative;
  background-image:url(../img/tarot/free_tarot_img.png);
  background-size: 100%;
}

/* #DivButton1{
  text-align: center;
  padding-top: 2%;
  text-indent: -9999px;
}
#DivButton1 a{
  background: url(/files/image/tarot/btn_start_sp_2.png) center top no-repeat;
  display: block;
  width: 470px;
  height: 106px;
  margin: 0 auto;
}
#DivButton1 a:hover{
  background-position:bottom center;
} */

#DivButton1{
  /*
	padding: 0 0px 10px 0px;
  margin: 0 0 10px 0;
	*//* 191009_コメントアウト */
}
/* #DivButton1 a{
  background: url(/files/image/tarot/btn_start.png) center top no-repeat;
  display: block;
  width: 470px;
  height: 106px;
  margin: 0 auto;
  text-indent: -9999px;
  -webkit-transition: none;
  transition: none;
} */
#DivButton1 img{
  cursor: pointer;
}
#DivButton1 a:hover{
  background-position:bottom center;
  /* display: block;
  background: url(/files/image/tarot/btn_start_sp_2.png) center top no-repeat;
  width:470px;
  height:106px;
  margin:0 auto; */
}


/* カードを光らせる */
.back_tarot_card_glow {
  overflow: hidden;
}
.back_tarot_card_glow:before {
  content: "";
  background-color: rgba(255, 255, 255, 0.4);
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -160%;
  transform: skewX(-45deg) translateX(0);
}

.back_tarot_card_glow:before {
  animation: bright 3s ease-in-out 2s infinite;
}

@keyframes bright {
  0% {
     transform: skewX(-45deg) translateX(0);
  }
  15% {
    transform: skewX(-45deg) translateX(320%);
  }
  100% {
    transform: skewX(-45deg) translateX(320%);
  }
}

/* タロットの結果一覧を非表示にする。 */
.tarot_article_list{
  display: none;
}



@media only screen and (max-width: 640px) {
  .back_tarot_card{
    width: 13.28%;
  }
  #DivButton1{
    width: 100%;
  }
  #DivButton1 a{
    width: 94%;
    height: auto;
    /* background: none; */
    text-indent: 0;
  }

}