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

.terms {
  color: #000;
}

/*------------------------------------------------------------
モーダル
------------------------------------------------------------*/
.modaal-container .modaal-close:before,
.modaal-container .modaal-close:after {
  background-color: #000;
}

.modal_container__message {
  background: #f5f5f5;
}
.modal_container__message .modal_close__message__inner::before, .modal_container__message .modal_close__message__inner::after {
  background: #000;
}

.modaal-wrapper {
  background: #f5f5f5;
}

.modal_index_1 .terms,
.modal_index_2 .terms {
  background: #fff;
}

.modal_index_1 .modaal-container {
  box-shadow: 0 0 0 1px #009489;
}

.modal_index_2 .modaal-container {
  box-shadow: 0 0 0 1px #006fbc;
}

/*------------------------------------------------------------
stream
------------------------------------------------------------*/
#stream {
  background: url(../images/mcc/stream_background_mcc.jpg) no-repeat center top/cover;
}
#stream::before {
  background: url(../images/mcc/stream_line_mcc.png) no-repeat center/contain;
}
#stream .movie {
  background: url(../images/mcc/stream_movie_bg_mcc.png) no-repeat center/100% 100%;
}
#stream .movie section div .movie2 dd [data-ruby]::before {
  color: #000;
}

@media screen and (max-width: 768px) {
  #stream {
    background: url(../images/mcc/stream_background_mcc_sp.jpg) no-repeat center top/cover;
  }
  #stream::before {
    display: none;
  }
  #stream .movie {
    background: url(../images/mcc/stream_movie_bg_mcc_sp.png) no-repeat center/100% 100%;
  }
}
/*------------------------------------------------------------
x_campaign
------------------------------------------------------------*/
#x_campaign > p span {
  color: #009489;
}
#x_campaign .dan1 .dan1_a div:before {
  background: #fff url(../images/mcc/icon_plus_mcc.png) no-repeat center right 4vw/4.6666666667vw auto;
}
#x_campaign .join {
  background: #f5f5f5;
}
#x_campaign .join .howto_apply a {
  background: #fff url(../images/mcc/icon_plus_mcc.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: #fff url(../images/mcc/icon_plus_mcc.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%;
}

/*------------------------------------------------------------
present_campaign
------------------------------------------------------------*/
#present_campaign > p span {
  color: #006fbc;
}
#present_campaign .prize .prize_bnr {
  margin-top: -2.4%;
}
@media screen and (max-width: 768px) {
  #present_campaign .prize .prize_bnr {
    margin-top: -2.6666666667vw;
  }
}
#present_campaign .prize .prize_bnr img {
  width: min(87.5vw, 1050px);
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  #present_campaign .prize .prize_bnr img {
    width: 92vw;
  }
}
#present_campaign .prize .prize-chuki-ul {
  margin: 1.7% auto 0;
}
@media screen and (max-width: 1800px) {
  #present_campaign .prize .prize-chuki-ul {
    margin-top: 2%;
  }
}
@media screen and (max-width: 1500px) {
  #present_campaign .prize .prize-chuki-ul {
    margin-top: 2.5%;
  }
}
@media screen and (max-width: 768px) {
  #present_campaign .prize .prize-chuki-ul {
    margin-top: 3.6vw;
  }
}
#present_campaign .target_product .chance {
  color: #006fbc;
}
#present_campaign .target_product .chance img {
  width: min(38vw, 456px);
  margin-top: -1.3%;
  margin-bottom: -2.9%;
}
@media screen and (max-width: 768px) {
  #present_campaign .target_product .chance img {
    width: 54.1333333333vw;
    margin-top: -2.6666666667vw;
    margin-bottom: -4.1333333333vw;
  }
}
#present_campaign .howto_apply .bt_download a {
  background-color: #fff;
  background-image: url("../images/mcc/icon_download_mcc.png");
}
#present_campaign .howto_apply .bt_terms a {
  background-color: #fff;
  background-image: url("../images/mcc/icon_plus_mcc.png");
}
#present_campaign .howto_apply .hereto_apply a {
  color: #000;
}

/*------------------------------------------------------------
supercoolburst
------------------------------------------------------------*/
#supercoolburst ul li {
  color: #fff;
}

/*------------------------------------------------------------
about_coolburst
------------------------------------------------------------*/
#about_coolburst::before {
  background: linear-gradient(to top, rgb(245, 245, 245) 0%, rgb(0, 152, 173) 70%, rgba(0, 152, 173, 0) 100%);
  left: 0;
}
@media screen and (max-width: 768px) {
  #about_coolburst::before {
    background: linear-gradient(to top, rgb(245, 245, 245) 0%, rgb(245, 245, 245) 20%, rgba(0, 152, 173, 0) 100%);
  }
}

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

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