@charset "UTF-8";

.hero {
  background-color: #000;
  background-image: url(../img/main.jpg);
  background-size: 1600px 850px;
  background-repeat: no-repeat;
  background-position: center bottom;
}

@media screen and (max-width: 800px){
  .hero {
    background-image: url(../img/main_sp.jpg);
    background-size: contain;
  }

  .heroImg_img {
    width: 100%;
  }
}

/* ピックアップ的中確率 */
.table-collabo tr.term th {
  border-top: none;
  vertical-align: top;
}

.table-collabo tr.term th{
  border-top: rgba(255,255,255,0.5) 1px dotted;
}

.table-collabo .td_pickup {
  font-weight: bold;
  color: #c00000;
}

/* ピックアップ的中確率 新規キャラ */
td.new::before {
  color: #ebbe5c;
  font-weight: bold;
}

/* キャンペーンガチャラインナップ */
table.gacyaList,
.gacyaList th,
.gacyaList td {
  border: #333 1px solid;
}

.gacyaList th.element { width: 10%; }
.gacyaList th.name { width: 74%; }
.gacyaList th.param { width: 16%; }

.tHeading-rare7 th,
.gacyaList th.element,
.gacyaList th.name,
.gacyaList th.param,
.tHeading-fire th,
.tHeading-water th,
.tHeading-wood th,
.tHeading-dark th {
  color: #fff;
}
.gacyaList td {
  background: #fff;
}

.accordionContents .noticeCollabo {
  margin-top: 5%;
}

.contents > .imgEX-illust {
  margin-top: 0;
}

.txt_ttl{
  color: #c9a36b;
  font-weight: bold;
  text-align: center;
}

.imgEX-powerup {
    width: 87%;
    max-width: 640px;
    margin-bottom: 4%;
}