/*
 * 予約受付の一時停止のご案内(/reservation-suspended/、固定ページ ID 22772)
 *
 * Elementor が生成していた post-22772.css(要素ごとのカスタムCSSを含む)を、
 * docs/tools/elementor-page-to-php.py で page-reservation-suspended.php のクラス名に書き換えたもの。
 * 汎用クラス(.e-con / .elementor-widget など)の実体は vendor/elementor-base.css、
 * 全ページ共通の既定値は page.css にある。
 * 値の意味は Elementor の設定名そのまま(--padding-top など)。
 */
.p-reservation-suspended .elementor-element.p-reservation-suspended__c1 {
	--display:flex;
	--flex-direction:column;
	--container-widget-width:100%;
	--container-widget-height:initial;
	--container-widget-flex-grow:0;
	--container-widget-align-self:initial;
	--flex-wrap-mobile:wrap;
	--margin-top:15px;
	--margin-bottom:15px;
	--margin-left:0px;
	--margin-right:0px;
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2 {
	--display:flex;
	--gap:20px 20px;
	--row-gap:20px;
	--column-gap:20px;
	--margin-top:0px;
	--margin-bottom:80px;
	--margin-left:0px;
	--margin-right:0px;
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-1 {
	--display:flex;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-1-heading {
	text-align:center;
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-1-heading .elementor-heading-title {
	color:var( --e-global-color-text );
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-2 {
	--display:flex;
}
.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-3 {
	--display:flex;
	--flex-direction:row;
	--container-widget-width:initial;
	--container-widget-height:100%;
	--container-widget-flex-grow:1;
	--container-widget-align-self:stretch;
	--flex-wrap-mobile:wrap;
	--gap:40px 40px;
	--row-gap:40px;
	--column-gap:40px;
	--margin-top:20px;
	--margin-bottom:0px;
	--margin-left:0px;
	--margin-right:0px;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
@media(max-width:1024px) {
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-3 {
		--gap:20px 20px;
		--row-gap:20px;
		--column-gap:20px;
	}
}
@media(min-width:768px) {
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c1 {
		--content-width:910px;
	}
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c2 {
		--content-width:900px;
	}
}
@media(max-width:767px) {
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c1 {
		--padding-top:0px;
		--padding-bottom:0px;
		--padding-left:20px;
		--padding-right:20px;
	}
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c2 {
		--margin-top:50px;
		--margin-bottom:50px;
		--margin-left:0px;
		--margin-right:0px;
		--padding-top:0px;
		--padding-bottom:0px;
		--padding-left:20px;
		--padding-right:20px;
	}
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-1 {
		--gap:50px 50px;
		--row-gap:50px;
		--column-gap:50px;
	}
	.p-reservation-suspended .elementor-element.p-reservation-suspended__c2-3 {
		--flex-direction:column;
		--container-widget-width:100%;
		--container-widget-height:initial;
		--container-widget-flex-grow:0;
		--container-widget-align-self:initial;
		--flex-wrap-mobile:wrap;
		--margin-top:0px;
		--margin-bottom:0px;
		--margin-left:0px;
		--margin-right:0px;
	}
}