main::before {
	background-image: url(../img/business.jpg);
}

.lakanka main::before {
	background-image: url(../img/recipes/lakanka.jpg);
}

.wakadori-no-marine main::before {
	background-image: url(../img/recipes/lakanka/wakadori-no-marine/01.jpg);
}

.nikuzyaga main::before {
	background-image: url(../img/recipes/lakanka/nikuzyaga/01.jpg);
}

.saba-no-misoni main::before {
	background-image: url(../img/recipes/lakanka/saba-no-misoni/01.jpg);
}

.teriyaki_chicken main::before {
	background-image: url(../img/recipes/lakanka/teriyaki_chicken/01.jpg);
}

.gateau_chocolat main::before {
	background-image: url(../img/recipes/lakanka/gateau_chocolat/01.jpg);
}

.milk_pudding main::before {
	background-image: url(../img/recipes/lakanka/milk_pudding/01.jpg);
}

.strawberry_jam main::before {
	background-image: url(../img/recipes/lakanka/strawberry_jam/01.jpg);
}

.banana_juice main::before {
	background-image: url(../img/recipes/lakanka/banana_juice/01.jpg);
}

.matcha_latte main::before {
	background-image: url(../img/recipes/lakanka/matcha_latte/01.jpg);
}

.hot_cocoa main::before {
	background-image: url(../img/recipes/lakanka/hot_cocoa/01.jpg);
}

main > h2 {
	text-align: center;
}

main > p {
	padding: 40px 20px 0px;
}

section > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin-inline: auto;
	max-width: 1110px;
}

section > ul.three::before,
section > ul.three::after {
	content: "";
	order: 999999999;
	display: block;
	width: calc(30% - 15px);
	height: 0px;
}

section > ul > li {
	width: calc(30% - 15px);
}

@media (max-width: 767px) {
	section > ul > li {
		width: 100%;
	}
}

section > ul > li > a figure picture {
	display: flex;
	width: 100%;
	overflow: hidden;
}

section > ul > li > a figure picture::before {
	content: "";
	display: block;
	padding-top: 75%;
	width: 0px;
	height: 0px;
}

section > ul > li > a figure img {
	display: block;
	border-radius: 2px;
	max-width: 100%;
	object-fit: cover;
	transition: all 0.5s;
}

section > ul > li > a.on figure img {
	transform: scale(1.2);
}

section > ul > li > a figure figcaption {
	display: block;
	padding: 5px;
}

section p.back {
	display: flex;
	justify-content: center;
	padding: 40px 0px;
}

section p.back a {
	display: inline-block;
	background-color: rgba(232, 232, 232, 1.0);
	border-radius: 5px;
	padding: 10px 40px;
	transition: all 0.5s;
}

section p.back a.on {
	background-color: rgba(232, 232, 232, 0.6);
	color: var(--text-color-blue);
}

section > dl {
	background-position: 95% 50%;
	background-repeat: no-repeat;
	background-size: 45% auto;
	padding-bottom: 40px;
}

section > dl:last-of-type {
	background: url(../img/recipes/complete.svg) 50% calc(100% - 10px) / 60px auto no-repeat;
	padding-bottom: 80px;
}

@media (max-width: 767px) {
	section > dl:first-of-type {
		background-image: none!important;
	}
}

.wakadori-no-marine section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/wakadori-no-marine/01.jpg);
}

.nikuzyaga section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/nikuzyaga/01.jpg);
}

.saba-no-misoni section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/saba-no-misoni/01.jpg);
}

.teriyaki_chicken section>dl:first-of-type {
	background-image: url(../img/recipes/lakanka/teriyaki_chicken/01.jpg);
}

.gateau_chocolat section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/gateau_chocolat/01.jpg);
	background-size: auto 70%;
}

.milk_pudding section>dl:first-of-type {
	background-image: url(../img/recipes/lakanka/milk_pudding/01.jpg);
	background-size: auto 70%;
}

.strawberry_jam section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/strawberry_jam/01.jpg);
	background-size: auto 55%;
}

.banana_juice section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/banana_juice/01.jpg);
	background-size: auto 70%;
}

.matcha_latte section > dl:first-of-type {
	background-image: url(../img/recipes/lakanka/matcha_latte/01.jpg);
	background-size: auto 65%;
}

.hot_cocoa section>dl:first-of-type {
	background-image: url(../img/recipes/lakanka/hot_cocoa/01.jpg);
	background-size: auto 60%;
}

section > dl dt {
	border-bottom: solid 1px #888888;
	padding: 0px 10px;
	font-weight: bold;
	font-size: 1.2em;
}

section > dl dd {
	margin-left: 24px;
	padding: 10px;
}

section > dl dd ul {
	list-style-type: disc;
}

section > dl dd > ul.number {
	list-style-type: decimal;
}

section > dl dd ul li.circle_white::before {
	content: "\25CB";
}

section > dl dd ul li.circle_black::before {
	content: "\25CF";
}

section > dl dd aside {
	padding-bottom: 20px;
}