/*
Theme Name: Arkhe Child
Template: arkhe
Theme URI: https://arkhe-theme.com/
Version: 1.0.0
Description: Arkheの子テーマ
*/

/* スタイリッシュ枠デザイン：Arkhe調整済み */
#sidebar .widget,
.l-sidebar .widget,
.p-widget,
.widget {
  
  background: #fafafa;
  padding: 20px;
  margin-bottom: 24px;
  border-radius: 6px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
  transition: box-shadow 0.3s ease;
}

#sidebar .widget:hover,
.l-sidebar .widget:hover,
.p-widget:hover,
.widget:hover {
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

/* タイトル部分のデザイン */
#sidebar .widget-title,
.l-sidebar .widget-title,
.p-widget .widget-title,
.widget-title {
  font-size: 1em;
  font-weight: 600;
  margin-bottom: 12px;
  color: #222;
  border-bottom: 1px solid #e0e0e0;
  padding-bottom: 6px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
/* h2デザイン：赤いバーとモダンな文字 */
h2 {
  position: relative;
  font-size: 1.6em;
  margin: 40px 0 20px;
  padding-left: 12px;
  border-left: 6px solid #d7231f;
  color: #222;
  font-weight: 700;
}

/* h3デザイン：下線付き＋小さなアクセント */
h3 {
  font-size: 1.3em;
  margin: 30px 0 15px;
  padding-bottom: 6px;
  border-bottom: 2px solid #d7231f;
  color: #333;
  font-weight: 600;
}
.character-card {
  background: #fff;

  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.06);
  padding: 24px;
  border-radius: 10px;
  margin-bottom: 40px;
  font-family: "Helvetica Neue", sans-serif;
}

.character-header {
  margin-bottom: 16px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}

.character-name {
  font-size: 1.5em;
  margin: 0;
  color: #222;
}

.character-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
  margin-bottom: 20px;
  font-size: 0.95em;
  color: #444;
}

.character-meta div {
  background: #f9f9f9;
  padding: 8px 12px;
  border-radius: 6px;
}

.meta-value {
  font-weight: 600;
  color: #d7231f;
}

.character-section {
  margin-bottom: 24px;
}

.character-section h3 {
  font-size: 1.1em;
  margin-bottom: 12px;
  color: #111;
  border-left: 4px solid #d7231f;
  padding-left: 10px;
}

.skill-list {
  list-style: disc;
  padding-left: 20px;
  color: #333;
}

.skill-list li {
  margin-bottom: 6px;
}
.character-card.refined {
  background: #ffffff;
  padding: 24px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  font-family: 'Noto Sans JP', sans-serif;
  color: #333;
  line-height: 1.6;
}

.character-header h2 {
  font-size: 24px;
  margin-bottom: 16px;
  color: #222;
  font-weight: 700;
}

.character-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 24px;
}

.meta-box {
  background-color: #f4f4f4;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 14px;
  display: flex;
  gap: 6px;
  align-items: center;
  color: #444;
}

.meta-box .label {
  font-weight: bold;
  color: #666;
}

.meta-box .value {
  font-weight: 500;
  color: #222;
}

.character-rating {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 32px;
}

.rating-box {
  background: #fff5f5;
  border-left: 5px solid #e84c3d;
  padding: 14px;
  border-radius: 6px;
}

.rating-title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 6px;
  color: #c0392b;
}

.character-section {
  margin-bottom: 32px;
}

.character-section h3 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 2px solid #e0e0e0;
  padding-bottom: 4px;
  color: #2c3e50;
}

.skill-list {
  padding-left: 0;
  list-style-type: none;
  margin: 0;
}

.skill-list li {
  margin-bottom: 16px;
  background-color: #fafafa;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #eee;
}

.skill-list strong {
  display: inline-block;
  margin-bottom: 4px;
  color: #2c3e50;
  font-weight: 600;
  font-size: 15px;
}
.entry-content img {
    margin: 0 !important;
    display: block !important;
}
.entry-content a {
    display: block !important;
}

