/* =========================
   サイト全体の既存カスタマイズ
   ========================= */

/* 検索結果ページ本文の検索フォームを非表示 */
.search .search-box {
    display: none;
}

/* サイドバーのカテゴリー見出しを非表示 */
.widget_categories .widget-title {
    display: none;
}

/* ポップアップ */
.pum-container .pum-title {
    text-align: center;
}

.pum-container {
    border-radius: 15px !important;
    overflow: hidden;
}


/* =========================
   本番記事：Posts Like Dislike
   ========================= */

.pld-like-trigger::after {
    content: "はい";
    margin-left: 5px;
    font-size: 14px;
}

.pld-dislike-trigger::after {
    content: "いいえ";
    margin-left: 5px;
    font-size: 14px;
}

.single-post .pld-like-trigger {
    position: relative;
}

.single-post .pld-like-trigger::before {
    content: "この記事は参考になりましたか？";
    position: absolute;
    bottom: 100%;
    left: 0;
    margin-bottom: 8px;
    white-space: nowrap;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.5;
    color: #ffffff !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
}

/* Posts Like Dislike 周辺の罫線をリセット */
.single-post .pld-common-wrap,
.single-post .pld-common-wrap *,
.single-post .pld-common-wrap::before,
.single-post .pld-common-wrap::after {
    border: none !important;
    box-shadow: none !important;
}


/* 固定ページの日付を非表示 */
.page .date-tags {
    display: none;
}


/* =========================
   1998 テストページ
   ========================= */

/* ページ全体の背景 */
body.page-id-1998 {
    background-color: #FFFFFF !important;
    background-image: none !important;
}


/* 本文 */
.page-id-1998 .entry-content {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.page-id-1998 .main {
    background-color: #FFFFFF !important;
    border: none !important;
}


/* H2・H3・H4 共通 */
.page-id-1998 h2,
.page-id-1998 h3,
.page-id-1998 h4 {
    background-image: none !important;
    background-color: #F4D068 !important;
    color: #1A1A1A !important;
    border: none !important;
    box-shadow: none !important;
}


/* H3 */
.page-id-1998 h3 {
    background-color: #F8E4A5 !important;
    color: #1A1A1A !important;
    border-left: 5px solid #D5A928 !important;
    padding: 10px 15px !important;
    font-size: 1.35em;
}


/* H4 */
.page-id-1998 h4 {
    background-color: #FFF8E6 !important;
    color: #333333 !important;
    border-left: 4px solid #F4D068 !important;
    padding: 7px 12px !important;
    font-size: 1.15em;
}


/* 目次と最初のH2の間隔 */
.page-id-1998 .entry-content h2:first-of-type {
    position: relative;
    top: 30px;
    margin-bottom: 30px !important;
}


/* ページタイトル */
.page-id-1998 .entry-title {
    color: #1A1A1A !important;
}


/* ホーム */
.page-id-1998 #breadcrumb,
.page-id-1998 #breadcrumb a,
.page-id-1998 #breadcrumb .breadcrumb-home,
.page-id-1998 #breadcrumb .breadcrumb-caption,
.page-id-1998 #breadcrumb .fa-home {
    color: #1A1A1A !important;
}


/* 表 */
.page-id-1998 table {
    background-color: #FFFFFF !important;
    border-collapse: collapse !important;
    border: none !important;
}

.page-id-1998 table th,
.page-id-1998 table td {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    border: 1px solid #333333 !important;
    border-style: solid !important;
    border-width: 1px !important;
}


/* 罫線なし表 */
.page-id-1998 table.no-border-table,
.page-id-1998 table.no-border-table th,
.page-id-1998 table.no-border-table td {
    border: none !important;
}


/* サイドバー */
.page-id-1998 .sidebar,
.page-id-1998 #sidebar {
    background-color: #FFFFFF !important;
    color: #000000 !important;
    background-image: none !important;
    border-left: 1px solid #CCCCCC !important;
}

.page-id-1998 .sidebar a,
.page-id-1998 #sidebar a {
    color: #000000 !important;
}


/* 新着記事 */
.page-id-1998 .new-entry-cards,
.page-id-1998 .new-entry-card,
.page-id-1998 .new-entry-card-link {
    background-color: #FFFFFF !important;
    color: #000000 !important;
}

.page-id-1998 .new-entry-card a,
.page-id-1998 .new-entry-card-title {
    color: #000000 !important;
}


/* フッター */
.page-id-1998 footer {
    background-color: #F4D068 !important;
    color: #1A1A1A !important;
}

.page-id-1998 footer a {
    color: #1A1A1A !important;
}

.page-id-1998 #footer {
    background-image: none !important;
}

.page-id-1998 #footer::before,
.page-id-1998 #footer::after {
    background-image: none !important;
    background: none !important;
}


/* ヘッダー */
.page-id-1998 .header {
    background-color: #F4D068 !important;
    color: #1A1A1A !important;
}

.page-id-1998 .header-in {
    color: #1A1A1A !important;
}


/* メニュー */
.page-id-1998 #navi,
.page-id-1998 #navi .navi-in {
    background-color: #E8C65A !important;
}

.page-id-1998 #navi a,
.page-id-1998 #navi a:visited {
    color: #1A1A1A !important;
    background-color: transparent !important;
}

.page-id-1998 #navi a:hover,
.page-id-1998 #navi a:focus {
    color: #1A1A1A !important;
    background-color: #D9A928 !important;

}

/* 目次の階層化 /*
/* 1. 数字や不要な黒丸を強制的にすべて非表示にする */
#ez-toc-container .ez-toc-list,
#ez-toc-container .ez-toc-list li,
#ez-toc-container .ez-toc-list li a,
#ez-toc-container .ez-toc-list li::before {
    list-style: none !important;
    list-style-type: none !important;
    content: none !important; /* テーマによる独自の疑似要素の数字も消す */
}

/* 2. 最上位の階層（H2など）の左余白をゼロにして左端に揃える */
#ez-toc-container ul.ez-toc-list,
#ez-toc-container ol.ez-toc-list {
    padding-left: 0 !important;
    margin-left: 0 !important;
}

/* 3. 子階層（H3、H4など）に対して、確実に字下げ（インデント）を適用する */
#ez-toc-container .ez-toc-list li ul,
#ez-toc-container .ez-toc-list li ol {
    padding-left: 1.8em !important; /* 字下げの幅（広めに設定） */
    margin-left: 0 !important;
    display: block !important; /* 強制的に階層化して改行させる */
}

/* 4. 各リスト項目の上下の隙間を少し広げて見やすくする */
#ez-toc-container .ez-toc-list li {
    margin-top: 0.4em !important;
    margin-bottom: 0.4em !important;
}