@charset "utf-8";
/* CSS Document */
/*
Theme Name: Simple Bootstrap
Theme URI: https://github.com/nicolas-van/wordpress-simple-bootstrap
Description: Basic Wordpress theme using Boostrap.
Author: Nicolas Vanhoren
Author URI: https://github.com/nicolas-van
Version: 0.7.2
Text Domain: simple-bootstrap
License: MIT
License URI: http://opensource.org/licenses/MIT
Tags: one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, custom-colors, custom-background, featured-images, translation-ready
.
Licensed under the MIT license.
.
*/
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}


:root{
  --sb-green:#8cc63e;      /* 矢印の緑 */
  --sb-border:#cfe5b8;     /* 枠線の薄緑 */
  --sb-bg:#fff;         /* カード背景の淡ベージュ */
  --sb-text:#333;
}


/* カード全体 */
.sb-card{
  background:var(--sb-bg);
  border:1px solid var(--sb-border);
  border-radius:30px;
  padding:16px 14px 18px;
  color:var(--sb-text);
}

/* 見出し */
.sb-head{
  font-weight:600;
  margin:12px 2px 10px;
	 text-align: center;       

}

/* セレクト（上の“事業所を選ぶ ▼” 風） */
.sb-select-wrap{ margin: 4px 2px 12px; }
.sb-select{
  width:100%;
  background:#fff;
  border:1px solid #ccc;
  border-radius:999px;
  padding:.45rem .9rem;
  font-size:.95rem;
  appearance:none;
  position:relative;
}
.sb-select-wrap{ position:relative; }
.sb-select-wrap::after{
  content:"▼";
  position:absolute;
  right:12px; top:50%;
  transform:translateY(-50%);
  pointer-events:none;
  color:var(--sb-green);
  font-size:.8rem;
}

/* アーカイブ（details/summary） */
.sb-year,.sb-year-group{
  margin: 6px 0;
  padding-left: 0.25rem;
}
.sb-year > summary,.sb-year-group > summary{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.15rem 0;
  font-weight:600;
}
.sb-year > summary::-webkit-details-marker{ display:none; }



/* 開いている年だけ、薄い黄緑背景＋枠色も少し優しめに */
.sb-year[open] > summary {
  background-color: #cbe883;   /* お好みで #f5ffe8 とかでも */
  border-color: #9acd32;       /* ちょっと黄緑寄りの色に */
}

/* もしマーカーを完全に消して独自アイコンを使っているなら */
.sb-year > summary::-webkit-details-marker {
  display: none;
}

/* 通常（閉じているとき） */
.sb-year > summary::before,
.sb-year-group > summary::before {
  content: "▶";            /* ← カンマ無し！ */
  color: var(--sb-green);
  line-height: 1;
  font-size: .9rem;
}

/* open のとき */
.sb-year[open] > summary::before,
.sb-year-group[open] > summary::before {
  content: "▼";
}
.sb-year-group .sb-year > summary {
  padding-left: 2.5rem; 
}

/* 月リスト */
.sb-months{
  list-style:none;
  margin:.35rem 0 .75rem 1.2rem;
  padding:0;
}
.sb-month{
  display:flex;
  justify-content:space-between;
  padding:.15rem 0;
}
.sb-month a{
  text-decoration:none;
  color:inherit;
}
.sb-count{ color:#666; }

/* アクセシビリティ補助（スクリーンリーダー用） */
.visually-hidden{
  position:absolute !important;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  white-space:nowrap; border:0;
}


/* 背景 */
.block{
	background: #fff;
	margin-bottom:29px;
	max-width:840px;
	border-radius:30px;
	padding:50px 46px 93px 46px;
}

/* そのアイコンだけ非表示 */
.fa-leaf::before{ content:none !important; }
.fa-leaf{ display:none !important; } /* 要素ごと消したい場合 */

.post-head{
	margin-top:26px;
} 

.post_content{
	margin:0 24px;
}

/*20251204　記事内配置*/
/* header 全体は 縦方向：上＝日付+タグ、下＝タイトル＋画像 */
.single #main article.block > header {
  display: flex;
  flex-direction: column;
  row-gap: 0.35rem;
}

/* 1行目：日付 + タグ を横並びに */
.single #main article.block > header .post-header-top {
  display: flex;
  align-items: baseline;
justify-content: space-between;
}

/* 日付（ul.meta）＝左 */
#main article.block > header .post-header-top .meta {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;

}

/* 日付だけ残す */
#main article.block > header .post-header-top .meta li:not(.meta-date) {
  display: none;
}

/* 年 + 月日 */
#main article.block > header .post-header-top .post-date {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}
#main article.block > header .post-header-top .date-year { font-size:16px; }
#main article.block > header .post-header-top .date-md   { font-size:32px; }

/* タグ（post-cats）は右側に来る */
#main article.block > header .post-header-top .post-cats {
  /* ここは今の cat-badge の見た目を活かすだけでOK */
}

/* 2行目：タイトル */
#main article.block > header .article-header {
  flex: 1 1 auto;
  min-width: 0;
}
#main article.block > header .post-head {
  font-size: 26px;
  line-height: 1.2;
}

/*記事表示*/
.article-header-wrap {margin-top:35px;}

/*ここまで*/

/* 緑のリボン */
.row-ribbon{
/*   width: min(100%, 1117px);    */
  height: clamp(60px, 7vw, 90px);
  background: url("https://closed.nunagawa-fukushikai.com/event/wp-content/uploads/2025/10/dec01.png")
              center / clamp(160px, 18vw, 220px) auto no-repeat;
	background-size: 220px auto;
}

/* 中央基準に +12px だけ右へオフセット 
.row-ribbon{
  background-position: calc(50% + 12rem) 50%;
}*/

