@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


/* ==============================
   ラ・エール 施設ページ用スタイル
   ============================== */
:root{
	--lae-terracotta: #C1694A;
	--lae-moss: #6E8F6B;
	--lae-beige: #FAF6F1;
	--lae-brown: #3B322C;
}

/* 施設基本情報カード（利用案内） */
.lae-profile-card{
	background: #fff;
	border-radius: 16px;
	padding: 8px 32px;
	max-width: 640px;
	margin: 0 auto;
}
.lae-profile-row{
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 8px 24px;
	padding: 18px 0;
	border-bottom: 1px solid #EFE7DC;
}
.lae-profile-row:last-child{ border-bottom: none; }
.lae-profile-row__label{
	flex: 0 0 120px;
	font-weight: 700;
	color: var(--lae-terracotta);
}
.lae-profile-row__value{ flex: 1 1 300px; }
.lae-map-link{
	display: inline-block;
	margin-left: 8px;
	color: var(--lae-moss);
	text-decoration: underline;
	font-size: 0.9em;
}

/* 空室情報バッジ */
.lae-vacancy-row{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
	justify-content: center;
}
.lae-vacancy-card{
	background: #fff;
	border-radius: 16px;
	padding: 24px;
	width: 272px;
	text-align: center;
}
.lae-vacancy-card__name{
	font-weight: 700;
	font-size: 1.1em;
	margin: 0 0 12px;
	color: var(--lae-brown);
}
.lae-vacancy-badge{
	display: inline-block;
	border-radius: 999px;
	padding: 6px 20px;
	font-weight: 700;
	font-size: 0.95em;
}
.lae-vacancy-badge.is-available{
	background: rgba(110,143,107,0.15);
	color: var(--lae-moss);
}
.lae-vacancy-badge.is-full{
	background: var(--lae-beige);
	color: #9a8f80;
}
.lae-vacancy-card__sub{
	margin: 12px 0 0;
	font-size: 0.9em;
	color: #7a7168;
}
.lae-vacancy-updated{
	text-align: center;
	font-size: 0.85em;
	color: #9a8f80;
	margin-top: 24px;
}

/* 事業所一覧カード（2026-09-13 第51弾：Figma実測（node 49:47）に合わせて再調整。
   カードの角丸・枠線・ラベル色・CTAボタンのスタイルは、トップページのグリッド版
   （.lae-facility-card--grid、node 7:8）と共通のコンポーネントのため、
   ベースのルールを直すとグリッド版にも反映される（Figma上でも両者は同一デザイン）。 */
.lae-facility-list{
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.lae-facility-card{
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	border: 1px solid #e8ded2;
	border-radius: 22px;
	overflow: hidden;
	text-decoration: none;
	color: inherit;
	box-shadow: none;
	transition: box-shadow .2s ease, transform .2s ease;
}
.lae-facility-card:hover{
	box-shadow: 0 6px 20px rgba(59,50,44,0.12);
	transform: translateY(-2px);
}
.lae-facility-card__photo{
	flex: 0 0 372px;
	height: 260px; /* min-heightだけだと高さが不定（auto）のままになり、縦長写真（中村作業所）の場合に
	                   画像自身のアスペクト比で行の高さが決まってしまい、他2施設（横長写真）と高さが
	                   揃わなくなる。heightを固定してobject-fit:coverで縦横どちらの写真も372×260に
	                   統一する（2026-09-13追記）。 */
	background: var(--lae-beige);
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.lae-facility-card__photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.lae-facility-card__noimg{
	color: #b9ab99;
	font-size: 0.9em;
}
.lae-facility-card__body{
	flex: 1 1 320px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding: 36px 40px;
}
.lae-facility-card__label{
	display: block;
	color: #54704f;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.2px;
}
/* SWELLの `.post_content h3{margin:3em 0 2em; font-size:1.1em;}` 等（本文内h3の既定装飾）が
   このカードタイトルにも当たり、上下マージンが大きく開いてしまう（2026-09-13追記）。
   単一クラスセレクタ（詳細度0,1,0）では`.post_content h3`（詳細度0,1,1）に勝てないため!importantで打ち消す。 */
.lae-facility-card__title{
	margin: 0 !important;
	padding: 0 !important;
	font-size: 18px !important;
	font-weight: 700;
	color: var(--lae-brown);
}
/* SWELL既定のh3下線装飾（グラデーションバー）を打ち消す。Figmaのカードタイトルは装飾なしの太字テキストのみ。 */
.lae-facility-card__title::before,
.lae-facility-card__title::after{
	content: none !important;
}
.lae-facility-card__summary{
	margin: 0;
	color: #7a6f64;
	font-size: 13.5px;
	line-height: 1.6;
}
.lae-facility-card__cta{
	display: inline-block;
	align-self: flex-start; /* body側がflex-columnのため、align-items:stretch（既定）でボタンが幅いっぱいに広がってしまうのを防ぐ（2026-09-13追記）。Figmaではボタンはテキスト幅に合わせたピル型。 */
	margin-top: 6px;
	border: 1.5px solid var(--lae-terracotta);
	color: var(--lae-terracotta);
	font-weight: 700;
	border-radius: 999px;
	padding: 14px 30px;
	font-size: 14.5px;
}

/* 見出し共通（本セクション用の簡易スタイル） */
.lae-section-overline{
	display: block;
	color: var(--lae-terracotta);
	font-size: 0.8em;
	font-weight: 700;
	letter-spacing: 0.1em;
	margin-bottom: 4px;
}

/* ==============================
   ラ・エール トップページ用スタイル（2026-09-05追加）
   ============================== */

/* セクション共通の縦余白／背景色バリエーション */
.lae-section{
	padding: 0;
}
.lae-section--white{
	background: #fff;
}

/* CTAボタン（ピル型） */
.wp-block-buttons.lae-btn-wrap{
	margin-top: 24px;
}
.wp-block-button.lae-btn-filled > .wp-block-button__link{
	background: var(--lae-terracotta);
	color: #fff;
	border: 1px solid var(--lae-terracotta);
	border-radius: 999px;
	padding: 14px 32px;
	font-weight: 700;
}
.wp-block-button.lae-btn-filled > .wp-block-button__link:hover{
	background: #a8593d;
	color: #fff;
}
.wp-block-button.lae-btn-outline > .wp-block-button__link{
	background: transparent;
	color: var(--lae-terracotta);
	border: 1px solid var(--lae-terracotta);
	border-radius: 999px;
	padding: 14px 32px;
	font-weight: 700;
}
.wp-block-button.lae-btn-outline > .wp-block-button__link:hover{
	background: var(--lae-terracotta);
	color: #fff;
}

/* お知らせ・新着情報リスト */
.lae-news-list{
	max-width: 760px;
	margin: 0 auto;
}
.lae-news-item{
	display: flex;
	flex-wrap: wrap;
	gap: 8px 24px;
	padding: 16px 0;
	border-bottom: 1px solid #EFE7DC;
	/* 2026-09-12：実際の投稿一覧（recent_newsショートコード）ではaタグとして出力されるため、リンクの既定装飾を解除 */
	text-decoration: none;
	color: inherit;
	transition: opacity .15s ease;
}
.lae-news-item:last-child{
	border-bottom: none;
}
.lae-news-item:hover{
	opacity: 0.7;
}
.lae-news-date{
	flex: 0 0 110px;
	color: #9a8f80;
}
.lae-news-title{
	flex: 1 1 320px;
	color: var(--lae-brown);
}

/* 法人紹介セクション：写真＋テキストの縦センタリング補助 */
.lae-about-text{
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

/* 事業所一覧カード：トップページ用グリッドバリアント（3列・写真上／テキスト下） */
.lae-facility-list.lae-facility-list--grid{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
}
.lae-facility-card.lae-facility-card--grid{
	flex-direction: column;
}
.lae-facility-card.lae-facility-card--grid .lae-facility-card__photo{
	flex: none;
	width: 100%;
	height: 220px;
}
.lae-facility-card.lae-facility-card--grid .lae-facility-card__body{
	padding: 24px;
}

/* ホームページ用：H2見出しをFigma通りの「装飾なしテキスト見出し」に上書き（2026-09-05追加） */
.lae-plain-heading.wp-block-heading{
  background: none !important;
  color: var(--lae-brown) !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 0 8px !important;
  box-shadow: none !important;
}
.lae-plain-heading.wp-block-heading::before,
.lae-plain-heading.wp-block-heading::after{
  content: none !important;
}

/* 年間行事タイムライン（ラ・エール、季節別ドット＋接続線＋写真ギャラリー、2026-09-05追加。2026-09-05にFigma実寸（events-timeline node）に合わせて再調整） */
.lae-events-timeline{
	position: relative;
	max-width: 860px;
	margin: 0 auto 32px;
}
.lae-events-line{
	position: absolute;
	left: 12px;
	top: 11px;
	bottom: 11px;
	width: 2px;
	background: #E8DED2;
}
.lae-events-row{
	position: relative;
	display: flex;
	gap: 16px;
	margin-bottom: 22px;
}
.lae-events-row:last-child{
	margin-bottom: 0;
}
.lae-events-dot-col{
	position: relative;
	flex: 0 0 24px;
	display: flex;
	justify-content: center;
	padding-top: 6px;
}
.lae-events-dot{
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--lae-terracotta);
	display: block;
	position: relative;
	z-index: 1;
}
.lae-events-text-col{ flex: 1; }
.lae-events-season{
	font-size: 15.5px;
	line-height: 22px;
	font-weight: bold;
	color: var(--lae-brown);
	margin: 0 0 2px;
}
.lae-events-desc{
	font-size: 14.5px;
	line-height: 22px;
	color: #7A6F64;
	margin: 0;
}
.lae-events-gallery{
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
	justify-content: center;
	margin: 0 auto 32px;
	max-width: 860px;
}
.lae-events-photo{
	width: calc(25% - 12px);
	min-width: 140px;
	aspect-ratio: 203 / 144;
	border-radius: 12px;
	overflow: hidden;
}
.lae-events-photo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}
.lae-events-footnote{
	text-align: center;
	color: #7A6F64;
	font-size: 0.85em;
	max-width: 860px;
	margin: 0 auto;
}
@media (max-width: 600px){
	.lae-events-photo{
		width: calc(50% - 8px);
	}
}

/* ホームページ：メイン画像・ABOUT画像の角丸（2026-09-06 固定ページ側から移設） */
.mv-img>img{
	border-radius: 20px;
}
.work-about-img>img{
	border-radius: 20px;
}

/* ==============================
   ホームページ（TOPページ）専用：Figma実寸に合わせた余白調整（2026-09-08追加）
   スコープは #body_wrap.page-id-64（Swellのbody classに相当）配下のみに限定し、
   他ページ共通の .lae-section-overline / .lae-plain-heading の見た目には影響しない。
   ============================== */

/* コンテンツ幅：サイト標準の本文幅（900px/実質868px）ではなく、Figma通り1160px相当に拡張 */
.page-id-64 #main_content{
	max-width: 1192px;
}
/* 白背景セクション（.lae-section--white）はサイト全体で画面幅いっぱい（alignfull）に統一（2026-09-10第21弾）。
   内側コンテンツの1160px固定幅は、一部ページで見た目が崩れるとのご指摘により2026-09-10第22弾で一旦削除。
   ブロックエディタの標準alignfull挙動（テーマ既定の本文幅に収まる自然な幅）に任せる。 */

