/*
	アウターが全幅で インナーもコンテンツエリアを突き抜けて広げる処理
-----------------------------------------------*/
.vk_outer-width-full.vk_outer-paddingLR-use,
.vk_outer-width-full.vk_outer-paddingLR-zero{
	// コンテント幅を使用する設定がある場合はそちらを優先させるため :not() で除外
	.vk_outer_container > .block-editor-inner-blocks > :where(:not(.is-layout-constrained)) {
	// コンテンツエリアをはみ出させる
	.wp-block:where(:not( 
		.alignfull,
		.alignwide,
		[data-align="wide"],
		[data-align="full"] 
	)) { 
		max-width:100%; 
		.is-layout-constrained {
			width: var(--vk-width-container);
			max-width: var(--vk-width-container);
		}
	}
	}
}

.wp-block-vk-blocks-outer.vk_outer.vk_outer-width-full {
	width: var(--vk-width-full);
	max-width: var(--vk-width-full);
	margin-left: 0;
	margin-right: 0;
	padding-left: 0;
	padding-right: 0;
	&.vk_outer-paddingLR-use{
		padding-left: var(--vk-outer-padding);
		padding-right: var(--vk-outer-padding);
	}
	&.vk_outer-paddingLR-use,
	&.vk_outer-paddingLR-zero {
		.block-editor-inner-blocks {
			max-width: var(--vk-width-full);
		}
	}
	.block-editor-inner-blocks {
		// max-width: 1110px;
		margin: auto;
	}
	&.vk_outer-paddingLR-use {
		[data-align=wide] {
			width: calc( var(--vk-width-full) - var(--vk-outer-padding)  );
			max-width: calc( var(--vk-width-full) - var(--vk-outer-padding)  );
			margin-left: calc( var(--vk-outer-padding) / -2 );
		}
		[data-align=full] {
			width: var(--vk-width-full);
			max-width:  var(--vk-width-full);
			margin-left: calc( var(--vk-outer-padding) * -1 );
		}
	}
	&.vk_outer-paddingLR-none {
		[data-align=wide] {
			width: calc( var(--vk-width-container) + ( var(--vk-width-full) -  var(--vk-width-container) ) / 2 );
			max-width: calc( var(--vk-width-container) + ( var(--vk-width-full) -  var(--vk-width-container) ) / 2 );
			margin-left: calc( ( var(--vk-width-container) - var(--vk-width-full) ) / 4 );
		}
		[data-align=full] {
			margin-left: calc( ( var(--vk-width-container) - var(--vk-width-full) ) / 2 );
		}
	}
}