@media (max-width: 991px){
  .row-ribbon{
    margin-top: 2rem;           /* 上にスペースを作る */
    background-position: 50% 50%;
  }
	
  .header-bar{ position: relative; }           /* 基準にする */
  .header-bar .nav-toggle{
    position: absolute;                        /* 流れから切り離す */
    top: 1rem;                              /* 好みで微調整 */
    right: 1rem;
    margin: 0;
  }
	
  #secondary,
.sidebar,
	.col-lg-3,
	.col-md-3{
    flex: 0 0 100%;
    max-width: 100%;
    float: none;
  }
  /* アコーディオンのカードを .block と同じ幅で中央寄せ */
  .sb-card{
    width: 100%;
    max-width: 754px;      /* ← .block と同じ値 */
    margin: 0 auto 24px;   /* 中央寄せ＋下余白 */
  }
	
	/* #content は .row なので、左右の負マージンを打ち消す */
#content.row{
  margin-left: 0 !important;
  margin-right: 0 !important;
  --bs-gutter-x: 0;              /* BS5 のガターを0に */
  padding-left: 0;               /* 必要なら */
  padding-right: 0;
}

/* 投稿カード .block を中央に。幅はあなたが使っている754pxに合わせる */
#main .block{
  max-width: 754px;
  width: 100%;
  margin: 0 auto 29px;           /* ← 左右 auto で中央寄せ */
}
	
}

.rank-math-breadcrumb{
	margin-top:2rem;
}


 /* ===== index のCSS ===== */
	  .container{ max-width: 69.8rem; }

  /* 1行目：タイトル（左）＋日付（右）だけ横並び */
  #main article > header{
    display:flex;
    align-items:flex-start;
    gap:.75rem;
  }
  #main article > header .article-header{
    flex:1 1 auto;
    min-width:0;
  }

  /* 2行目：ヘッダーの“直後”に出すカテゴリー（右端に揃える） */
  .meta-under{
    display:flex;
    justify-content:flex-end;   /* 右端に寄せる */
    margin-top:.5rem;
  }
  .meta-under .post-cats{
    display:flex;
    flex-wrap:wrap;
    gap:.4rem;
  }


  /* モバイル時（任意） */
  @media (max-width: 575.98px){
    #main article > header{
      flex-direction:column;
      align-items:stretch;
    }
    .meta-under{ justify-content:flex-end; }
  }
	
/* ===== 1行目：タイトル左／日付右 ===== */
#main article > header{
  display:flex;               /* 横並びの親（これだけでOK） */
  align-items:flex-start;
  gap:.75rem;
}

#main article > header .article-header{  /* タイトル側 */
flex:0 0 auto;  
}

#main article > header .meta-date{        /* 日付＋カテゴリの箱（右側） */
  margin-left:auto;                       /* 右端へ寄せる */
  display:flex;
  flex-direction:column;                  /* 上=日付 / 下=カテゴリ */
  align-items:flex-end;                   /* 右寄せ */
  gap:.4rem;

  /* 右カラムの幅（カテゴリが折り返せる“箱”を作る） */
  flex:0 0 10px;                         /* 固定幅にしたいなら 240px を調整 */
  max-width:240px;
  text-align:right;
}

#main article > header .post-date{
	display:inline-block;   /* ブロック→内容幅 */
  width:max-content;      /* or fit-content */
  max-width:100%;         /* すごく長い時の保険 */
  margin:0;
  margin-top:0.5rem;                      /* 日付の縦位置の微調整（任意） */
}
	
/* スマホだけ：日付の margin-top を必ず 0 にする */
@media (max-width: 575.98px){
  #main article > header .meta li:first-child a.post-date,
  #main article > header a.post-date,
  #main article > header .post-date{
    margin-top: 0 !important;
    margin-bottom: 0 !important; /* 念のため */
    line-height: 1;               /* 高さ詰め（任意） */
    display: inline !important;   /* 以前 block/inline-block を無効化（任意） */
  }
}



/* ===== 2行目：カテゴリ（右寄せで折り返しOK） ===== */
#main article > header .meta-date .post-cats{
  display:flex;           /* inline-flex でなく普通の flex でOK */
  flex-wrap:wrap;
  gap:.4rem;
  justify-content:flex-end;
  width:100%;             /* 右カラムいっぱいを使って折返す */
}

.cat-badge{
  display:inline-block;
  padding:0.3rem .6rem;
  border-radius:9999px;
  background:#FFF18B;
  border:none;
  font-size:.8rem;
  line-height:1;
  text-decoration:none;
  white-space:nowrap;     /* バッジの“中”では改行しない（外すなら normal） */
	margin-bottom:10px;
}

/* ===== スマホ（任意） ===== */
@media (max-width: 575.98px){
  #main article > header{
    flex-direction:column;
    align-items:stretch;
  }
  #main article > header .meta-date{
    flex:0 0 auto;        /* 幅の固定を解除 */
    max-width:none;
    align-items:flex-end;
  }
}

/* 右カラムを行内で使い切る */
#main article > header .meta-date .meta{
  width:100%;
  display:flex;            /* 右寄せ維持用（任意） */
  justify-content:flex-end;
}

/* 日付の li を右カラム幅いっぱいに */
#main article > header .meta li:first-child{ width:100%; }

/* 折り返しても右端に揃える本体はココ（リンクをブロック化＋右寄せ） */
#main article > header .meta li:first-child a{
  display:block;
  text-align:right;
}
	
	/* 日付リンクの高さだけ詰める（横位置は現状のまま） */
#main article > header .meta li:first-child a{
  display:inline-block;   /* ブロック化をやめて内容幅に */
  padding:0;              /* 余計な上下余白を除去 */
  line-height:1;          /* 高さを文字にフィット */
}

