@charset "UTF-8";
/*------------------------------------------------------------
共通：タグ
------------------------------------------------------------*/
body {
  color: #fff;
  background: #000;
}

.terms {
  color: #fff;
}

/*------------------------------------------------------------
モーダル
------------------------------------------------------------*/
.modal_container__message {
  background: #000;
}
.modal_container__message .modal_close__message__inner::before, .modal_container__message .modal_close__message__inner::after {
  background: #fff;
}

.modaal-wrapper {
  background: #000;
}

.modal_index_1 .terms {
  background: rgba(0, 148, 137, 0.1);
}

/*------------------------------------------------------------
stream
------------------------------------------------------------*/
#stream {
  background: url(../images/zenkoku/stream_background_zenkoku.jpg) no-repeat center top/cover;
}
#stream::before {
  background: url(../images/zenkoku/stream_line_zenkoku.png) no-repeat center/contain;
}
#stream .movie {
  background: url(../images/zenkoku/stream_movie_bg_zenkoku.png) no-repeat center/100% 100%;
}

@media screen and (max-width: 768px) {
  #stream {
    background: url(../images/zenkoku/stream_background_zenkoku_sp.jpg) no-repeat center top/cover;
  }
  #stream::before {
    display: none;
  }
  #stream .movie {
    background: url(../images/zenkoku/stream_movie_bg_zenkoku_sp.png) no-repeat center/100% 100%;
  }
}
/*------------------------------------------------------------
x_campaign
------------------------------------------------------------*/
#x_campaign > p span {
  color: #f0ea0c;
}
#x_campaign .dan1 {
  background-color: #000;
}
#x_campaign .dan1 .dan1_a div:before {
  background-image: url("../images/zenkoku/x_campaign_plus.png");
}
#x_campaign .dan1 .dan1_a div dl.card dd ul li {
  background-image: none;
  color: #f0ea0c;
}
#x_campaign .dan2 {
  background: #000;
}
#x_campaign .join .howto_apply {
  background: rgba(0, 148, 137, 0.1);
}
#x_campaign .join .howto_apply a {
  background: url(../images/zenkoku/icon_plus_zenkoku.png) no-repeat center right min(1.6666666667vw, 20px)/min(2.0833333333vw, 25px) auto;
}
@media screen and (max-width: 768px) {
  #x_campaign .join .howto_apply a {
    background: url(../images/zenkoku/icon_plus_zenkoku.png) no-repeat center right 4vw/4.6666666667vw auto;
  }
}
#x_campaign .join .howto_apply.soon:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #444;
  opacity: 0.8;
}
#x_campaign .join .howto_apply.soon:after {
  content: "Coming Soon";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: clamp(20px, 13.3333333333px + 0.8680555556vw, 30px);
  color: #fff;
  width: 100%;
}
#x_campaign .join .hereto_apply {
  color: #000;
}

/*------------------------------------------------------------
present_campaign
------------------------------------------------------------*/
#present_campaign > p span {
  color: #f0ea0c;
}
#present_campaign .prize {
  background-color: #000;
}
#present_campaign .target_product {
  background: rgba(0, 111, 188, 0.1);
}
#present_campaign .target_product div dl dd small {
  color: #fff;
}
#present_campaign .target_product .chance {
  color: #f0ea0c;
}
#present_campaign .target_product .chance strong {
  background-image: none;
}
#present_campaign .howto_apply {
  background: rgba(0, 111, 188, 0.1);
}
#present_campaign .howto_apply .bt_download a {
  background-image: url("../images/zenkoku/icon_download_zenkoku.png");
}
#present_campaign .howto_apply .bt_terms a {
  background-image: url("../images/zenkoku/icon_plus_zenkoku.png");
}
#present_campaign .howto_apply .hereto_apply a {
  color: #000;
}

/*------------------------------------------------------------
about_coolburst
------------------------------------------------------------*/
#about_coolburst::before {
  background: linear-gradient(to top, rgb(0, 0, 0) 0%, rgb(0, 0, 0) 70%, rgba(0, 0, 0, 0) 100%);
}

/*------------------------------------------------------------
フッター
------------------------------------------------------------*/
#footer .hereto_site a {
  /* 画像とグラデーションを指定（順番に注意：画像が上） */
  background-image: url("../images/icon_arrow_right_white.png"), linear-gradient(to right, #009489 0%, #009489 20%, #006fbc 80%, #006fbc 100%);
}

/*# sourceMappingURL=zenkoku.css.map */