@charset "UTF-8";
/*
 Theme Name: SANGO Child
 Theme URI: https://saruwakakun.design
 Author: SARUWAKA
 Author URI: https://saruwakakun.com
 Template: sango-theme
 Version: 4.0
 ----------------------
 2026.07.30 プラグインの影響で崩れる部分の調整設定を追加
 2026.08.04 
    blogtop-2col-pickupへの調整を追加
    カテゴリ画面：サイドバーの位置調整
 2026.08.07 add
    ブログTOPタイトル出力追加に伴い、スタイル追加
    新投稿一覧画面(blog)への調整を追加
 2026.09.02 add ヘッダーメニュー 調整、capitalize指定をキャンセル追加
*/
/*こちらはSANGOの子テーマ用CSSです。以下にCSSを記入していきましょう。*/

/* 英字のcapitalize指定をキャンセル 2026.07.30 add 
 * 2026.08.04 add blogtop-2col-pickupのスタイル
 * 2026.08.07 add 
 *   blogtop-2col-pickup h1スタイル追加
 *   最新投稿一覧画面 ＝ blogのスタイルを追加
 *   ページネーションスタイル 調整追加
 * 2026.08.08 add
 *   最新投稿一覧画面、記事カテゴリ名、サイドバータイトル スタイル追加
 * 2026.09.02 add single-post/category のaタグを追加
 */
body.single-post .entry-header h1,
body.single-post :is(.entry-content, .sidebar) :is(h1, h2, h3, h4, h5,a),
body.single-post .article-footer .related-posts li a,
body.single-post .prnx_box .prnx_tb,
body.single-post .sidebar li a,
body.category .catpost-cards :is(h1, h2, h3, h4, h5,a),
body.category .sidebar li a,
body.blogtop-2col-pickup li a,
body.blogtop-2col-pickup h1,
body.blog h2,
body.blog .sidebar li a {
  text-transform: none;
}

/* ブログTOPタイトル 2026.08.07 add */
body.blogtop-2col-pickup header.article-header.entry-header{
    padding-left: 3%;
}
body.blogtop-2col-pickup h1{
    font-size: 2.5em;
}

/* 記事タイトル(entry-header内のh1) 調整 2026.07.30 add */
body.single-post .entry-header h1 { 
    font-size: 1.9em;
}

/* 記事本文中の見出し(entry-content内) 調整 2026.07.30 add */
body.single-post .entry-content h2 { 
    font-size: 1.9em;
}
body.single-post .entry-content h3 { 
    font-size: 1.6em;
}

/* サイドバーの見出し(sidebar内) 調整 2026.07.30 add
 * 2026.08.04 add blogtop-2col-pickupのスタイル
 * 2026.08.08 add 最新投稿一覧画面 ＝ blogのスタイルを追加
 */
body.single-post .sidebar h4,
body.category .sidebar h4,
body.blogtop-2col-pickup .sidebar h4,
body.blog .sidebar h4  { 
    font-size: 1.6em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

/* カテゴリ画面：サイドバーの位置(sidebar内) 調整 2026.08.04 add */
body.category .sidebar{
    margin-top: 1.5em;
}

/* カテゴリ画面：カテゴリタイトル(catpost-cards内のh2) 調整 2026.07.30 add */
body.category .archive_header h1{
    font-size: 1.9em;
}

/* カテゴリ画面：記事タイトル(catpost-cards内のh2) 調整 2026.07.30 add */
body.category .catpost-cards h2 { 
    /* 2026.08.07 update 
    font-size: 1.1em;
    line-height: 1.5; */
    font-size: 1em;
    line-height: 1.3;
}

/* 新投稿一覧画面：記事タイトル 調整 2026.08.07 add */
body.blog h2{
    font-size: 1em;
    line-height: 1.3;
}

/* 新投稿一覧画面：記事カテゴリ名 調整 2026.08.08 add */
body.blog .cat-name {
    line-height: 22px;
}


/* カテゴリ画面：ヘッダー上部余白 2026.08.04 add*/
body.category .archive_header {
    margin-top: 1em;
}

/* ページネーション 調整 2026.08.07 add */
.pagination .page-numbers a.page-numbers {
    line-height: 46px !important; 
}

/* ヘッダーメニュー 調整 2026.09.02 add */
/* .elementor-1775 .elementor-element.elementor-element-6d7f4a6b .eael-simple-menu li a { */
.elementor-1775 .elementor-element.elementor-element-6d7f4a6b .eael-simple-menu li.menu-item  a{
    padding-left: 40px !important;
    line-height: 1.6;
}
/* 記事が属するカテゴリに対する、文字色と背景カラーの指定をキャンセル 
 * 2026.09.07 update 一部修正、2段目メニューがアクティブカテゴリだった場合の設定を追加
 */
/* 1段目のメニュー：アクティブカテゴリの場合 */
.elementor-1775 .elementor-element.elementor-element-6d7f4a6b .eael-simple-menu li > a.eael-item-active {
    /* background-color: #F1FAFF !important; 2026.09.07 update */
    background-color: #fff !important;
}
/* 2段目のメニュー：アクティブカテゴリの場合 2026.09.07 add */
.elementor-1775 .elementor-element.elementor-element-6d7f4a6b .eael-simple-menu li ul li > a.eael-item-active{
    color: var(--e-global-color-primary) !important;
    background-color: #F1FAFF !important;
}
/* 2段目のメニュー：アクティブカテゴリにカーソルが乗った場合 */
.elementor-1775 .elementor-element.elementor-element-6d7f4a6b .eael-simple-menu li ul li:hover > a.eael-item-active {
    color: var(--e-global-color-b447879) !important;
    background-color: var(--e-global-color-secondary) !important;
}