@charset "UTF-8";

.custom-logo-link img{ display:block; }

/*-------------------------------------------
  UENO CSS（完成版）
-------------------------------------------*/


/*-------------------------------------------
  0) 横スクロール防止（フルワイド帯用）
-------------------------------------------*/
body{
  overflow-x: hidden;
}
/* --------- 0) 横スクロール防止 END --------- */


/*-------------------------------------------
  1) ロゴ横幅調整（Lightning / 強制）
-------------------------------------------*/
.custom-logo-link img,
img.custom-logo,
.site-header .site-logo img,
.site-header .logo img,
.site-header-logo img,
.header-logo img,
.navbar-brand img,
.site-branding img{
  width: 150px !important;
  max-width: 150px !important;
  height: auto !important;
  max-height: none !important;
}
.custom-logo-link,
.site-logo,
.site-branding{
  max-width: 300px !important;
}
/* --------- 1) ロゴ横幅調整 END --------- */


/*-------------------------------------------
  2) トップページ本文コンテンツ幅（中央）
-------------------------------------------*/
.home .site-body-container.container{
	max-width: 1100px !important;   /* ◀　総ワイド調整 */
  margin: 0 auto !important;
  padding: 0 10px;
  box-sizing: border-box;
}
/* --------- 2) トップ幅 END --------- */


/*-------------------------------------------
  3) 小さいYouTube（新着情報の右）
-------------------------------------------*/
@media (min-width: 900px){
  .home .ueno-youtube-widget{
    width: 150px;
    max-width: 150px;
  }
}
.home .ueno-youtube-widget img,
.home .movie-wrap img{
  width: 100%;
  height: auto;
  display: block;
}
.home .ueno-youtube-widget iframe,
.home .movie-wrap iframe{
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 16 / 9;
}
/* --------- 3) 小YouTube END --------- */


/*-------------------------------------------
  4) 大きいYouTube（右側用クラス）
-------------------------------------------*/
@media (min-width: 1024px){
  .ueno-youtube-large iframe{
    width: 600px !important;
    max-width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    display: block;
    margin: 0 auto;
  }
}
/* --------- 4) 大YouTube END --------- */


/*-------------------------------------------
  5) トップ下層セクション共通レイアウト（2カラム）
-------------------------------------------*/
.ueno-top-row{
  width: 100%;
  margin: 0 0 32px;
}
.ueno-top-col{
  margin-bottom: 16px;
}
@media (min-width: 1024px){
  .ueno-top-row{
    display: flex;
    gap: 40px;
    align-items: flex-start;
  }
  .ueno-top-col{
    flex: 1 1 0;
    margin-bottom: 0;
  }
}
.ueno-top-col--page img{
  width: 100%;
  height: auto;
  display: block;
  margin-bottom: 12px;
}
.ueno-top-col--youtube iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  display: block;
}
.ueno-top-col--page p{
  margin-bottom: 0.8em;
}
.ueno-top-col--page .new-news{
  margin-bottom: 8px;
  font-weight: bold;
}
.ueno-intro-wrap{
  width: 100%;
  margin: 0 0 40px;
  box-sizing: border-box;
}
/* --------- 5) 2カラム END --------- */


/*-------------------------------------------
  6) 5段目：新着動画（YouTube再生リスト）全幅
-------------------------------------------*/
@media (min-width: 1024px){
  .ueno-top-row--full-youtube{
    display: block;
  }
  .ueno-top-row--full-youtube .ueno-top-col{
    max-width: 100%;
  }
  .ueno-top-row--full-youtube .movie-wrap{
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
  }
}
/* --------- 6) 全幅YouTube END --------- */


/*-------------------------------------------
  7) YouTube タイトル共通デザイン
-------------------------------------------*/
.ueno-youtube-title{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
  line-height: 1.4;
}
/* --------- 7) タイトル END --------- */


/*-------------------------------------------
  8) 投稿一覧の調整（サムネイル削除）
-------------------------------------------*/
.blog .postList_thumbnail,
.archive .postList_thumbnail{
  display: none !important;
}
.blog .postList_text,
.archive .postList_text{
  width: 100% !important;
}
.vk_posts .vk_post_imgOuter{
  display: none !important;
}
.vk_posts .vk_post_body{
  width: 100% !important;
}
/* --------- 8) 投稿一覧 END --------- */


/*-------------------------------------------
  9) 固定ページ：コメント欄を完全に非表示
-------------------------------------------*/
.page .comments-area,
.page #comments,
.page .comment-respond,
.page #respond{
  display: none !important;
  visibility: hidden !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}
/* --------- 9) コメント欄 END --------- */


/*-------------------------------------------
  10) 漢方の基礎：見出しテーブル背景（固定ページID 5820）
-------------------------------------------*/
.page-id-5820 .entry-content .wp-block-table td{
  background: url("/image/iyashi_ttl2.jpg") repeat-x left top;
  padding: 4px 8px;
}
.page-id-5820 .entry-content .wp-block-table td span{
  color: #ffffff;
  font-weight: bold;
}
/* --------- 10) 5820 END --------- */


