@charset "utf-8";

	h1
	{
		margin-bottom		:	0px;
		line-height			:	0px;
	}
	h1#ImageMain
	{
		margin-bottom		:	0px;
		line-height			:	0px;
	}

	table.List td
	{
		padding			:	8px;
	}
	td.ListHeader
	{
		text-align			:	center;
	}
	td.ListName
	{
		text-align			:	center;
	}
	td.ListContent
	{
		text-align			:	left;
	}
	
	div.PanelPhoto
	{
	}
	div.PanelPhoto img
	{
		margin			:	0px 10px 10px 0px;
	}
	
	table.ListInformation
	{
		width				:	100%;
	}
	table.ListInformation td
	{
		border			:	none;
	}
	table.ListInformation tr td:first-child
	{
		width				:	70px;
	}


/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* Image */
	#ImageMain
	{
		width				:	100%;
	}

	/* Event */
	div.PanelEventDetailGeneral
	{
		text-align			:	center;
	}
	div.PanelEventDetailInformation
	{
		margin			:	0px auto 0px auto !important;
		padding			:	15px;
		border			:	solid 1px rgba(0,0,0,0.25);
		text-align			:	left;
		background-color		:	rgba(255,255,255,0.9);
	}

	.LabelEventTitle
	{
		font-size			:	18px;
	}

	table.List td
	{
		padding			:	8px 20px;
	}
	td.ListName
	{
		width				:	25%;
	}
	table.List td.ListContent
	{
//		width				:	40%;
	}

}


/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	p.PanelComment
	{
		height				:	6em;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
	p.PanelComment
	{
		height				:	8em;
	}
}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	div.PanelInformation
	{
		text-align			:	left;
	}
	.LabelEventTitle
	{
		position			:	relative;
		font-size			:	18px;
	}
	div.PanelInformation .LabelEventTitle
	{
		font-size			:	15px;
	}
	table.List td
	{
		padding			:	8px;
	}
}