/* 情報枠（GAMEX共通スタイル） */
.info-box {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 20px;
  max-width: 720px;
  margin: 0 auto;
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

.info-box h2 {
  font-size: 20px;
  margin: 0 0 12px; /* 上余白を削除 */
  line-height: 1.3; /* 行間を詰める */
  border-left: 4px solid #d7231f; /* GAMEXカラー */
  padding-left: 8px;
  color: #111;
}

.info-box dl {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 10px 16px;
  margin: 0;
}

.info-box dt {
  font-weight: 600;
  color: #334155;
}

.info-box dd {
  margin: 0;
  color: #0f172a;
}

/* aタグの色は指定しない → テーマのデフォルトリンク色を反映 */
@media(max-width:600px) {
  .info-box dl {
    grid-template-columns: 1fr;
  }
  .info-box dt {
    color: #475569;
  }
}

/* 見出し */
.wpp-ranking-header {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 6px;
  border-bottom: 2px solid #d7231f; /* 赤アクセント */
  color: #222;
}

/* リスト全体 */
.wpp-list {
  list-style: decimal;
  margin: 0;
  padding-left: 1.6em; /* 番号分の余白 */
}

/* 各項目 */
.wpp-list li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #e2e8f0;
}

/* サムネイル（横長固定・比率維持） */
.wpp-list li img {
  width: 150px;           /* 横幅固定 */
  aspect-ratio: 15 / 8;   /* 高さは比率で自動計算（150x80に相当） */
  height: auto;
  object-fit: cover;      /* 中央基準でトリミング */
  border-radius: 4px;
  flex-shrink: 0;
}


/* タイトル */
.wpp-list li a {
  text-decoration: none;
  color: #333;
  line-height: 1.4;
  font-weight: 500;
}

.wpp-list li a:hover {
  opacity: 0.85;
}

/* トップページの注目のゲームニュース見出しを下げる */
.home .wpp-ranking-header {
  margin-top: 150px; /* 必要なら数値を増やす */
}

.p5x-sidebar-section {
  margin-bottom: 24px;
}

.p5x-sidebar-section h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 8px;
  border-left: 4px solid #d7231f;
  color: #222;
}

.p5x-sidebar-section ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

.p5x-sidebar-section li {
  margin-bottom: 6px;
}

.p5x-sidebar-section a {
  text-decoration: none;
  /* color の指定を削除 → デフォルトの青になる */
  font-size: 0.95em;
}

.p5x-sidebar-section a:hover {
  text-decoration: underline;
}

.image-credit-box{
  margin-top: 16px; padding: 12px 14px;
  border: 1px solid #e5e7eb; border-radius: 8px; background:#fafafa;
  font-size: .95em; color:#444;
}
.image-credit-box strong{ display:block; margin-bottom:6px; color:#111; }
.image-credit-body a{ color:inherit; text-decoration:underline; }

/* ===== GAMEX コントラスト改善CSS ===== */

/* メインカラー（赤）をやや暗くしてコントラスト確保 */
:root {
  --gamex-red: #b71a1a; /* 白背景で4.6以上のコントラスト比を確保 */
}

/* 見出し・リンクの色を新しいGAMEXカラーに統一 */
h1, h2, h3, h4, h5, h6,
a {
  color: var(--gamex-red);
}

/* 情報枠（背景が薄い場合）の文字色コントラスト改善 */
.info-box {
  background-color: #f8fafc; /* 現行維持 */
  border: 1px solid #e2e8f0;
  color: #222; /* 濃い文字色で可読性UP */
}

/* 赤背景＋白文字（ボタンや強調用） */
.btn-red,
.red-highlight {
  background-color: var(--gamex-red);
  color: #ffffff !important;
  padding: 6px 10px;
  border-radius: 4px;
}

/* 赤文字の背景が淡色のときは背景を少し濃く */
.light-bg-red-text {
  background-color: #e0e0e0;
  color: var(--gamex-red);
  padding: 4px 8px;
  border-radius: 4px;
}