#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: 20px; }
#db_data_list table.uk-table tr th:nth-of-type(2) { width: 5px; }
#db_data_list table.uk-table tr th:nth-of-type(3) { width: 100px; }
#db_data_list table.uk-table tr th:nth-of-type(4) { width: 10px; }
#db_data_list table.uk-table tr th:nth-of-type(5) { width: 5px; }
#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;           /* 上下左右の余白 */
  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;
}

/* 見出し横に部分編集アイコン追加*/
.editable-title .edit-icon {
  font-size: 0.8em;
  color: #888;
  text-decoration: none;
  margin-left: 8px;
}
.editable-title .edit-icon:hover {
  color: #3399ff;
}

/* 既存部分編集隠し*/
.areaedit-header a {
  font-size: 0;
  position: relative;
}

.areaedit-header a::after {
  content: "✎";
  font-size: 18px;
  color: #666;
  margin-left: 6px;
  cursor: pointer;
}

.areaedit-header a:hover::after {
  color: #3399ff;
}

/*ヘッダー画像挿入*/
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%;
}