/*
 * 固定ページ共通(T-06)
 *
 * Elementor のテーマビルダー「基本固定ページ」(11609)が本文の外側に出していた
 * 2段の箱と、変換済みページの本文ルートの既定値。値は
 * docs/extracted/elementor-css/post-11609.css と Elementor の frontend.min.css /
 * キット(post-6.css)から取った。
 *
 *   .l-page          = コンテナ 11e6996(全幅・flex縦・余白 0 0 40px)
 *   .l-page__content = ウィジェット theme-post-content(文字色 #333、Noto Sans JP 400)
 *   .l-page__body    = 本文のルート(変換済みページの <div class="l-page__body p-xxx">。
 *                      Elementor の <div class="elementor elementor-NNNN"> に相当)
 *
 * ページテンプレートが「Elementor Full Width」(elementor_header_footer)のページ
 * (/company-payment/ /quotation/ /bank-transfer/)は本番でも 11609 の箱が無く、
 * ヘッダーの直後に本文ルートが来る。その場合は .l-page / .l-page__content を出さない
 * (mibot_page_open( 'p-xxx', true ))。
 *
 * 変換済みページ(page-*.php)は vendor/elementor-base.css と本ファイルが無いと崩れる。
 */

.l-page {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0 auto 40px;
	padding: 0;
}
/* 11609 自体は 767px 以下で上下 40px の余白を持つが、style.css 187行目の
 * 「.elementor-11609 .elementor-element-11e6996 { margin: 0 }」が打ち消している。
 * 本番の実測(2026-09-24)も余白 0 なので、こちらも 0 にする。
 * overflow は style.css 1734行目「.elementor-element-360d00c .elementor-widget-container
 * { overflow: visible }」(トップページの動画がスマホで切れる対策)の置き換え。 */
@media (max-width: 767px) {
	.l-page {
		margin: 0;
	}
	.l-page__content {
		overflow: visible;
	}
}

.l-page__content {
	position: relative;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	color: #333333;
	font-family: "Noto Sans JP", Sans-serif;
	font-weight: 400;
}

/* Elementor のグローバル設定(キット 6)。各ページの CSS が var() で参照する。
 * Elementor 有効中は body.elementor-kit-6 が同じ値を持っている。 */
.l-page__body {
	--e-global-color-primary: #333333;
	--e-global-color-secondary: #333333;
	--e-global-color-text: #333333;
	--e-global-color-accent: #F6BE00;
	--e-global-typography-primary-font-family: "Roboto";
	--e-global-typography-primary-font-weight: 600;
	--e-global-typography-secondary-font-family: "Roboto Slab";
	--e-global-typography-secondary-font-weight: 400;
	--e-global-typography-text-font-family: "Noto Sans JP";
	--e-global-typography-text-font-weight: 400;
	--e-global-typography-accent-font-family: "Roboto";
	--e-global-typography-accent-font-weight: 500;
	--e-global-typography-e149c0d-font-family: "M PLUS 1";
	--e-global-typography-e149c0d-line-height: 1.8;
}

/* ---- キット(post-6.css)由来の既定値 ----
 * セレクタは元のまま(詳細度を変えると、vendor/elementor-base.css の
 * .e-con .elementor-widget.elementor-widget { margin-block-end:0 } に勝ってしまい
 * ウィジェットごとに 20px 余分に空く)。 */
.e-con {
	--container-max-width: 1140px;
}
.elementor-widget:not(:last-child) {
	margin-block-end: 20px;
}
.elementor-element {
	--widgets-spacing: 20px 20px;
	--widgets-spacing-row: 20px;
	--widgets-spacing-column: 20px;
}
@media (max-width: 1024px) {
	.e-con {
		--container-max-width: 1024px;
	}
}
@media (max-width: 767px) {
	.e-con {
		--container-max-width: 767px;
	}
}

/* ---- 各ページの生成CSSに共通で入っていたウィジェットの既定値(こちらも元のセレクタのまま) ---- */
.elementor-widget-heading .elementor-heading-title {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	color: var(--e-global-color-primary);
}
.elementor-widget-text-editor {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
	color: var(--e-global-color-text);
}
.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap {
	background-color: var(--e-global-color-primary);
}
.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap,
.elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap {
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}
.elementor-widget-image .widget-image-caption {
	color: var(--e-global-color-text);
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
}
/* グループD・E で増えたウィジェット(ページタイトル・アーカイブタイトル・ループグリッド)の既定値 */
.elementor-widget-theme-page-title .elementor-heading-title {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	color: var(--e-global-color-primary);
}
.elementor-widget-theme-archive-title .elementor-heading-title {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
	color: var(--e-global-color-primary);
}
.elementor-widget-loop-grid .elementor-pagination {
	font-family: var(--e-global-typography-secondary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-secondary-font-weight);
}
/* グループE(トップ)で増えたウィジェット(アイコン・Premium カルーセル・ギャラリー)の既定値 */
.elementor-widget-icon.elementor-view-stacked .elementor-icon {
	background-color: var(--e-global-color-primary);
}
.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon {
	color: var(--e-global-color-primary);
	border-color: var(--e-global-color-primary);
}
.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg {
	fill: var(--e-global-color-primary);
}
.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow {
	color: var(--e-global-color-secondary);
}
.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow svg {
	fill: var(--e-global-color-secondary);
}
.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover {
	color: var(--e-global-color-secondary);
}
.elementor-widget-premium-carousel-widget .premium-carousel-wrapper .slick-arrow:hover svg {
	fill: var(--e-global-color-secondary);
}
.elementor-widget-gallery .elementor-gallery-item__title {
	font-family: var(--e-global-typography-primary-font-family), Sans-serif;
	font-weight: var(--e-global-typography-primary-font-weight);
}
.elementor-widget-gallery .elementor-gallery-item__description {
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-weight: var(--e-global-typography-text-font-weight);
}
.elementor-widget-gallery {
	--galleries-title-color-normal: var(--e-global-color-primary);
	--galleries-title-color-hover: var(--e-global-color-secondary);
	--galleries-pointer-bg-color-hover: var(--e-global-color-accent);
	--gallery-title-color-active: var(--e-global-color-secondary);
	--galleries-pointer-bg-color-active: var(--e-global-color-accent);
}