@charset "UTF-8";
/*
 * top_background
 *
 */


/* !背景ジャック
---------------------------------------------------------- */
.contentsBgGame01{
  background: url(../../../../img/contents_pc/apps/app340/other/bg_topjack15.jpg) no-repeat center top;
    /*,url(../../../../img/contents_pc/apps/app340/other/bg_topjack02.jpg) repeat-x center top;*/
  min-height: 1160px;
  overflow: hidden;
}
.contentsBgGame01 #contents{
  min-height: 1100px;
}
.wholeBackLink{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-height: 1500px;
  height: 100%;
  z-index: 2;
}
.contentsBackLink01{
  display:block !important;
  /* display:none !important; *//* ボタンを消す場合表示 */
  position: absolute;
  left: 50%;
  margin-left: 524px;
  top: 18px;
}

.contentsBackLink01 span{
  display: block;
  height: 130px;
  width: 130px;
  text-indent: -9999px;
  background: url(../../../../img/contents_pc/apps/app340/other/btn_topjack15.png) no-repeat 0 0;
  z-index: 1;
  -webkit-animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) 2s infinite both;
  animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) 2s infinite both;
}

@-webkit-keyframes mecaRotate{
  0%,5% {-webkit-transform: rotate(0deg);}
  10%,15% {-webkit-transform: rotate(90deg);}
  20%,25% {-webkit-transform: rotate(180deg);}
  30%,35% {-webkit-transform: rotate(270deg);}
  40%,100%{-webkit-transform: rotate(360deg);}
}

@keyframes mecaRotate{
  0%,5% {transform: rotate(0deg);}
  10%,15% {transform: rotate(90deg);}
  20%,25% {transform: rotate(180deg);}
  30%,35% {transform: rotate(270deg);}
  40%,100%{transform: rotate(360deg);}
}

/*
.contentsBackLink01:before{
  content: "";
  display: block;
  width: 160px;
  height: 160px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -80px 0 0 -80px;
  background: url(../../../../img/contents_pc/apps/app340/other/bg_btn_top_01.png) no-repeat 0 0;
  z-index: 1;
  -webkit-animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) infinite both;
  animation: mecaRotate 4s cubic-bezier(.05,1.16,.97,1.12) infinite both;
}
@-webkit-keyframes mecaRotate{
  0%,5% {-webkit-transform: rotate(0deg);}
  25%,30% {-webkit-transform: rotate(90deg);}
  50%,55% {-webkit-transform: rotate(180deg);}
  75%,80% {-webkit-transform: rotate(270deg);}
  100%{-webkit-transform: rotate(360deg);}
}
@keyframes mecaRotate{
  0%,5% {transform: rotate(0deg);}
  25%,30% {transform: rotate(90deg);}
  50%,55% {transform: rotate(180deg);}
  75%,80% {transform: rotate(270deg);}
  100%{transform: rotate(360deg);}
}
*/