.wrapper {
  position: relative;
  z-index: 100;
  background-color: #000;
  height: 100%;
  display: flex;
}

.wrapper_notice {
  height: 100%;
}

.countdown_wrapper {
  height: 100%;
  width: 100%;
}

.point_notice {
  position: relative;
  padding: 15px 0px;
  z-index: 100;
  background-color: #6688cc;
}

.store_content, .wrapper_notice_content {
  font-family: var(--neuzeit-reg-font);
  font-size: 0.8vw;
  color: #fff;
  text-align: center;
  width: 100%;
  overflow: hidden;
}

.store_content {
  padding: 5px 0px;
}

.countdown_wrapper {
  position: relative;
  z-index: 100;
  background-color: #000;
  height: 100%;
  display: flex;
}

@media only screen and (min-width: 1024px) and (max-width: 1300px) {
  .store_content {
    font-size: var(--font-size-sm);
    
  }

  .wrapper_notice_content{
    font-size: var(--font-size-sm);
  }

  
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .store_content {
    font-size: var(--font-size-sm);
  }
  
  .wrapper_notice_content {
    font-size: var(--font-size-sm);
  }

}

@media only screen and (max-width: 768px) {
  .store_content {
    font-size: 0.45rem;
    padding: 10px 0px;
    text-align: left;
  }

  .wrapper_notice_content {
    font-size: var(--font-size-xs);
    margin: auto 0px;
    text-align: center;
  }

  .wrapper{
    height: 100%;
    padding: 0 10px;
  }

  .wrapper_notice {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;
  }

  .countdown_wrapper {
    min-height: 56px;
  }

}