@charset "utf-8";
/* --------------------------------------------------
Tokoyami Stylesheet
-------------------------------------------------- */
/* 基本設定
------------------------------ */
/* ボックス */
.tokoyami-box {
  width: 580px;
  margin: 0 auto;
  text-align: left;
  font-size: 12px;
}

/* レイアウト
------------------------------ */

.tokoyami-nav {
  text-align: center;
}
.tokoyami-nav a {
  display: inline-block;
  margin-right: 10px;
  margin-left: 10px;
}

/* テキスト */
.color_sat {
  color: #75dcff;
}
.color_sun {
  color: #ff7c7c;
}
.txt_caution {
  color: #6e680a;
}
/* テーブル */
.tokoyami,
.tokoyami-raid {
  width: 580px;
  border: 1px solid #777777;
  border-collapse: collapse;
}
.tokoyami th,
.tokoyami-raid th {
  text-align: center;
  background-color: #816940;
  font-weight: bold;
  color: #fff;
  padding: 5px;
  border-right: 1px solid #a0a0a0;
  vertical-align: middle;
}
.tokoyami td,
.tokoyami-raid td {
  width: 91px;
  border: 1px solid #777777;
  border-collapse: collapse;
  background-color: #fff;
  padding: 0;
  text-align: center;
  border-right: 1px solid #a0a0a0;
}
.tokoyami td:first-child,
.tokoyami-raid td:first-child {
  width: 123px;
}
.tokoyami-raid td:first-child {
  color: #fff;
  font-weight: bold;
  background-color: #a79873;
}
/* 当日強調表示 */
.tokoyami td:nth-of-type(2),
.tokoyami-raid td:nth-of-type(2) {
  background-color: #fbeeb1;
}
/* 同日同時刻強調表示 */
.tokoyami-currenthour td:nth-of-type(1) {
  background-color: #9f5e00;
}
.tokoyami-currenthour td:nth-of-type(2) {
  background-color: #eda22c;
}
.tokoyami td:last-child,
.tokoyami-raid td:last-child {
  border-right: none;
}
.tokoyami-raid th,
.tokoyami-raid td {
  border-top: 1px dotted #777;
  border-bottom: 1px dotted #777;
}
.tokoyami-raid td {
  padding-top: 4px;
  padding-bottom: 4px;
}

/* 襲撃ラベル */
.raid-label {
  display: flex;
  flex-wrap: wrap;
}

.raid-label-item {
  width: 25%;
  text-align: center;
}
.raid-label-item:nth-of-type(n + 5) {
  margin-top: 20px;
}
.raid-label-item a {
  position: relative;
}
.raid-label-item a:nth-of-type(1) {
  display: block;
  width: 136px;
  height: 48px;
  margin-right: auto;
  margin-left: auto;
}
.raid-label-item a:nth-of-type(1)::after {
  content: '';
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  transition: opacity 0.2s;
}
.raid-label-item a:nth-of-type(1):hover::after {
  opacity: 1;
}
.raid-label-item a:nth-of-type(2) {
  display: inline-block;
}

.raid-label-item ul {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
  margin-right: auto;
  margin-left: auto;
}
.raid-label-item ul img {
  width: 20px;
}

.raid-toggle-head {
  position: relative;
  padding-top: 5px;
  padding-bottom: 4px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #463822;
  border: 1px solid #777;
}
.raid-toggle-head_ico {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
/* トグルコンテナ */
.raid-toggle-container {
}

/* アストルティア防衛軍へ
------------------------------ */
.goto-astolita-defense {
  width: 304px;
  height: 32px;
}

/* パニガルム
------------------------------ */
.tokoyami-panigarm tr:nth-of-type(n + 2) th {
  background-color: #a79873;
}
.tokoyami-panigarm tr:nth-of-type(n + 2) td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.tokoyami-panigarm td div {
  font-weight: bold;
  margin-top: 10px;
}
.tokoyami-panigarm-icon {
  width: 140px;
}
.tokoyami.tokoyami-panigarm td:nth-of-type(1) {
  background-color: #fbeeb1;
}
.tokoyami.tokoyami-panigarm td:nth-of-type(2) {
  background-color: #fff;
}