/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */
.content h5 {
	display: inline; /* 文字にだけ背景を適用 */
    background: linear-gradient(transparent 50%, #d6e0e5 50%);
}

/* スライドバー */
.sidebar-text {
  font-size: 12px;
}
/* リンクごとに横線追加 */
.sidebar-text li a {
  display: block;
  padding: 2px 0;
  border-bottom: 1px solid #ddd !important;
  text-decoration: none;
  color: #333;
}

/* 最後のリンクだけ線を消す */
.sidebar-text li:last-child a {
  border-bottom: none !important;
}

/* 本編とアンコールのセットリストリスト */
ol.setlist {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* 本編の曲リスト */
ol.setlist.main {
    padding-left: 20px; /* 本編リストの左側に余白 */
}

ol.setlist.main li {
    line-height: 1.6;
    margin: 5px 0;
}

/* アンコールの曲リスト */
ol.setlist.encore {
    padding-left: 20px; /* アンコールリストの左側に余白 */
}

ol.setlist.encore li {
    line-height: 1.6;
    margin: 5px 0;
}

/* 曲番号を表示 */
ol.setlist.main li::before {
    content: "M" counter(main-counter, decimal-leading-zero) ".";
    counter-increment: main-counter;
    margin-right: 10px;
}

/* アンコール曲番号を表示 */
ol.setlist.encore li::before {
    content: "EN" counter(encore-counter, decimal) ".";
    counter-increment: encore-counter;
    margin-right: 10px;
}

/* カウンターの初期化 */
ol.setlist {
    counter-reset: main-counter; /* 本編のカウンター */
}

ol.setlist.encore {
    counter-reset: encore-counter; /* アンコールのカウンター */
}

/* MC項目のナンバリングを無効にする */
ol.setlist.main li.mc::before {
    content: ""; /* ナンバリングを表示しない */
    counter-increment: none; /* カウンターを進めない */
	margin-right: 51px;
}
ol.setlist.main li.mc {
	color: #808080;
}

/* メンバー名 */
.r_member {
    display: inline-block; /* 横並び＋幅・高さ設定可 */
    padding: 0px 5px; /* 内側の余白 */
    margin: 0px 3px; /* 外側の余白 */
    color: #fff; /* 文字色 */
    font-weight: bold; /* 太字 */
    border-radius: 4px; /* 角を丸く */
    font-size: 12px; /* 文字サイズ */
    line-height: 1.8; /* 行間 */
	vertical-align: middle;
}

.iwamoto {
    background-color: #ffff00; /* 黄色 */
    color: #000; /* 文字は黒 */
}

.fukazawa {
    background-color: #800080; /* 紫 */
}

.raul {
    background-color: #E2E2E2; /* シルバーグレー */
    color: #000;
}

.watanabe {
    background-color: #0000ff; /* 青 */
}

.mukai {
    background-color: #ffa500; /* オレンジ */
}

.abe {
    background-color: #008000; /* 緑 */
}

.meguro {
    background-color: #333333; /* 黒に近いグレー */
}

.miyadate {
    background-color: #ff0000; /* 赤 */
}

.sakuma {
    background-color: #ff00ff; /* ピンク */
}

.radio_block {
    display: flex; /* 横並びにする */
    align-items: center; /* 縦位置を揃える */
    margin-bottom: 5px; /* ブロック同士の間隔 */
}

.radio_date {
    display: inline-block;
    font-size: 15px; /* フォントサイズ */
    width: 45px; /* 幅を固定（必要なら調整） */
    font-weight: bold;
}

.r_special {
    display: inline-block;
    font-weight: bold; /* 太字 */
    font-size: 14px; /* フォントサイズ */
    color: #333; /* 落ち着いた濃いグレー */
    margin-left: 5px; /* 日付との間に少しスペース */
}

.pair_rank {
    display: flex;
    align-items: center;
    gap: 4px;
    margin: 6px 0;
    font-size: 15px;
    line-height: 1.8;
}

.pair_rank .count {
    width: 35px;
    font-weight: bold;
    color: #333;
    text-align: right;
}

.pair_cross {
    font-weight: bold;
    color: #000;
}

/* ペア図鑑の1行ラップ */
.pair_block {
  display: flex;
  align-items: flex-start;
  margin-bottom: 8px;
  font-size: 14px;
  line-height: 1.4;
}

/* 名前ペア部分 */
.pair_names {
  width: 155px;
  flex-shrink: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}

/* コロン部分（揃えポイント） */
.pair_colon {
  width: 15px;
  flex-shrink: 0;
  text-align: center;
}

/* コメント部分（複数行でも常にコロンの右から始まる） */
.pair_comment {
  flex: 1;
  word-break: break-word;
  font-size: 0.95em;
}

/* =============================
   TOC追従サイドバー
   ============================= */
/* TOC追従サイドバーのH3タグのフォントサイズ */
/* 第1階層のリンクのフォントサイズと行間 */
.toc_widget_list > li > a {
  font-size: 90%;  /* お好みで 100% → 105% や 1.1em などに変更可能 */
}

/* 第2階層のリンクのフォントサイズと行間（既存と統合） */
.toc_widget_list > li > ul > li > a {
  font-size: 85%;
}
.toc_widget_list > li > ul > li {
  padding: 1.5px 5px !important;
}
/* =============================
   関連リンク導入部
   ============================= */
.related-note-lite {
  display: inline-block; /* 外側の余白(margin)や背景を使えるようにする */
  background: linear-gradient(transparent 50%, #e5f0f6 50%); /* テキスト下半分に背景色を重ねて強調 */
  font-size: 0.9em; /* 文字サイズを少し小さくする */
  color: #444444; /* 文字色を黒より少し薄くする */
  font-weight: bold; /* 文字を太字にする */
}

.related-note-emoji {
  margin-right: 0.4em; /* 絵文字とテキストの間に余白をつける */
}