/* セクションの上下余白（Figma実測：全セクション共通で上下72px） */
.lae-section{
	padding: 72px 0;
}

/* オーバーライン→見出しの間隔（Figma実測8px） */
.lae-section .lae-section-overline{
	margin-bottom: 8px;
}

/* 見出し→本体コンテンツの間隔（Figma実測44px：お知らせ一覧／法人紹介カラム／事業所一覧カード） */
.lae-section .lae-plain-heading + .lae-news-list,
.lae-section .lae-plain-heading + .wp-block-columns,
.lae-section .lae-plain-heading + .lae-facility-list{
	margin-top: 44px;
}
/* 2026-09-13修正：第39弾でお知らせ・新着情報にカテゴリータブ（.lae-news-tabs、見出しと.lae-news-listの間に
   新しいラッパーdivとして挿入）を追加した際、上記セレクタ（.lae-plain-heading + .lae-news-list）が
   直後の要素ではなくなってしまい一致しなくなっていた（実際の間隔が見出し自身の8pxマージンのみになり、
   意図した44pxが反映されていなかった）ため、ラッパー要素を対象に追加して復旧。 */
.lae-section .lae-plain-heading + .lae-news-tabs{
	margin-top: 44px;
}
/* 本体コンテンツ→ボタンの間隔（Figma実測44px：お知らせ一覧／事業所一覧） */
.lae-section .lae-news-list + .lae-btn-wrap,
.lae-section .lae-facility-list + .lae-btn-wrap{
	margin-top: 44px;
}
/* 見出し→本文テキスト、本文テキスト→ボタンの間隔（Figma実測いずれも20px：採用情報） */
.lae-section .lae-plain-heading + p.wp-block-paragraph{
	margin-top: 20px;
}
.lae-section p.wp-block-paragraph + .lae-btn-wrap{
	margin-top: 20px;
}
/* 見出し→ボタンの間隔（Figma実測24px：お問い合わせ、既定の.lae-btn-wrapのmargin-topと一致） */

/* HERO：メイン画像→見出しの間隔（Figma実測28px）、見出し→サブタイトルの間隔（Figma実測10px） */
.lae-section .mv-img{
	margin-bottom: 28px;
}
.lae-section .mv-img + .lae-plain-heading.wp-block-heading{
	margin-bottom: 10px !important;
}
/* HERO見出し→サブタイトルは上の.lae-plain-heading + p.wp-block-paragraph（20px）より詳細度を上げて10pxに */
.lae-section .mv-img + .lae-plain-heading + p.wp-block-paragraph{
	margin-top: 10px !important;
}

/* 法人紹介セクション：写真とテキストのカラム間隔（Figma実測48px、コアブロックの初期gapを!importantで上書き） */
.lae-section .wp-block-columns{
	column-gap: 48px !important;
}

