@charset "utf-8";
/* CSS Document */
#sub_img .title {
	color: #333;
}
/*menu_list---------------------------------------------------------*/
#menu .menu_list ul li {
	width: 50%;
	float: left;
	text-align: center;
	font-family: 'Raleway', sans-serif;
	letter-spacing: 1px;
	margin-top: 20px;
}
#menu .menu_list ul li:nth-child(odd){
	clear:both;
	float: left;
}
#menu ul li a {
	position: relative;
	display: inline-block;
	padding: .4em;
	color: #333;
}
#menu ul li a::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: red;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
#menu ul li a:hover::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

#menu .category {
	margin-top: 50px;
}
#menu .category h3 {
	font-size: 25px;
	font-family: 'Raleway', sans-serif;
	font-weight: normal;
	padding-left: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #000;
	letter-spacing: 1px;
}
#menu .category h4::before {
	content: "◆";
	color: #f44a4a;
	padding-right: 5px;
}
#menu .category .category_txt {
	margin-top: 10px;
	line-height: 180%;
}
#menu .category .cate {
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
#menu .category .cate h4 {
	width: 80%;
	float: left;
	font-weight: normal;
}
#menu .category .cate .price {
	width: 15%;
	float: right;
	font-weight: bold;
	box-sizing: border-box;
}
#menu .category .cate .cate_txt {
	line-height: 180%;
	padding-left: 20px;
	margin-top: 10px;
}

/*タブレット------------------------------------------------*/
@media (max-width:800px) {
	#menu {
		padding: 0 20px;
		margin-bottom: 40px;
	}
	#menu .category .cate h4 {
		width: 100%;
		float: none;
	}
	#menu .category .cate .price {
		width: 100%;
		float: none;
		text-align: right;
	}
	#menu .category .cate .cate_txt {
		padding-left: 10px;
		margin-top: 5px;;
	}
}