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



/* 260222 1600 */
.aupTable51 {
    width: 100%;
    border: 1px solid #cccccc;
}
.aupTable51-row {
    display: flex;
    border-bottom: 1px solid #cccccc;
}
.aupTable51-row:last-child {
    border-bottom: none;
}
.aupTable51-row dt {
    width: 25%;
    background-color: #122b8811;
    padding: 8px 12px;
    font-weight: bold;
    flex-shrink: 0;
    border-right: 1px solid #cccccc;
    font-size: 0.75em;
    text-align: center;
}
.aupTable51-row dd {
    width: 75%;
    margin: 0;
    padding: 8px 12px;
    font-size: 0.75em;
}
/* スマホ対応：画面が狭くなったら縦並びにする */
@media (max-width: 768px) {
    .aupTable51-row {
        flex-direction: column;
    }
    .aupTable51-row dt {
        border-right: none;
        border-bottom: 1px solid #cccccc;
    }
    .aupTable51-row dt, .aupTable51-row dd {
        width: 100%;
        font-size: 0.85em;
    }
}



.aupMedia51 {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 50px;
}
.aupMedia51-image img {
    width: 100%;
    display: block;
}
.aupMedia51-image {
    width: 45%;
    flex-shrink: 0;
}
.aupMedia51-image img {
    width: 100%;
    display: block;
    border: 1px solid #ccc;
}
.aupMedia51-text {
    width: 55%;
}
.aupMedia51-text p {
    margin: 0 0 8px 0;
    line-height: 1.6;
}
/* スマホ対応：縦並びにする */
@media (max-width: 768px) {
    .aupMedia51 {
        flex-direction: column;
    }
    .aupMedia51-image,
    .aupMedia51-text {
        width: 100%;
    }
}



/* 260221 1300 */
.aupHeadCatch42 {
  text-align: center;
  color: #122b88;
  font-weight: bold;
  font-size: clamp(20px, 3.0vw, 36px); /* 画面幅に合わせて自動調整 */ /* moto : 13px,2.2vw,17px */
  line-height: 1.8;
}

/* SP用の改行はSPのみ表示 */
.aupHeadCatch42-br-sp {
  display: none;
}

@media (max-width: 767px) {
  .aupHeadCatch42 {
    display: block;
  }
  .aupHeadCatch42-catch {
    color: #122b88;
    font-weight: bold;
    font-size: 20px;    /* moto : 14px */
  }
}

