/* =========================================================
   真・三國無双２ with 猛将伝 Remastered Style Custom CSS
   （深紅の軍旗 × 金の縁取り × 一騎当千の鮮烈さ）
   ========================================================= */

/* 大見出し（h2相当）：燕尾（えんび）に切れ込んだ軍旗のシルエット */
.content-head,
.main .mu__h-large {
  position: relative;
  padding: 13px 34px 11px 46px !important;
  color: #ffffff !important;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.3 !important;
  background-image:
    /* 旗布のようなうっすらとした縦の織り目 */
    repeating-linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.05) 0px,
      rgba(255, 255, 255, 0.05) 1px,
      transparent 1px,
      transparent 6px
    ),
    /* 鮮烈な深紅のグラデーション */
    linear-gradient(100deg, #c2152f 0%, #a30f26 55%, #7d0a1c 100%) !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;

  border: none !important;
  border-top: 3px solid #e2b64a !important;
  border-bottom: 3px solid #e2b64a !important;
  /* 右端を燕尾旗のように切り込む */
  clip-path: polygon(0 0, 100% 0, calc(100% - 16px) 50%, 100% 100%, 0 100%);
  text-shadow:
    0 1px 2px rgba(50, 0, 10, 0.75),
    0 2px 6px rgba(50, 0, 10, 0.55);
}

/* 大見出し左側の「矛先（ほこさき）」アイコン */
.content-head::before,
.main .mu__h-large::before {
  content: "";
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 26px;
  background: linear-gradient(90deg, #f6dc8a 0%, #e2b64a 45%, #a9791c 100%);
  clip-path: polygon(50% 0%, 100% 62%, 62% 62%, 62% 100%, 38% 100%, 38% 62%, 0% 62%);
  filter: drop-shadow(0 1px 2px rgba(50, 0, 10, 0.6));
}

/* 中見出し（h3相当）：白地×濃い文字＋深紅のL字ライン
   （左端の縦線と、右端まで伸びる下線で「L」を形成） */
.main .mu__h-middle {
  position: relative;
  display: flex !important;
  align-items: center !important;
  padding: 11px 14px 11px 14px !important;
  color: #2a1414 !important;
  font-weight: 900;
  letter-spacing: 0.5px;
  line-height: 1.2 !important;
  border: none !important;

  background-color: #ffffff !important;
  border-bottom: 3px solid #a30f26 !important;
  box-shadow: 0 2px 6px rgba(120, 10, 30, 0.12);
}

.main .mu__h-middle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  border-left: 3px solid #a30f26;
}

/* 下線の下に金の細いラインを重ねて、格調を出す */
.main .mu__h-middle::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -6px;
  height: 1px;
  background: linear-gradient(90deg, #e2b64a 0%, rgba(226, 182, 74, 0) 100%);
}

/* 小見出し（h4相当）：白地・黒文字でさりげなく（開始位置は中見出しより右） */
.main .mu__h-little {
  position: relative;
  display: flex !important;
  align-items: center !important;
  padding: 6px 8px 6px 20px !important;
  color: #000000 !important;
  font-weight: 700;
  line-height: 1.3 !important;
  background-color: #ffffff !important;
  border: none !important;
  border-bottom: 1px dashed #b98c8c !important;
}

/* 小さな軍旗（三角の旗）マーカー */
.main .mu__h-little::before {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #a30f26;
}

/* コンテンツ背景（戦場の空気を思わせる、ほんのり温かみのある紙色） */
.wiki-head__contents.blank-bg {
  background:
    radial-gradient(circle at 12% 10%, rgba(194, 21, 47, 0.04) 0%, transparent 35%),
    radial-gradient(circle at 90% 90%, rgba(226, 182, 74, 0.06) 0%, transparent 40%),
    linear-gradient(180deg, #fbf8f2 0%, #f3ede1 100%) !important;
  border-top: 1px solid #e6dcc6;
}

/* サイドメニュー見出し */
.menu__head strong.mu__h-large {
  padding: 8px 10px 9px;
  color: #ffffff !important;
  font-weight: 900;
  background: linear-gradient(110deg, #c2152f 0%, #7d0a1c 100%) !important;
  border-bottom: solid 2px #e2b64a;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-shadow: 0 1px 2px rgba(50, 0, 10, 0.6);
}

/* ボタンリンク：見出しの深紅・金とは補色関係の「翠（蜀の緑）」で
   しっかり目立たせる */
a.btn-link {
  position: relative;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  top: 0 !important;
  color: #ffffff !important;
  font-size: 15px;
  font-weight: 900;
  letter-spacing: 1px;
  text-align: center;
  transition: 0.2s;
  text-shadow:
    0 1px 2px rgba(0, 50, 30, 0.7),
    0 2px 5px rgba(0, 50, 30, 0.45);
  border: 2px solid #b8f0d6 !important;
  border-radius: 4px;
  background: linear-gradient(180deg, #2fc994 0%, #0f8a5f 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.25), 0 3px 8px rgba(0, 90, 60, 0.4);
}
a.btn-link:hover, a.btn-link:active {
  transform: translateY(2px);
  background: linear-gradient(180deg, #0f8a5f 0%, #0a6647 100%) !important;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3), 0 0 12px rgba(47, 201, 148, 0.7);
}
/* 表組み用独自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 #000000; border-top: solid 1px #000000; }
.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 #000000; border-bottom: solid 1px #000000; 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: #333333; border: solid 1px#000000; 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%;
}
table, td, th {
 border: 1px #808080 solid !important;
}
/* 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;
}
/* 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(4, 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}