#panel02wrapper {
	position: relative;
	> img {
		width: 100%;
	}
	> div {
		position: absolute;
		font-size: 5.0rem;
		line-height: 100%;
		color: #fff;
		font-family: var(--font-serif);
		font-weight: 700;
		width: 100%;
		text-align: center;
		letter-spacing: 0.2em;
		padding-left: 0.2em;
		left: 0;
		top: calc(50% - 0.5em);
	}
}
@media screen and (max-width:1029px) {
	#panel02wrapper {
		> div {
			font-size: 4.0rem;
		}
	}
}
@media screen and (max-width:679px) {
	#panel02wrapper {
		> div {
			font-size: 3.0rem;
		}
	}
}
@media screen and (max-width:479px) {
	#panel02wrapper {
		> div {
			font-size: 2.6rem;
		}
	}
}

#localnaviwrapper {
	padding: 20px 5% 0 5%;
	background-color: var(--color-beige);
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	> a {
		display: block;
		margin: 5px;
		width: 110px;
		font-size: 1.6rem;
		line-height: 1;
		color: #fff;
		font-family: var(--font-serif);
		border-radius: 5px;
		padding: 10px 20px 10px 15px;
		text-decoration: none;
		background-image: url(./image/chevron_down_fff.svg);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		background-color: #888;
		&:hover {
			opacity: 0.7;
		}
	}
}

.sectionwrapper {
	background-color: var(--color-beige);
	padding: 90px 5% 0 5%;
	> .inner {
		max-width: 1065px;
		margin: 0 auto;
		> h2 {
			margin: 0 15px;
			font-size: 3.4rem;
			line-height: 100%;
			color: #333;
			font-family: var(--font-serif);
			font-weight: 700;
			border-bottom: solid 2px #777;
			padding-bottom: 20px;
			text-align: center;
		}
		> div {
			margin: 40px 0 0 0;
			display: flex;
			flex-wrap: wrap;
			> a {
				transition: all 0s;
				margin: 15px;
				width: 236px;
				background-color: #fff;
				box-sizing: border-box;
				padding: 35px 10px 30px 10px;
				text-align: center;
				text-decoration: none;
				> figure {
					margin: 0;
					display: flex;
					flex-direction: column;
					align-items: center;
					justify-content: flex-end;
					height: 100%;
					> img {
						max-width: 100%;
					}
					> figcaption {
						margin-top: 10px;
						font-size: 1.5rem;
						line-height: 120%;
						color: #333;
					}
				}
				&:hover {
					border: solid 3px #b59b67;
					padding: 32px 0 27px 0;
				}
			}
		}
		> div.three {
			> a {
				width: 325px;
			}
		}
	}
}
@media screen and (max-width:1179px) {
	.sectionwrapper {
		> .inner {
			> div {
				> a {
					width: 180px;
					padding: 25px 10px 20px 10px;
					&:hover {
						border: none;
						padding: 25px 10px 20px 10px;
						opacity: 0.7;
					}
				}
			}
		}
	}
}
@media screen and (max-width:799px) {
	.sectionwrapper {
		> .inner {
			> div {
				justify-content: space-around;
			}
		}
	}
}

#recipewrapper {
	background-color: var(--color-beige);
	padding: 50px 7% 80px 7%;
	> a {
		background-image: url(./image/recipe.jpg);
		width: 1000px;
		height: 250px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		text-decoration: none;
		> div {
			padding: 10px 50px;
			font-size: 2.4rem;
			line-height: 130%;
			color: #fff;
			font-family: var(--font-serif);
			text-align: center;
			background-color: #657a40;
		}
		&:hover {
			opacity: 0.7;
		}
	}
}
@media screen and (max-width:1159px) {
	#recipewrapper {
		> a {
			width: 100%;
		}
	}
}