/* BPG markdown common class */
/* ブロック全体の余白 */
.bpg-markdown-content { 
    line-height: 1.8; 
    margin-bottom: 30px; 
    color: #333; /* 文字色 */
}

/* 見出し（H1〜H3）のサイズを個別に指定 */
.bpg-markdown-content h1 {
    font-size: 2.2em;
    font-weight: bold;
    margin: 1.5em 0 0.8em;
    border-bottom: 3px solid #eee;
    padding-bottom: 10px;
}

.bpg-markdown-content h2 {
    font-size: 1.8em;
    font-weight: bold;
    margin: 1.2em 0 0.6em;
    border-left: 5px solid #0073aa; /* WordPress風の青いアクセント */
    padding-left: 15px;
}

.bpg-markdown-content h3 {
    font-size: 1.4em;
    font-weight: bold;
    margin: 1em 0 0.5em;
}

/* リストのスタイルが消えている場合の補正 */
.bpg-markdown-content ul, .bpg-markdown-content ol {
    padding-left: 2em;
    margin-bottom: 1em;
}
.bpg-markdown-content li {
    margin-bottom: 0.5em;
}

/* コードブロックの余白調整 */
.bpg-markdown-content pre { 
    border-radius: 8px; 
    margin: 20px 0; 
}

/* 太字 (strong / b) */
.bpg-markdown-content strong, 
.bpg-markdown-content b {
    font-weight: bold !important;
    color: #111; /* 少し濃いめにする */
}

/* 斜体 (em / i) */
.bpg-markdown-content em, 
.bpg-markdown-content i {
    font-style: italic !important;
    padding-right: 2px; /* 斜体特有の切れ込み対策 */
}

/* 引用 (blockquote) */
.bpg-markdown-content blockquote {
    margin: 1.5em 0;
    padding: 10px 20px;
    border-left: 4px solid #ddd;
    color: #666;
    background: #fdfdfd;
    font-style: italic;
}

/* インラインコード ( `code` ) */
.bpg-markdown-content :not(pre) > code {
    background-color: #f0f0f0;
    color: #c7254e;
    padding: 2px 4px;
    border-radius: 4px;
    font-family: monospace;
    font-size: 0.9em;
}

/* リンク */
.bpg-markdown-content a {
    color: #0073aa;
    text-decoration: underline;
}
.bpg-markdown-content a:hover {
    color: #00a0d2;
}

/* テーブル全体のスタイル */
.bpg-markdown-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-size: 0.95em;
    word-break: break-all;
}

/* ヘッダー(th)とセル(td)の共通設定 */
.bpg-markdown-content th,
.bpg-markdown-content td {
    padding: 12px 15px;
    border: 1px solid #ddd; /* 枠線 */
}

/* ヘッダーの背景色と文字色 */
.bpg-markdown-content th {
    background-color: #f4f4f4;
    font-weight: bold;
    text-align: left;
}

/* 縞々（ゼブラ）模様にする（読みやすさ向上） */
.bpg-markdown-content tr:nth-child(even) {
    background-color: #fafafa;
}

/* マウスホバーで色を変える */
.bpg-markdown-content tr:hover {
    background-color: #f1f1f1;
}

/* */
.bpg-markdown { 
}

.bpg-md-table {
    font-size: 16px !important;
    /*background-color: #FCDF0012 !important;*/
    margin: 20px !important;
}
.bpg-md-table th {
    background-color: #d2fcfc !important;
}
/* 縞々（ゼブラ）模様にする（読みやすさ向上） */
.bpg-md-table tr:nth-child(odd) {
    background-color: #FFfefdf1 !important;
}
.bpg-md-table tr:nth-child(even) {
    background-color: #FFfffffa !important;
}
/* マウスホバーで色を変える */
.bpg-md-table tr:hover {
    background-color: #f1f1f1 !important;
}