@charset "UTF-8";

main div#title { background: url(../img/menu/main.jpg) center no-repeat; background-size: cover; }

main h2 { margin: 3em 0 2em; text-align: center; }
main h2:nth-of-type(1) { margin: 1em 0 2em; }
main h3 {}
main span.price { color: #ee762b; font-size: 120%; font-weight: bold; }
main span.price.large { font-size: 150%; }
main span.price.extraLarge { font-size: 220%; }
main span.price span { font-size: 80%; }

@media screen and (max-width: 767px) {
main h2 {}
main span.price { font-size: 110%; }
main span.price.large { font-size: 120%; }
main span.price.extraLarge { font-size: 130%; }
main span.price span { font-size: 90%; }
}

/* --------------------------------------------------
	ハンバーグ定食
-------------------------------------------------- */

main div#set { margin-bottom: 40px; padding: 40px; background: #f7f3e7; }
main div#set dl {}
main div#set dt { width: 500px; float: left; }
main div#set dt img { width: 500px; height: 300px; }
main div#set dd { width: 580px; float: right; }
main div#set dd strong { font-size: 140%; }
main div#set dd p { margin: 0.5em 0 1em; }
main div#set dd ul { list-style: none; }
main div#set dd li { padding: 0 20px; text-align: center; font-size: 90%; float: left; white-space: nowrap; }
main div#set dd li img { margin-bottom: 5px; width: auto; height: 30px; }

@media screen and (max-width: 767px) {
main div#set { margin: 0 -10px 20px; padding: 20px 15px; }
main div#set dt { margin: 0 0 15px; width: auto; float: none; }
main div#set dt img { width: 100%; height: auto; }
main div#set dd { width: auto; float: none; }
main div#set dd strong { font-size: 120%; }
main div#set dd li { margin-right: 10px; padding: 0; }
main div#set dd li:nth-child(2) { margin-right: 20px; }
}

/* --------------------------------------------------
	トッピング
-------------------------------------------------- */

main div#topping { margin: 0 0 30px; padding: 30px; background-color: #f7f3e7; background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #fff), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #fff),color-stop(.75, #fff), color-stop(.75, transparent),to(transparent)); background-size: 10px 10px; }
main div#topping div.inner { padding: 30px; background: #fff; }
main div#topping div.title { margin-bottom: 20px; }
main div#topping h3 { display: inline; }
main div#topping span { margin-left: 1em; }
main div#topping ul { margin-left: 1.5em; }
main div#topping li { width: 25%; float: left; }

@media screen and (max-width: 767px) {
main div#topping { margin: 0 -10px 20px; padding: 10px; }
main div#topping div.inner { padding: 20px; }
main div#topping div.title { margin-bottom: 15px; }
main div#topping h3 { display: block; }
main div#topping span { margin: 0; }
main div#topping li { width: 100%; float: none; }
}

/* --------------------------------------------------
	メニュー
-------------------------------------------------- */

main ul.menu { width: 1232px; list-style: none; }
main ul.menu li { margin: 0 32px 32px 0; padding: 24px; width: 228px; background: #f7f3e7; text-align: center; float: left; }
main ul.menu li img { margin-bottom: 10px; width: 100%; height: auto; }
main ul.menu li div { line-height: 1.6; }
main ul.menu li strong { font-size: 110%; }

@media screen and (max-width: 767px) {
main ul.menu { width: auto; }
main ul.menu li { margin: 0 auto 15px; float: none; }
}