/* list-inline の上下だけ消す（左右は触らない＝位置がズレない） */
#main article > header .meta.list-inline > li{
  padding-top:0;
  padding-bottom:0;
}

@media (max-width: 575.98px){
  #main .post_content{ margin: 0 !important; }
}


@media (max-width: 781px){
  /* 通常の本文画像 */
  .post_content img{
    display:block;
    margin: 0 auto 1rem;   /* 下に少し余白 */
    height:auto;
  }

  /* 旧来の .alignleft / .alignright をスマホで中央化 */
  .post_content img.alignleft,
  .post_content img.alignright,
  .post_content .alignleft img,
  .post_content .alignright img{
    float:none !important;
    margin: 0 auto 1rem !important;
  }

  /* キャプション付き画像 */
  .post_content figure.wp-caption,
  .post_content .wp-caption{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
  }
}

/* 記事本文内：指定した段落のリンクだけホバーで青＋下線 */
.has-text-align-center a:hover,
.has-text-align-center a:focus-visible {
  color: #0071b9;                  /* 文字色 */
  text-decoration-line: underline; /* 下線を付ける */
  text-decoration-color: currentColor; /* 下線色=文字色 */
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}



/* ＋を隠して、擬似要素で → を重ねる */
/* ＋は消して、丸は維持、上に → を重ねる */
.cta-recruit .cta-dot{
  position: relative;
  display: inline-grid;
  place-items: center;

  /* ★ em をやめて rem/px にする（font-size:0の影響を受けない） */
  width: 1.8rem;          /* 例: 28～32px 相当に調整 */
  height: 1.8rem;

  font-size: 0;           /* 中の「＋」だけ不可視に */
  border-radius: 50%;


  /* 二重リングが必要なら（任意） */
  box-shadow:
    0 0 0 4px #fff,       /* 内側の白リング */
    0 0 0 6px #109d78;    /* 外側の緑リング */

	transform: translateY(1.5rem); 
}

/* 矢印を丸の中央に表示 */
.cta-recruit .cta-dot::before{
  content: "→";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;

  /* ★親の font-size:0 を上書きして明示 */
  font-size: 1.1rem;
  line-height: 1;
  color: #E1CA4A;
  z-index: 1;
font-weight: 900;  
	

}


/* ===== 横並びページャー（背景ボックスつき） ===== */
.sb-pagination { margin: 24px 0; }

/* 背景ボックス（横並び） */
.sb-pagination .page-numbers{
  display: flex !important;              /* 横並びに */
  flex-wrap: wrap;                        /* 足りなければ折り返し */
  justify-content: center;
  align-items: center;
  gap: .5rem;
  padding: .75rem;
  margin: 0;
  list-style: none !important;
  border-radius: 14px;
}

/* li の余白リセット */
.sb-pagination .page-numbers li{
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 各アイテム（横並びボタン） */
.sb-pagination a.page-numbers,
.sb-pagination span.page-numbers{
  display: inline-block;
  min-width: 2.25rem;
  height: 40px;
  line-height: 40px;
  padding: 0 .9rem;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: #fff;
  color: #333;
  text-decoration: none;
  text-align: center;
}

/* 現在ページ */
.sb-pagination span.current{
  background: #94C74C;
  color: #fff;
  border-color: transparent;
  font-weight: 700;
}

/* 省略記号（…）はボタン風にしない */
.sb-pagination .page-numbers .dots,
.sb-pagination span.dots{
  background: transparent;
  border: 0;
  min-width: auto;
  height: auto;
  line-height: 1;
  padding: 0 .25rem;
  color: #666;
}

/* ホバー & フォーカス */
.sb-pagination a.page-numbers:hover{ background: #f6f6f6; }
.sb-pagination a.page-numbers:focus{
  outline: 2px solid #8cc63e;            /* ピルと同色の緑 */
  outline-offset: 2px;
}

/* スマホ最適化 */
@media (max-width: 575.98px){
  .sb-pagination a.page-numbers,
  .sb-pagination span.page-numbers{
    min-width: 2rem;
    height: 44px;
    line-height: 44px;
    padding: 0 .7rem;
  }
}

/**/
#main{order:1;}
#secondary{order:2;}

@media (max-width: 689px) {
  body.home #main {
    display: block;
  }

  body.home #main article {
    width: 100% !important;
    margin: 0 auto 29px !important;
  }
}


/*ここまで*/

/*0708変更：ホーム／アーカイブ一覧をPCだけ3カラム */
/* ▼ 日々の出来事トップ：記事カード3カラム */
@media (min-width: 690px) {
  body.home #main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 18px;
  }

  body.home #main > article {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 36px) / 3);
    max-width: calc((100% - 36px) / 3);
    margin: 0 0 24px;
  }
}

/* ▼ アーカイブ一覧：記事カード3カラム */
@media (min-width: 690px) {
  body.archive #main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
    gap: 18px;
  }

  body.archive #main > article {
    box-sizing: border-box;
    flex: 0 0 calc((100% - 36px) / 3);
    max-width: calc((100% - 36px) / 3);
    margin: 0 0 24px;
  }
}

/*0209追記*/
@media (min-width: 690px) {
  body.search #main {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    justify-content: flex-start;
  }

  body.search #main > header.article-header-wrap {
    flex: 0 0 100%;
    width: 100%;
    margin-bottom: 1.5rem;
  }

  body.search #main > article {
    box-sizing: border-box;
    flex: 0 0 48%;
    max-width: 48%;
    margin: 0 1% 29px;
  }
}
body.search #main article.block > header {
  display: block;
}

/**/

/* 一覧では本文（テキスト・表・カラムなど）を丸ごと非表示 */
body.home #main article .post_content,
body.archive #main article .post_content,
body.search #main article .post_content
{
  display: none;
}

