/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	position: relative;
	z-index: 2;
}

/* ----------------------------------------------------
	content
---------------------------------------------------- */
.content {
	margin: 0 auto;
	width: 136.6rem;
	position: relative;
}

@media screen and (max-width: 768px) {
	.content {
		width: 100%;
	}
}

/* ----------------------------------------------------
	christmas
---------------------------------------------------- */
.christmas {
	background-color: rgb(var(--bgd));
	padding: 5.5rem 0 11rem;
}

.christmas .content {
	width: 114rem;
	position: relative;
}

.christmas .obj01 {
	background-image: url(../img/obj-christmas-cake01.webp);
	width: 36.1rem;
	height: 41.6rem;
	top: 56.6rem;
	left: -16.6rem;
}

.christmas .obj02 {
	background-image: url(../img/obj-christmas-cake02.webp);
	width: 44rem;
	height: 51.2rem;
	top: -11.5rem;
	right: -20.8rem;
	z-index: 1;
}

@media screen and (max-width: 768px) {
	.christmas {
		padding: 0 0 7.5rem;
	}

	.christmas .content {
		width: 35.5rem;
	}

	.christmas .obj01,
	.christmas .obj02 {
		display: none;
	}
}

/* ----------------------------------------------------
	royal
---------------------------------------------------- */
.royal {
	background-color: rgb(var(--pnk));
}

/* ----------------------------------------------------
	chocolat
---------------------------------------------------- */
.chocolat {
	background-color: rgb(var(--brn));
}

/* ----------------------------------------------------
	reservation
---------------------------------------------------- */
.reservation {
	background-color: rgb(var(--bgd));
}

/* ----------------------------------------------------
	footer
---------------------------------------------------- */
.footer {
	background-color: rgb(var(--bge));
}