.alignfull {
	position: relative;
	left: calc(50% - ( 50vw - var(--ark-scrollbar_width) / 2 ));
	width: calc(100vw - var(--ark-scrollbar_width));
	max-width: 100vw !important; // embedなどの max100% のものを上書き

	+ .alignfull {
		margin-top: 0;
	}

	// 入れ子の時は親の幅に収まるように
	.c-postContent > div & {
		left: 0 !important;
		width: 100% !important;
	}

	// グループ（背景色あり）・カバーブロックの余白量を大きく。
	&.wp-block-cover,
	&.wp-block-group.has-background {
		padding: 4em var(--ark-pad--container, 48px);
	}

	// カバー & 背景色付きグループでは、インナーコンテンツの最大幅を他のコンテンツと揃える。
	> .wp-block-cover__inner-container,
	&.has-background > .wp-block-group__inner-container {
		max-width: var(--ark-width--article);
		margin: 0 auto;

		// さらにその中の全幅は、左右のpaddingまでに収まるように。
		> .alignfull {
			left: calc(50% - ( 50vw - var(--ark-pad--container) ));
			width: calc(100vw - var(--ark-pad--container) * 2);
		}
	}

	// サイドバーありの時、コンテンツエリアでは幅を制限
	[data-sidebar="on"] .l-main & {

		@include pc {
			left: 0 !important;
			width: 100% !important;
		}
	}
}