/* 	countdown
============================== */
.cd_outer {
  /* background-color: #fff; */
}
#countdown {
  width: 100%;
  width: 1080px;
  margin: 0em auto 0;
  box-sizing: border-box;
  /* background: white; */
}

@media all and (max-width: 767px) {
  #countdown {
    /* padding: 3vw 0 0 0; */
    width: 100%;
    margin-top: 0;
  }
}

#cdall {
  width: 100%;
  height: 0;
  padding-top: 5.069708491761724%;
  padding-top: -webkit-calc(186 / 1940 * 100%);
  padding-top: calc(200 / 2160 * 100%);
  position: relative;
}

#cdsp {
  width: 100%;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
}

#cd, #cd0 {
  width: 100%;
  height: 0;
  padding-top: 5.069708491761724%;
  padding-top: -webkit-calc(186 / 1940 * 100%);
  padding-top: calc(200 / 2162 * 100%);
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  /* background-size: cover; */
  position: absolute;
  background-position: center;
  top: 0;
  left: 0;
  /* filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.2)); */
}

.ctmgl div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0 0 0 25%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ctmgl1 div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0 0 0 30%;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

.ctmgl0 div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#cdd:before, #cdh:before, #cdm:before, #cds:before, #cdd:after, #cdh:after, #cdm:after, #cds:after {
  content: "";
  display: table;
}

#cdd:after, #cdh:after, #cdm:after, #cds:after {
  clear: both;
}

#oas {
  box-sizing: border-box;
  width: 4.25%;
  height: 100%;
  position: absolute;
  top: 23.4%;
  left: 4%;
}

#oam {
  box-sizing: border-box;
  width: 7.2%;
  height: 100%;
  position: absolute;
  top: 23.4%;
  left: 13%;
}

#oad {
  box-sizing: border-box;
  width: 7.2%;
  height: 100%;
  position: absolute;
  top: 23.4%;
  left: 25%;
}

#oas div {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#oam div, #oad div {
  box-sizing: border-box;
  float: left;
  width: 45%;
  height: 100%;
  margin: 0;
  background-repeat: no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
}

#as1 {
  background-image: url(../img/cd/s1.png);
}

#as2 {
  background-image: url(../img/cd/s2.png);
}

#as3 {
  background-image: url(../img/cd/s3.png);
}

#as4 {
  background-image: url(../img/cd/s4.png);
}

#as5 {
  background-image: url(../img/cd/s5.png);
}

#as6 {
  background-image: url(../img/cd/s6.png);
}

#as7 {
  background-image: url(../img/cd/s7.png);
}

#as8 {
  background-image: url(../img/cd/s8.png);
}

#as9 {
  background-image: url(../img/cd/s9.png);
}

#cdd {
  box-sizing: border-box;
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 52.5%;
}

#cdh {
  box-sizing: border-box;
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 62.2%;
}

#cdm {
  box-sizing: border-box;
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 75.5%;
}

#cds {
  box-sizing: border-box;
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 86.4%;
}

.none_day #cdd {
  display: none;
}

.none_day #oas {
  width: 6.9%;
  height: 52%;
  position: absolute;
  top: 23.4%;
  left: 9%;
}

.none_day #oam {
  width: 6.9%;
  height: 52%;
  position: absolute;
  top: 23.4%;
  left: 18%;
}

.none_day #oad {
  width: 6.9%;
  height: 52%;
  position: absolute;
  top: 23.4%;
  left: 30%;
}

.none_day #cdh {
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 57.5%;
}

.none_day #cdm {
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 71%;
}

.none_day #cds {
  width: 6%;
  height: 41%;
  position: absolute;
  top: 29%;
  left: 82%;
}

#d1, #h1, #m1, #s1, .am1, .ad1 {
  background-image: url(../img/cd/1.png);
}

#d2, #h2, #m2, #s2, .am2, .ad2 {
  background-image: url(../img/cd/2.png);
}

#d3, #h3, #m3, #s3, .am3, .ad3 {
  background-image: url(../img/cd/3.png);
}

#d4, #h4, #m4, #s4, .am4, .ad4 {
  background-image: url(../img/cd/4.png);
}

#d5, #h5, #m5, #s5, .am5, .ad5 {
  background-image: url(../img/cd/5.png);
}

#d6, #h6, #m6, #s6, .am6, .ad6 {
  background-image: url(../img/cd/6.png);
}

#d7, #h7, #m7, #s7, .am7, .ad7 {
  background-image: url(../img/cd/7.png);
}

#d8, #h8, #m8, #s8, .am8, .ad8 {
  background-image: url(../img/cd/8.png);
}

#d9, #h9, #m9, #s9, .am9, .ad9 {
  background-image: url(../img/cd/9.png);
}

#d0, #h0, #m0, #s0, .am0, .ad0 {
  background-image: url(../img/cd/0.png);
}