.chatform-btn-n {
  display: none;
  position: fixed;

  width: 100%;
  max-width: 750px;

  bottom: -88px;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width:750px) {
  .chatform-btn-n {
    bottom: calc((100vw / 8) * -1);
  }
}

.timer {
  position: relative;
}
.timer .left-block {
  position: absolute;
  bottom: 0;
  left: 1%;
  font-size: 20px;
  width: calc(100% - 92%);
}
.timer .clock-block{
  position: absolute;
  color: #FF4D6B;
  top: 8%;
  right: 6%;
  font-size: 18px;
  font-weight: 1000;
  font-family: 'Sawarabi Gothic', sans-serif;
}
@media screen and (max-width:750px) {
  .timer .center-block,
  .timer .clock-block{
    /* font-size: 3.4vw; */
    font-size: 2.4vw;
    top: 7%;
  }
}

.shiny {
  display: inline-block;
  position: relative;
  overflow: hidden;
}
.shiny::after {
  content: "";
  display: inline-block;
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #fff;
  opacity: 0;
  transform: rotate(45deg);
  /* animation: reflection 3s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 3s ease-in-out infinite; */
}

@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}