/* rank */
.rank{display:grid;grid-template-columns:12% 1fr;grid-template-rows:auto;border-right:solid 1px #858585;border-bottom:solid 1px #858585;list-style:none}.rank dt,.rank dd{box-sizing:border-box;border-left:solid 1px #858585;border-top:solid 1px #858585}.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(50px, 1fr));gap:5px}.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:#d59a1a}.rank dd.rank0{background:#ffffff}.rank dt.rank1{background:#da5858}.rank dd.rank1{background:#ffffff}.rank dt.rank2{background:#3c5ed7}.rank dd.rank2{background:#ffffff}.rank dt.rank3{background:#50cc2e}.rank dd.rank3{background:#ffffff}.rank dt.rank4{background:#5d5e5a}.rank dd.rank4{background:#ffffff}.rank dt>p,.rank .mu__list{margin:0 !important}
/* 表組み用独自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 #999; border-top: solid 1px #999; }
.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 #999; border-bottom: solid 1px #999; 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: #f0f0f0; border: solid 1px #999; border-bottom: none;
}
/* LIST-2 ～ LIST-5 */
.list-2 li {
 flex-basis: 50%;
}
.list-3 li {
 flex-basis: 33%;
}
.list-3 li:nth-child(3n+3) {
 flex-basis: 34%;
}
.list-4 li {
 flex-basis: 25%;
}
.list-5 li {
 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: #f0f0f0;
}
/* 全セル共通：黒枠をやわらかいグレーに上書き */
.poe2-prio-top,
.poe2-prio-high,
.poe2-prio-low,
.poe2-data,
.poe2-data-effect,
.poe2-head {
    border: 1px solid #e5e8ec !important;
}

/* セクション見出し（プレフィックス / サフィックス） */
.poe2-head {
    background: #3f4650 !important;
    color: #fff !important;
    text-align: center !important;
    font-weight: 700 !important;
    letter-spacing: .1em !important;
    padding: 10px !important;
}

/* データセル */
.poe2-data,
.poe2-data-effect {
    background: #fff !important;
    color: #333 !important;
    padding: 8px 12px !important;
    line-height: 1.7 !important;
}

/* 優先度ラベル（左列） */
.poe2-prio-top,
.poe2-prio-high,
.poe2-prio-low {
    text-align: center !important;
    padding: 6px 10px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}
.poe2-prio-top  { background:#fbeeee !important; color:#a13030 !important; }
.poe2-prio-high { background:#faf6ec !important; color:#876a2b !important; }
.poe2-prio-low  { background:#f4f5f6 !important; color:#6b7280 !important; }
/* ── ビルド概要パネル ────────────── */

/* ヘッダー帯 */
.poe2-sum-head{
    background:linear-gradient(90deg,#262528 0%,#c11a1a 100%) !important;
    color:#fff !important; text-align:center !important;
    font-weight:700 !important; letter-spacing:.1em !important;
    padding:9px !important; border:1px solid #e3d9d2 !important;
}

/* 左：ラベル列（全行共通・幅30%固定） */
.poe2-key{
    width:30% !important;
    background:#faf7f2 !important; color:#6b6560 !important;
    text-align:left !important; font-weight:500 !important;
    padding:11px 14px !important; border:1px solid #e3d9d2 !important;
}

/* 右：値セル（リンクは青） */
.poe2-val{
    background:#fffdfa !important; color:#3a3330 !important;
    text-align:left !important; padding:11px 14px !important;
    border:1px solid #e3d9d2 !important;
}

/* 右：評価バー（3分割・充填数で出し分け） */
.poe2-bar-1,.poe2-bar-2,.poe2-bar-3{
    background-color:#fffdfa !important;
    border:1px solid #e3d9d2 !important;
    padding:12px 14px !important;
    background-repeat:no-repeat !important;
    background-size:calc(100% - 28px) 8px !important;   /* ← 100% から変更 */
    background-position:center center !important;         /* ← left から変更 */
}
.poe2-bar-3{ background-image:linear-gradient(90deg,
    #c8892a 0 31%,#fffdfa 31% 35%,#c8892a 35% 65%,#fffdfa 65% 69%,#c8892a 69% 100%) !important; }
.poe2-bar-2{ background-image:linear-gradient(90deg,
    #c8892a 0 31%,#fffdfa 31% 35%,#c8892a 35% 65%,#fffdfa 65% 69%,#ece7e0 69% 100%) !important; }
.poe2-bar-1{ background-image:linear-gradient(90deg,
    #c8892a 0 31%,#fffdfa 31% 35%,#ece7e0 35% 65%,#fffdfa 65% 69%,#ece7e0 69% 100%) !important; }
/* ボックスの枠線変更 */
.mu__box_border {
  border: 1px solid #000000 !important;
  background-color: transparent !important;
  padding: 10px !important;
  box-sizing: border-box !important;
}
/* ボックスの枠線変更 */