/* 終了ページ */
.body-wrapper {
   width: 100%;
   max-width: 1080px;
   margin-inline: auto;
   box-shadow: 0px 1px 20px #c7c7c7;
}

.expired {
   height: 100svh;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
}

.expired__text-area {
   text-align: center;
   font-size: 3rem;
   white-space: nowrap;
}

@media screen and (max-width: 768px) {
   .expired__text-area {
      font-size: 1.5rem;
   }
}

.expired__text + .expired__text {
   margin-top: 2rem;
}
/* カウントダウンリセットページ */
.reset {
   height: 100svh;
   width: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.reset__text {
   font-size: 2.4rem;
   text-align: center;
   line-height: 1.75;
}

.reset__button-body {
   margin-top: 5rem;
}

.reset-button {
   padding: 1rem 2rem;
   font-size: 2.4rem;
   text-align: center;
   background-color: #232EAC;
   color: white;
   cursor: pointer;
   transition: opacity .3s;
}

.reset-button:hover {
   opacity: .7;
}

@media screen and (max-width: 768px) {
   .reset__text{
      font-size: 1.8rem;
   }
}

/* カウントダウン */
.p-cta-floating__timer {
   align-items: baseline;
}
.countdown {
   display: inline-flex;
   align-items: end;
}
.p-cta-floating__time-text .countdown * {
   font-weight: 700;
   line-height: 1;
   color: white;
}
.p-cta-floating__time-text .countdown__days,
.p-cta-floating__time-text .countdown__hours,
.p-cta-floating__time-text .countdown__minutes,
.p-cta-floating__time-text .countdown__seconds {
   font-size: 26px;
}

.p-cta-floating__time-text .countdown__unit {
   font-size: 16px;
}

@media screen and (max-width: 768px) {
   .p-cta-floating__time-text .countdown__days,
   .p-cta-floating__time-text .countdown__hours,
   .p-cta-floating__time-text .countdown__minutes,
   .p-cta-floating__time-text .countdown__seconds {
      font-size: 2rem;
   }
   
   .p-cta-floating__time-text .countdown__unit {
      font-size: 1.3rem;
   }
}


/* カウントダウン */
.p-cta__time-text {
   align-items: baseline;
}
.p-cta-floating__time-text .countdown * {
   font-weight: 700;
   line-height: 1;
}

.p-cta__time-text .countdown__days,
.p-cta__time-text .countdown__hours,
.p-cta__time-text .countdown__minutes,
.p-cta__time-text .countdown__seconds {
   font-size: 50px;
}
.p-cta__time-text .countdown__limit,
.p-cta__time-text .countdown__unit {
   font-size: 30px;
}

@media screen and (max-width: 768px) {
   .p-cta__time-text .countdown__days,
   .p-cta__time-text .countdown__hours,
   .p-cta__time-text .countdown__minutes,
   .p-cta__time-text .countdown__seconds {
      font-size: 3.5rem;
   }
   .p-cta__time-text .countdown__limit,
   .p-cta__time-text .countdown__unit {
      font-size: 2rem;
   }
}