/* =============================================
   ホワイト・ブルー・アーカイブ：構造復元・太字復活・幅調整版
   ============================================= */

/* --- 1. レイアウト：メニューと中央 --- */
#menubar { width: 160px !important; float: left !important; }
#menubar2 { width: 160px !important; float: right !important; }
#main {
  margin-left: 175px !important;  
  margin-right: 175px !important; 
  padding: 20px 30px !important;
  width: auto !important;
}

/* --- 2. 枠・画像：構造維持と幅の拡張 --- */

/* 独立した画像のみを右寄せ */
.thumbbox {
  float: right !important;
  clear: right !important;
  margin: 0.5em 0 0.5em 1em !important;
  border: 1px #ddd solid;
  padding: 3px;
  width: auto;
}

/* キャラ・国家テンプレ(infobox)の幅を350pxに拡張 */
.infobox {
  clear: right;
  float: right;
  width: 350px !important; 
  margin: 0 0 0.5em 1em; 
  border: 2px solid #4a90e2; 
  background: #ffffff;
  padding: 8px; 
}

.infobox table {
  width: 100% !important;
  border-collapse: collapse;
  table-layout: auto; /* 画像の指定サイズ(150px等)を優先させるため */
}

/* 【重要修正】一律の normal 指定を廃止 */
.infobox td, .infobox th {
  padding: 4px 8px;
  border: 1px solid #ddd; /* 必要に応じてボーダーを追加/調整 */
  text-align: left;
  vertical-align: top;
}

/* 【太字復活】Wiki構文の ~ (th, strong, b) を確実に太字にする */
.infobox th, 
.infobox td strong, 
.infobox td b {
  font-weight: bold !important;
}

/* 【50%分割の適正化】2列並んでいる時だけ左右均等にする */
/* これにより、1列ぶち抜きの画像セルが50%に縮むのを防ぎます */
.infobox tr td:first-child:not([colspan]),
.infobox tr th:first-child:not([colspan]) {
  width: 50% !important;
}

/* 右側のデータ部分は通常どおり normal に固定 */
.infobox td {
  font-weight: normal;
}

/* 枠内の画像のみ中央寄せに固定 */
.infobox .thumbbox {
  float: none !important;
  clear: none !important;
  margin: 0 auto !important;
  display: block !important;
  text-align: center !important;
  border: none !important;
}

/* --- 【維持】お名前を確実に太字にする --- */
.infobox .countryName, 
.infobox .countryNameJa,
.infobox .countryName a, 
.infobox .countryNameJa a {
  font-weight: bold !important;
  font-size: 1.4em !important;
  text-align: center !important;
  display: block !important;
  color: #4a90e2 !important;
  margin-bottom: 0.5em;
}

/* --- 3. デザイン：青装飾 --- */
h2 {
  color: #4a90e2 !important;
  border-left: 8px solid #4a90e2 !important;
  border-bottom: 1px solid #4a90e2 !important;
  padding: 5px 15px !important;
  margin-top: 2em !important;
}

h3 {
  color: #4a90e2 !important;
  border-bottom: 2px solid #4a90e2 !important;
  padding-bottom: 5px !important;
  margin-top: 1.5em !important;
}

.indexbox {
  border: 1px #4a90e2 solid;
  padding: 1em;
  display: inline-block;
  background: #f0f7ff; 
}
.indexbox a { color: #2980b9; font-weight: bold; }

/* --- 4. その他 --- */
@font-face {
  font-family: 'ciroma';
  src: url('https://jurliyuuri.com/lineparine/misc/Old_ciroma-Regular.woff') format('woff');
}
.ciroma { font-family: "ciroma"; font-size: 150%; }

.notice {
  padding: 0.8em;
  margin: 1em 2em;
  border: 1px #4a90e2 solid;
  border-left-width: 7px;
  background: #f0f7ff;
  color: #2c3e50;
}

@font-face {
  font-family: 'MyFont';
  src: url('https://raw.githubusercontent.com/Freeton2/font/main/Calligraphr-Regular.ttf');
}

.rofilna {
  font-family: 'MyFont';
}