/* Title */
	#PanelBodyTitle
	{
		background-image			:	url( './image/Panel/Background.jpg' );
	}
	
	
	/* Calendar */
	#PanelCalendar iframe
	{
		width					:	100%;
		border				:	0px;
	}

	/* Group */
	#PanelGroup
	{
		position				:	relative;
	}

	div.PanelAccessComment
	{
	}
	div.PanelAccessComment dl.PanelAccessCommentList
	{
		width					:	100%;
		margin				:	0px;
		padding				:	0.5em 0px;
		border-bottom			:	solid 1px rgba(0,0,0,0.25);
	}
	div.PanelAccessComment dl.PanelAccessCommentList dt.PanelAccessCommentListTitle
	{
		margin				:	0px;
		padding				:	0px;
		text-align				:	left;
		vertical-align				:	top;
		white-space				:	nowrap;
	}
	div.PanelAccessComment dl.PanelAccessCommentList dt.PanelAccessCommentListTitle:before
	{
		content				:	"■";
	}
	div.PanelAccessComment dl.PanelAccessCommentList dd.PanelAccessCommentListBody
	{
		margin				:	0px;
		padding				:	0px;
		text-align				:	left;
		vertical-align				:	top;
	}
/*
======================================
Pc
======================================
*/
@media (min-width: 801px)
{
	/* Access */
	div.PanelAccess
	{
	}
	div.PanelAccess h2 img
	{
		height					:	100px;
	}
	div.PanelAccessComment
	{
		display				:	table-cell;
		padding				:	0px 30px 0px 0px;
		vertical-align				:	top;
		text-align				:	left;
	}
	div.PanelAccessComment dl.PanelAccessCommentList
	{
		display				:	table;
	}
	div.PanelAccessComment dl.PanelAccessCommentList dt.PanelAccessCommentListTitle
	{
		display				:	table-cell;
		width					:	8em;
	}
	div.PanelAccessComment dl.PanelAccessCommentList dd.PanelAccessCommentListBody
	{
		display				:	table-cell;
	}
	div.PanelAccessPhoto
	{
		display				:	table-cell;
		vertical-align				:	top;
		width					:	300px;
	}
	div.PanelAccessPhoto img
	{
		width					:	100%;
	}
	div.PanelAccessMap
	{
		display				:	block;
		vertical-align				:	top;
		width					:	100%;
	}
	div.PanelAccessMap iframe
	{
		width					:	100%;
		height					:	400px;
	}

	/* Group */
	#PanelGroup
	{
		padding				:	30px 0px;
	}
	#PanelGroup h3
	{
		margin				:	0px 0px 10px 0px;
	}

	/* Leaflet */
	#ImageLeaflet
	{
		width					:	300px;
	}
}
/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	/* Access */
	div.PanelAccess h2 img
	{
		height					:	90px;
	}
	div.PanelAccessComment
	{
		margin				:	0px 0px 15px 0px;
		text-align				:	left;
	}
	div.PanelAccessComment dl.PanelAccessCommentList dt.PanelAccessCommentListTitle
	{
		width					:	7em;
	}
	div.PanelAccessPhoto
	{
		margin				:	0px 0px 15px 0px;
		text-align				:	center;
	}
	div.PanelAccessPhoto img
	{
		height					:	250px;
	}
	div.PanelAccessMap
	{
		text-align				:	center;
	}
	div.PanelAccessMap iframe
	{
		width					:	100%;
		height					:	200px;
	}
	p.PanelParkingButton
	{
		text-align				:	center;
	}

	/* Group */
	#PanelGroup
	{
		padding				:	30px 0px;
		text-align				:	left;
	}
	#PanelGroup h3
	{
		margin				:	0px 0px 5px 0px;
	}

	/* Leaflet */
	#ImageLeaflet
	{
		width					:	250px;
	}
}