@charset "utf-8";
/* CSS Document */

.menu .inner {margin: 0px auto; width: 100%;}


.menu .inner .reserve{width:234px; margin: 50px auto; }


.pc_menu_area{width: 1000px; margin: -50px auto 50px auto;background: url(../images/sp/menu/menu_bg.png) right top}

.pc_menu_area .icatch{ width: 50%; float: left;}
.pc_menu_area .info{ width: 50%; float: right;background: url(../images/sp/menu/menu_bg.png) repeat-y top; background-size: 100% auto; padding: 20px; box-sizing: border-box;}

.pc_menu_area .sub_cate_area:nth-child(2n) .icatch{float: right}
.pc_menu_area .sub_cate_area:nth-child(2n) .info{float: left;}

.sub_cate_area .item_area .item{border-bottom: #000 solid 1px; padding: 5px 0px; width: 100%;}
.sub_cate_area .item_area .item:last-child{border-bottom: none}
.sub_cate_area .item_area .item .title{ float: left;}
.sub_cate_area .item_area .item .price{ float: right;}

.sub_cate_area h4{text-align: center; font-size: 20px; margin: 0px; padding: 0px 0px 5px 0px}

@media screen and (max-width: 760px) {
	
	.main_cate_hd{ color: #FFF; text-align: center; padding: 20px 5%;background: url(../images/sp/menu/main_cate_bg.png) top repeat-y; background-size: 100% auto;}
	
	.main_cate_hd h3{padding: 0px; margin: 0px; }
	.main_cate_hd p{padding: 0px; margin: 0px; }
	.sub_cate_area{background: url(../images/sp/menu/menu_bg.png) repeat-y top; background-size: 100% auto; padding: 0px 0px 30px 0px}
	.sub_cate_area h4{text-align: center; font-size: 24px; margin: 0px; padding: 30px 0px 5px 0px}
	.sub_cate_area p{text-align: center; margin: 0px;}
	.sub_cate_area .icatch img{width: 100%}
	.sub_cate_area .item_area{width: 90%; margin: 20px auto 0px auto;border-top: #000 solid 2px; padding-top: 10px;}
	.sub_cate_area .item_area .item{border-bottom: #000 solid 1px; padding: 5px 0px; width: 100%;}
	.sub_cate_area .item_area .item:last-child{border-bottom: none}
	.sub_cate_area .item_area .item .title{ float: left;}
	.sub_cate_area .item_area .item .price{ float: right;}
}