/* =====================================
   SWEETSエリア 基本
===================================== */
.lp-sweets-area {
	margin: 40px 0;
}

.lp-sweets-area__titles {
	text-align: center;
	margin-bottom: 28px;
}

.lp-sweets-area__title-en {
	font-size: 13px;
	letter-spacing: 0.1em;
	color: #888;
	margin: 0 0 4px;
	text-transform: uppercase;
}

.lp-sweets-area__title-ja {
	font-size: 22px;
	margin: 0;
	font-weight: 600;
}


/* =====================================
   エディタ側（InnerBlocks）
===================================== */
.lp-sweets-area .block-editor-inner-blocks > .block-editor-block-list__layout {
	display: grid;
	gap: 88px;
	align-items: stretch;
}

/* ★ カラム数対応（1〜4） */
.lp-sweets-area[data-columns="1"] .block-editor-block-list__layout {
	grid-template-columns: 1fr;
}

.lp-sweets-area[data-columns="2"] .block-editor-block-list__layout {
	grid-template-columns: repeat(2, 1fr);
}

.lp-sweets-area[data-columns="3"] .block-editor-block-list__layout {
	grid-template-columns: repeat(3, 1fr);
}

.lp-sweets-area[data-columns="4"] .block-editor-block-list__layout {
	grid-template-columns: repeat(4, 1fr);
}


/* =====================================
   フロント側
===================================== */
.lp-sweets-area-front {
	display: grid;
	gap: 88px;
}

.lp-sweets-area-front[data-columns="1"] {
	grid-template-columns: 1fr;
}

.lp-sweets-area-front[data-columns="2"] {
	grid-template-columns: repeat(2, 1fr);
}

.lp-sweets-area-front[data-columns="3"] {
	grid-template-columns: repeat(3, 1fr);
}

.lp-sweets-area-front[data-columns="4"] {
	grid-template-columns: repeat(4, 1fr);
}


@media screen and (max-width: 768px) {
	.lp-sweets-area-front[data-columns="2"] {
		grid-template-columns: 1fr;
	}
	.lp-sweets-area-front {
		gap: 56px;
	}
}