/*
 Theme Name: HIGUCHI Child
 Template: higuchi
 Version: 1.0.0
 Author: HIGUCHI TANTO
*/

.is-style-vk-group-shadow {
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* クエリーループ内の li に TCD の「○」を出さない */
.wp-block-query .wp-block-post {
    list-style: none;              /* 通常の箇条書きマークを無効 */
}

.wp-block-query .wp-block-post::before,
.wp-block-query .wp-block-post::after {
    content: none !important;      /* TCD 側の ○ を強制的に無効化 */
    position: static !important;   /* 念のため位置指定もリセット */
}



/* *** */
/* 画像ホバーで少しだけ拡大するエフェクト */
/* 1) 画像全体をアニメーション可能にする */
.aup-vk-hover-zoom img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;  /* 拡大縮小をなめらかに */
}
/* 2) ホバー時に少し拡大 */
.aup-vk-hover-zoom:hover img {
    transform: scale(1.05);           /* 1.05～1.1 くらいが自然 */
}













/* 投稿記事下端の「前の記事／次の記事」リンクを非表示 */
.p-page-nav { display: none !important; }





/* 固定ページバナーの高さを200pxに */
.p-page-header  { height: 200px !important; min-height: 200px !important; max-height: 200px !important; overflow: hidden;}




/* 行間調整 */
.post_content p  { /* border:1px solid #00C; */ line-height: 1.6; }




/* 更新日を非表示にする */
.c-date--updated {
    display: none !important;
}




