@font-face {
  font-family: "Segment7Standard";
  src: url("/inc/top_panels/extra/countdown/font/Segment7Standard.eot");
  src: url('/inc/top_panels/extra/countdown/font/Segment7Standard.eot?#iefix') format('embedded-opentype'),
       url("/inc/top_panels/extra/countdown/font/Segment7Standard.woff") format('woff'),
       url("/inc/top_panels/extra/countdown/font/Segment7Standard.ttf") format('truetype');
       font-weight: normal; /* 念の為指定しておきます */
       font-style: normal;
}

/* utility */
.unit.countdown {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 400px;
  text-align: center;
  margin-top: 0;
  text-align: right;
}
.unit.countdown .countdown_bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-image: url(/img/panel/countdown/uniform2016/bg_main.png);
  background-size: 75%;
  background-repeat: no-repeat;
  background-position: top right;
  background-color: #000;
  z-index: 10;
}
.unit.countdown .countdown_bg_fix {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 400px;
  background-image: url(/img/panel/countdown/uniform2016/bg_main_fix.png?20160109_001);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: top center;
  background-color: #000;
  z-index: 10;
}
.unit.countdown .countdown_box {
  display: block;
  position: relative;
  width: 449px;
  margin-top: 2em;
  text-align: center;
  z-index: 100;
  color: #fff;
}
.unit.countdown .countdown_box img {
  width: 100%;
}
.unit.countdown .countdown_box .countdown_logo {
  text-align: left;
}
.unit.countdown .countdown_box .countdown_logo img {
  width: 45%;
  margin-bottom: 4em;
}
.unit.countdown .countdown_box_fix {
  display: block;
  position: relative;
  width: 449px;
  margin-top: 2em;
  text-align: center;
  z-index: 100;
  color: #fff;
}
.unit.countdown .countdown_box_fix img {
  width: 140%;
}
.unit.countdown .countdown_box_fix .countdown_logo {
  text-align: left;
}
.unit.countdown .countdown_box_fix .countdown_logo img {
  width: 45%;
  margin-bottom: 4em;
}
.unit.countdown .countdown_box_fix .countdown_title {
  margin-top: 9em;
}

/* modules */
.unit.countdown #text {
  color: #fff;
  font-size: 1.5em;
  letter-spacing: 0.25em;
}
.unit.countdown #CDT {
  display: block;
  margin-left: 3em;
}
.unit.countdown #CDT ul {
  display: block;
  padding-top: 1em;
}
.unit.countdown #CDT li {
  display: block;
  float: left;
  width: 17.5%;
  list-style: none;
}
.unit.countdown .day,
.unit.countdown .hour,
.unit.countdown .min,
.unit.countdown .second {
  font-family: "Segment7Standard";
  font-size: 4em;
  color: #fff;
}
.unit.countdown .null {
  width: 15% !important;
}
.unit.countdown .null::after {
  content: ".";
  visibility: hidden;
}
.unit.countdown .countdown_data {
  display: block;
  font-family: Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
  font-size: 0.25em;
  margin-top: -1.5em;
  text-align: center;
  color: #fff;
}


/* link area */
.countdown_link {
  display: block;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 100%;
  z-index: 1000;
}