@charset "UTF-8";

.EX {background: #010812;}

.hero {
  background-image: url(../img/main.jpg);
  background-size: 1600px 850px;
  background-repeat: no-repeat;
}

.pattern {
  background: url(../img/bg_pc.jpg) #010812 top center repeat-y;
}

@media screen and (max-width: 800px){
  .hero {
    background-image: url(../img/main_sp.jpg);
    background-size: contain;
  }
  .heroImg_img { width: 100%; }
  .pattern {
    background: url(../img/bg_pc.jpg) #010812 top center repeat-y;
    background-size: contain;
  }
}

.containerEX{
  max-width: none;

}

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

.containerEX_inner {
	max-width: 800px;
  background: rgba(0,0,0,0.5);
  padding-bottom: 10px;
}

/* 期間 */
.termEX_label {
  color: #fff;
  background: #bb974b;
  border: #bb974b 1px solid;
}

.termEX_details {
  color: #bb974b;
  background: #000;
  border: #bb974b 1px solid;
}

/* ランキングバトルとは？ */
.vsTicket {
  position: relative;
}

.vsTicket .linkArea {
  position: absolute;
  bottom: 8%;
  left: 25%;
  width: 50%;
  height: 18%;
}

/* 注意事項 */
.attentionEX {
  width: 96%;
  max-width: 780px;
  padding: 1.5rem;
  border-radius: 10px;
  background: rgba(0, 0, 0, 1.0);
  border: #fff 1px solid;
}

.attentionEX_ttl {
  border-bottom: 1px dotted #fff;
  color: #fff;
}

.regEX,
.attentionEX .regEX{ color: #fff; }


/* ヘッダーフッター */
#wrapHeader.wrapHeaderEX,
.footerEX {
  background: #000000;
}