/* 一覧用サムネイル：アイキャッチだけを使う */
body.home #main article .featured-image img,body.archive #main article .featured-image img, body.search #main article .featured-image img{
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;     
  object-fit: cover;
  border-radius: 12px;
}

/* PC〜タブレットで、タイトルの高さをそろえる */
@media (min-width: 768px) {
  body.home #main article.block > header .article-header, body.archive #main article.block > header .article-header,body.search #main article.block > header .article-header{
min-height: 7.5em;
    display: flex;
    align-items: flex-start;
  }

  /* タグ＋日付の行を枠の下側に寄せる */
  body.home #main article.block .post-header-top,body.archive #main article.block .post-header-top,body.search #main article.block > header .article-header {
    margin-top: auto;
  }
}
/*ここまで*/
	
	/* 絞り込みサマリの下の余白を少しだけにする */
.filter-summary {
  margin-bottom: 0.75rem;  /* お好みで 0 ～ 1rem くらいまで調整可 */
}

/* 絞り込みサマリの直後に来る最初の記事カードの上マージンをゼロにする */
.archive .filter-summary + article.block {
  margin-top: 0;
}


	.filter-summary{
font-size:1.75rem;
		font-weight:bold;
	}

@media (max-width: 575.98px){
		.filter-summary{
font-size:1rem;
		font-weight:bold;
	}}
	
	.filter-summary__value {
  display: inline;       /* ブロック要素をやめてインラインに */
  flex: 0 0 auto;        /* 親がdisplay:flexでも広がらないように */
  padding: 0;            /* 余白がいらなければゼロにする */
  margin: 0 0 0 .25em;   /* ラベルとの間だけ少し空ける（お好み） */
}

/*日々の出来事　ページネーション*/
.sb-pagination .page-numbers.current {
  background-color: #8fbf60;
  color: #fff;
  border-color: #8fbf60;
  font-weight: 700;
}

.sb-pagination .page-numbers.current:hover {
  background-color: #8fbf60;
  color: #fff;
  cursor: default;
}

/* ▼ 矢印をおおきくする */
a.page-arrow-link{

  font-size: 2rem;      /* ← 矢印を大きく（1.8〜2.2remくらいで好み調整） */
  font-weight: 700;     /* 太字 */
  padding: 0 14px;      /* 左右の余白 少し広め */
  line-height: 40px;    /* 数字ボタンの高さに合わせる用・必要に応じて調整 */

}

/* ▼ hover（色だけ変える） */
.sb-pagination .page-arrow-link:hover {
  color: #0071b9;
  background: transparent !important;
  cursor: pointer;
}



/*#main article .post_content img {
  width: 100%;
  height: 200px;      
  object-fit: cover;
  object-position: center;
}*/


/* まず featured-image 周りをちゃんと「箱」にする 
article.block .featured-image {
  display: block;
  width: 100%;

}

article.block .featured-image a {
  display: block;
}
*/
/* 画像が 0x0 にならないようにサイズを明示 
article.block .featured-image img {
  display: block;
  width: 100% !important;   
  height: auto !important;  
  max-width: 100%;
}*/

/* タイトル直下：タグ（左）＋ 日付（右）をきれいに並べる */
#main article .post-header-top {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  column-gap: .5rem;
  row-gap: .25rem;
  flex-wrap: wrap;          /* 幅が足りなければ2行に折り返し */
}

/* タグ側（左） */
#main article .post-header-top .post-cats {
  flex: 1 1 auto;
  min-width: 0;
}

/* 日付側（右） */
#main article .post-header-top .meta {
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 日付リンクの見た目 */
#main article .post-header-top .post-date {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;   /* 日付は1行でOK */
}

/* ===== 日々の出来事トップ：カードのヘッダーをシンプルに整える ===== */
/* 一覧カードでは header を普通のブロック要素に戻す */
body.home #main article.block > header,
body.archive #main article.block > header,
body.search #main article.block > header
 {
  display: block;              
}

/* PC〜タブレット：タイトル行の高さをそろえる */
@media (min-width: 768px) {
  body.home #main article.block .article-header,
  body.archive #main article.block .article-header,
body.search #main article.block .article-header
 {
    min-height: 4.5em;
    display: block;
  }

  /* タグ＋日付行の自動マージンを無効化 */
  body.home #main article.block .post-header-top,
  body.archive #main article.block .post-header-top,
	body.search #main article.block .post-header-top {
    margin-top: 0;
  }
}

body.home #main article.block .post-header-top,
  body.archive #main article.block .post-header-top,
body.search #main article.block .post-header-top
 {
    margin-top: 0;
	margin-bottom:20px;
  }

/* 一覧（ホーム＋アーカイブ）だけカテゴリ名を省略表示にする */
body.home #main article .post-header-top,
body.archive #main article .post-header-top,
body.search #main article .post-header-top {
  display: flex;
  align-items: center;
  justify-content: space-between; 
  column-gap: .5rem;
  row-gap: .25rem;
  flex-wrap: wrap;          
}

/* カテゴリ側：中身の幅だけ＋必要なら縮む */
body.home #main article .post-header-top .post-cats,
body.archive #main article .post-header-top .post-cats,
body.search #main article .post-header-top .post-cats {
  flex: 0 0 auto;
  min-width: 0;
}

/* 日付側：右端に寄せる */
body.home #main article .post-header-top .meta,
body.archive #main article .post-header-top .meta,
 body.search #main article .post-header-top .meta{
  flex: 0 0 auto;
  margin-left: auto;
}

/* 両方ともアイテムをフレックスに */
body.home #main article .post-header-top .post-cats,
body.home #main article .post-header-top .meta,
body.archive #main article .post-header-top .post-cats,
body.archive #main article .post-header-top .meta,
body.search #main article .post-header-top .post-cats,
body.search #main article .post-header-top .meta {
  display: flex;
  align-items: center;
}