/* 事業所一覧グリッド：常に3列を維持したいとのご要望（2026-09-10第23弾）。
   コンテンツ幅は1160px固定指定をやめ、テーマ既定の自然幅（実測900px）に委ねているため、
   900px幅でも3列がぴったり収まるようminmaxの最小値を260pxに調整（(900-28*2)/3≒281px、260pxなら余裕を持って3列）。 */
.lae-facility-list.lae-facility-list--grid{
	grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	gap: 28px;
}

/* ==============================
   法人紹介ページ専用：Figma実寸に合わせた余白調整（2026-09-08追加）
   TOPページと同じ .lae-section / .lae-section-overline / .lae-plain-heading / .lae-btn-wrap の
   仕組みを流用し、コンテンツ幅の拡張のみ .page-id-62 でスコープしている。
   ============================== */

/* コンテンツ幅をTOPページと同じ1160px相当に拡張 */
.page-id-62 #main_content{
	max-width: 1192px;
}

/* 見出し→短文本文の間隔（Figma実測44px：理念・ビジョン／代表挨拶／基本情報・沿革） */
.lae-section .lae-plain-heading + p.lae-narrow,
.lae-section .lae-plain-heading + .lae-col-800{
	margin-top: 44px;
}
/* 情報公開セクションのみ、見出し→説明文の間隔をFigma実測8pxに詰める（他セクションの44pxとは別パターン） */
.lae-section .lae-plain-heading + p.lae-narrow.lae-tight{
	margin-top: 8px !important;
}
/* 説明文→ボタンの間隔（Figma実測24px、既定の.lae-btn-wrapのmargin-topと同値のため上書き不要だが明示） */
.lae-section p.lae-narrow.lae-tight + .lae-btn-wrap{
	margin-top: 24px !important;
}
/* 代表挨拶：引用文→署名の間隔（Figma実測18px） */
.lae-section p.lae-narrow + p.lae-narrow{
	margin-top: 18px;
}

/* 短文本文（理念・ビジョン本文／代表挨拶の引用文・署名／情報公開の説明文）の最大幅をFigma実測に合わせて制限 */
.lae-narrow{
	max-width: 760px;
	margin-left: auto;
	margin-right: auto;
}

/* 基本情報・沿革：本文＋表を800px幅の左寄せカラムとして中央配置（Figma実測） */
.lae-col-800{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
.lae-col-800 h3{
	margin-top: 32px;
}


/* ==============================
   施設詳細ページ（ラ・エール／ビブレ／中村作業所）共通：Figma実寸に合わせた余白・幅調整（2026-09-09追加）
   TOP／法人紹介ページと同じ .lae-section / .lae-section-overline / .lae-plain-heading の仕組みを流用。
   3ページとも構造・見出し文言・掲載内容の追加や並び替えは行わず、余白・幅はみをFigma実測に合わせている。
   ============================== */

/* コンテンツ幅をTOP／法人紹介ページと同じ1160px相当に拡張 */
.page-id-23 #main_content,
.page-id-25 #main_content,
.page-id-27 #main_content{
	max-width: 1192px;
}

/* 見出し→本体コンテンツの間隔：既定値はFigma実測32px（基本方針・自主製品／事業所概要／設備紹介／利用案内／年間行事／見学・実習について 等） */
.page-id-23 .lae-plain-heading + *,
.page-id-25 .lae-plain-heading + *,
.page-id-27 .lae-plain-heading + *{
	margin-top: 32px;
}
/* 例外1：概要セクション（写真＋テキスト2カラム）内の見出し→本文はFigma実測12px */
.lae-plain-heading.lae-gap-12 + *{
	margin-top: 12px !important;
}
/* 例外2：1日の流れセクションは見出し直下からタイムラインが始まる（Figma実測0px） */
.lae-plain-heading.lae-gap-0 + *{
	margin-top: 0 !important;
}
/* 例外3：写真ギャラリー・空室情報セクションはFigma実測40px */
.lae-plain-heading.lae-gap-40 + *{
	margin-top: 40px !important;
}

/* 概要セクション：写真とテキストを2カラムで左右配置（Figma実測：写真500px／テキスト612px／間隔48px、縦方向は中央揃え） */
.lae-overview-row.wp-block-columns{
	align-items: center;
}
.lae-overview-photo-img{
	margin: 0;
}
.lae-overview-photo-img img{
	width: 100%;
	aspect-ratio: 500 / 388;
	object-fit: cover;
	border-radius: 20px;
	display: block;
}

/* 基本方針・自主製品／事業所概要などの長文セクション：本文を860px幅の中央カラムに制限（Figma実測） */
.lae-col-860{
	max-width: 860px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

/* 施設基本情報（利用案内）／見学・実習についてセクション：640px幅の中央カラムに制限（Figma実測） */
.lae-narrow-640 > .wp-block-group__inner-container{
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
}


/* ==============================
   ビブレ（post 25）：設備紹介／1日の流れ／写真ギャラリー／年間行事セクションの画像を
   Figma実測の表示サイズに固定（2026-09-09追加、第13弾）。
   画像ファイル自体はGoogleドライブの高画質版に差し替え済み（元写真の縦横比は個々にバラバラなため、
   object-fit:coverでFigma実測の枠に合わせてトリミング表示する。ファイル名は差し替え後も
   同一のため、ブロック側のurl/idは変更していない。
   ============================== */

/* 年間行事：カード内画像はFigma実測272×160（設備紹介は下記.lae-equip-card専用CSSに分離） */
.page-id-25 img[src*="vivre-event-"]{
	width: 100%;
	aspect-ratio: 272 / 160;
	object-fit: cover;
	display: block;
}

/* ==============================
   ビブレ「設備紹介」：Figmaのカードコンポーネント（node 4092:9）に正確に合わせて再構築
   （白背景＋枠線＋角丸14pxのカード全体、画像272×160＋テキスト2行、4列×3段グリッド）。
   2026-09-11、ユーザーご指摘により専用のブロック構造＋CSSで実装し直し。
   ============================== */

.page-id-25 .lae-equip-grid > .wp-block-group__inner-container{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 24px;
	width: 1160px;
	max-width: 1160px;
	margin-left: calc((900px - 1160px) / 2);
}

.page-id-25 .lae-equip-card{
	width: 272px;
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 14px;
	overflow: hidden;
	/* SWELLテーマの既定ルール（.wp-block-group__inner-container > *{margin-bottom:1em}）が
	   グリッド内の各カード（wp-block-groupの直接の子）にも margin-bottom:16px を付与してしまい、
	   最後のカード（居室）だけmargin-bottom:0の別ルールで相殺されるため、flexのstretch計算に伴って
	   カードごとに高さ・下余白がバラついていた（ご指摘により2026-09-11追加）。
	   グリッド間隔はgapで統一しているため、ここでmarginを明示的に0にリセットする。 */
	margin: 0;
}
.page-id-25 .lae-equip-card .wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
	/* SWELLテーマの「.post_content div > :last-child{margin-bottom:0 !important}」が
	   カード内最後の要素（品名テキスト）のmargin-bottomを強制的に0にしてしまうため、
	   margin-bottomではなくこちらのpadding-bottomで下余白を確保する（2026-09-11追加、
	   ユーザーより「居室の下余白がちょうどいい、他も合わせて」とのご指摘） */
	padding-bottom: 16px;
}

