@charset "UTF-8";

.hero {
  background-color: #0a265c;
  background-image: url(../img/main.jpg), url(../../common/img/line.png);
  background-size: 1900px 900px, 800px 8px;
  background-repeat: no-repeat, repeat-x;
  background-position: top center, bottom center;
}

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

  .heroImg_img {
    width: 100%;
  }
}

.img-small {
  display: block;
  margin: 0 auto;
  width: 55%;
}

span.modified {
	color: #ffaa00;
}
.ledeBox.opacity70 {
	background: rgba(228, 225, 255, 0.7);
}

/* -- Event -- */
.table-term_mission {
  width: 80%;
  max-width: 640px;
}

/* .table-term,
.table-term th,
.table-term_mission,
.table-term_mission th,
.table-term_tower,
.table-term_tower th {
  border-left: none;
} */

.table-term {
  margin: 1% auto;
}

.table-term_mission th,
.table-term th {
  width: 20%;
}

.table-term_mission td,
.table-term_tower td,
.table-term td {
  text-align: left;
  border-left: 1px solid #333;
}

.table-term_mission,
.table-term_tower {
  width: 80%;
  margin: 0 auto 3%;
}

.table-term_tower th {
  width: 9em;
}

.table-dungeon span {
  color:#ff7800;
  font-size: 0.9em;
  font-weight: bold;
}

.table-dungeon .span-shiren {
  color:#ff0000;
}

.bnrArea {
  width: 90%;
  margin: 0 auto;
}

.imgEX-small {
  width: 60%;
  margin: 0 auto;
}

/* -- ボタンリンクエリア -- */
.btnDetail-LinkArea {
  width: 60%;
  max-width: 360px;
  display: block;
	margin: 0 auto;
}

/* -- ロングボタン -- */
.btnDetail-Long::after { content: ''; }
.btnDetail-Long.active::after { content: ''; }

/* -- 交換上限 -- */
.txt {
  color: #454545;
}
.ttl {
  color: #736adf;
}

/* -- h4内アイコンサイズ -- */
.h4Event .icon {
  width: 8%;
  min-width: 25px;
  padding: 0.5%;
}

/* -- 交換所リスト -- */
.table-point td:nth-child(1) { width: 15%; }
.table-point td:nth-child(2) { width: 52%; }
.table-point td:nth-child(3) { width: 15%; }

/* -- 青い宝箱から出現するイベントポイント -- */
.table-eventpoint td:nth-child(2) { width: 60%; }
.table-eventpoint td:nth-child(3) { width: 20%; }

/* -- STEP -- */
.step dt {
  border-bottom: #9a90ff 1px dotted;
  color: #9a90ff;
  font-size: 20px;
  font-size: 2.0rem;
  font-weight: bold;
}

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

/* -- モーダル -- */
/* #colorbox {
	height: 680px !important;
}

@media screen and (max-width: 640px){
	#colorbox {
		height: 560px !important;
	}
	#cboxContent {
		background-color: none;
	}
}

@media screen and (max-width: 435px){
	#colorbox {
		height: 590px !important;
	}
}

	@media screen and (max-width: 390px){
		#colorbox {
			height: 530px !important;
		}
} */
/* -- モーダル -- */