/* =========================================
   Responsive Button Align
========================================= */

/*
	対象：
	core/buttons
	.wp-block-buttons

	767px以下だけ配置を上書きする
*/

@media (max-width: 767px) {
	.wp-block-buttons.is-sp-buttons-align-left {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		align-content: flex-start !important;
		text-align: left;
	}

	.wp-block-buttons.is-sp-buttons-align-center {
		justify-content: center !important;
		align-items: center !important;
		align-content: center !important;
		text-align: center;
	}

	.wp-block-buttons.is-sp-buttons-align-right {
		justify-content: flex-end !important;
		align-items: flex-end !important;
		align-content: flex-end !important;
		text-align: right;
	}
}

/* 編集画面側のプレビュー用 */
@media (max-width: 767px) {
	.editor-styles-wrapper .wp-block-buttons.is-sp-buttons-align-left,
	.editor-styles-wrapper .is-sp-buttons-align-left .wp-block-buttons {
		justify-content: flex-start !important;
		align-items: flex-start !important;
		align-content: flex-start !important;
		text-align: left;
	}

	.editor-styles-wrapper .wp-block-buttons.is-sp-buttons-align-center,
	.editor-styles-wrapper .is-sp-buttons-align-center .wp-block-buttons {
		justify-content: center !important;
		align-items: center !important;
		align-content: center !important;
		text-align: center;
	}

	.editor-styles-wrapper .wp-block-buttons.is-sp-buttons-align-right,
	.editor-styles-wrapper .is-sp-buttons-align-right .wp-block-buttons {
		justify-content: flex-end !important;
		align-items: flex-end !important;
		align-content: flex-end !important;
		text-align: right;
	}
}