.timer-wrap {
  width: 100%;
  max-width: 950px;
  margin: 0 auto 1em;
  background: url("/westlp/wp-content/themes/flets/img/cd_nomal_bnr.png") center center no-repeat;
  background-size: cover;
  height: 190px;
  position: relative;
  box-sizing: border-box;
}

.countdown-inner {
  position: absolute;
  right: 1%;
  bottom: 10%;
  display: flex;
  align-items: center;
  gap: 10px;
}

.count-text {
  line-height: 1;
  display:flex;
  flex-direction:column;
}

.count-text .small{
  color:#d30913;
  font-size:15px;
  font-weight:700;
  margin-bottom: 4px;
}

.count-text .made{
  font-size:11px;
  vertical-align:middle;
}

.count-text .large{
  color:#d30913;
  font-size:42px;
  font-weight:900;
}

.timer-wrap #timer .yycountdown-box {
  display:flex;
  align-items:flex-end;
  gap:0;
}

/* 数字 */
.timer-wrap #timer .yyc-day,
.timer-wrap #timer .yyc-hou,
.timer-wrap #timer .yyc-min,
.timer-wrap #timer .yyc-sec{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:78px;
  height:68px;
  background:#fff;
  border-radius:6px;
  border:1px solid #ddd;
  color:#d30913;
  font-size:46px;
  font-weight:700;
  font-family:Arial,sans-serif;
}

/* 単位 */
.timer-wrap #timer .yyc-day-text,
.timer-wrap #timer .yyc-hou-text,
.timer-wrap #timer .yyc-min-text,
.timer-wrap #timer .yyc-sec-text{
  color:#1776ff;
  font-size:17px;
  font-weight:700;
  background:none;
  border:none;
  padding:0 2px 0 2px;
}

.timer-wrap #timer .yyc-hou-text{
  writing-mode: vertical-rl;
  text-orientation: upright;
}

@media screen and (max-width: 767px) {
  .timer-wrap {
    background: url("/westlp/wp-content/themes/flets/img/cd_nomal_bnr_sp.png") center top no-repeat;
    background-size: cover;
    aspect-ratio: auto;
    height: 43vw;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  
  .timer-wrap--sp {
    margin: 1em auto;
  }
  
  .countdown-inner {
    position: static;
    gap: 2px;
    margin-bottom: 2%;
    margin-right: 10%;
  }

  .count-text .small{
    font-size:9px;
    margin-bottom: 2px;
  }

  .count-text .made{
    font-size:8px;
  }

  .count-text .large{
    font-size:26px;
  }
  
  .timer-wrap #timer .yycountdown-box {
    column-gap: 0;
  }

  /* 数字 */
  .timer-wrap #timer .yyc-day,
  .timer-wrap #timer .yyc-hou,
  .timer-wrap #timer .yyc-min,
  .timer-wrap #timer .yyc-sec{
    width:44px;
    height:42px;
    font-size:30px;
  }
  /* 単位 */
  .timer-wrap #timer .yyc-day-text,
  .timer-wrap #timer .yyc-hou-text,
  .timer-wrap #timer .yyc-min-text,
  .timer-wrap #timer .yyc-sec-text{
    font-size:12px;
    padding:0;
  }
}

@media screen and (max-width: 374px) {
  .countdown-inner {
    transform: scale(0.8);
    margin-bottom: 1%;
  }
}