/* バッジ本体：横いっぱいにせず、長いときだけ「…」 */
body.home #main article .post-header-top .cat-badge,
body.archive #main article .post-header-top .cat-badge,
body.search #main article .post-header-top .cat-badge {
  display: inline-block;
  max-width: 11em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*ナビゲーション*/
/* 投稿の前後ナビを左右に配置 
nav[aria-label="Post navigation"]{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 1.5rem; 
}

nav[aria-label="Post navigation"] .pull-left,
nav[aria-label="Post navigation"] .pull-right{
  float: none;   
  width: auto;
}

nav[aria-label="Post navigation"] .pull-right{
  margin-left: auto;
  text-align: right;
}*/

/* 前後ナビ：カード型 */
.post-nav-cards{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 0;
  border-top: 1px solid rgba(0,0,0,.08);
  border-bottom: 1px solid rgba(0,0,0,.08);
}

/* 片側が無いときのスペーサー */
.post-nav-spacer{
  flex: 1;
}

/* カード */
.post-nav-card{
  flex: 1;
  display: flex;
  align-items: center;
  gap: 12px;
  text-decoration: none;
  padding: 10px 12px;
  border-radius: 12px;
  min-width: 0; /* 長文対策 */
}

.post-nav-card:hover{
  background: rgba(0,0,0,.03);
}

.post-nav-card.is-next{
  justify-content: flex-end;
  text-align: right;
}

/* 矢印 */
.post-nav-arrow{
  font-size: 26px;
  line-height: 1;
  opacity: .65;
}

/* サムネ */
.post-nav-thumb{
  width: 56px;
  height: 56px;
  border-radius: 10px;
  object-fit: cover;
  display: block;
}

/* サムネ無しの代替 */
.post-nav-thumb.is-placeholder{
  width: 56px;
  height: 56px;
  border-radius: 10px;
  background: rgba(0,0,0,.08);
  display: block;
}

/* タイトル（1行で省略） */
.post-nav-title{
font-size: 16px;
font-weight: 600; 
color: inherit;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
}

/* 右側（次へ）でもテキスト箱が縮むように */
.post-nav-card.is-next .post-nav-text{
  flex: 1 1 auto;
  min-width: 0;
}

/* タイトルが実際に縮む幅を持つように */
.post-nav-card.is-next .post-nav-title{
  max-width: 100%;
}


.post-nav-card.is-next .post-nav-text{
  align-items: flex-end;
  text-align: right;
}
/* テキストは縦積み（前/次 → タイトル）にする */
.post-nav-text{
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}

/* 緑の小見出し */
.post-nav-kicker{
  font-size: 13px;
  font-weight: 700;
  color: #109d78;
  line-height: 1.1;
}

/* タイトルの行高だけ補足（既存と被るので追加だけ） */
.post-nav-title{
  line-height: 1.2;
}

/* 次の記事側だけ右揃え（カード全体じゃなくテキスト塊に効かせる） */
.post-nav-card.is-next .post-nav-text{
  align-items: flex-end;
  text-align: right;
}
/* 中央の縦線 */
.post-nav-cards{
  position: relative; /* ←疑似要素の基準 */
}

.post-nav-cards::before{
  content:"";
  position: absolute;
  left: 50%;
  top: 12px;
  bottom: 12px;
  width: 1px;
  background: rgba(0,0,0,.12);
  transform: translateX(-0.5px);
  pointer-events: none;
}
@media (max-width: 576px){
  .post-nav-cards::before{ display:none; }
}

/* ==================================================
   0708 日々の出来事：一覧レイアウト
================================================== */

/* 全体幅 */
body.archive .archive-container {
  width: min(100% - 48px, 1400px);
  max-width: 1400px;
  margin-inline: auto;
}

/* PC：記事一覧＋右サイドバー */
@media (min-width: 992px) {
  body.archive .archive-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 40px;
  }

  /* 記事一覧側 */
  body.archive .archive-main {
    flex: 1 1 auto;
    min-width: 0;
    width: calc(100% - 340px);
  }

  /* 右サイドバー */
  body.archive .archive-layout > #secondary,
  body.archive .archive-layout > .sidebar,
  body.archive .archive-layout > .col-md-4,
  body.archive .archive-layout > .col-lg-3 {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
  }
}


/* タブレット以下 */
@media (max-width: 991.98px) {
  body.archive .archive-container {
    width: min(100% - 32px, 900px);
  }

  body.archive .archive-main {
    width: 100%;
  }
}

/* 一覧カード外形 */
body.home #main > article.block,
body.archive #main > article.block {
  max-width: none;
  padding: 0;
  overflow: hidden;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.05);

  margin-bottom: 24px;
}


body.home #main > .sb-pagination,
body.archive #main > .sb-pagination {
  flex: 0 0 100%;
  width: 100%;
  margin: 24px 0 0;
}

/* ==================================================
   日々の出来事トップ：全体レイアウト
================================================== */

/* 全体幅を広げる */
body.home .home-container {
  width: min(100% - 48px, 1400px);
  max-width: 1400px;
  margin-inline: auto;
 margin-top: clamp(24px, 3.5vw, 50px);
}

/* PC：記事一覧＋右サイドバー */
@media (min-width: 992px) {
  body.home .home-layout {
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    gap: 40px;
  }

  /* 記事一覧側 */
  body.home .home-main {
    flex: 1 1 auto;
    min-width: 0;
    width: calc(100% - 340px);
  }

  /* 右サイドバー */
  body.home .home-layout > #secondary,
  body.home .home-layout > .sidebar,
  body.home .home-layout > .col-md-4,
  body.home .home-layout > .col-lg-3 {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
  }
}


