.timer_wrap {
  text-align: center;
  background: #0D1A29;
  color: #B1CDF1;
  border-radius: 0 0 .375rem .375rem;
}

.timer_wrap .timer_title {
  max-width: 100%;
  max-height: 0.75em;
  height: auto;
}

.timer_wrap .timer_image {
  vertical-align: bottom;
  height: 1.25em;
  margin: -2px 0 0 5px;
}

.timer_wrap .timer_date {
  color: #B1CDF1;
  display: block;
  font-size: .75em;
  font-weight: 400;
  margin-top: -6px;
  padding-bottom: 1px;
}

.timer_content {
  font-size: 1.5em;
  color: white;
  text-shadow: 0 0 20px #48C8FF;
  margin: -2px 0;
  
  div {
    display: inline-block;
    padding: 0 4px;
  }
}

.timer_content a {
  color: white;
}

#timer_mobile {
  width: calc(50% - 5px);
  border-radius: .375rem;
  padding: 5px;
  vertical-align: middle;
}

#timer_mobile .timer_content {
  font-size: calc(0.4em + 3vw);

  div {
    padding: 0 2px;
  }
}

#timer_mobile .timer_date {
  font-size: calc(0.2em + 2vw);
}

@media screen and (max-width: 480px) {
  #article_cashshop {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  #timer_mobile {
    display: inline-grid!important;
  }

  #timer_mobile .timer_content,
  #timer_mobile .timer_date {
    margin: 0;
    padding: 0;
  }

  #timer_pc {
    display:none;
  }

  .maple_news_swiper_wrap {
    border-radius: 0 0 .375rem .375rem;
  }
}