@charset "utf-8";

/*-- Common --*/
.bg_tenshoot { background:#008fbf; }
.bg_tenshoot p { color:#fff; }

/*-- Game page --*/
.tenshoot_view { overflow:hidden; position:relative; min-height:470px; }
#top .tenshoot_view { min-height: 0; margin-bottom: 0; }
.bg_grass { background:url(/_template_data/img/tenshoot/bg_grass.png) #a3cd67; }
.bg_cactus { background:url(/_template_data/img/tenshoot/bg_cactus.png) #edcd9c; }
.bg_fish { background:url(/_template_data/img/tenshoot/bg_fish.png) #60d0e4; }
.tenshoot_info_play { position:relative; z-index:101; width:100%; height:100%; margin:0px; padding:0px; }
.tenshoot_info_inner { width: 100%; min-height:100%; height:100%; min-height:500px; margin:0px auto; }
#end .tenshoot_info_inner { max-width:640px; }
.tenshoot_ttl { margin-bottom:10px; padding:5px 0px 0px 0px; font-size:2.2rem; font-weight:bold; color:#fff900; text-align:center; background:#17a2d1; }
.tenshoot_txt { margin-bottom:10px; }
.tenshoot_txt p { margin-bottom:10px; font-size:14px; color:#fff; line-height:1.5; text-align: center; }
.tenshoot_txt .simple_info { padding:10px; text-align:center; }

.tenshoot_result { margin: 0 10px; padding: 5px; background: rgba(255, 255, 255, 0.3); }
.tenshoot_result ul { background: #fff; }
.tenshoot_result li { padding: 5px 0; font-size: 1.4rem; text-align: center; vertical-align: middle; }
.tenshoot_result li .score { display: inline-block; width: 100px; margin-right: 5px; font-size: 2.0rem; vertical-align: middle; text-align: right; }
.tenshoot_result li .score_ttl { display: inline-block; width: 60px; text-align: left; }
.tenshoot_result li .score_unit { vertical-align: middle; }
.tenshoot_result .final_score { border-top: 1px solid #ccc; }

.parallel_box { max-width:610px; margin:0 auto; }
.parallel_box_left { float:left; padding-right:2px; }
.parallel_box_right { float:right; }

#play_wall { position:absolute; left:0px; top:0px; z-index:100; width:100%; height:100%; background:rgba(0, 0, 0, 0.6); }

#effect { display:none; position:absolute; z-index:99; width:60px; }
.effect_inner { position:relative; }
.effect_inner span { position:absolute; left:0px; top:12px; z-index:2; display:block; width:100%; font-size:14px; font-size:1.4rem; font-weight:bold; text-align:center; }
.effect_inner img { position:absolute; left:0px; top:0px; z-index:1; width:100%; }

/*-- Play --*/
.tenshoot_play { position:relative; width:100%; max-width:620px; margin:0px auto; }
.tenshoot_play_inner { padding:10px; background:rgba(0, 0, 0, 0.1); }
.tenshoot_play_inner.bg_fever { background:rgba(0, 0, 0, 0.5); }
.tenshoot_play_status .tenshoot_score { float:left; display:table; width:40%; margin:0px; margin-bottom:10px; padding:0px; }
.tenshoot_play_status .tenshoot_score dt { display:table-cell; width:80px; height:30px; margin:0px; padding:5px; font-size:16px; color:#fff; text-align:center; vertical-align:middle; background:#17a2d1; }
.tenshoot_play_status .tenshoot_score dd { display:table-cell; margin:0px; padding:0px 10px; font-size:20px; vertical-align:middle; background:#fff; }
.tenshoot_play_status .time { float:right; display:table; width:50%; margin:0px; margin-bottom:10px; padding:0px; }
.tenshoot_play_status .time dt { display:table-cell; width:80px; height:30px; margin:0px; padding:5px; font-size:16px; color:#fff; text-align:center; vertical-align:middle; background:#17a2d1; }
.tenshoot_play_status .time dt span { display:inline-block; width:24px; padding:0px 5px 0px 0px; text-align:right; }
.tenshoot_play_status .time dd { display:table-cell; margin:0px; padding:0px 10px; vertical-align:middle; background:#fff; }
.bar { position:relative; overflow:hidden; width:100%; height:20px; border-radius:40px; background:#ddd; }
#bar { position:absolute; left:0px; top:0px; width:100%; height:20px; border-radius:40px 0px 0px 40px; background:#17a2d1; }

.tenshoot_play_board { position:relative; width:100%; margin:0px auto; }

.board { position:relative; margin:0px auto; }

.ball { position:absolute; border-radius:50%; box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow:0px 0px 2px 1px rgba(0, 0, 0, 0.4); }
.ball_inner { position:relative; width:100%; height:100%; }
.ball_inner span { position:absolute; left:50%; top:50%; z-index:11; display:block; margin-top:-10px; margin-left:-5px; font-size:14px; font-weight:bold; color:#fff; text-align:center; text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8); }
.ball_inner img { position:absolute; left:0px; top:0px; z-index:10; width:100%; }

.cannon { position:absolute; }
.cannon img { width:100%; }

.next_area { position:absolute; right:0px; bottom:0px; }
.next_area_ttl { width:40px; font-size:11px; color:#fff; text-align:center; background:#17a2d1; }
#next_ball { position:static; display:table; width:40px; height:40px; background:#fff; }
#next_ball .next { display:table-cell; text-align:center; vertical-align:middle; }
#next_ball .next span { display:inline-block; width:30px; height:26px; padding-top:4px; font-size:16px; color:#fff; text-align:center; border-radius:50%; background:#333; }

.hide { display:none; }

.fever { position:absolute; left:0px; top:-5px; z-index:12; width:100%; }
.fever_inner { font-size:15px; font-weight:bold; color:#fff; text-align:center; border:3px solid #fefb1a; background-color:#ed0c7b; }

.fever_animation {
    animation: blink 1s linear infinite normal;
    -webkit-animation: blink 1s linear infinite normal;
    -moz-animation: blink 1s linear infinite normal;
    -o-animation: blink 1s linear infinite normal;
}

@keyframes blink{
    0% {border-color:#fefb1a;}
    50% {border-color:#ed0c7b;}
    100% {border-color:#fefb1a;}
}

@-webkit-keyframes blink{
    0% {border-color:#fefb1a;}
    50% {border-color:#ed0c7b;}
    100% {border-color:#fefb1a;}
}
@-moz-keyframes blink{
    0% {border-color:#fefb1a;}
    50% {border-color:#ed0c7b;}
    100% {border-color:#fefb1a;}
}

@media (max-width:660px) {

.parallel_box_left { float:none; padding:0; }
.parallel_box_right { float:none; }

  .tenshoot_play_status .tenshoot_score { float:none; width:100%; }
  .tenshoot_play_status .time { float:none; width:100%; }

}

.score { color:#e30303; font-size:30px; font-weight:bold; padding-left:5px; line-height:1.0; }
.score span { font-size:18px; }

.q_text {
  margin-bottom: 0;
}