.page-id-25 .lae-equip-card-img{
	margin: 0;
}
.page-id-25 .lae-equip-card-img img{
	width: 100%;
	aspect-ratio: 272 / 160;
	object-fit: cover;
	display: block;
}

.page-id-25 .lae-equip-card-category{
	margin: 16px 16px 4px 16px;
	color: #54704f;
	font-size: 12px;
	line-height: 1.4;
}
.page-id-25 .lae-equip-card-name{
	margin: 0 16px 0 16px;
	color: #3b322c;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.4;
}

/* 1日の流れ：タイムライン上のサムネイルはFigma実測110×70 */
.page-id-25 img[src*="vivre-flow-"]{
	width: 100%;
	aspect-ratio: 110 / 70;
	object-fit: cover;
	display: block;
}

/* 写真ギャラリー：グリッド画像はFigma実測260×200 */
.page-id-25 img[src*="vivre-gallery-"]{
	width: 100%;
	aspect-ratio: 260 / 200;
	object-fit: cover;
	display: block;
}


/* ==============================
   中村作業所（post 27）：年間行事・レクリエーション紹介／1日の流れ／写真セクションの画像を
   Figma実測の表示サイズに固定（2026-09-09追加、第13弾）。
   画像ファイルはGoogleドライブの高画質版に差し替え済み（ビブレと同じ方針）。ファイル名は
   差し替え後も同一のため、ブロック側のurl/idは変更していない。
   ============================== */

/* 年間行事・レクリエーション紹介：カード内画像はFigma実測272×160（ビブレの設備紹介／年間行事と同一実測） */
.page-id-27 img[src*="nakamura-event-"]{
	width: 100%;
	aspect-ratio: 272 / 160;
	object-fit: cover;
	display: block;
}

/* 1日の流れ：タイムライン上のサムネイルはFigma実測110×70 */
.page-id-27 img[src*="nakamura-flow-"]{
	width: 100%;
	aspect-ratio: 110 / 70;
	object-fit: cover;
	display: block;
}

/* 写真：グリッド画像はFigma実測260×200 */
.page-id-27 img[src*="nakamura-gallery-"]{
	width: 100%;
	aspect-ratio: 260 / 200;
	object-fit: cover;
	display: block;
}


/* ==============================
   ラ・エール（post 23）：1日の流れセクションの画像をFigma実測の表示サイズに固定
   （2026-09-09追加、第15弾）。画像ファイルはGoogleドライブ提供のパンフレット
   （ラ・エール パンフレット（R08年版）.doc）埋め込み画像の高画質版に差し替え済み。
   ファイル名は差し替え後も同一のため、ブロック側のurl/idは変更していない。
   概要セクションの建物写真は、ドライブ内に同一カットの高画質版が見つからなかったため
   今回は対象外（現状ファイルのまま）。年間行事の季節別写真（media 77-80）も
   施設責任者が個別選定したもののため対象外。
   ============================== */
.page-id-23 img[src*="laaile-flow-"]{
	width: 100%;
	aspect-ratio: 110 / 70;
	object-fit: cover;
	display: block;
}

/* ==============================
   下層ページのページタイトル（.c-pageTitle）に背景色を追加し、見出しをcenter配置に
   （2026-09-10、第16弾）。固定ページのアイキャッチ画像＋「コンテンツ上」モードでの
   代替案も検証したが、Swell本体側のドットテクスチャ＋暗色オーバーレイ（.c-filterLayer）
   により指定色が濁ってしまい、文字色も白固定のため軽い背景色では視認性が悪化することを
   確認。そのためカスタムCSS方式を正式採用として再度有効化した。
   Swellの固定ページ共通テンプレート要素が対象のため、カスタム制作した事業所ページを
   含め、サイト全体の下層ページに一括で適用される。
   ============================== */
.c-pageTitle{
	background-color: #F3ECE3;
	text-align: center;
	padding: 40px 24px;
}
/* .c-pageTitle__inner はデフォルトで float:left（幅shrink-to-fit）のため、
   親のtext-align:centerだけでは中央寄せされない。テーマ本体側のセレクタ
   （.c-pageTitle[data-style="b_bottom"] .c-pageTitle__inner）より詳細度が
   低く上書きできないため、!importantでfloat解除して中央寄せする。 */
.c-pageTitle__inner{
	float: none !important;
	display: inline-block !important;
}

/* ==============================
   下層ページのページタイトル（.c-pageTitle）を全幅化＋サブタイトル表記を追加
   （2026-09-10、第17弾）。Figma最終ファイル（rKDNHhfziaoIlzoiz4lOdY）で
   タイトル部分のHeroフレームが1440px＝ビューポート全幅で設計されていたため、
   従来の約900px幅（コンテンツ列幅）から全幅バンドに変更。
   全幅化はwidth:100vw + left:50% + margin-left:-50vwによる定番のfull-bleed手法。

   サブタイトルは、Swell本体が持つ既存の仕組み（固定ページ編集画面サイドの
   「サブタイトル」欄＝post meta「swell_meta_subttl」）をそのまま利用（PHP側の
   新規実装は不要）。ただし親テーマのデフォルト出力はタイトルと同じ行に
   「– サブタイトル –」という前後ダッシュ付きインラインテキストで挿入される仕様
   （lib/pluggable_parts/page_parts.php）のため、Figmaの「タイトル下に独立した
   行・ダッシュなし」という見た目とは異なる。ダッシュ自体はCSSでは除去できない
   （PHP側の固定文字列のため）ので、子テーマfunctions.phpにswl_parts__page_title()
   のオーバーライド関数を追加し、ダッシュを外した（構造・他の挙動は親テーマと同一、
   Swellのfunction_exists()による正規の上書きの仕組みを利用）。

   本文（overlineラベル、例：FACILITY 01／FACILITIES／RECRUIT）はFigmaにはあるが
   今回のユーザー依頼は「サブタイトル表記の追加」のみだったため、あえて追加していない。

   サブタイトルの文字色・サイズ（#7A6F64・15px）およびタイトル→サブタイトル間の
   余白は、Figmaの実測値から転記。Figma上でフレームの作り方が2パターンに分かれており
   （事業所一覧・法人紹介＝上56px/下64pxの非対称パディング・間隔14px、
   採用情報・お問い合わせ＝上下56pxの対称パディング・間隔8px）、他の下層ページ
   （施設詳細3ページ等、サブタイトルなし）も上下56px対称だったため、
   「上下56px対称・間隔8px」を基本値とし、事業所一覧・法人紹介の2ページのみ
   page-id指定で上記の非対称値に個別上書きしている。
   ============================== */
.c-pageTitle{
	width: 100vw;
	position: relative;
	left: 50%;
	margin-left: -50vw;
	padding: 56px 24px;
}
.c-pageTitle__subTitle{
	display: block;
	margin-left: 0;
	margin-top: 8px;
	font-style: normal;
	font-size: 15px;
	color: #7A6F64;
	letter-spacing: normal;
	opacity: 1;
	position: static;
}
/* 事業所一覧（post 21）・法人紹介（post 62）：Figma上のみ上下非対称パディング＋間隔14px */
.page-id-21 .c-pageTitle,
.page-id-62 .c-pageTitle{
	padding-top: 56px;
	padding-bottom: 64px;
}
.page-id-21 .c-pageTitle__subTitle,
.page-id-62 .c-pageTitle__subTitle{
	margin-top: 14px;
}

