@charset "UTF-8";
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:400&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:600&display=swap");
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:700&display=swap");

#head {
}
#head .countdown {

}
#head .countdown .cd-head {
  background-image: url(https://lp.andhabit.com/ec_force/oriction/timer/finebubble/img/cd-bg.jpg);
  background-size: cover;
  color: #FFF;
  text-align: center;
  padding:  min(calc(20/750*100vw),20px) 0  min(calc(20/750*100vw),20px);
}
#head .countdown .cd-head .cd-mainText {
  font-weight: 500;
  font-size: min(calc(40/750*100vw),40px);
  letter-spacing: min(calc(2/750*100vw),2px);
  line-height: 1;
}
#head .countdown .cd-head .cd-mainText span {
  font-size: min(calc(30/750*100vw),30px);
}

#head .countdown .cd-head .cd-mainText span.cd-large {
  font-size: min(calc(45/750*100vw),45px);
}
#head .countdown .cd-head .cd-main {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#head .countdown .cd-head .cd-main .cd-boxText {
  font-size: min(calc(35/750*100vw),35px);
  font-weight: 500;
  border: min(calc(2/750*100vw),2px) solid #FFF;
  padding:0.2em 0.4em;
  line-height: 1;
  margin-right: 5%;
}
#head .countdown .cd-head .cd-main .cd-priceText {
  color: #fff600;
  font-weight: 600;
  font-size: min(calc(45/750*100vw),45px);
  line-height: 1;
  letter-spacing: min(calc(2/750*100vw),2px);
}
#head .countdown .cd-head .cd-main .cd-priceText .price-large {
  font-size: min(calc(100/750*100vw),100px);
}
#head .countdown .cd-head .cd-main .cd-priceText .price-middle {
  font-size: min(calc(70/750*100vw),70px);
}
#head .countdown .cd-head .cd-main .cd-priceText .price-small {
  font-size: min(calc(45/750*100vw),45px);
}
#head .countdown .cd-timeBox {
  background-color: #fff600;
  display: flex;
  justify-content: center;
  align-items: center;
}
#head .countdown .cd-timeBox .cd-restText {
  font-size: min(calc(20/750*100vw),20px);
  line-height: 1.5;
  text-align: left;
  margin-right: 8%;
  font-weight: 500;
}
#head .countdown .cd-timeBox .cd-timeText {
  color: #ff221a;
  font-weight: 500;
  font-size: min(calc(40/750*100vw),40px);
}
#head .countdown .cd-timeBox .cd-timeText span{
  font-size: min(calc(50/750*100vw),50px);
}