/*-------------------------------------------
  11) フッター：Powered byだけ消す（Copyrightは残す）
-------------------------------------------*/
.site-footer .copySection p,
footer .copySection p,
.site-footer .site-footer-copyright p,
footer .site-footer-copyright p{
  margin: 0;
  padding: 0;
}
.site-footer .copySection p:nth-of-type(n+2),
footer .copySection p:nth-of-type(n+2),
.site-footer .site-footer-copyright p:nth-of-type(n+2),
footer .site-footer-copyright p:nth-of-type(n+2){
  display: none !important;
}
.site-footer .copySection .poweredby,
.site-footer .copySection .powered,
footer .copySection .poweredby,
footer .copySection .powered,
.site-footer .site-footer-copyright .poweredby,
footer .site-footer-copyright .poweredby{
  display: none !important;
}
.site-footer .copySection a[href*="vektor"],
.site-footer .copySection a[href*="wordpress.org"],
footer .copySection a[href*="vektor"],
footer .copySection a[href*="wordpress.org"],
.site-footer .site-footer-copyright a[href*="vektor"],
footer .site-footer-copyright a[href*="vektor"],
.site-footer .site-footer-copyright a[href*="wordpress.org"],
footer .site-footer-copyright a[href*="wordpress.org"]{
  display: none !important;
}
/* --------- 11) フッター END --------- */