/* ==============================
   下層ページのページタイトル：オーバーラインラベルの追加＋
   タイトルブロック直後の余白をFigma実測値に調整
   （2026-09-10、第18弾）。
   ============================== */

/* オーバーラインラベル（例：FACILITIES／FACILITY 01）。
   Figma実測：Zen Maru Gothic Bold・12px・字間2.16px・色#54704F。
   タイトルとの間隔は、サブタイトルとの間隔と同じ考え方（基本8px、
   事業所一覧・法人紹介の2ページのみ14px）。 */
.c-pageTitle__overline{
	display: block;
	font-weight: 700;
	font-size: 12px;
	letter-spacing: 2.16px;
	color: #54704F;
	margin-bottom: 8px;
}
.page-id-21 .c-pageTitle__overline,
.page-id-62 .c-pageTitle__overline{
	margin-bottom: 14px;
}

/* タイトルブロック（.c-pageTitle）直後の余白がFigmaと異なっていたため調整。
   Swell本体のデフォルトでは.post_content側に一律margin-top:64pxが付くが、
   本文が.lae-section（第10〜12弾で導入、上下72pxパディング持ち）から始まる
   ページ（ラ・エール／ビブレ／中村作業所／法人紹介）では、.post_contentの
   64pxと.lae-sectionの72pxが二重に加算され、Figma実測（72px）よりかなり
   広い余白（136px）になっていた。
   本文が[facility_list]ショートコードやCF7フォーム等、上パディングを
   持たないブロックから始まるページ（事業所一覧／採用情報／お問い合わせ）は
   逆に64pxとFigma実測（72px）より8px狭かった。
   そのため.post_content側の余白を基本72pxに統一し、.lae-sectionが
   自前で72pxを持つ4ページのみ0にリセットする形にした。 */
.c-pageTitle + .post_content{
	margin-top: 72px;
}
.page-id-23 .c-pageTitle + .post_content,
.page-id-25 .c-pageTitle + .post_content,
.page-id-27 .c-pageTitle + .post_content,
.page-id-62 .c-pageTitle + .post_content{
	margin-top: 0;
}

/* ==============================
   .l-content（ヘッダー直下のメインコンテンツラッパー）の上パディングを0に
   （2026-09-10、第19弾）。
   親テーマ側で @media (min-width:600px) 時に padding-top:4em（64px）が
   一律付与されており、ヘッダーと本文（パンくず／.c-pageTitleの全幅バンド）の
   間に余分な白い隙間ができていた。Figma側はヘッダー直下にHeroバンドが
   隙間なく続くデザインのため、ユーザー指示によりこのパディングを0にリセット。
   ============================== */
.l-content{
	padding-top: 0;
}

/* ==============================
   パンくずリストをタイトルブロック（.c-pageTitle）直下に移動
   （2026-09-10、第20弾）。詳しい経緯はfunctions.php側のコメント参照。
   元の位置（ヘッダー直下）に出ていたものを非表示にし、
   functions.phpでタイトル直後に複製出力したもの（id="breadcrumb-in-title"）を表示する。
   ============================== */
#body_wrap.page > #breadcrumb,
#body_wrap.blog > #breadcrumb{
	/* お知らせ一覧（.blog）も、他の固定ページと同じくタイトル直後に移動した
	   パンくずリスト（#breadcrumb-in-title）を使うため、元の位置のものを非表示にする（2026-09-12追加）。
	   お知らせ個別記事（.single）はSWELL標準のブログ記事テンプレート（日付ボックス＋タイトル）を
	   使っており、swl_parts__page_title()を経由しないためbreadcrumb-in-titleが出力されない。
	   よってこちらは対象外とし、SWELL標準のまま元の位置（タイトル上部）にパンくずリストを表示する。 */
	display: none;
}
/* Figma上、パンくずリストは背景なしのプレーンな見た目のため、
   タイトル直後に移動した側（-bg-on修飾クラス）の背景効果を解除する */
#breadcrumb-in-title.-bg-on{
	background: none;
	box-shadow: none;
}

/* ==============================
   フッターメニューの見た目をFigmaデザインに合わせて微調整
   （2026-09-10、第24弾）。
   フッター自体は 外観>メニュー でメニュー「フッターメニュー」を作成し
   フッターの位置（footer_menu）に割り当て、カスタマイザーのフッターセクションで
   背景色・文字色・コピーライト文言を設定して構成。
   ただしSwellの既定CSSでは、フッターメニュー項目間に縦線の区切り
   （border-right/border-left）が @media(min-width:600px) で自動的に入るため、
   Figma側のシンプルな余白区切りのデザインに合わせて非表示にする。
   ============================== */
@media (min-width: 600px){
	.l-footer__nav a{
		border-right: none;
		padding: 0 1em;
	}
	.l-footer__nav li:first-child a{
		border-left: none;
	}
}
/* コピーライト文言は、Figma上ではメニュー文字より少し控えめな明るさのため、
   フッター文字色（白）よりやや透過させて馴染ませる */
.l-footer .copyright{
	color: rgba(255,255,255,.7);
}

/* ==============================
   事業所別ページ（ラ・エール／ビブレ／中村作業所）
   「利用案内」テーブル（旧「施設基本情報」）をFigmaの guide-card 通りの
   角丸カードスタイルに変更＋直後にお問い合わせボタンを追加（2026-09-10、第25弾）。
   見出しは「利用案内」に統一（Figma上のguide-headのラベルに合わせる）。
   中村作業所のみ「見学・実習について」テーブル（visit-card）も同じ角丸カードにし、
   お問い合わせボタンはFigma通りこちら（ページ最下部のテーブル）の直後に配置。
   ============================== */
.lae-guide-table{
	margin: 0;
	/* SWELLテーマのテーブルブロック機能（.wp-block-table > table tr > :first-child）が
	   CSS変数 --swl-cell1-width で1列目の幅を制御しており、こちらの詳細度の方が高いため
	   下のtd:first-childへのwidth指定より優先される。Figma実測（guide-card内、見出し列120px）に
	   合わせ、SWELL側の変数を上書きする（利用者様より「120-140pxくらいに」とのご要望、2026-09-11追加）。 */
	--swl-cell1-width: 160px;
}
.lae-guide-table table{
	width: 100%;
	background: #fff;
	border: 1px solid #E8DED2;
	border-radius: 20px;
	box-shadow: 0 4px 16px rgba(0,0,0,.06);
	border-collapse: separate;
	border-spacing: 0;
	overflow: hidden;
}
.lae-guide-table td{
	padding: 18px 20px;
	border: none;
	border-bottom: 1px solid #E8DED2;
	vertical-align: middle;
	font-size: 14.5px;
}
.lae-guide-table tr:last-child td{
	border-bottom: none;
}
.lae-guide-table td:first-child{
	font-weight: 700;
	color: #7A6F64;
	white-space: nowrap;
}
.lae-guide-table td:last-child{
	color: var(--lae-brown);
}

/* Figma実測：見出し→表32px（既定の.lae-plain-heading + * ルールと同値のため追加調整不要）、
   表→ボタンの間隔32px */
.lae-guide-table + .lae-btn-wrap{
	margin-top: 32px;
}

