@charset "UTF-8";
.EX {background: #00245b;}
.hero {
  background-image: url(../img/main.jpg),url(../img/pt2.jpg);
  background-size: 1600px 850px,290px 850px;
  background-repeat: no-repeat,repeat-x;
  background-position: top,top;
}

.pattern{background: url(../img/pt.jpg) #00245b top center;}

@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/pt3.jpg) #00245b top center;
    background-size: contain;
  }
}
.containerEX {max-width: none;}
.containerEX_inner {
  max-width: 800px;
  margin: 0 auto;
}


/*============================
[Event]
============================*/
.EventMenu {
  max-width: 800px;
  background-color: rgba(0,19,43,0.55);
}
.EventMenuList {
  border-top:none;
  background-color: #005dbc;
}

.EventMenuList_term{color:#ffffff;}
.ledeBox{background-color: #f0fffe;}
.txtEX{color: #ffffff;}
.EventMenu .txtEX{color: #000000;}
.mission_term-label{background: #207d0b;}
.mission_term .txtEX{color: #ffffff;}

.h4-usoul{
  color: #ffffff;
  text-align: center;
  font-size: 2.6rem;
}
@media screen and (max-width: 800px){
  .h4-usoul{font-size: 1.6rem;}
}

.new::before{
  display: block;
  content: "NEW!";
  color:#ff0000;
}

.linkRelative{position: relative;}
.linkAbsolute{
  position: absolute;
  top: 74.8%;
  right: 8.3%;
  width: 48.8%;
  padding-top: 8%;
}

.btnDetail-custom {
  background-color: #005dbc;
  -webkit-box-shadow: 0 6px 0 #052972, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 6px 0 #052972, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
}

.btnDetail-custom:active{
  -webkit-box-shadow:  0 2px 0 #052972, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
  box-shadow:  0 2px 0 #052972, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
}

/*============================
[Teble]
============================*/
.table-rewardList,
.table-rewardOne,
.table-usoul,
.table-dungeon{
  background-color: #ffffff;
  max-width: 800px;
  word-wrap: break-word;
}
.table-rewardList th,
.table-rewardOne th{background-color: #bc0016;}
.table-rewardList td:nth-child(1){width: 18%;}
.table-rewardList td:nth-child(2){width: 20%;}
.table-rewardList td:nth-child(3){width: 72%;}

.table-usoul td:nth-child(1){width: 11%;}
.table-usoul td:nth-child(2){width: 20%;}
.table-usoul td:nth-child(3){width: 13%;}
.table-usoul td:nth-child(4){width: 10%;}
.table-usoul td:nth-child(5){width: 10%;}
.table-usoul td:nth-child(6){width: 36%;}

.table-usoul th,
.table-dungeon th{background-color: #207d0b;}
.table-dungeon td:nth-child(1){width: 35%;}
.table-dungeon td:nth-child(2){width: 15%;}
.table-dungeon td:nth-child(3){width: 30%;}
.table-dungeon td:nth-child(4){width: 20%;}

.rewardImg{
  max-width: 700px;
  width:100%;
}
.rewardAttension{
  text-align: right;
  font-size:14px;
  font-size:1.4rem;
}
@media screen and (max-width: 800px){
  .rewardAttension{
    font-size:12px;
    font-size:1.2rem;
  }
}


/*==================
[GPガチャ]
==================*/
.imgGp {
  width: 63.563%;
  max-width: 464px;
  margin: 0 auto;
}


/*==================
[Attention]
==================*/
.EventMenuAttention {
  padding: 11px;
  border-top:none;
}
.attentionEX .regEX {color: #005dbc;}
.attentionEX_ttl{
  border-bottom: 1px dotted #005dbc;
  color: #005dbc;
}

.EventMenuAttention .attentionEX {
  border: 3px solid #005dbc;
  background: #ffffff;
  max-width: 800px;
  border-radius: 20px;
}


/*============================
[Footer]
============================*/
.btnTopPage {
  max-width: 800px;
  max-width: calc(770px + 30px);
}
#wrapHeader.wrapHeaderEX,
.footerEX {background: #000000;}