@charset "utf-8";

/* フード */
#food{
    position: relative;
	margin: 0 auto;
    padding: 100px 0 120px 0;
	text-align: center;
}
#food .posca{
	position: relative;
	margin: 0 auto;
	width: calc(100% - 20px);
	transform: translateX(10px);
	text-align: center;
	font-size: .13rem;
}
#food .posca img{
	position: relative;
	margin: -20px auto 0 auto;
}
#food .posca .lead span{
	font-size: .15rem;
	font-weight: 900;
}
#food h3{
	margin: 40px auto 10px auto;
	height: auto;
}
#food h3 img{
	height: auto;
	width:calc(100% - 40px);
}

#food ul{
    position: relative;
	margin: 20px auto;
}
#food ul li{
    position: relative;
	margin: 0 auto 30px auto;
    font-size: .13rem;
	width: 100%;
	text-align: left;
}
#food ul li .foodImg{
    position: relative;
	margin: 0 auto;
	width: calc(100% - 60px);
	transform: translateX(-5px);
}
#food ul li .price{
    position: relative;
	margin: 0 auto;
    font-size: .12rem;
	font-weight: 900;
	text-align: right;
	padding: 10px 0 20px 0;
}
#food ul li .price span{font-size: .20rem;}
#food ul li .kikan{color: #28619b;font-weight: 900;padding-bottom: 10px;}


/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	/* フード */
	#food{ padding: 100px 0 180px 0;}
	#food .posca{
		width: 680px;
		transform: translateX(0);
		font-size: .16rem;
	}
	#food .posca img{margin: 0 auto;}
	#food .posca .lead span{font-size: .19rem;}
	#food h3{margin: 80px auto 10px auto;}
	#food h3 img{width:380px;}

	#food ul{width: 760px;margin: 40px auto;}
	#food ul li{
		margin: 0 0 80px 0;
		font-size: .14rem;
		width: calc(50% - 40px);
	}
	#food ul li .price{
		font-size: .13rem;
		padding: 10px 0 30px 0;
	}
	#food ul li .price span{font-size: .24rem;}


}