/* ==============================
   事業所別ページの写真の角丸（Figma実測値、2026-09-10第25弾）。
   「1日の流れ」の写真は角丸12px、設備紹介・イベント・ギャラリー系の写真は角丸14px。
   これまでaspect-ratio／object-fitのみでborder-radiusが未設定だった。
   ============================== */
.page-id-23 img[src*="laaile-flow-"],
.page-id-25 img[src*="vivre-flow-"],
.page-id-27 img[src*="nakamura-flow-"]{
	border-radius: 12px;
}
.page-id-25 img[src*="vivre-event-"],
.page-id-25 img[src*="vivre-gallery-"],
.page-id-27 img[src*="nakamura-event-"],
.page-id-27 img[src*="nakamura-gallery-"]{
	border-radius: 14px;
}

/* 「1日の流れ」セクション：時刻＋写真＋説明のリスト行／テーブルはFigma実測に近い800px幅に制限
   （利用者様より「幅を700〜800pxくらいに」とのご要望、2026-09-11追加）。
   イベント・季節のレクリエーション等の写真カードグリッド部分は対象外（従来通りセクション全幅）。 */
.lae-flow-narrow{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}

/* 年間行事セクションの写真ギャラリー（春夏秋冬）：Figma実測で角丸14px・object-fit:cover
   （利用者様より「角丸にして、キャプションは不要」とのご要望、2026-09-11追加）。
   キャプション（春／夏／秋／冬の段落）自体はブロックエディタ側で削除済み。 */
.page-id-23 img[src*="laaile-event-"]{
	border-radius: 14px;
	object-fit: cover;
}

/* ==============================
   ビブレ「1日の流れ」下部の詳細表（flow-table）：Figmaデザイン（node 4115:2）通りに
   5行（時刻／出来事／詳細／世話人対応／事務所受付）＋列結合＋行ごとの色分けで再構築
   （利用者様より「Figmaの通りに、行を追加して、色味も変えて」とのご要望、2026-09-11追加）。
   ============================== */
.lae-flow-table table{
	border-collapse: collapse;
	border-radius: 16px;
	overflow: hidden;
}
.lae-flow-table td{
	text-align: center;
	vertical-align: middle;
	padding: 10px 8px;
	border: none;
	line-height: 1.5;
}
/* ビブレ「1日の流れ」（flow-table）→「イベント・季節のレクリエーション」見出しの間隔が
   テーマ既定のブロック下マージン(32px)のみで狭く感じるとのご指摘のため、明示的に広げる（2026-09-13追加） */
.lae-flow-table{
	/* 親テーマの.alignfull > .wp-block-group__inner-container > *{margin-bottom:2em}（詳細度0,2,0）が
	   このルール（詳細度0,1,0）より詳細度で上回り上書きできていなかったため、!importantで対応 */
	margin-bottom: 56px !important;
}

/* 1行目：時刻（Figma実測 bg#f7eae2／文字色#c1694a・太字13px） */
.lae-flow-table tr:nth-child(1) td{
	background-color: #f7eae2;
	color: #c1694a;
	font-weight: 700;
	font-size: 13px;
}
/* 2行目：出来事（bg白／文字色#3b322c・太字13px） */
.lae-flow-table tr:nth-child(2) td{
	background-color: #fff;
	color: #3b322c;
	font-weight: 700;
	font-size: 13px;
}
/* 3行目：詳細（bg#f8f4ef／文字色#3b322c・通常12px） */
.lae-flow-table tr:nth-child(3) td{
	background-color: #f8f4ef;
	color: #3b322c;
	font-weight: 400;
	font-size: 12px;
}
/* 4行目：世話人・支援員対応（bg白／文字色#3b322c・通常12px） */
.lae-flow-table tr:nth-child(4) td{
	background-color: #fff;
	color: #3b322c;
	font-weight: 400;
	font-size: 12px;
}
/* 5行目：事務所受付（bg#f8f4ef／文字色#3b322c・通常11.5px） */
.lae-flow-table tr:nth-child(5) td{
	background-color: #f8f4ef;
	color: #3b322c;
	font-weight: 400;
	font-size: 11.5px;
}

/* 採用情報ページ：Figmaのrecruit-cardコンポーネント（node 57:25）に合わせたカード表示 */
.lae-recruit-card{
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 24px;
	box-shadow: 0 4px 16px rgba(0,0,0,0.06);
	max-width: 680px;
	margin: 0 auto;
	padding: 56px 40px;
	text-align: center;
}
.lae-recruit-card .wp-block-heading{
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	color: #3b322c;
	font-size: 24px;
	font-weight: 700;
}
.lae-recruit-card .wp-block-heading::before,
.lae-recruit-card .wp-block-heading::after{
	content: none !important;
}
.lae-recruit-desc{
	color: #7a6f64;
	font-size: 14.5px;
	line-height: 1.8;
	max-width: 600px;
	margin: 0 auto 24px;
}
.lae-recruit-tags .wp-block-group__inner-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 12px;
	margin-bottom: 24px;
}
.lae-recruit-tag{
	background-color: #f3ece3;
	color: #c1694a;
	font-weight: 700;
	font-size: 13px;
	padding: 8px 18px;
	border-radius: 999px;
	margin: 0;
	white-space: nowrap;
}
.lae-recruit-cta{
	justify-content: center;
	margin-bottom: 12px;
}
.lae-recruit-btn .wp-block-button__link{
	background-color: #c1694a;
	color: #fff;
	font-weight: 700;
	font-size: 14.5px;
	padding: 14px 30px;
	border-radius: 999px;
}
.lae-recruit-note{
	color: #a89a8c;
	font-size: 12px;
	margin: 0;
}

/* お問い合わせページ：Figma（Contact, node 57:46）に合わせた電話/FAXカード・フォームカード・プライバシーポリシーセクション */
.page-id-16 .lae-contact-cards .wp-block-group__inner-container{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 24px;
}
.page-id-16 .lae-contact-card{
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 20px;
	width: 340px;
	max-width: 100%;
	padding: 32px 20px;
	text-align: center;
	margin: 0;
}
.page-id-16 .lae-contact-card .wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
}
.page-id-16 .lae-contact-card-label{
	color: #54704f;
	font-weight: 700;
	font-size: 12px;
	margin: 0;
}
.page-id-16 .lae-contact-card-value{
	color: #3b322c;
	font-weight: 900;
	font-size: 26px;
	margin: 0;
}
.page-id-16 .lae-contact-card-note{
	color: #7a6f64;
	font-size: 13px;
	margin: 0;
}

.page-id-16 .lae-contact-formband{
	background-color: #f3ece3;
	padding: 80px 20px;
	margin-top: 40px;
	text-align: center;
}
.page-id-16 .lae-contact-overline{
	color: #54704f;
	font-weight: 700;
	font-size: 12px;
	margin: 0 0 8px;
}
.page-id-16 .lae-contact-heading.wp-block-heading{
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	padding: 0 !important;
	margin: 0 0 24px !important;
	color: #3b322c;
	font-size: 28px;
	font-weight: 700;
	text-align: center;
}
.page-id-16 .lae-contact-heading.wp-block-heading::before,
.page-id-16 .lae-contact-heading.wp-block-heading::after{ content: none !important; }

