@charset "UTF-8";
h3.h3-event {
	width: 100%;
	color: #fff;
	background-color: #d23a14;
	border-radius: 3px;
	margin: 10px auto 10px;
	padding: 5px;
	font-size: 1.5rem;
  text-align: center;
}

.EventMenuList_term {
  color: #3a0600;
}
.EventMenuList {
  background-color: #ae7637;
}

.step dt {
  color: #20a842;
  border-bottom: #20a842 1px dotted;
}

.exchange-step2 dt {
  color: #712fac;
  border-bottom: #712fac 1px dotted;
}

.step.jewels dt {
  color: #005609;
  border-bottom: #005609 1px dotted;
}

.em_warudi { color: #712fac; }
.em_samodi { color: #005609; }

.em_blue {
  color: #113bb1;
  font-weight: bold;
  font-size: 1.6rem;
}

@media screen and (max-width: 600px) {
  .em_blue {
    font-size: 1.2rem;
  }
}

/* スライダー */
.slick-track {
  display: flex;
  justify-content: center;
  transform: none !important;
}
ul.slider-nav li.slick-slide {
  width: 135px !important;
}
@media screen and (max-width: 600px) {
  ul.slider-nav li.slick-slide {
    width: 22% !important;
  }
}

/* 詳細ボタン */
.btnDetail-Long,
.btnDetail {
  background-color: #c2201b;
  -webkit-box-shadow: 0 6px 0 #831511, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
  box-shadow: 0 6px 0 #831511, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
}

.btnDetail-Long:active,
.btnDetail:active{
  -webkit-box-shadow:  0 2px 0 #831511, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
  box-shadow:  0 2px 0 #831511, inset 2px 2px 0 rgba(255, 255, 255, .2), inset -2px -2px 0 rgba(0, 0, 0, .2);
}

.table_sp td:nth-child(1) {
  width: 9em;
}

/* テーブル */
.table-eventpoint tr {
  text-align: center;
}

.table-eventpoint td.under_dot {
  font-size: 14px;
  border-bottom: 1px dashed #000;
  border-top: 1px dashed #000;
}

.table-eventpoint td img {
  width: 9%;
  min-width: 60px;
  padding: 0 .5%;
}

.table-eventpoint th.dungeon,th.floor {
  width: 10%;
}

table.table td.icon {
  width: 17%;
}

table.table th.login {
  width: 5em;
}

table.table th.number {
  width: 7em;
}

/* 画像 */
.img-small {
	width: 90%;
	margin: 0 auto;
}
.img-ss {
	width: 70%;
	margin: 0 auto;
}
.imgEX-btn {
	width: 88%;
	max-width: 640px;
	margin: 0 auto;
}

.magicitems_ledeBox {
  display: flex;
}