/* CSS Document */
.page_ttl {
	background-image: url("../images/page_ttl_menu.jpg");
}

.menu_area {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
}

.menu_area .menuBox {
	width: 49%;
	margin-bottom: 45px;
}

.under #main .menu_area p + p {
	margin-top: 0;
}

@media screen and (max-width: 768px) {
	.menu_area {
		display: block;
	}
	.menu_area .menuBox {
		width: 100%;
		margin-bottom: 30px;
	}
}
#main .menu-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 3.5rem 2.4rem;
	margin-top: 4rem;
}
@media screen and (max-width: 768px) {
	#main .menu-box {
		gap: 50px 0;
	}
}
#main .menu-box .card {
	width: calc((100% - 2.4rem) / 2);
}
@media screen and (max-width: 768px) {
	#main .menu-box .card {
		width: 100%;
	}
}
#main .menu-box .card.-wide {
	width: 100%;
}
@media screen and (min-width: 769px) {
	#main .menu-box .card.-small {
		width: calc((100% - 4.8rem) / 3);
	}
	#main .menu-box .card.-small h3 {
		font-size: 1.9rem;
	}
	#main .menu-box .card.-small p {
		font-size: 1.4rem;
	}
}
#main .menu-box .card .cnt p .price {
	font-weight: bold;
	font-size: 130%;
	color: brown;
}
#main .menu-box .card .cnt p + p {
	margin-top: 0.5em;
}
#main .menu-box .card .cnt h4 {
	margin-top: 1em;
	margin-bottom: 0.5em;
	font-weight: 500;
}
#main .menu-box .card .cnt h4::before {
	height: 1em;
	width: 0.3em;
}
/*# sourceMappingURL=menu.css.map */