.page-id-16 .lae-contact-form-card{
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 20px;
	max-width: 640px;
	margin: 0 auto;
	padding: 40px;
	text-align: left;
}
.page-id-16 .lae-contact-form-card .wpcf7-form p{
	margin: 0 0 20px;
}
.page-id-16 .lae-contact-form-card .wpcf7-form label{
	display: block;
	color: #3b322c;
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 8px;
}
.page-id-16 .lae-contact-form-card .wpcf7-form-control:not(.wpcf7-submit):not(.wpcf7-acceptance){
	width: 100%;
	background-color: #faf7f2;
	border: none;
	border-radius: 10px;
	padding: 14px 16px;
	font-size: 13.5px;
	color: #3b322c;
	box-sizing: border-box;
}
.page-id-16 .lae-contact-form-card textarea.wpcf7-form-control{
	min-height: 120px;
	resize: vertical;
}
.page-id-16 .lae-contact-form-card .wpcf7-submit{
	background-color: #c1694a;
	color: #fff;
	font-weight: 700;
	font-size: 14.5px;
	border: none;
	border-radius: 999px;
	padding: 14px 30px;
	cursor: pointer;
}

.page-id-16 .lae-contact-privacy{
	padding: 72px 20px;
	text-align: center;
}
.page-id-16 .lae-contact-privacy-box{
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 16px;
	max-width: 720px;
	margin: 0 auto;
	padding: 28px 32px;
	text-align: left;
}
.page-id-16 .lae-contact-privacy-row{
	color: #7a6f64;
	font-size: 13.5px;
	line-height: 1.8;
	margin: 0 0 10px;
}
.page-id-16 .lae-contact-privacy-row:last-child{
	margin-bottom: 0;
}

/* ホームページ「お知らせ・新着情報」カテゴリータブ（2026-09-13追加） */
.lae-news-tabs__buttons{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-bottom: 28px;
}
.lae-news-tabs__btn{
	flex: 1 1 auto;
	min-width: 100px;
	padding: 12px 16px;
	border: none;
	border-radius: 999px;
	background-color: #f3ece3;
	color: #3b322c;
	font-size: 14px;
	font-weight: 700;
	font-family: inherit;
	cursor: pointer;
	transition: background-color .15s ease, color .15s ease;
}
.lae-news-tabs__btn:hover{
	background-color: #ecdfd0;
}
.lae-news-tabs__btn.is-active{
	background-color: #c1694a;
	color: #fff;
}
.lae-news-tabs__panel[hidden]{
	display: none;
}
.lae-news-empty{
	color: #7a6f64;
	font-size: 14.5px;
	text-align: center;
	padding: 24px 0;
	margin: 0;
}

/* 投稿ページ（個別記事）のカテゴリー表示調整（2026-09-13追加） */
/* 記事下部のカテゴリー表示は、記事上部と重複するため非表示に */
.single .p-articleMetas.-bottom .c-categoryList{
	display: none;
}
/* ラ・エール／中村作業所／ビブレの施設カテゴリーは、フォルダアイコンなし・淡い色味のボタン風デザインに変更
   （施設カテゴリーID: ラ・エール=7, 中村作業所=8, ビブレ=9。「お知らせ」カテゴリーは対象外、従来通り） */
.single .c-categoryList:has(.c-categoryList__link[data-cat-id="7"])::before,
.single .c-categoryList:has(.c-categoryList__link[data-cat-id="8"])::before,
.single .c-categoryList:has(.c-categoryList__link[data-cat-id="9"])::before{
	content: none;
}
.single .c-categoryList__link[data-cat-id="7"],
.single .c-categoryList__link[data-cat-id="8"],
.single .c-categoryList__link[data-cat-id="9"]{
	background-color: #f3ece3;
	color: #c1694a;
	border-radius: 999px;
	padding: 6px 16px;
	font-size: 12px;
	font-weight: 700;
}

/* お知らせ一覧ページ・カテゴリーアーカイブ・ホームページのお知らせリストで、
   施設カテゴリー（ラ・エール／中村作業所／ビブレ）のバッジをボタン風・淡色デザインに変更（2026-09-13追加）
   第40弾（投稿ページ本体のカテゴリーバッジ）と同じ配色方針を、一覧系の表示（.p-postList__cat）にも適用。
   「お知らせ」カテゴリー（id 1）は対象外、従来通りフォルダアイコン付きの表示のまま。 */
.p-postList__cat.icon-folder[data-cat-id="7"],
.p-postList__cat.icon-folder[data-cat-id="8"],
.p-postList__cat.icon-folder[data-cat-id="9"]{
	display: inline-block;
	background-color: #f3ece3;
	color: #c1694a;
	border-radius: 999px;
	/* 2026-09-13追記：上下の余白バランス調整のため、padding-topのみ5pxに変更 */
	padding: 5px 12px 3px;
	font-weight: 700;
	margin-right: .5em;
	/* 2026-09-13追記：ホームページ側（.lae-news-item、本文相当の16px文脈）に置かれると
	   お知らせ一覧ページ側（.p-postList__meta文脈、11px相当）よりだいぶ大きく表示されて
	   しまっていたため、両ページで統一されるよう明示的にフォントサイズを固定。 */
	font-size: 11px;
	line-height: 1.4;
}
.p-postList__cat.icon-folder[data-cat-id="7"]::before,
.p-postList__cat.icon-folder[data-cat-id="8"]::before,
.p-postList__cat.icon-folder[data-cat-id="9"]::before{
	content: none;
}

/* お知らせ一覧（トップページ・一覧ページ）の投稿タイトルの太さを調整（2026-09-13追加、同日中に再調整）
   お知らせ一覧ページ側（.p-postList__title）はテーマ既定でbold(700)、ホームページ側（.lae-news-title）は
   500だったが、いずれも「少し重い」とのご指摘のため、太さ500に統一。
   ※お知らせ一覧ページ側は、テーマ本体の `.p-postList .p-postList__title{font-weight:700}` という
   詳細度(0,2,0)のルールがあり、単純に `.p-postList__title{...}` (詳細度0,1,0) では上書きできなかったため、
   同じ詳細度のセレクタに揃えて修正（子テーマのCSSは親テーマより後に読み込まれるため、詳細度さえ
   合わせれば後勝ちで上書きできる）。 */
.p-postList .p-postList__title{
	font-weight: 500;
}
.lae-news-title{
	font-weight: 500;
}

/* ホームページの「お知らせ」カテゴリー（施設カテゴリー以外）バッジのフォントサイズ調整（2026-09-13追加）
   第44弾では施設カテゴリー（data-cat-id 7/8/9）のピルボタンのみフォントサイズを固定したが、
   「お知らせ」カテゴリー（プレーン表示）も同じくホームページ（.lae-news-item、16px文脈）に置かれると
   お知らせ一覧ページ（11px相当）より大きく表示されていたため、こちらもホームページ限定で合わせる。 */
.lae-news-list .p-postList__cat{
	font-size: 11px;
	line-height: 1.4;
}