/* タブレット以下 */
@media (max-width: 991.98px) {
  body.home .home-container {
    width: min(100% - 32px, 900px);
  }

  body.home .home-main {
    width: 100%;
  }
}
/* ==================================================
   日々の出来事：新カードデザイン
================================================== */


/* ---------------------------------
   カード本体
--------------------------------- */

body.home #main > article.event-card,
body.archive #main > article.event-card {
  display: flex;
  flex-direction: column;

  max-width: none;
  min-width: 0;

  padding: 0;
  margin: 0 0 24px;

  overflow: hidden;

  border-radius: 14px;
  background: #fff;

  border: 1px solid rgba(0, 0, 0, 0.08);

  box-shadow:
    0 4px 14px rgba(0, 0, 0, 0.05);
}


/* ---------------------------------
   カードヘッダー
--------------------------------- */

body.home #main > article.event-card > .event-card__header,
body.archive #main > article.event-card > .event-card__header {
  position: relative;

  display: flex !important;
  flex-direction: column;

  align-items: stretch;

  gap: 0;

  width: 100%;
  height: 100%;
}


/* ---------------------------------
   画像エリア
--------------------------------- */

body.home .event-card__media,
body.archive .event-card__media {
  position: relative;

  width: 100%;
  aspect-ratio: 16 / 9;

  overflow: hidden;

  background: #eee;
}


/* 画像リンク */
body.home .event-card__image-link,
body.archive .event-card__image-link {
  display: block;

  width: 100%;
  height: 100%;
}


/* 画像 */
body.home .event-card__media img,
body.archive .event-card__media img {
  display: block;

  width: 100% !important;
  height: 100% !important;

  max-width: none;

  object-fit: cover;

  border-radius: 0 !important;

  transition: transform 0.35s ease;
}


/* PCホバー */
@media (hover: hover) {
  body.home .event-card:hover .event-card__media img,
  body.archive .event-card:hover .event-card__media img {
    transform: scale(1.025);
  }
}


/* ---------------------------------
   施設バッジ
--------------------------------- */

body.home .event-card__badge,
body.archive .event-card__badge {
  position: absolute;

  top: 10px;
  left: 10px;

  z-index: 2;

  display: inline-flex;
  align-items: center;

  max-width: calc(100% - 20px);

  padding: 5px 11px;

  overflow: hidden;

  border-radius: 999px;

  background: rgba(255, 255, 255, 0.94);

  border: 1px solid #d9e9c5;

  box-shadow:
    0 2px 8px rgba(0, 0, 0, 0.08);

  color: #315c43;

  font-size: 12px;
  line-height: 1.2;
  font-weight: 700;

  white-space: nowrap;
  text-overflow: ellipsis;

  text-decoration: none;
}


/* バッジ hover */
body.home .event-card__badge:hover,
body.archive .event-card__badge:hover {
  color: #109d78;
  background: #fff;
}


/* ---------------------------------
   画像下本文
--------------------------------- */

body.home .event-card__body,
body.archive .event-card__body {
  flex: 1 1 auto;

  padding: 12px 16px 16px;

  background: #fff;
}


/* ---------------------------------
   日付
--------------------------------- */

body.home .event-card__date,
body.archive .event-card__date {
  display: block;

  margin: 0 0 8px;

  padding: 0;

  background: transparent;

  border: 0;
  border-radius: 0;

  color: #31433b;

  font-size: 13px;
  line-height: 1.2;
  font-weight: 500;

  letter-spacing: 0.02em;
}


/* ---------------------------------
   タイトル
--------------------------------- */

body.home .event-card__title,
body.archive .event-card__title {
  margin: 0;
  padding: 0;
  color: #222;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 500;
}


/* タイトルリンク */
body.home .event-card__title a,
body.archive .event-card__title a {
  color: inherit;
  text-decoration: none;
}


/* hover */
body.home .event-card__title a:hover,
body.archive .event-card__title a:hover {
  color: #109d78;
}


/* ---------------------------------
   スマホ
--------------------------------- */

@media (max-width: 689px) {

  body.home .event-card__body,
  body.archive .event-card__body {
    padding: 12px 14px 16px;
  }

  body.home .event-card__title,
  body.archive .event-card__title {
    font-size: 17px;
  }

  body.home .event-card__badge,
  body.archive .event-card__badge {
    top: 8px;
    left: 8px;

    max-width: calc(100% - 16px);
  }
}

/* ==================================================
   日々の出来事：右サイドバー
================================================== */

/* ---------------------------------
   サイドバー全体
--------------------------------- */
.sidebar-right {
  min-width: 0;
}

/* ==================================================
   日々の出来事：
   右サイドバーを1段目の記事カードに揃える
================================================== */
@media (min-width: 992px) {
  body.home .home-layout > #secondary.sidebar-right {
    margin-top: 118px;
  }
}

/* ---------------------------------
   検索
--------------------------------- */

.sidebar-right .sb-searchstyle {
  width: 100%;
  margin: 0 0 10px;
}

.sidebar-right .sb-searchstyle form {
  width: 100%;
}

.sidebar-right .sb-searchstyle .form-control {
  min-height: 44px;
  padding-left: 18px;

  border: 1px solid #e2e2e2;
  border-radius: 14px 0 0 14px;

  background: #fff;

  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.04);
}

.sidebar-right .sb-searchstyle .btn {
  width: 56px;
  min-height: 44px;

  padding: 0;

  border-radius: 0 14px 14px 0;

  background: #109d78 !important;
  border-color: #109d78 !important;

  color: #fff !important;

  box-shadow: none !important;
}


/* ---------------------------------
   絞り込み
--------------------------------- */

.sidebar-right .sb-filter-trigger {
  width: 100%;
  margin: 0 0 14px;
}

