@charset "utf-8";

	/* Event */
	#PanelEvent
	{
		position			:	relative;
		text-align			:	center;
	}
	#PanelEventTitle
	{
		text-align			:	center;
	}
	#PanelEvent h2
	{
		margin			:	0px auto;
	}
	#PanelEvent h3
	{
	}
	div.PanelEventListPhoto
	{
		background-repeat		:	no-repeat;
		background-position	:	center center;
		background-size		:	cover;
		transition			:	all 0.2s ease-out;
	}
	#PanelEventList a
	{
		color				:	inherit;
		text-decoration		:	none;
	}
	div.PanelEventList
	{
		position			:	relative;
		transition			:	all 0.2s ease-out;
	}
	div.PanelEventListBullet
	{
		display			:	none;
		position			:	absolute;
		top				:	-10px;
		right				:	15px;
		color				:	rgb(255,255,255);
		background-color		:	rgb(255,153,0);
	}
	div.PanelEventListCategory
	{
		display			:	none;
		position			:	absolute;
		top				:	-15px;
		left				:	15px;
		color				:	rgb(255,255,255);
		background-color		:	rgb(0,126,83);
	}
	div.PanelEventListTitle
	{
		text-align			:	center;
	}
	div.PanelEventListDate
	{
		text-align			:	center;
	}
	div.PanelEventListComment
	{
		display			:	none;
	}

/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	div.PanelFormButton div
	{
		width				:	250px;
	}
	div.PanelFormButton ul
	{
		display			:	block;
		padding			:	0px;
	}
	div.PanelFormButton ul li
	{
		display			:	inline-block;
		margin			:	0px 0px 30px 0px;
	}

	#PanelEventTitle
	{
		margin			:	-5px 0px 30px 0px;
	}
	#PanelEventTitle h2 img
	{
		height				:	80px;
	}
	#PanelEventList
	{
		margin			:	0px;
		padding			:	0px;
	}
	#PanelEventList ul
	{
		margin			:	0px auto;
		text-align			:	center;
	}
	#PanelEventList ul li
	{
		display			:	inline-block;
		text-align			:	center;
		vertical-align			:	top;
	}
	div.PanelEventList
	{
		margin			:	0px auto;
	}
	div.PanelEventListPhoto
	{
		margin			:	0px auto 10px auto;
	}
	div.PanelEventListTitle
	{
		height				:	70px;
		margin			:	0px 0px 5px 0px;
//		font-size			:	14px;
		line-height			:	1.5em;
	}
	div.PanelEventListDate
	{
		font-size			:	10.5px;
		line-height			:	1.6em;
	}
	div.PanelEventListComment
	{
//		font-size			:	12px;
//		line-height			:	1.6em;
	}
	div.PanelEventListBullet
	{
		padding			:	0px 15px;
//		font-size			:	12px;
//		line-height			:	2em;
	}
	div.PanelEventListCategory
	{
		padding			:	0px 20px;
//		font-size			:	18px;
//		line-height			:	2em;
	}
}


/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	/* Menu */
	#PanelBodyMenu
	{
		position			:	absolute;
	}

	/* Event */
	#PanelEventList ul li
	{
		margin			:	0px 19px 0px 0px;
	}
	#PanelEventList ul li:nth-child(6n)
	{
		margin-right			:	0px;
	}
	div.PanelEventList
	{
		width				:	180px;
		height				:	320px;
	}
	div.PanelEventListPhoto
	{
		width				:	180px;
		height				:	180px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
	/* Event */
	#PanelEventList ul li
	{
		margin			:	0px 20px 0px 0px;
	}
	#PanelEventList ul li:nth-child(4n)
	{
		margin-right			:	0px;
	}
	div.PanelEventList
	{
		width				:	180px;
		height				:	320px;
	}
	div.PanelEventListPhoto
	{
		width				:	180px;
		height				:	180px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* Title */
	#PanelBodyTitle
	{
//		display			:	none;
	}

	/* Event */
	#PanelEventTitle
	{
		margin			:	-5px 0px 0px 0px;
	}
	#PanelEventTitle h2 img
	{
		height				:	60px;
	}
	#PanelEventList ul li
	{
		width				:	100%;
		margin			:	0px 0px 5px 0px;
		padding			:	15px 0px;
		text-align			:	center;
		border-bottom		:	solid 1px rgba(0,0,0,0.25);
	}
	#PanelEventList ul li:last-child
	{
		border-bottom		:	none;
	}
	div.PanelEventListPhoto
	{
		width				:	200px;
		height				:	200px;
		margin			:	0px auto 10px auto;
	}
	div.PanelEventListBullet
	{
		padding			:	0px 15px;
		font-size			:	10.5px;
		line-height			:	2em;
	}
	div.PanelEventListCategory
	{
		padding			:	0px 10px;
		line-height			:	2em;
	}
}