@charset "UTF-8";

.hero {
  background-color: #7dccff;
  background-image: url(../img/main.jpg);
  background-size: 1600px 850px, 1px 850px;
  background-repeat: no-repeat, repeat-x;
}

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

  .heroImg_img {
    width: 100%;
  }
}

.containerEX_inner {
  padding-top: 0;
}

.bnrArea-top .bnr {
  width: 83.4%;
  max-width: 640px;
  margin: 2% auto;
}

.bnrArea-top .row {
  width: 96%;
  max-width: 768px;
  margin: 0 auto;
  padding: 0;
}

/* 導線(TOP) */
.bnrArea-top { margin-top: 2.1%; }

.bnrArea-top .column {
  width: 49.5%;
  max-width: 380px;
  text-align: center;
}

.bnrArea-top .column:nth-child(n+2) {
  margin-left: 1%;
}

.bnrArea-top .column .image {
  width: 100%;
  max-width: 380px;
}

/* ラインナップ */
.gacyaList {
  background: #fff;
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}
.gacyaList th,.gacyaList td {
  border-top: 1px solid #555;
  border-left: 1px solid #555;
  border-bottom: 1px solid #555;
  border-right: 1px solid #555;
}

/* SPガチャ */
.step dt {
  color:#eda030;
  font-size: 2rem;
  font-weight: bold;
  border-bottom:#eda030 1px dotted;
}
.step dd {
  margin-bottom: 3%;
}

.step dd .regEX,
.step dd p.txtEX {
  margin-left: 1%;
}

@media screen and (max-width: 640px){
  .step dt {
    font-size: 1.5rem;
  }
}

.imgEX-point {
  width: 50%;
}

.h4Collabo-exchange {
  padding-top: 5% 0 .5%;
}

.h4Collabo-mission {
  padding-top: 1%;
  font-size: 26px;
  font-size: 2.6rem;
}

@media screen and (max-width: 640px){
  .h4Collabo-mission {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

@media screen and (max-width: 480px){
  .h4Collabo-mission {
    font-size: 17px;
    font-size: 1.7rem;
  }
}

@media screen and (max-width: 360px){
  .h4Collabo-mission {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* サブタイトル画像 */
.imgEX-ttl {
width: 70%;
  margin-top: 5%;
}