/* rank */
.rank{display:grid;grid-template-columns:12% 1fr;grid-template-rows:auto;border-right:solid 1px #808080;border-bottom:solid 1px #808080;list-style:none}.rank dt,.rank dd{box-sizing:border-box;border-left:solid 1px #808080;border-top:solid 1px #808080}.rank dt{display:grid;justify-items:center;-webkit-box-align:center;align-items:center;min-height:40px;color:#ffffff;font-size:15px;font-weight:bold}.rank dd{padding:6px;color:#282828;font-size:11px}.rank ul{display:grid;grid-template-columns:repeat(auto-fill, minmax(65px, 1fr));gap:6px}.rank ul li{margin: 0 !important;list-style:none !important}.rank ul li a{display:block;font-size:11px;line-height:1.2;text-align:center}.rank li img{width:100%;margin-bottom:0px;border-radius:5px}.rank dt.rank0{background:#7a0061}.rank dd.rank0{background:#ffffff}.rank dt.rank1{background:#e12d2d}.rank dd.rank1{background:#ffffff}.rank dt.rank2{background:#e65b5b}.rank dd.rank2{background:#ffffff}.rank dt.rank3{background:#da8b8b}.rank dd.rank3{background:#ffffff}.rank dt.rank4{background:#002aff}.rank dd.rank4{background:#ffffff}.rank dt.rank5{background:#1c4ab5}.rank dd.rank5{background:#ffffff}.rank dt.rank6{background:#d67d00}.rank dd.rank6{background:#ffffff}.rank dt.rank7{background:#064711}.rank dd.rank7{background:#ffffff}.rank dt.rank8{background:#5b955f}.rank dd.rank8{background:#ffffff}.rank dt.rank9{background:#4c4242}.rank dd.rank9{background:#fff7ea}.rank dt>p,.rank .mu__list{margin:0 !important}
/* ―――――――――――――――――――――――――――――― //
//     CSS Eyecatch
// ―――――――――――――――――――――――――――――― */
:root {
  /* ――――     外枠の仕様：余白の幅、余白の色、ボーダーの色等、ボーダーの角丸     ―――――　*/
  --css-eye-out_margin: 35px;
  --css-eye-out_padding: 6px;
  --css-eye-out_bg: #f5f5f5;
   --css-eye-out_border: solid 2px #bbb;
  --css-eye-out_radius: 10px;
  /* ――――     内枠の仕様：ボーダーの色等、ボーダーの角丸     ―――――　*/
  --css-eye-in_border: solid 2px #c00;
  --css-eye-in_radius: 6px;
  /* ――――     文字の仕様：文字色、枠の色、枠のボーダー色等、ボーダーの角丸     ―――――　*/
  --css-eye-text_color: #fff;
  --css-eye-text_bg: rgba(0,0,0,0.8);
  --css-eye-text_border: solid 2px #f60;
  --css-eye-text_radius: 6px;
}
.css-eye-out{position: relative;margin: 0 0 var(--css-eye-out_margin);padding: var(--css-eye-out_padding);box-sizing: border-box;background: var(--css-eye-out_bg);border: var(--css-eye-out_border);border-radius: var(--css-eye-out_radius)}.css-eye-in{border: var(--css-eye-in_border);border-radius: var(--css-eye-in_radius)}.css-eye-text{position: absolute;left: 0;bottom: -26px;width: 80%;margin: 0 0 0 10%;box-sizing: border-box;text-align: center;color: var(--css-eye-text_color);font-size: 30px;font-weight: bold;line-height: 2;background: var(--css-eye-text_bg);border: var(--css-eye-text_border);border-radius: var(--css-eye-text_radius)}.css-eye-in p{margin: 0 !important}.css-eye-in .mu__img{display: block !important}.css-eye-in img{display: block !important; border-radius: var(--css-eye-in_radius)}
/* 表組み用独自CSS */
.list-2 .mu__list, .list-3 .mu__list, .list-4 .mu__list, .list-5 .mu__list, .list-6 .mu__list {
display:-webkit-box; display:-ms-flexbox; display:flex;
}
.list-2 .mu__list, .list-3 .mu__list, .list-4 .mu__list, .list-5 .mu__list {
 -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; box-sizing: border-box; border-left: solid 1px #243456; border-top: solid 1px #243456; }
.list-2 .mu__list li, .list-3 .mu__list li, .list-4 .mu__list li, .list-5 .mu__list li {
 -webkit-box-align: center; -ms-flex-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; align-items: center; margin: 0; padding: 5px; box-sizing: border-box; text-align: center; font-size: 12px; border-right: solid 1px #777777; border-bottom: solid 1px #777777; list-style: none !important;
}
.list-2 > p, .list-3 > p, .list-4 > p, .list-5 > p {
 margin: 0; padding: 6px; text-align: center; font-size: 12px; background: #274a78; border: solid 1px#243456; border-bottom: none;
 color: white;
}
/* LIST-2 ～ LIST-5 */
.list-2 li {
 -ms-flex-preferred-size: 50%; flex-basis: 50%;
}
.list-3 li {
 -ms-flex-preferred-size: 33.33%; flex-basis: 33.33%;
}
.list-4 li {
 -ms-flex-preferred-size: 25%; flex-basis: 25%;
}
.list-5 li {
 -ms-flex-preferred-size: 20%; flex-basis: 20%;
}
/* 1行目ぶち抜き */
.list-2 .list-2_top .mu__list li:first-child, .list-3 .list-3_top .mu__list li:first-child, .list-3 .list-4_top .mu__list li:first-child, .list-3 .list-5_top .mu__list li:first-child {
 -ms-flex-preferred-size: 100%; flex-basis: 100%;
}
/* 1行目を見出しの様な見た目に変更 */
.list-2 .list-2_head li:nth-child(1), .list-2 .list-2_head li:nth-child(2), .list-3 .list-3_head li:nth-child(1), .list-3 .list-3_head li:nth-child(2), .list-3 .list-3_head li:nth-child(3), .list-4 .list-4_head li:nth-child(1), .list-4 .list-4_head li:nth-child(2), .list-4 .list-4_head li:nth-child(3), .list-4 .list-4_head li:nth-child(4), .list-5 .list-5_head li:nth-child(1), .list-5 .list-5_head li:nth-child(2), .list-5 .list-5_head li:nth-child(3), .list-5 .list-5_head li:nth-child(4), .list-5 .list-5_head li:nth-child(5) {
 background: #274a78;
}
/* テーブルの左セルの固定 */
.chara_status_list tr td:first-child {
 position:absolute;
}
.chara_status_list .mu__table table tr:nth-child(even) td:first-child,
.chara_status_list .mu__table table tr:nth-child(odd) td:first-child {
 background:rgba(255,255,255,0);border-bottom:none;border-left:none;border-right:none;color:#00b;
}
.chara_status_list .mu__table table tr td:first-child {
 text-shadow:0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
}
.chara_status_list .mu__table img {
 vertical-align: top;
}
.chara_status_list .mu__table td,
.chara_status_list .mu__table th {
    margin: 0px;
    padding: 5px;
}