/*
* t8-sample-combo-system/modules/sample-combo/sample-combo-style.cssの中
* 更新日: 2026-06-23
* ダークモードなので、色に注意
*/


/* 
 * WordPress テーマ側が自動出力する h1（.entry-title）を非表示にする
 * ─ 理由 ─
 * ・子ページは管理しやすいようにタイトルを入力したい
 * ・しかしフロント側では sample-combo の独自 h1 を使うため、テーマの h1 は不要
 * ・display:none にすることで SEO 的にも構造的にも問題なく非表示にできる
 */
.entry-title {
    display: none;
}


/* sample-combo の h1（ページタイトル） */
/* sample-combo の h1（ダークモード対応・控えめ） */
.t8sc-main-title {
    font-size: 24px;
    font-weight: 600;
    margin: 10px 0 12px;
    line-height: 1.4;
}




/* アイキャッチ */
.t8sc-eye-catch img {
    display: block;
    width: 480px;
    max-width: 100%;
    height: auto;
}


.t8sc-table {
    width: 100%;
    table-layout: fixed;
}


/* 左カラム */
.t8sc-info {
    width: 30%;
}

/* 右カラム */
.t8sc-command {
    width: 70%;
    white-space: normal;
    overflow-wrap: break-word;
    word-break: break-word;
}




.t8sc-memo {
    text-align: left;
}
.t8sc-label {
    display: block !important;
    background: red !important;
}

.t8sc-label {
    display: block;
}

.t8sc-value {
    display: block;
}


.t8sc-label {
    display: block;
    font-size: 12px;
    font-weight: 600;
    color: #666;
}

.t8sc-value {
    display: block;
    margin-top: 4px;
    font-size: 18px;
    font-weight: 700;
}

/* コンボナンバー */
.t8sc-combo {
    height: auto;
}

.t8sc-combo-inner {
    display: flex;
    justify-content: center;
    align-items: center;
	font-size: 14px;
    gap: 4px;
    height: 100%;
	color: #ff7777; /* コンボは赤系 */
}

/* ダメージ */
.t8sc-damage {
    height: auto;
}

.t8sc-damage-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.3em; /* 半角くらいの自然な間隔 */
	color: #00d4ff; /* ダメージは水色系で映える */
}

.t8sc-damage-label {
    font-size: 12px;
    font-weight: 600;
    position: relative;
    top: 1px;   /* ← ここで微調整（1〜3px が自然） */
}

.t8sc-damage-value {
    font-size: 18px;
    font-weight: 700;
}

/* 難易度 */
.t8sc-difficulty-label {
    font-size: 14px;
    font-weight: auto;
    margin-bottom: 0;
    line-height: 1.1;
    position: relative;
    top: -1px;   /* ← ここで微調整（-1〜-2px が自然） */
}

.t8sc-difficulty-value {
    margin-top: 0;
    line-height: 1.1;
    font-size: 18px;
    font-weight: auto;
}


/* 補足行（左カラム） */
.t8sc-memo {
    width: 30%;
    vertical-align: middle;
    text-align: center;
}

.t8sc-memo {
	font-size: 15px;
    justify-content: center;    /* 左右の中央 */
    align-items: center;        /* 上下の中央 */
    text-align: center;         /* テキスト中央寄せ（念のため） */
}

.t8sc-memo-value-inner {
    font-size: 14px;   /* ← ここを追加（12〜14px が自然） */
    align-items: center;        /* 上下の中央 */
}