.sidebar-right .filter-open-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  width: 100%;
  min-height: 44px;
  padding: 8px 16px;

  border: 1px solid #e2e2e2;
  border-radius: 14px;

  background: #fff;

  color: #109d78;

  font-size: 15px;
  line-height: 1;
  font-weight: 700;

  box-shadow:
    0 3px 12px rgba(0, 0, 0, 0.04);

  cursor: pointer;
}

.sidebar-right .filter-open-btn:hover {
  border-color: #b9ddcf;
  background: #f8fcfa;
}


/* ---------------------------------
   白パネル共通
--------------------------------- */

.sidebar-right .sb-panel {
  width: 100%;

  margin: 0 0 14px;
  padding: 16px;

  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 16px;

  background: #fff;

  box-shadow:
    0 4px 16px rgba(0, 0, 0, 0.05);
}


/* ---------------------------------
   パネル見出し
--------------------------------- */

.sidebar-right .sb-panel-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  padding: 0;
  color: #222;
  font-size: 17px;
  line-height: 1.3;
  text-align: left;
}

.sidebar-right .sb-panel-title i {
  flex: 0 0 auto;
  color: #109d78;
  font-size: 20px;
  line-height: 1;
}

/* ---------------------------------
   施設選択
--------------------------------- */
.sidebar-right .sb-cat-box {
  margin: 0;
}

.sidebar-right .sb-select-wrap {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;

  width: 100%;
  min-height: 44px;
  padding: 0 14px;

  border: 1px solid #ddd;
  border-radius: 10px;

  background: #fff;
  cursor: pointer;
}

.sidebar-right .sb-display {
  color: #333;
  font-size: 14px;
  line-height: 1.2;
}

/* シェブロン：閉じているときは下向き */
.sidebar-right .sb-select-wrap::after {
  content: "";
  flex: 0 0 auto;
  width: 8px;
  height: 8px;
  margin-left: auto;
  border-right: 2px solid #8cc63e;
  border-bottom: 2px solid #8cc63e;
  transform: translateY(-2px) rotate(45deg);
  transform-origin: center;
  transition: transform 0.2s ease;
  pointer-events: none;
}

/* 開いているときは上向き */
.sidebar-right
.sb-select-wrap[aria-expanded="true"]::after {
  transform: translateY(2px) rotate(225deg);
}

/* ---------------------------------
   施設アコーディオン
--------------------------------- */

.sidebar-right .sb-cat-accordion {
  margin: 12px 0 0;
  padding: 12px 0 0;

  border-top: 1px solid #eee;
}

.sidebar-right
.sb-cat-accordion.is-collapsed {
  display: none;
}

.sidebar-right .sb-cat-list {
  margin: 0;
  padding: 0;
}

.sidebar-right .sb-cat {
  margin: 0;

  border-radius: 8px;

  overflow: clip;
}

.sidebar-right .sb-cat-summary {
  display: flex;
  align-items: center;

  gap: 6px;

  min-height: 36px;

  padding: 5px 4px;

  list-style: none;

  cursor: pointer;
}

.sidebar-right
.sb-cat-summary::-webkit-details-marker {
  display: none;
}

.sidebar-right .sb-cat-link {
  flex: 0 1 auto;

  min-width: 0;

  color: #333;

  text-decoration: none;
}

.sidebar-right .sb-cat-link:hover {
  color: #109d78;
}


/* 件数 */
.sidebar-right
.sb-cat-summary > .sb-count {
  margin-left: auto;

  color: #666;

  font-size: 12px;
}


/* カテゴリー矢印 */
.sidebar-right .sb-caret {
  flex: 0 0 auto;

  width: 8px;
  height: 8px;

  margin-left: 2px;

  border-right:
    2px solid #8cc63e;

  border-bottom:
    2px solid #8cc63e;

  transform:
    rotate(-45deg);

  transition:
    transform 0.2s ease;
}

.sidebar-right
.sb-cat[open]
> .sb-cat-summary
.sb-caret {
  transform:
    rotate(45deg);
}


/* 子階層 */
.sidebar-right
.sb-cat
> .sb-cat-list {
  margin-left: 12px;

  padding-left: 10px;

  border-left:
    1px solid #e6e6e6;
}


/* ---------------------------------
   過去の記事
--------------------------------- */

.sidebar-right .sb-archive {
  margin: 0;
}


/* 年同士の区切り */
.sidebar-right
.sb-archive
> details
+ details {
  border-top:
    1px solid #e8e8e8;
}


/* summary 共通 */
.sidebar-right
.sb-year
> summary,

.sidebar-right
.sb-year-group
> summary {
  display: flex;
  align-items: center;

  width: 100%;
  min-height: 44px;

  padding: 0 10px;

  border-radius: 0;

  background: transparent;

  color: #222;

  font-size: 15px;
  line-height: 1.2;
  font-weight: 700;

  list-style: none;

  cursor: pointer;
}

.sidebar-right
.sb-year
> summary::-webkit-details-marker,

.sidebar-right
.sb-year-group
> summary::-webkit-details-marker {
  display: none;
}


/* 開いている年 */
.sidebar-right
.sb-year[open]
> summary {
  border-radius: 8px;

  background:
    linear-gradient(
      90deg,
      #e4f5ad 0%,
      #d7eda1 100%
    );
}


/* 左側三角 */
.sidebar-right
.sb-year
> summary::before,

.sidebar-right
.sb-year-group
> summary::before {
  content: "▶";

  flex: 0 0 auto;

  margin-right: 7px;

  color: #8cc63e;

  font-size: 10px;
  line-height: 1;
}

.sidebar-right
.sb-year[open]
> summary::before,

.sidebar-right
.sb-year-group[open]
> summary::before {
  content: "▼";
}

.sidebar-right
.sb-year[open]
> summary::after,

.sidebar-right
.sb-year-group[open]
> summary::after {
  transform:
    rotate(180deg);
}


