/*DB一覧表のセル幅指定*/
#db_data_list table.uk-table { margin: 0px; table-layout:fixed; }
#db_data_list div.uk-margin-bottom div:not(:first-child) { margin-top: -1px; }
#db_data_list div.uk-margin-bottom div:not(:first-child) tr:first-child{ visibility: collapse; }

#db_data_list table.uk-table tr th:nth-of-type(1) { width: 100px; }
#db_data_list table.uk-table tr th:nth-of-type(2) { width: 40px; }
#db_data_list table.uk-table tr th:nth-of-type(3) { width: 220px; }
#db_data_list table.uk-table tr th:nth-of-type(4) { width: 180px; }
#db_data_list table.uk-table tr th:nth-of-type(5) { width: 70px; }
/*
#db_data_list table.uk-table tr th:nth-of-type(6) { width: 10px; }
*/
.flex-row {
  display: flex !important;
  flex-wrap: nowrap;
  gap: 8px;
}

.flex-1 {
  flex: 2 !important;
  display: block !important;
}

.flex-2 {
  flex: 2 !important;
  display: block !important;
}

/* 3分割用 */
.flex-3 {
  flex: 1 !important;  /* 左・中央・右それぞれ1:1:1 */
  display: block !important;
}

/* タイトル見出し用 */
.title-main {
  font-size: 2.4em;
  font-weight: bold;
  color: #333;
  border-bottom: 3px solid #3399ff;
  padding-bottom: 8px;
  text-align: LEFT;
}


/* 見出しレベル1 */
h1 {
  background-color: #d6eaff;   /* 背景色 */
  color: #003366;              /* 文字色 */
  padding: 6px 12px;           /* 上下左右の余白 */
  text-indent: 12px; /* 文字の開始位置を右にずらす */
  border-radius: 4px;           /* 角丸（任意） */
  border-left: 6px solid #3399ff; /* 左側にアクセントバー */
}

/* 見出しレベル2 */
h2 {
  background-color: #ffe6e6;
  color: #990000;
  padding: 4px 10px;
  border-left: 4px solid #ff6666;
}
/* 見出しレベル3 */
h3 {
  background-color: #e0e0e0;
  color: #333333;
  padding: 3px 8px;
  border-left: 3px solid #999999;
}

/* 特定表だけ上揃え*/
.top-table table td, 
.top-table table th {
  vertical-align: top;
}


/* areaedit ブロックの上下マージン・パディングを削除 
.uk-text-right {
    margin: 0;      /* 上下の余白をなくす 
    padding: 0;     /* 内側の余白もなくす 
    display: inline-block;  /* インライン化で高さを最小化 
}
*/

/* 親 div を行内にして高さをなくす */
.uk-text-right {
    display: inline;  /* ブロックではなくインライン化 */
    margin: 0;
    padding: 0;
    height: 0;        /* 高さをなくす */
    line-height: 0;   /* 行間への影響を消す */
}

/* アイコンの元文字を消す */
.uk-text-right a {
    font-size: 0;
  	height: 0;        /* ここで高さを消す */
    line-height: 0;   /* 高さに影響する行間も消す */
    display: inline-block;
    position: relative;
}
/* 絵文字表示＆Y方向調整 */
.uk-text-right a::after {
    content: "✏️";
    font-size: 18px;
    position: absolute;  /* 絶対配置 */
    top: 50px;            /* 下方向に50pxずらす（調整可） */
    right: -32px;        /* 左端揃える */
}



/*ヘッダー画像挿入*/
div#site_header h1 {
    position: relative;
}

div#site_header h1 a {
    line-height: 40px;
    margin-left: 40px;
    padding-left: 5px;
}

div#site_header h1 a:before {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(https://img.wiki3.jp/roguelikecardbattle/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%82%A2%E3%82%A4%E3%82%B3%E3%83%B3.png);
    background-size: contain;       /* ← アイコン全体を収める */
    background-repeat: no-repeat;   /* ← 繰り返し防止 */
    background-position: center;    /* ← 位置を中央に */
    display: block;
    top: 10%;
}