/*-------------------------------------------
  12) サイトマップ：フルワイド帯＋中央レール
-------------------------------------------*/
.sitemap-section,
.sitemap-section.full-bleed{
  background: #7BB136;
  color: #ffffff;
  padding: 10px 0 10px;
  box-sizing: border-box;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.sitemap-wrapper{
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.sitemap-wrapper h2{
  font-size: 24px;
  margin: 0 0 16px;
  padding-bottom: 4px;
  border-bottom: 1px solid rgba(255,255,255,0.4);
  color: #ffffff;
}
.sitemap-wrapper h3{
  font-size: 18px;
  margin: 0 0 6px;
  color: #ffffff;
}
.sitemap-wrapper a{
  color: #ffffff;
  text-decoration: none;
}
.sitemap-wrapper a:hover{
  text-decoration: underline;
}
.sitemap-block ul{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.sitemap-block li{
  margin-bottom: 2px;
  font-size: 14px;
  padding-left: 1.2em !important;
}
.sitemap-block li::marker{ content: "" !important; }
.sitemap-block li::before{ content: "" !important; display: none !important; }

@media (min-width: 1024px){
  .sitemap-grid{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 40px;
  }
}
@media (max-width: 1024px){
  .sitemap-grid{ display: block; }
  .sitemap-block{ margin-bottom: 24px; }
}
.home .site-footer .sitemap-section{
  display: none;
}
/* --------- 12) サイトマップ END --------- */


/*-------------------------------------------
  13) Google Map フルワイド（ueno-map-full）
-------------------------------------------*/
.ueno-map-full{
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
  max-width: 100vw;
  margin-top: 10px;
  margin-bottom: 10px;
  overflow: hidden;
}
.ueno-map-full iframe{
  display: block;
  width: 100%;
  height: 320px;
  border: 0;
  margin: 0;
  padding: 0;
}
@media (max-width: 599px){
  .ueno-map-full iframe{ height: 260px; }
}
.entry-content .wp-block-html{
  margin-top: 0;
  margin-bottom: 0;
}
/* --------- 13) MAP END --------- */


/*-------------------------------------------
  14) スライダー文字（左寄せ＋装飾） + スマホで非表示
-------------------------------------------*/
@media (min-width: 1024px){
  .ltg-slide .ltg-slide-text-set{
    position: absolute !important;
    top: 50% !important;
    left: 48% !important;
    transform: translate(-50%, -35%) !important;
    max-width: 1200px !important;
    width: 100% !important;
    text-align: left !important;
  }
  .ltg-slide .ltg-slide-text-title{ margin-left: 0 !important; }
  .ltg-slide .ltg-slide-text-caption{ margin-left: 2em !important; }
  .ltg-slide .btn{ margin-left: 2.2em !important; }
}
.ltg-slide .ltg-slide-text-title{
  font-size: 42px;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #ffffff;
  text-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.ltg-slide .ltg-slide-text-caption{
  margin-top: 1px;
  font-size: 25px;
  line-height: 1.8;
  font-weight: 600;
  color: #ffffff;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
}
.ltg-slide .btn{
  margin-top: 24px;
  padding: 10px 20px;
  border-radius: 999px;
  font-size: 22px;
  letter-spacing: 0.4em;
  font-weight: 700;
  border-width: 2px;
}
@media (max-width: 767px){
  .ltg-slide{ display: none !important; }
  .ltg-slider,
  .ltg-header-slider,
  .ltg-header-slider-wrap,
  .veu_slider_wrapper{ display: none !important; }
}
/* --------- 14) スライダー END --------- */


/*-------------------------------------------
  15) カレンダーリンク色
-------------------------------------------*/
.widget_calendar #wp-calendar a,
.widget_calendar #wp-calendar a:visited{
  color: #1e90ff !important;
  text-decoration: none;
}
.widget_calendar #wp-calendar a:hover{
  color: #ff7f50 !important;
  text-decoration: underline;
}
/* --------- 15) カレンダー END --------- */


/*-------------------------------------------
  16) グローバルメニュー（PC）
  - 1→2階層：hoverで開く（Lightning標準）
  - 3階層（孫）：hoverでは開かない／∨ボタンでクリック開閉（JSの .ueno-open で開く）
-------------------------------------------*/
@media (min-width: 992px){

  :root{
    --ueno-bg-normal: #ffffff;
    --ueno-text-normal: #111111;
    --ueno-bg-hover: #583822;
    --ueno-text-hover: #ffffff;
  }

  /* --- ヘッダーバー背景の装飾を消す --- */
  .global-nav,
  .site-header .global-nav,
  .global-nav .container{
    background: var(--ueno-bg-normal) !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  /* --- 親liを基準（サブメニュー absolute の基準） --- */
  .global-nav .menu > li,
  .global-nav .gMenu > li,
  .gMenu > li{
    position: relative !important;
  }

  /* --- 親リンク見た目 --- */
  .global-nav .menu > li > a,
  .global-nav .gMenu > li > a,
  .gMenu > li > a{
    color: var(--ueno-text-normal) !important;
    font-weight: 400 !important;
    padding: 14px 16px !important;
  }

  /* --- hover/focus-within で親を着色（プルダウン中も色が付く） --- */
  .global-nav .menu > li:hover > a,
  .global-nav .menu > li:focus-within > a,
  .global-nav .gMenu > li:hover > a,
  .global-nav .gMenu > li:focus-within > a,
  .gMenu > li:hover > a,
  .gMenu > li:focus-within > a{
    background: var(--ueno-bg-hover) !important;
    color: var(--ueno-text-hover) !important;
    font-weight: 700 !important;
  }

  /* --- 2階層（子）：デフォ非表示（hoverで表示） --- */
  .global-nav .menu > li > ul.sub-menu,
  .global-nav .gMenu > li > ul.sub-menu,
  .gMenu > li > ul.sub-menu,
  .global-nav .menu > li > ul.children,
  .global-nav .gMenu > li > ul.children,
  .gMenu > li > ul.children{
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 0 !important;
    right: auto !important;
    margin: 0 !important;
    transform: none !important;
    z-index: 99999 !important;

    min-width: 260px !important;
    background: var(--ueno-bg-hover) !important;
    border: none !important;
    box-shadow: none !important;
  }

  /* --- 2階層：hover/focus-within で表示 --- */
  .global-nav .menu > li:hover > ul.sub-menu,
  .global-nav .menu > li:focus-within > ul.sub-menu,
  .global-nav .gMenu > li:hover > ul.sub-menu,
  .global-nav .gMenu > li:focus-within > ul.sub-menu,
  .gMenu > li:hover > ul.sub-menu,
  .gMenu > li:focus-within > ul.sub-menu,
  .global-nav .menu > li:hover > ul.children,
  .global-nav .menu > li:focus-within > ul.children,
  .global-nav .gMenu > li:hover > ul.children,
  .global-nav .gMenu > li:focus-within > ul.children,
  .gMenu > li:hover > ul.children,
  .gMenu > li:focus-within > ul.children{
    display: block !important;
  }

  /* --- 2階層リンク --- */
  .global-nav .sub-menu a,
  .global-nav .children a{
    color: var(--ueno-text-hover) !important;
    font-weight: 400 !important;
    padding: 10px 16px !important;
    display: block !important;
  }

  .global-nav .sub-menu li:hover > a,
  .global-nav .children li:hover > a{
    font-weight: 700 !important;
    background: rgba(255,255,255,0.1) !important;
  }

  /* --- 最後（コンタクト）だけ右下に出す --- */
  .global-nav .menu > li:last-child > ul.sub-menu,
  .global-nav .gMenu > li:last-child > ul.sub-menu,
  .gMenu > li:last-child > ul.sub-menu,
  .global-nav .menu > li:last-child > ul.children,
  .global-nav .gMenu > li:last-child > ul.children,
  .gMenu > li:last-child > ul.children{
    left: auto !important;
    right: 0 !important;
  }
}

/* --- 3階層（孫）だけ：∨クリック開閉（PCのhover端末のみ） --- */
@media (hover:hover) and (pointer:fine){

  /* =============================
   * 被り対策：Lightning/VK側の「開閉ボタン」候補を消す
   * （これが残ると ∨ が二重に見える）
   * ============================= */
  nav.global-nav ul.sub-menu > li.menu-item-has-children > .acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > .vk-menu-acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > span.acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > span.vk-menu-acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > button.acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > button.vk-menu-acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > a .acc-btn,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > a .vk-menu-acc-btn{
    display: none !important;
  }

  /* テーマ既存の矢印（疑似要素）も潰す（被り防止） */
  nav.global-nav ul.sub-menu > li.menu-item-has-children::after,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > a::after,
  nav.global-nav ul.sub-menu > li.menu-item-has-children > a::before{
    content: none !important;
    display: none !important;
    background: none !important;
  }

  /* 対象：2階層の中で子（3階層）を持つ項目 */
  nav.global-nav ul.sub-menu > li.menu-item-has-children,
  nav.global-nav ul.children  > li.menu-item-has-children{
    position: relative;
  }

  /* ∨ボタン分の余白（右） */
  nav.global-nav ul.sub-menu > li.menu-item-has-children > a,
  nav.global-nav ul.children  > li.menu-item-has-children > a{
    padding-right: 2.6em !important;
  }

  /* 3階層：横に出さず、下に展開（デフォ閉じる） */
  nav.global-nav ul.sub-menu > li.menu-item-has-children > ul.sub-menu,
  nav.global-nav ul.children  > li.menu-item-has-children > ul.children{
    position: static !important;
    display: none !important;
    margin: 0 !important;
    padding: 6px 0 6px 18px !important;
    box-shadow: none !important;
  }

  /* hoverで孫が勝手に開くのを潰す（重要） */
  nav.global-nav ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu,
  nav.global-nav ul.children  > li.menu-item-has-children:hover > ul.children{
    display: none !important;
  }

  /* JSが付ける .ueno-open の時だけ表示 */
  nav.global-nav ul.sub-menu > li.menu-item-has-children.ueno-open > ul.sub-menu,
  nav.global-nav ul.children  > li.menu-item-has-children.ueno-open > ul.children{
    display: block !important;
  }

  /* ∨ボタン（あなたの分） */
  nav.global-nav ul.sub-menu > li.menu-item-has-children > button.ueno-sub-toggle,
  nav.global-nav ul.children  > li.menu-item-has-children > button.ueno-sub-toggle{
    -webkit-appearance: none;
    appearance: none;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    padding: 0;

    border: 1px solid #fff !important;   /* ★枠を真っ白に */
    background: transparent !important;
    background-image: none !important;   /* ★二重アイコン対策 */
    box-shadow: none !important;

    cursor: pointer;
    line-height: 1;
    z-index: 10;

    color: #fff !important;              /* ★念のため：文字色も白（継承対策） */
  }

  /* 既存CSSが button::after を使ってても消す（★二重文字対策） */
  nav.global-nav button.ueno-sub-toggle::after{
    content: none !important;
    display: none !important;
  }

  nav.global-nav ul.sub-menu > li.menu-item-has-children > button.ueno-sub-toggle::before,
  nav.global-nav ul.children  > li.menu-item-has-children > button.ueno-sub-toggle::before{
    content: "∨";
    font-size: 16px;
    display: inline-block;
    transform: translateY(-1px);
    color: #fff !important;              /* ★∨を白に */
  }

  nav.global-nav ul.sub-menu > li.menu-item-has-children.ueno-open > button.ueno-sub-toggle::before,
  nav.global-nav ul.children  > li.menu-item-has-children.ueno-open > button.ueno-sub-toggle::before{
    content: "∧";
    color: #fff !important;              /* ★∧も白に */
  }

  /* 孫リンク：少し字下げ */
  nav.global-nav ul.sub-menu > li.menu-item-has-children > ul.sub-menu > li > a,
  nav.global-nav ul.children  > li.menu-item-has-children > ul.children  > li > a{
    padding-left: 1.2em !important;
  }
}
/* --------- 16) グローバルメニュー END --------- */


/*-------------------------------------------
  17) ホームだけ例外（currentでも強調しない）
-------------------------------------------*/
@media (min-width: 992px){
  .home ul.gMenu > li.current-menu-item > a,
  .home ul.gMenu > li.current-menu-ancestor > a{
    background: #ffffff !important;
    color: #111111 !important;
    font-weight: 400 !important;
  }
}
/* --------- 17) ホーム例外 END --------- */


/*-------------------------------------------
  18) GoogleMap：別クラス（fixed-300用）
-------------------------------------------*/
.google-map-fullbleed.fixed-300{
  position: relative;
  left: 50%;
  right: 50%;
  width: 100vw;
  margin-left: -50vw;
  margin-right: -50vw;
  height: 300px;
}
.google-map-fullbleed.fixed-300 iframe{
  width: 100%;
  height: 100%;
  display: block;
}
/* --------- 18) MAP別クラス END --------- */


/*-------------------------------------------
  19) 指定見出し専用：帯デザイン（Gutenberg見出し）
-------------------------------------------*/
.entry-body h2.wp-block-heading.ueno-band{
  background: url("/image/iyashi_ttl2.jpg") left center / auto 100% repeat-x !important;
  min-height: 56px !important;
  display: flex !important;
  align-items: center !important;
  padding: 0 14px !important;
  margin: 28px 0 14px !important;
  color: #fff !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  box-sizing: border-box !important;
  border-radius: 6px !important;
  overflow: hidden !important;
}
.entry-body h2.wp-block-heading.ueno-band strong{
  color: inherit !important;
  font-weight: inherit !important;
  line-height: inherit !important;
}
.entry-body h2.wp-block-heading.ueno-band *{
  margin: 0 !important;
}
/* --------- 19) 見出し帯 END --------- */


/*-------------------------------------------
  20) ページトップへ戻るボタン（CSSのみ）
-------------------------------------------*/
#ueno-page-top{
  position: fixed;
  right: 18px;
  bottom: 18px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 99999;
  background: #000;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  opacity: .75;
}
#ueno-page-top:hover{ opacity: 1; }
@media (max-width: 768px){
  #ueno-page-top{ right: 12px; bottom: 12px; }
}
/* --------- 20) ページトップ END --------- */


/*-------------------------------------------
23）投稿メタ：カテゴリーラベル（dt）などの表示ノイズを消す
（dd＝「ひとりごと」等は残す）
-------------------------------------------*/
body.single-post .entry-footer .entry-meta-data-list dt{
  display: none !important;
}
body.single-post .entry-footer .entry-meta-data-list dd{
  margin: 0 !important;
  padding: 0 !important;
}
body.single-post .entry-footer .entry-meta-data-list .cat-links-label,
body.single-post .entry-footer .entry-meta-data-list .entry-meta-data-list__term{
  display: none !important;
}
/* --------- 23）投稿メタ：ラベル削除 END --------- */


/*-------------------------------------------
24）リンク色：本文・固定追記ブロック内のリンクだけ青固定
-------------------------------------------*/
body.single-post .entry-body a,
body.single-post .entry-body a:visited,
body.single-post [data-ueno-fixed-note="1"] a,
body.single-post [data-ueno-fixed-note="1"] a:visited,
body.single-post .ueno-fixed-note a,
body.single-post .ueno-fixed-note a:visited{
  color: #0000ee !important;
  text-decoration: underline !important;
}
body.single-post .entry-body a:hover,
body.single-post [data-ueno-fixed-note="1"] a:hover,
body.single-post .ueno-fixed-note a:hover{
  text-decoration: none !important;
}
/* --------- 24）リンク色：青固定 END --------- */


/*-------------------------------------------
25）固定追記ブロック（ueno fixed note）表示安定
-------------------------------------------*/
body.single-post [data-ueno-fixed-note="1"],
body.single-post .ueno-fixed-note{
  line-height: 2.0 !important;
}

/*-------------------------------------------
25.1）固定追記：文字色を“絶対に”保持（テーマ !important 対策）
※ HTML側に色を入れてても上書きされるケースがあるのでCSSで勝つ
-------------------------------------------*/
/* まず全体は黒基準（崩れ防止） */
body.single-post [data-ueno-fixed-note="1"] p,
body.single-post .ueno-fixed-note p{
  color: #111 !important;
}

/* 青にしたい行（1段目想定） */
body.single-post [data-ueno-fixed-note="1"] p:nth-of-type(1),
body.single-post .ueno-fixed-note p:nth-of-type(1){
  color: #0000ff !important;
}

/* 赤にしたい行（2〜3段目想定） */
body.single-post [data-ueno-fixed-note="1"] p:nth-of-type(2),
body.single-post [data-ueno-fixed-note="1"] p:nth-of-type(3),
body.single-post .ueno-fixed-note p:nth-of-type(2),
body.single-post .ueno-fixed-note p:nth-of-type(3){
  color: #ff0000 !important;
}
/* --------- 25.1）固定追記：色を保持 END --------- */


/*-------------------------------------------
26）前の記事／次の記事（vk_posts next-prev）
・枠線（カードの線）を消す（borderだけじゃなく box-shadow も殺す）
・「次の記事」だけ右寄せ（カード位置＆中身）
-------------------------------------------*/

/* ブロックは必ず表示＋親の上下線も消す */
body.single-post .entry-footer .vk_posts.next-prev{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 24px !important;

  width: 100% !important;
  margin: 24px 0 0 !important;
  padding: 0 !important;

  border: 0 !important;
  box-shadow: none !important;
  background: none !important;
}

/* 親が疑似要素で線を描いてても殺す */
body.single-post .entry-footer .vk_posts.next-prev::before,
body.single-post .entry-footer .vk_posts.next-prev::after{
  content: none !important;
  display: none !important;
}

/* 中にhr/セパレーターが混ざってても消す（※うちのhrは例外で残す） */
body.single-post .entry-footer .vk_posts.next-prev hr:not(.ueno-under-meta-hr):not(.ueno-fixed-hr),
body.single-post .entry-footer .vk_posts.next-prev .wp-block-separator{
  display: none !important;
  border: 0 !important;
}

/* 2カラム（スマホは1カラム） */
body.single-post .entry-footer .vk_posts.next-prev > .vk_post{
  width: calc(50% - 12px) !important;
  max-width: none !important;
  margin: 0 !important;
}
@media (max-width: 767px){
  body.single-post .entry-footer .vk_posts.next-prev > .vk_post{
    width: 100% !important;
  }
}

/* 「次の記事」カードは右へ寄せる（カード位置） */
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next{
  margin-left: auto !important;
}

/* 枠線の正体は box-shadow / outline のことが多い：根こそぎ殺す */
body.single-post .entry-footer .vk_posts.next-prev .vk_post,
body.single-post .entry-footer .vk_posts.next-prev .card,
body.single-post .entry-footer .vk_posts.next-prev .card-intext,
body.single-post .entry-footer .vk_posts.next-prev .card-intext-inner,
body.single-post .entry-footer .vk_posts.next-prev a.card-intext-inner,
body.single-post .entry-footer .vk_posts.next-prev .card-body{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}

/* 「次の記事」だけ中身も右寄せ */
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next,
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next *{
  text-align: right !important;
}

/* no-image.png は消す（必要なら後で戻せる） */
body.single-post .entry-footer .vk_posts.next-prev .vk_post_imgOuter_img{
  display: none !important;
}
/* --------- 26）前/次の記事：枠線削除＋右寄せ END --------- */


/*-------------------------------------------
26.1）自作の「前/次カード」（data-ueno-prevnext="1"）も枠線ゼロ
・右カードは右寄せ
-------------------------------------------*/
body.single-post [data-ueno-prevnext="1"] a{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background: transparent !important;
}
body.single-post [data-ueno-prevnext="1"] > div{
  width: 100% !important;
}
body.single-post [data-ueno-prevnext="1"] > div > div{
  width: auto !important;
}
body.single-post [data-ueno-prevnext="1"] > div > div:last-child{
  margin-left: auto !important;
  text-align: right !important;
}
body.single-post [data-ueno-prevnext="1"] > div > div:last-child *{
  text-align: right !important;
}
/* --------- 26.1）自作 前/次カード：枠線削除＋右寄せ END --------- */


/*-------------------------------------------
26.2）前の記事／次の記事：日付を表示（vk_posts next-prev）
・日付がHTMLに入っている場合だけ有効
-------------------------------------------*/

/* よくある日付要素候補を全部拾う（VK Blocks/Lightning差対策） */
body.single-post .entry-footer .vk_posts.next-prev time,
body.single-post .entry-footer .vk_posts.next-prev .vk_post_date,
body.single-post .entry-footer .vk_posts.next-prev .vk_post_dateTime,
body.single-post .entry-footer .vk_posts.next-prev .vk_post_date,
body.single-post .entry-footer .vk_posts.next-prev .vk_postSubInfo,
body.single-post .entry-footer .vk_posts.next-prev .vk_post_meta,
body.single-post .entry-footer .vk_posts.next-prev .vk_post_meta time{
  display: block !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
  color: #666 !important;
  margin-top: 6px !important;
}

/* 「次の記事」側は右寄せ */
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next time,
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next .vk_post_date,
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next .vk_post_meta,
body.single-post .entry-footer .vk_posts.next-prev > .next-prev-next .vk_post_meta time{
  text-align: right !important;
}
/* --------- 26.2）前/次：日付表示 END --------- */


/*-------------------------------------------
27）二重表示対策：テーマ標準の「前/次ナビ」を消す
-------------------------------------------*/
body.single-post nav.post-navigation,
body.single-post .post-navigation,
body.single-post .navigation.post-navigation{
  display: none !important;
}
/* --------- 27）標準ナビ非表示 END --------- */


/*-------------------------------------------
28）「▲ トップへ戻る」リンクの見た目
-------------------------------------------*/
body.single-post .entry-body p.has-text-align-right.ueno-back-to-top a[href="#top"]{
  text-decoration: none !important;
  font-size: 14px !important;
  color: #444 !important;
}
body.single-post .entry-body p.has-text-align-right.ueno-back-to-top a[href="#top"]:hover{
  text-decoration: underline !important;
}
/* --------- 28）トップへ戻る：見た目 END --------- */


/*-------------------------------------------
29）投稿メタ：更新日（最終更新）＋投稿者を非表示
・公開日（投稿日）は残す
-------------------------------------------*/

/* 更新日（最終更新） */
body.single-post .entry-meta .updated,
body.single-post .entry-meta time.updated,
body.single-post .entry-meta .entry-date.updated,
body.single-post .entry-meta .modified,
body.single-post .entry-meta time.modified{
  display: none !important;
}

/* 投稿者（web-master） */
body.single-post .entry-meta .author,
body.single-post .entry-meta .vcard,
body.single-post .entry-meta .byline{
  display: none !important;
}

/* ついでに：更新日のアイコンだけ残る場合の保険（Lightning/VK系） */
body.single-post .entry-meta .fa-history,
body.single-post .entry-meta .vk_icon_modified,
body.single-post .entry-meta .vk_postedby{
  display: none !important;
}
/* --------- 29）投稿メタ：更新日＋投稿者 非表示 END --------- */


/*-------------------------------------------
30）UENO CSS：区切り線（hr）上下に間隔を作る
※ 色は #dcdcdc
-------------------------------------------*/
.ueno-fixed-hr{
  border: 0 !important;
  height: 2px !important;
  background: #dcdcdc !important;
  margin: 26px 0 !important;
}
/* --------- 30）hr 基本 END --------- */


/*-------------------------------------------
31）UENO CSS：旧仕様の線（div）を消す（任意）
-------------------------------------------*/
.ueno-fixed-line{
  display: none !important;
}
/* --------- 31）旧div線OFF END --------- */


/*-------------------------------------------
32）UENO CSS：固定追記ブロックの区切り線（hr）上下に間隔
-------------------------------------------*/
body.single-post .ueno-fixed-note hr.ueno-fixed-hr,
body.single-post [data-ueno-fixed-note="1"] hr.ueno-fixed-hr{
  display: block !important;
  border: 0 !important;
  height: 2px !important;
  background: #dcdcdc !important;
  margin: 26px 0 !important;
  opacity: 1 !important;
}
/* --------- 32）固定追記hr END --------- */


/*-------------------------------------------
33）UENO CSS：カテゴリ＋トップへ戻る周りのhr（上だけ）
-------------------------------------------*/
hr.ueno-under-meta-hr{
  display: block !important;
  border: 0 !important;
  height: 2px !important;
  background: #dcdcdc !important;
  margin: 26px 0 !important;
  opacity: 1 !important;
  box-shadow: none !important;
  outline: none !important;
}
/* --------- 33）カテゴリ下hr END --------- */


/*-------------------------------------------
33.1）「トップへ戻る」の上のhrが消される対策（entry-footer内で勝つ）
-------------------------------------------*/
body.single-post .entry-footer hr.ueno-under-meta-hr{
  display: block !important;
}
/* --------- 33.1）hr 消され対策 END --------- */


/*-------------------------------------------
34）いらない下側の線を消す（ピンクで囲った“下の線”対策）
※ テーマが entry-footer に border/区切り線を入れてるケースがある
-------------------------------------------*/
body.single-post .entry-footer{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
body.single-post .entry-footer::before,
body.single-post .entry-footer::after{
  content: none !important;
  display: none !important;
}

/* entry-footer内の「うち以外のhr」は消す（うちのhrは残す） */
body.single-post .entry-footer hr:not(.ueno-under-meta-hr):not(.ueno-fixed-hr){
  display: none !important;
  border: 0 !important;
}

/* ブロック区切り線（Gutenbergのseparator）が混ざる場合 */
body.single-post .entry-footer .wp-block-separator{
  display: none !important;
  border: 0 !important;
}
/* --------- 34）下側の線 消す END --------- */

/*-------------------------------------------
35）下の二本線（カード下に出る線）を消す：犯人つぶし版
対象：vk_posts next-prev の card / card-body / inner
-------------------------------------------*/

/* カード本体の枠・影・背景線を殺す */
body.single-post .vk_posts.next-prev .card,
body.single-post .vk_posts.next-prev .card-intext,
body.single-post .vk_posts.next-prev .card-intext-inner{
  border: 0 !important;
  box-shadow: none !important;
  outline: none !important;
  background-image: none !important;
}

/* “二本線”になりやすいのはここ：card-body の上下border系 */
body.single-post .vk_posts.next-prev .card-body,
body.single-post .vk_posts.next-prev .vk_post_body{
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* 疑似要素で線を描いてるケースを殺す */
body.single-post .vk_posts.next-prev .card::before,
body.single-post .vk_posts.next-prev .card::after,
body.single-post .vk_posts.next-prev .card-intext-inner::before,
body.single-post .vk_posts.next-prev .card-intext-inner::after,
body.single-post .vk_posts.next-prev .card-body::before,
body.single-post .vk_posts.next-prev .card-body::after,
body.single-post .vk_posts.next-prev .vk_post_body::before,
body.single-post .vk_posts.next-prev .vk_post_body::after{
  content: none !important;
  display: none !important;
}

/* no-image枠や上線に見えるものが残る場合の保険 */
body.single-post .vk_posts.next-prev .vk_post_imgOuter{
  border: 0 !important;
  box-shadow: none !important;
  background-image: none !important;
}

/* --------- 35）下の二本線 削除 END --------- */

/*-------------------------------------------
36）新着（New!!）表示を「一覧の先頭3記事だけ」に制限
※日数判定は触らず、見た目だけ制限
-------------------------------------------*/
body.blog .vk_post .vk_post_title_new,
body.archive .vk_post .vk_post_title_new{
  display: none !important;
}

/* 先頭3件だけ表示（カード3つ目まで） */
body.blog .vk_posts .vk_post:nth-child(-n+3) .vk_post_title_new,
body.archive .vk_posts .vk_post:nth-child(-n+3) .vk_post_title_new{
  display: inline !important;
}
/* --------- 36）新着3件だけ表示 END --------- */


/*-------------------------------------------
37）UENO CSS：強制 前/次ナビ（ueno-force-nav）整形
-------------------------------------------*/
body.single-post .ueno-force-nav .nav-links{
  display: flex !important;
  gap: 24px !important;
}
body.single-post .ueno-force-nav .nav-next{
  margin-left: auto !important;
  text-align: right !important;
}
body.single-post .ueno-force-nav{
  margin-top: 24px !important;
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}
/* --------- 37）強制 前/次ナビ END --------- */


/*-------------------------------------------
  37.1）UENO CSS：強制 前/次ナビ（ueno-force-nav）日付表示
-------------------------------------------*/
body.single-post .ueno-force-nav .nav-link{
  display: inline-block;
  text-decoration: none !important;
}

body.single-post .ueno-force-nav .nav-title{
  display: block;
}

body.single-post .ueno-force-nav .nav-date{
  display: block;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.3;
  color: #666;
}

/* 次の記事側だけ右寄せ（あなたの既存方針に合わせる） */
body.single-post .ueno-force-nav .nav-next .nav-title,
body.single-post .ueno-force-nav .nav-next .nav-date{
  text-align: right !important;
}
/* --------- 37.1）強制 前/次ナビ 日付 END --------- */

/*-------------------------------------------
  37.2）前/次ナビと投稿メタの間に余白
  ※このページは「ナビ → メタ」の順で入ってるので、ナビ側に下余白
-------------------------------------------*/
body.single-post .entry-footer .ueno-force-nav{
  margin-bottom: 30px !important;
}
/* --------- 37.2）前/次ナビと投稿メタの余白 END --------- */


/*-------------------------------------------
  37.3）前/次ナビ：日付を先、タイトルを次行（2段表示）
-------------------------------------------*/
body.single-post .entry-footer .ueno-force-nav .nav-link{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 4px !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-link .nav-date{
  order: 1 !important;          /* 日付を上へ */
  font-size: 0.85em !important;
  line-height: 1.2 !important;
  opacity: 0.85 !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-link .nav-title{
  order: 2 !important;          /* タイトルを下へ */
  line-height: 1.25 !important;
}
/* --------- 37.3）前/次ナビ：日付→タイトル END --------- */


/*-------------------------------------------
  37.4）前/次ナビ：日付をタイトル位置に揃える + ▶側は右寄せ
-------------------------------------------*/
body.single-post .entry-footer .ueno-force-nav{
  --ueno-nav-icon-w: 18px;
  --ueno-nav-gap: 8px;
}

body.single-post .entry-footer .ueno-force-nav .nav-links{
  display: flex !important;
  gap: 24px !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-previous,
body.single-post .entry-footer .ueno-force-nav .nav-next{
  flex: 1 1 0 !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-link{
  display: flex !important;
  flex-direction: column !important; /* 日付→タイトル */
  gap: 6px !important;
  text-decoration: none !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-row{
  display: flex !important;
  align-items: center !important;
  gap: var(--ueno-nav-gap) !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-icon{
  width: var(--ueno-nav-icon-w) !important;
  flex: 0 0 var(--ueno-nav-icon-w) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

body.single-post .entry-footer .ueno-force-nav .nav-date{
  font-size: 0.85em !important;
  opacity: 0.85 !important;
  line-height: 1.2 !important;
}

/* 左：日付の左端を「タイトル開始位置」に合わせる（◀の分だけ右へ） */
body.single-post .entry-footer .ueno-force-nav .nav-previous .nav-date{
  margin-left: calc(var(--ueno-nav-icon-w) + var(--ueno-nav-gap)) !important;
}

/* 右：全体を右寄せ + 日付の右端を「タイトル末尾（▶の前）」に合わせる */
body.single-post .entry-footer .ueno-force-nav .nav-next{
  text-align: right !important;
}
body.single-post .entry-footer .ueno-force-nav .nav-next .nav-link{
  align-items: flex-end !important;
}
body.single-post .entry-footer .ueno-force-nav .nav-next .nav-row{
  justify-content: flex-end !important;
}
body.single-post .entry-footer .ueno-force-nav .nav-next .nav-date{
  margin-right: calc(var(--ueno-nav-icon-w) + var(--ueno-nav-gap)) !important;
}

/* スマホ：縦積み */
@media (max-width: 600px){
  body.single-post .entry-footer .ueno-force-nav .nav-links{
    flex-direction: column !important;
    gap: 16px !important;
  }
}
/* --------- 37.4）前/次ナビ：日付位置＆右寄せ END --------- */


/*-------------------------------------------
38）YouTube埋め込み（16:9・レスポンシブ）
-------------------------------------------*/
.ueno-youtube-16x9{
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
}
.ueno-youtube-16x9 iframe{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
@supports not (aspect-ratio: 16 / 9){
  .ueno-youtube-16x9{
    height: 0;
    padding-top: 56.25%;
  }
}
/* --------- YouTube埋め込み END --------- */


/*-------------------------------------------
  UENO CSS（完成版） END
-------------------------------------------*/