@charset "UTF-8";

#tengoku #contentArea {
  line-height: 1.5;
}

.tengoku {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-top: 38px;
  width: 600px;
  height: 391px;
}
.tengoku.is-open {
  background-image: url(../../img/game/tengoku/open.jpg?201811152);
}
.tengoku.is-close {
  background-image: url(../../img/game/tengoku/close.jpg?201811152);
}
/* 開放期間 */
.tengoku__period {
  font-size: 0;
  text-align: center;
}
.tengoku__period span {
  color: #fff;
  font-size: 13px;
}
.tengoku__period span.bold {
  color: #eab376;
}

.tengoku-x-wrap {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  width: 450px;
}
.tengoku-x-stamp {
  position: absolute;
  top: 0;
  left: 0;
}
.tengoku-x-table {
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
.tengoku-x-table_title {
  padding-top: 7px;
  padding-bottom: 6px;
  color: #f01616 !important;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
  background-color: #51422c;
}
.tengoku-x-table_title-text {
  display: inline-block;
  padding-left: 50px;
  padding-right: 50px;
  height: 18px;
  background-image: url(../../img/mypage/maumet/list/icon/deco_r.png),
    url(../../img/mypage/maumet/list/icon/deco_l.png);
  background-repeat: no-repeat;
  background-position: right, left;
}
.tengoku-x-table_head {
  padding-top: 7px;
  padding-bottom: 6px;
  color: #6d6c6c;
  font-weight: bold;
  background-color: #e4e3c9;
}
.tengoku-x-table_head.is-brown {
  color: #fff;
  background-color: #a79873;
}
.tengoku-x-table_items {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff8e0 !important;
}
.tengoku-x-table_items-list {
  display: flex;
  justify-content: center;
}
.tengoku-x-table_items-list div {
  margin-left: 8px;
  margin-right: 8px;
  display: flex;
  padding-left: 22px;
  height: 19px;
  color: #d27700;
  font-weight: bold;
  background-image: url(../../img/mypage/maumet/list/icon/opt.png);
  background-repeat: no-repeat;
}

/**
 * フェスタインフェルノ パニガルム
 */
.f-inferno,
.konmeiko,
.ikai {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-top: 29px;
  width: 588px;
  height: 436px;
  background-image: url(../../img/game/inferno/close.png?456);
  background-repeat: no-repeat;
  font-size: 12px;
  box-sizing: border-box;
}
.f-inferno.is-open,
.konmeiko.is-open,
.ikai.is-open {
  background-image: url(../../img/game/inferno/open.png?456);
}
/* 開催期間 */
.f-inferno-period,
.konmeiko-period,
.ikai-period {
  color: #fff;
  text-align: center;
  font-size: 13px;
}
.f-inferno-period b,
.konmeiko-period b,
.ikai-period b {
  color: #ffde00;
}
/* 対象モンスター */
.f-inferno-target,
.konmeiko-target,
.ikai-target {
  position: absolute;
  bottom: 23px;
  display: flex;
  font-weight: bold;
  justify-content: center;
  width: 100%;
}
.f-inferno-target-ico,
.konmeiko-target-ico,
.ikai-target-ico {
  display: inline-block;
  color: #fff;
  background-color: #ce17ba;
  border-radius: 6px;
  margin-right: 10px;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.2rem;
  padding-bottom: 0.2rem;
}
.f-inferno-target-label,
.konmeiko-target-label,
.ikai-target-label {
  color: #ffde00;
  font-size: 16px;
}

/**
 * パニガルム
 */
.konmeiko {
  width: 600px;
  padding-top: 16px;
  background-image: url(../../img/game/konmeiko/close.png?456);
}
.konmeiko.is-open {
  background-image: url(../../img/game/konmeiko/open.png?456);
}

.konmeiko-period {
}
.konmeiko-period div {
  transform: translateY(19px);
}
.konmeiko-target {
  bottom: 38px;
}
.konmeiko-target-ico {
  background-color: #6a65e3;
}

/**
 * 異界
 */
.ikai {
  width: 600px;
  padding-top: 16px;
  background-image: url(../../img/game/ikai/close.png?456);
}
.ikai.is-open {
  background-image: url(../../img/game/ikai/open.png?456);
}

.ikai-period {
  position: relative;
  top: 42px;
}
.ikai-period div {
  transform: translateY(13px);
}
.ikai-target {
  bottom: 38px;
}
.ikai-target-ico {
  background-color: #6a65e3;
}