/* お知らせ一覧ページ・カテゴリーアーカイブ等のタブ切り替え（SWELLネイティブ「記事一覧タブ」機能）を、
   トップページの[recent_news_tabs]タブボタンと同じボタン（ピル）風デザインに変更（2026-09-13追加）
   .p-postListTabは投稿一覧タブ専用のラッパークラス（Gutenbergの汎用タブブロックとは別クラスのため、
   ページ本文中のタブブロックには影響しない）。 */
.p-postListTab.is-style-balloon .c-tabList .c-tabList__button{
	border-radius: 999px;
}
.p-postListTab.is-style-balloon .c-tabList .c-tabList__button::before{
	display: none;
}

/* 「1日の流れ」時刻表示：Figma実測でテラコッタ色（node 6013:4等）を指定していたが、
   実装時は太字のみでテキスト色が未指定のまま本文色（#3b322c）になっていたため、明示的に色を追加（2026-09-13追加）。
   .lae-flow-narrowはラ・エール／ビブレ／中村作業所の3施設ページ共通の「1日の流れ」コンポーネントのため、
   ページ限定ではなく共通スコープで修正（3ページとも同じFigmaデザインのため）。 */
.lae-flow-narrow strong{
	color: #c1694a;
}

/* ==============================
   中村作業所「年間行事・レクリエーション紹介」の写真：ビブレ「設備紹介」の.lae-equip-cardと同じ
   白背景＋枠線＋角丸14pxのブロックカードデザインに変更（2026-09-13追加、Figma season-cardコンポーネント準拠）。
   キャプション（季節・月／内容）は、従来の画像下の標準figcaptionから、カード内の白背景エリアに
   2行（季節ラベル＋内容名）で表示する構成に変更。
   ============================== */
.lae-season-grid > .wp-block-group__inner-container{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}
.lae-season-card{
	/* 2026-09-13再調整：全体幅をセクション標準の900px幅に収めたいとのご要望のため、
	   1160px拡張をやめ、900px幅に4枚+gap24px×3がちょうど収まるサイズ（(900-72)/4）に縮小 */
	width: 207px;
	background-color: #fff;
	border: 1px solid #e8ded2;
	border-radius: 14px;
	overflow: hidden;
	margin: 0;
}
.lae-season-card .wp-block-group__inner-container{
	display: flex;
	flex-direction: column;
	padding-bottom: 16px;
}
.lae-season-card-img{
	margin: 0;
}
.lae-season-card-img img{
	width: 100%;
	aspect-ratio: 272 / 160;
	object-fit: cover;
	display: block;
}
.lae-season-card-season{
	margin: 16px 16px 4px 16px;
	color: #54704f;
	font-size: 12px;
	line-height: 1.4;
}
.lae-season-card-name{
	margin: 0 16px 0 16px;
	color: #3b322c;
	font-size: 14.5px;
	font-weight: 700;
	line-height: 1.4;
}

/* ==============================
   法人紹介ページ「基本情報・沿革」の表（2026-09-13追加）。
   Gutenbergの標準テーブルブロックのままだと、SWELL/WordPress既定の
   全周枠線（.wp-block-table td,th{border:1px solid #dcdcdc}）と
   狭いpadding（0.5em）が適用され、Figma実測（node 15:45／15:58）の
   「下線のみ・広めpadding・ラベル列固定幅」なデザインと異なっていた。
   ブロックエディタで各テーブルに個別クラス（lae-info-table／lae-history-table）
   を付与し、専用スタイルで上書きしている。
   ============================== */

/* 基本情報テーブル（法人名／創設者／理事長／所在地／連絡先、Figma実測 node 15:45） */
.lae-info-table table{
	width: 800px;
	max-width: 100%;
	border-collapse: collapse;
}
.lae-info-table td,
.lae-info-table th{
	border: none !important;
	border-bottom: 1px solid #e8ded2 !important;
	padding: 18px 0 !important;
	font-size: 14.5px !important;
	vertical-align: top;
}
.lae-info-table td:first-child{
	width: 160px;
	padding-right: 20px !important;
	color: #7a6f64 !important;
	font-weight: 500 !important;
	white-space: nowrap;
}
.lae-info-table td:last-child{
	color: #3b322c !important;
	font-weight: 400 !important;
}

/* 沿革テーブル（年表、Figma実測 node 15:58。罫線なし・年月は太字テラコッタ） */
.lae-history-table table{
	width: 800px;
	max-width: 100%;
	border-collapse: collapse;
}
.lae-history-table td,
.lae-history-table th{
	border: none !important;
	padding: 14px 0 !important;
	font-size: 14.5px !important;
	vertical-align: top;
}
.lae-history-table td:first-child{
	width: 220px;
	padding-right: 24px !important;
	color: #a34f35 !important;
	font-weight: 700 !important;
	white-space: nowrap;
}
.lae-history-table td:last-child{
	color: #3b322c !important;
	font-weight: 400 !important;
}

/* TOP「お知らせ・新着情報」カテゴリータブ：.lae-news-tabs__btn が flex:1 1 auto のため、
   4つ目の「ビブレ」だけ2行目で1個になった時に横幅いっぱいに間延びしていた（スマホ表示のみで発生）。
   スマホ時は flex-grow を止めて、他のボタンと同じ大きさで折り返すようにする（2026-09-15 第56弾）。 */
@media (max-width: 600px){
	.lae-news-tabs__btn{
		flex: 0 0 auto;
	}
}

/* alignfullセクション（.lae-section.alignfull、法人紹介／事業所詳細ページなどの白背景・ベージュ背景
   セクション共通）は、背景色をビューポート全幅まで伸ばすためalignfullとしており、.lae-section自体は
   上下72pxのpaddingのみで左右paddingを持たない。PC幅では中央寄せされたコンテンツ（.lae-narrow／
   .lae-col-800／.lae-col-860／.wp-block-columns内の写真など）と実際のビューポート端との間に十分な
   余白があったため問題が見えなかったが、スマホ幅ではコンテナ＝ビューポート幅そのものとなり、本文・表・
   写真・カテゴリータブボタンなどが軒並み画面端に接触していた（TOPページの「お知らせ・新着情報」の
   絞り込みボタン行なども実際には左右0paddingだったことを確認）。
   個別クラスを都度パッチするのではなく、alignfullセクションの内側コンテナ自体にスマホ時のみ左右余白を
   持たせることで、今後追加されるコンテンツも含めて一括で解消する（2026-09-15 第57弾）。 */
@media (max-width: 600px){
	.lae-section.alignfull > .wp-block-group__inner-container{
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}
}

/* ビブレ「設備紹介」：.lae-equip-gridの内側コンテナはPC幅で900px幅の本文カラムから
   1160px幅に意図的にはみ出す固定値（width:1160px; margin-left:calc((900px-1160px)/2)）を
   持っており、スマホ幅（390px）ではこの固定1160pxがそのまま適用されて左右に大きくはみ出し、
   ページ全体が横スクロールしてしまっていた（唯一発見した実際の横オーバーフロー、他ページの
   余白不足とは別種の不具合）。スマホ時のみ固定幅・負のマージンを解除し、コンテナ幅に収まる
   自然なflex-wrapレイアウトに戻す（2026-09-15 第57弾）。 */
@media (max-width: 600px){
	.page-id-25 .lae-equip-grid > .wp-block-group__inner-container{
		width: auto;
		max-width: 100%;
		margin-left: 0;
	}
}