/*
 * 配送料金(/delivery/charge/、固定ページ ID 8952)
 *
 * Elementor が生成していた post-8952.css(要素ごとのカスタムCSSを含む)を、
 * docs/tools/elementor-page-to-php.py で page-charge.php のクラス名に書き換えたもの。
 * 汎用クラス(.e-con / .elementor-widget など)の実体は vendor/elementor-base.css、
 * 全ページ共通の既定値は page.css にある。
 * 値の意味は Elementor の設定名そのまま(--padding-top など)。
 */
.p-charge .elementor-element.p-charge__c1 {
	--display:flex;
	--margin-top:80px;
	--margin-bottom:80px;
	--margin-left:0px;
	--margin-right:0px;
}
.p-charge .elementor-element.p-charge__c1-1 {
	--display:flex;
	--gap:20px 20px;
	--row-gap:20px;
	--column-gap:20px;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-charge .elementor-element.p-charge__c1-1-heading {
	text-align:center;
}
.p-charge .elementor-element.p-charge__c1-1-heading .elementor-heading-title {
	color:var( --e-global-color-text );
}
.p-charge .elementor-element.p-charge__c1-2 {
	--display:flex;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-charge .elementor-element.p-charge__c1-3 {
	--display:flex;
	--padding-top:0px;
	--padding-bottom:0px;
	--padding-left:0px;
	--padding-right:0px;
}
.p-charge .elementor-element.p-charge__c1-3-heading .elementor-heading-title {
	color:var( --e-global-color-text );
}
@media(max-width:767px) {
	.p-charge .elementor-element.p-charge__c1 {
		--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-charge .elementor-element.p-charge__c1-1 {
		--gap:20px 20px;
		--row-gap:20px;
		--column-gap:20px;
	}
	.p-charge .elementor-element.p-charge__c1-2 {
		--margin-top:0px;
		--margin-bottom:0px;
		--margin-left:0px;
		--margin-right:0px;
	}
}
@media(min-width:768px) {
	.p-charge .elementor-element.p-charge__c1 {
		--content-width:900px;
	}
}
/* Start custom CSS for container, class: .p-charge__c1 */.delivery_charge table th {
	width: 35%;
	background-color: #f8f9fa!important;
}
.delivery_charge table th:first-of-type {
	width: 30%;
}
.delivery_charge table td {
	background-color: #fff!important;
	text-align: center;
}
@media (max-width: 767px) {
	.delivery_charge table th,.delivery_charge table td {
		font-size: 14px;
	}
}