/* ---------------------------------
   月一覧
--------------------------------- */

.sidebar-right .sb-months {
  margin: 4px 0 10px;

  padding:
    0 10px
    0 14px;

  list-style: none;
}

.sidebar-right .sb-month {
  display: flex;
  align-items: center;
  justify-content: space-between;

  min-height: 32px;

  margin: 0;
  padding: 4px 0;
}

.sidebar-right .sb-month a {
  color: #333;

  font-size: 14px;

  text-decoration: none;
}

.sidebar-right .sb-month a:hover {
  color: #109d78;
}

.sidebar-right
.sb-month
> .sb-count {
  margin-left: auto;

  color: #666;

  font-size: 13px;
}


/* ---------------------------------
   過去の年
--------------------------------- */

.sidebar-right .sb-past-inner {
  padding:
    6px 0
    8px 12px;
}

.sidebar-right
.sb-past-inner
.sb-year
> summary {
  padding-left: 12px;

  font-size: 14px;
}


/* ---------------------------------
   991px以下
--------------------------------- */

@media (max-width: 991.98px) {

  .sidebar-right .sb-searchstyle,
  .sidebar-right .sb-filter-trigger,
  .sidebar-right .sb-panel {
    max-width: 754px;

    margin-left: auto;
    margin-right: auto;
  }

}
/* ========================================
   絞り込み結果のレイアウト修正
======================================== */

/* 絞り込み条件は1行を占有 */
.filter-summary {
  display: block;
  width: 100%;
  clear: both;
}
/* ==================================================
   日々の出来事：ページ見出し
================================================== */

body.home #main > .news-page-head {
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

/* ===== 0810追記 ===== */
/* ===== 記事詳細ページの全体幅調整 ===== */
@media (min-width: 992px) {
  body.single .container {
    max-width: 1320px !important;
  }
}
/* ===== 記事詳細ページの全体幅調整 ===== */
@media (min-width: 992px) {

  body.single .container {
    max-width: 1320px !important;
  }

  /* 本文 */
  body.single #main {
    flex: 1 1 0;
    max-width: none;
    min-width: 0;
  }

  body.single #main article.block {
    width: 100%;
    max-width: 840px;
    margin-inline: auto;
  }

  /* 右メニュー */
  body.single #secondary.sidebar-right {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  body.single #secondary.sidebar-right {
    margin-top: 100px;
  }
}
/* ===== 0810ここまで ===== */

/* ==================================================
   上へ戻る
   共通サイトと同じSVG二重丸デザイン
================================================== */
.back-to-top {
  position: fixed;
  right: 30px;
  bottom: 30px;

  display: none;
  flex-direction: column;
  align-items: center;

  z-index: 1000;

  color: #111;
  text-decoration: none;
}

/* WordPress側のJSで .show が付いたときに表示 */
.back-to-top.show {
  display: flex;
}

/* 上側が少し開いた二重丸 */
.back-to-top__icon {
  position: relative;
  display: block;

  width: 62px;
  height: 62px;

  color: #109D78;
}

/* SVGで滑らかな円を描画 */
.back-to-top__rings {
  display: block;

  width: 100%;
  height: 100%;

  overflow: visible;
  pointer-events: none;
}

.back-to-top__rings path {
  fill: none;

  stroke: #109D78;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;

  vector-effect: non-scaling-stroke;
  shape-rendering: geometricPrecision;
}

/* ホバー時に中央付近から上へ移動する矢印 */
.back-to-top__arrow {
  position: absolute;

  left: 50%;
  top: 28px;

  width: 2px;
  height: 32px;

  background: #109D78;
  border-radius: 999px;

  opacity: 0;

  transform: translateX(-50%);

  transition:
    top .38s cubic-bezier(.2, .8, .2, 1),
    opacity .16s ease;

  pointer-events: none;
}

/* 矢印の頭 */
.back-to-top__arrow::before {
  content: "";

  position: absolute;

  top: 0;
  left: 50%;

  width: 10px;
  height: 10px;

  border-top: 2px solid #109D78;
  border-left: 2px solid #109D78;

  transform:
    translate(-50%, -1px)
    rotate(45deg);
}

/* 矢印の先端が二重丸の上から約5px出る */
.back-to-top:hover .back-to-top__arrow,
.back-to-top:focus-visible .back-to-top__arrow {
  top: -5px;
  opacity: 1;
}

/* ラベル */
.back-to-top .label {
  display: block;

  margin-top: 6px;

  color: #111;

  font-size: 14px;
  font-weight: 500;
  line-height: 1;

  white-space: nowrap;
}

/* キーボード操作 */
.back-to-top:focus-visible {
  outline: 2px solid #109D78;
  outline-offset: 6px;
  border-radius: 4px;
}

/* スマホ */
@media (max-width: 575.98px) {
  .back-to-top {
    right: 16px;
    bottom: 18px;
  }

  .back-to-top__icon {
    width: 56px;
    height: 56px;
  }

  .back-to-top__arrow {
    top: 25px;
    height: 29px;
  }

  .back-to-top:hover .back-to-top__arrow,
  .back-to-top:focus-visible .back-to-top__arrow {
    top: -5px;
  }

  .back-to-top .label {
    font-size: 13px;
  }
}

/* 動きを減らす設定 */
@media (prefers-reduced-motion: reduce) {
  .back-to-top__arrow {
    transition: none;
  }
}

/*1020追記　実験用*/
/* 特定の記事だけ画像幅を450pxに統一 */
body.postid-7363 .wp-block-image {
  width: min(450px, 100%);
  margin: 0 auto 30px;
}

/* 画像の縦横比を維持 */
body.postid-7363 .wp-block-image img {
  display: block;
  width: 100%;
  height: auto;
}