/* gdbショートコードの画像をインライン化し、余白を文字サイズに連動させる */
img.gdb-asset {
    display: inline-block !important;
    margin: 0 0 0.5em 0 !important; /* 下に文字サイズの20%の余白 */
    padding: 0 !important;
    vertical-align: middle !important; /* 文字と高さの中央を揃える */
}

/* 表（テーブル）の中の文字の行間を詰める */
.article table td,
.article table th {
    line-height: 1.1em !important; /* 行間（数字が小さいほど詰まる。標準は1.6?1.8程度） */
}

/* 表の中でEnter改行（段落）が作られた時の下余白を消す */
.article table td p {
    margin-bottom: 0 !important;
}

/* job（主人公）の画像だけ特例で文字との距離を微調整する */
img.gdb-asset[src*="job"] {
    margin: 0 0px -1 0 !important; /* ★ここのマイナスの数値を調整する */
}


/* ======================================================= */
/* [gdb] ショートコード：公開側の画像と文字の隙間調整 */
/* ======================================================= */

/* 1. 基本の隙間（アイコンや通常配置の画像） */
img.gdb-asset {
    margin-top: 0 !important;       /* 画像の上の隙間 */
    margin-bottom: 5px !important;  /* ★画像の下の文字との隙間（ここを調整！） */
}

/* 2. 【任意】表（テーブル）の中だけ隙間を変えたい場合 */
/* （表の中はギュッと詰めたい、といった場合はここで個別に指定できます） */
table td img.gdb-asset,
table th img.gdb-asset {
    margin-bottom: 7px !important;  /* 表の中専用の「下の隙間」 */
}