/* Site-wide additions on top of the legacy theme CSS in _assets/.
   Kept separate and minimal — see CLAUDE.md build guide. */

html {
	scroll-behavior: smooth;
}

/* Themify's main.js used to stretch these rows to full viewport width via JS
   (fullwidthRows module). Replaced with a pure-CSS breakout so no JS is needed. */
.module_row.fullwidth,
.module_row.fullwidth_row_container {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}

@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}

.form-status {
	margin-top: 0.75em;
	font-size: 0.95em;
	min-height: 1.2em;
}

.form-status--success {
	color: #3f7d3f;
}

.form-status--error {
	color: #c0392b;
}

/* --- ページ見出し(h1) --- 追加: 2026-07-26
   タイトルが画像のため h1 が存在しなかった問題への対応。見た目は変えない。 */
h1.tf-page-title{display:inline;margin:0;padding:0;border:0;font:inherit;color:inherit;letter-spacing:inherit}
h1.tf-sr-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* --- お知らせ --- 変更: 2026-07-27
   月次の記事10件を定休日の常設案内1ブロックに置き換えたため、
   元の「300px固定＋スクロール」だと大半が空白になる。高さを内容に合わせる。 */
.module.top_post_1.module-post .builder-posts-wrap {
	height: auto;
	overflow-y: visible;
	padding-bottom: 20px;
}

#body .module.top_post_1.module-post .post:last-child {
	border-bottom: 0;
}

/* --- グローバルナビ --- 変更: 2026-07-27
   ナビは navi_off.webp / navi_on.webp の1枚スプライトで、各項目が固定幅で
   コンテナ1020pxをちょうど埋める設計だった。ブログ(116px)を削除すると右端に
   116pxの空きが出るため、中央寄せにして左右に均等配分する。
   項目同士は密着させたままにすること（space-between にするとスプライトが分断される）。 */
@media screen and (min-width: 1181px) {
	#main-menu {
		justify-content: center;
	}

	/* スプライトの縦罫線(1px/全高/#898989)は x=0,167,296,453,593,778,904,1019 の8本。
	   7項目に対して8本＝左右の端も閉じる設計だった。ブログ(904..1019)を削ったことで
	   右端の閉じ罫線が消えたので、末尾になったアクセス(778..903)を1px広げて
	   x=904 の罫線を取り込む。元はブログの左罫線だったピクセルをそのまま流用している。
	   navi_on.webp も同一座標・同一色なのでホバー時もズレない。
	   ⚠ 126px→127px の 1px はこの罫線ぶん。詰めると右端が開く。 */
	#main-menu li.navi7 a {
		width: 127px;
	}
}