@charset "utf-8";

/*==============================================================================
【ページ全体の大枠】
================================================================================*/
#presale_rider_teaser a:hover{
  opacity:0.9;
}

/* カウントダウン中 */
.countdown_area {
  position: relative;
  background: #000000;
}

.countdown_colon {
  position: absolute;
  background: url(20200729_presale_rider_9jka7ubqa_bg_colon.png) no-repeat top center;
  background-size: 100% auto;
  width: 100%;
  height: 100%;
  -webkit-animation:move-background 1.5s linear infinite;
  animation:move-background 1.5s linear infinite;
  transition: all 1.5s;
}

.countdown_num {
  font-size: 0;
  background: #000000 url(20200729_presale_rider_9jka7ubqa_bg_countdown.png) no-repeat top center;
  background-size: 100% auto;
  padding: 3.6% 13.8% 13%;
  display: flex;
  justify-content: space-around;
  align-items: center;
}

.countdown_num::after {
  display: none;
}

.pc_only img {
  width: 34%;
  height: auto;
  margin: 0 2%;
}
.sp_only img {
  width: 26%;
  height: auto;
  margin: 0 2%;
}

.countdown_num_day,
.countdown_num_hou,
.countdown_num_min {
  position: relative;
  margin: 0;
  text-align: center;
}

.countdown_num_day::after,
.countdown_num_hou::after,
.countdown_num_min::after {
  display: none;
}

/* 開始までの文言 */
.txt_release_rider {
  padding: 5% 24% 1%;
}

/* 終了 */
.countdown_closed {
  padding: 0;
}
.btn_presale_rider {
  background: #000;
  padding: 8% 24%;
}

@keyframes move-background {
  0%   { opacity: 0; }
  50%  { opacity: 1; }
  100% { opacity: 0; }
}