/* 260216 1200 */
.aupKomoku1 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupKomoku2 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupKomoku3 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupKomoku4 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupKomoku5 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupKomoku6 { border-radius: 8px 8px 0 0 !important;   border: 1px solid rgba(0, 0, 0, 0.2);   border-bottom: none !important; }
.aupGyo04 { display: block !important;   line-height: 1.6 !important;   min-height:  6.4em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo05 { display: block !important;   line-height: 1.6 !important;   min-height:  8.0em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo06 { display: block !important;   line-height: 1.6 !important;   min-height:  9.6em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo07 { display: block !important;   line-height: 1.6 !important;   min-height: 11.2em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo08 { display: block !important;   line-height: 1.6 !important;   min-height: 12.8em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo09 { display: block !important;   line-height: 1.6 !important;   min-height: 14.4em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo10 { display: block !important;   line-height: 1.6 !important;   min-height: 16.0em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo11 { display: block !important;   line-height: 1.6 !important;   min-height: 17.6em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo12 { display: block !important;   line-height: 1.6 !important;   min-height: 19.2em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo13 { display: block !important;   line-height: 1.6 !important;   min-height: 20.8em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo14 { display: block !important;   line-height: 1.6 !important;   min-height: 22.4em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo15 { display: block !important;   line-height: 1.6 !important;   min-height: 24.0em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo16 { display: block !important;   line-height: 1.6 !important;   min-height: 25.6em !important;   border: 1px solid rgba(0, 0, 0, 0.2) !important;   border-radius: 0px 0px 8px 8px !important;   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05) !important;   padding: 1.5em !important;   transition: transform 0.3s ease, box-shadow 0.3s ease !important; background-color: #fff; }
.aupGyo04:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo05:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo06:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo07:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo08:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo09:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo10:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo11:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo12:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo13:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo14:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo15:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }
.aupGyo16:hover { transform: translateY(-10px) !important;   box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1) !important; }

/* 260208 1630 */
.l-container__inner             { /* border: 2px solid #909; */ max-width:1300px; }
.X_p-single--lp--narrow         { /* border: 2px solid #900; */ max-width:1000px; }
.p-single--lp--normal           { /* border: 2px solid #000; */ max-width:1200px; }


/* 本来は「l-container__inner」 */

@media (min-width: 1280px) {
    .X_is-sidebar--full { position: relative; }
    /* 左側：100px外 → 左に落ちる影 */
    .X_is-sidebar--full::before {
    content: "";
    position: absolute;
    top: 0;
    left: +100px;
    width: 100px;
    height: 100%;
    background: transparent;
    box-shadow: -100px 0 1px rgba( 18, 43, 136, 0.75);   /* X方向 Y方向 ぼかし 色 */
    pointer-events: none;
    }
    /* 右側：100px外 → 右に落ちる影 */
    .X_is-sidebar--full::after {
    content: "";
    position: absolute;
    top: 0;
    right: +100px;
    width:  100px;
    height:  100%;
    background: transparent;
    box-shadow: +100px 0 1px rgba( 18, 43, 136, 0.75);    /* #122b88 = 18,43,136 */
    pointer-events: none;
    }
}





.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;
}




/* h6自体と、その中のaタグの両方に制限をかける */
h6.fixed-title-height,
h6.fixed-title-height a {
    /* 2行で省略するための必須設定 */
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    
    /* 高さを2行分に固定する設定 */
    line-height: 1.5 !important;
    min-height: 3.0em !important;
    max-height: 3.0em !important;
    
    /* aタグがインライン要素の場合、上記が効かないためブロック化する */
    width: 100%;
}

/* aタグ特有の挙動（下線など）でズレないための補足 */
h6.fixed-title-height a {
    text-decoration: none; /* 必要に応じて */
}








/* 1. 項目名（ラベル）をもっと大きく、または小さくしたい場合 */
.smf-item .smf-item__label {
    font-size: 20px !important; /* 数字を大きくすると、さらに巨大になります */
    color: #000;               /* 文字色を濃くするとより目立ちます */
}

/* 2. 入力欄（白い箱）をもっとゆったりさせたい場合 */
.smf-item .smf-control input,
.smf-item .smf-control textarea {
    padding: 10px !important;   /* ここを増やすと、入力欄がふっくらします */
    font-size: 18px !important; /* 入力する文字自体の大きさです */
}

/* 3. 項目同士がくっつきすぎていると感じる場合 */
.smf-item {
    margin-bottom: 0px !important; /* 下側の余白を広げて、項目を独立させます */
}



/* 1. テーブルのセル自体の余白と高さをリセット */
.smf-item th,
.smf-item td {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    height: 1px !important;      /* 実効高さを最小に設定（中身があれば自動で広がる） */
    line-height: 1.2 !important; /* 行間を詰める */
}

/* 2. セルの枠線と入力欄の間の隙間を直接叩く */
.smf-item .smf-item__label,
.smf-item .smf-control {
    margin-top: 5px !important;    /* ここの数字で「最低限の隙間」を決めます */
    margin-bottom: 5px !important;
    padding: 0 !important;
    min-height: 0 !important;      /* 最小高さの縛りを解除 */
}

/* 3. 入力ボックス自体の高さをスリムにする */
.smf-item .smf-control input,
.smf-item .smf-control textarea {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    margin: 0 !important;
}





/* 投稿ページ全体：上部の“アイキャッチ/ヘッダー画像エリア”を非表示（候補まとめ） */
.p-single__header-image
 {
  display: none !important;
}