/* List */
#PanelMeal
{
}
#PanelMeal ul.ListMeal
{
	margin			:	0px;
	padding			:	0px;
}
#PanelMeal ul.ListMeal li
{
	display			:	inline-block;
	margin			:	0px 25px 30px 0px;
	padding			:	0px;
}
#PanelMeal ul li:nth-child(4n)
{
	margin-right			:	0px;
}
div.PanelMealList
{
	width				:	220px;
	height				:	220px;
	text-align			:	center;
}
a:hover div.PanelMealList
{
	opacity			:	0.7;
}
div.PanelMealListPhoto
{
	width				:	220px;
	height				:	170px;
	display			:	table-cell;
	text-align			:	center;
	vertical-align			:	middle;
}
div.PanelMealListPhoto img
{
	max-width			:	100%;
	max-height			:	100%;
	margin-left			:	auto;
	margin-right			:	auto;
}
div.PanelMealListDate
{
	margin			:	5px 0px;
	height				:	40px;
	background-image		:	url(./image/Line/Roll.png);
	background-repeat		:	no-repeat;
	background-position	:	bottom center;
	background-size		:	contain;
}

/* Detail */
div.PanelMealDetail
{
}
div.PanelMealDetailPopUp
{
	width				:	920px;
	padding			:	30px;
}
div.PanelMealDetailDate
{
	text-align			:	center;
	margin			:	0px 0px 30px 0px;
	padding			:	0px 0px 15px 0px;
	font-size			:	18px;
	background-image		:	url(./image/Line/Roll.png);
	background-repeat		:	no-repeat;
	background-position	:	bottom center;
	background-size		:	177px 10px;
}
div.PanelMealDetailPhoto
{
	display			:	table-cell;
	vertical-align			:	top;
	width				:	480px;
	padding-right		:	40px;
}
div.PanelMealDetailPhoto img
{
	width				:	100%;
	margin			:	0px;
}
div.PanelMealDetailPhotoSub
{
	margin			:	10px 0px;
	padding			:	0px;
}
div.PanelMealDetailPhotoSub ul
{
	display			:	table;
	margin			:	0px;
	padding			:	0px;
}
div.PanelMealDetailPhotoSub ul li
{
	display			:	table-cell;
	padding			:	0px 15px 0px 0px;
	text-align			:	left;
}
div.PanelMealDetailPhotoSub ul li:last-child
{
	padding			:	0px;
}
div.PanelMealDetailPhotoSub img
{
	height				:	150px;
}
div.PanelMealDetailComment
{
	position			:	relative;
	display			:	table-cell;
	vertical-align			:	top;
}
div.PanelMealDetailComment img
{
	max-width			:	100%;
	margin			:	0px 0px 10px 0px;
}