@charset "utf-8";
/*--------------------------------------
	copyright :　webcal
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(common_parts.css);
@import url(common.css);


/*　menu　==============================*/


/* main  ----------*/
#menu .sec_item_head { margin-bottom: 1rem; }
#menu .sec_item_head a { color: inherit; }
#menu .sec_item_head ul { display: flex; flex-wrap: wrap; justify-content: center; }
#menu .sec_item_head li:not(:nth-last-of-type(1)) { margin-right: 2rem; }

#menu .item_box { margin-top: -70px; padding-top: 70px; }
#menu .item_box h3 { position: relative; margin-bottom: 1rem; padding-left: 0.5em; font-size: 2rem; }
#menu .item_box h3::before { position: absolute; top: 50%; left: 0; content: ""; width: 3px; height: 1em; border-left: 3px solid #8d2730; transform: translateY(-50%); }
#menu .item_box h3::after { position: absolute; bottom: 0; left: 0; content: ""; width: 100%; border-bottom: 1px double #8d2730; }
#menu .item_box .item { margin-bottom: 1.5rem; }
#menu .item_box .item h4 { margin-bottom: 1rem; padding-left: 1rem; font-size: 1.8rem; }
#menu .item_box .item h4 span { position: relative; padding-left: 0.5em; }
#menu .item_box .item h4 span::before { position: absolute; top: 50%; left: 0; content: ""; width: 3px; height: 1em; border-left: 3px solid #8d2730; transform: translateY(-50%); }
#menu .item_box .item ul li { margin-bottom: 1rem; padding: 1rem; color: #fff; background: #8d2730; align-items: center; justify-content: space-between; border-radius: 3px; }
#menu .item_box .item ul li p { margin: 0; }
#menu .item_box .item .menu_list { padding: 0 1rem; }
#menu .lunch_main { padding: 2rem; border: 1px solid #8d2730; border-radius: 5px; }
#menu .lunch_main p span { display: block; }
#menu .lunch_main p small { display: block; }

@media screen and ( width: 769px ) {
	#menu .lunch_main p span { display: inline; }
}