html {
	height: 100%;
}

footer.wp-block-template-part {
	position: sticky;
	top: 100vh;
	// scrolled-header-fixed は 9999 になっている
	// フッター要素が固定ヘッダーの上にならないように 9998 にしておく
	// scrolled-header-fixed is 9999, so set 9998 to avoid footer element on fixed header.
	z-index:9998;
	// フッターに配置されたモーダルが固定ヘッダーの下にならないように、開いてる時は 9999 に指定
	// Set the value to 9999 when open so that the modal placed in the footer does not go under the fixed header.
	&:has(.is-menu-open) {
		html.has-modal-open & {
			z-index:9999;
		}
	}
}