.sibling-nav {
    display:flex; gap:.5rem; justify-content:center; align-items:center; flex-wrap:wrap;
    margin:2rem 0;
    color: #ffffff;
}
.sibling-nav__btn, .sibling-nav__current {
    padding:.5rem 1rem; border:1px solid #ddd; border-radius:9999px; text-decoration:none;
    background-color: #15a8e2;
}
.sibling-nav__btn {
    color: #ffffff !important;
}
.sibling-nav__btn:hover     { border-color:#bbb; }
.sibling-nav__current       { background:#ffffff; font-weight:bold; color: #001040; }


/* 以下は、先日の設定
.sibling-nav {
    display:flex; gap:.5rem; justify-content:center; align-items:center; flex-wrap:wrap;
    margin:2rem 0;
}
.sibling-nav__btn, .sibling-nav__current {
    padding:.5rem 1rem; border:1px solid #ddd; border-radius:9999px; text-decoration:none;
}
.sibling-nav__btn:hover { border-color:#bbb; }
.sibling-nav__current       { background:#f5f5f5; font-weight:600; }
*/






/* ブログの詳細ページ（投稿ページ）のみ、ヘッダー帯を非表示にする */
.single #page_header,
.single .page_header,
.single #header_sub,
.single .p-page-header,
.single .p-cover,
/* ブログ詳細ページのパンくずリストを徹底的に非表示にする */
.single #bread_crumb,
.single .bread_crumb,
.single #breadcrumb,
.single .breadcrumb,
.single #breadcrumbs,
.single .breadcrumbs,
.single #topic_path,
.single .topic_path,
.single .c-breadcrumb,
.single .p-breadcrumb,
/* 念のため .single-post という書き方でも指定 */
.single-post #bread_crumb,
.single-post .bread_crumb,
.single-post #breadcrumb,
.single-post .breadcrumb,
.single-post #breadcrumbs,
.single-post .breadcrumbs ,
.single #topic_path {
    display: none !important;
}





/* -------------------------------------------------- */
/* 1. 前後の記事リンク（p-page-nav）を非表示 */
/* -------------------------------------------------- */
.single .p-page-nav {
    display: none !important;
}

/* -------------------------------------------------- */
/* 2. 関連記事（p-related-post）を非表示 */
/* -------------------------------------------------- */
.single .p-related-post {
    display: none !important;
}







/* --- リスト全体のデザイン --- */
ul.my-news-list {
    list-style: none !important; /* 黒丸を強制消去 */
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #ddd; /* 上の線 */
    font-family: inherit; /* テーマのフォントを継承 */
}

/* 各行のデザイン（Flexboxで横並び） */
.my-news-item {
    display: flex;
    align-items: center; /* 上下中央揃え */
    padding: 0px 15px;
    border-bottom: 1px solid #ddd; /* 下の線 */
    background-color: #fff;
    line-height: 1.6;
    font-size: 15px; /* VKの標準的なサイズ */
}

/* ゼブラ柄（偶数行に色をつける：理想画像に合わせる） */
.my-news-item:nth-child(even) {
    background-color: #f7f7f7; /* 薄いグレー */
}

/* 日付 */
.my-news-date {
    margin-right: 15px;
    color: #333;
    font-family: 'Lato', Arial, sans-serif; /* 数字が綺麗なフォント */
    min-width: 90px; /* 幅を揃える */
}

/* カテゴリラベル */
.my-news-cat {
    background-color: #555; /* デフォルトの濃いグレー */
    color: #fff;
    font-size: 11px;
    padding: 0px 0px;
    margin-right: 15px;
    white-space: nowrap;
    min-width: 100px; /* ラベル幅を固定して揃える */
    text-align: center;
    display: inline-block;
    /* 角を少し丸めるかはお好みで */
    border-radius: 6px; 
}

/* カテゴリごとの色分け（必要であれば） */
.cat-higuchin-tsushin { background-color: #666; } /* 例 */
.cat-news { background-color: #333; }

/* タイトルリンク */
.my-news-title {
    color: #0066cc; /* リンク色 */
    text-decoration: none;
    flex: 1; /* 残りの幅を使う */
}
.my-news-title:hover {
    text-decoration: underline;
    opacity: 0.8;
}

/* スマホ表示の調整（崩れないように） */
@media (max-width: 768px) {
    .my-news-item {
        flex-wrap: wrap; /* 画面が狭ければ折り返し */
    }
    .my-news-title {
        width: 100%;
        margin-top: 5px;
        display: block;
    }
}

/* --- ページネーション（前回と同じ） --- */
/* --- リスト全体のデザイン（変更なし） --- */
ul.my-news-list {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border-top: 1px solid #ddd;
    font-family: inherit;
}

.my-news-item {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    line-height: 1.6;
    font-size: 15px;
}

.my-news-item:nth-child(even) {
    background-color: #f7f7f7;
}

.my-news-date {
    margin-right: 15px;
    color: #333;
    font-family: 'Lato', Arial, sans-serif;
    min-width: 90px;
}

.my-news-cat {
    background-color: #15a8e2;
    color: #fff;
    font-size: 11px;
    padding: 3px 12px;     /* 丸みに合わせて少し広げました */
    margin-right: 15px;
    white-space: nowrap;
    min-width: 100px;
    text-align: center;
    display: inline-block;
    border-radius: 0px;  /* 角丸（カプセル型） */
}

/* カテゴリごとの色（必要なら） */
.cat-news { background-color: #333; }

.my-news-title {
    color: #0066cc;
    text-decoration: none;
    flex: 1;
}
.my-news-title:hover {
    text-decoration: underline;
    opacity: 0.8;
}

@media (max-width: 768px) {
    .my-news-item { flex-wrap: wrap; }
    .my-news-title { width: 100%; margin-top: 5px; display: block; }
}


/* --- ページネーション設定（ここを調整しました） --- */
.my-news-pagination {
    margin-top: 30px;
    text-align: center;
}

.my-news-pagination ul {
    list-style: none;
    padding: 0;
    display: inline-flex;
    gap: 5px;
}

/* 1. 基本のボタンデザイン（リンクがある数字など） */
.my-news-pagination a,
.my-news-pagination span {
    display: block;
    padding: 8px 12px;
    border: 1px solid #ddd;
    text-decoration: none;
    border-radius: 6px;
    
    /* 青背景・白文字 */
    color: #ffffff !important;
    background-color: #15a8e2;
}

/* 2. 現在のページ（カレント） */
.my-news-pagination span.current {
    /* 白背景・青文字 */
    background-color: #ffffff;
    color: #122b88 !important;
    border-color: #555;
}

/* 3. 【今回追加】3点リーダー (...) の部分 */
.my-news-pagination span.dots {
    /* 白背景・黒文字 */
    background-color: #ffffff !important;
    color: #333333 !important;
    border-color: #ffffff; /* 枠線も白にして目立たなくする */
    cursor: default;       /* マウスカーソルを指マークにしない */
}

/* ホバー時の挙動 */
.my-news-pagination a:hover {
    background-color: #128dc0;
    opacity: 0.9;
}