@charset "utf-8";

	/* Title */
	#PanelBodyTitle
	{
	}

	/* Menu */
	#PanelBodyMenu
	{
	}

	/* Gallery */
	div.PanelGallery img
	{
		margin-bottom		:	1em;
	}

	/* Map */
	#PanelMap
	{
		width				:	100%;
		border			:	solid 1px rgba(0,0,0,0.25);
	}
	#ImageMap
	{
		margin			:	0px auto;
		background-color		:	rgba(255,255,255,1);
	}

	/* Outsider */
	#ImageOutsider
	{
		width				:	100%;
		margin			:	0px auto;
	}
/*
======================================
Pc
======================================
*/
@media print, screen and (min-width:801px)
{
	/* Title */
	#PanelBodyTitle
	{
		display			:	block;
	}

	/* Address */
	#PanelLocation h2
	{
		margin			:	0px 0px 5px 0px;
	}
	#PanelLocationAddress
	{
		padding			:	30px 0px;
		line-height			:	2em;
	}
	#PanelLocationAddress h2
	{
		margin			:	0px 0px 5px 0px;
		color				:	inherit;
	}
	#ImageLocationAddressLogo
	{
		height				:	150px;
	}
	span.LabelLocationAddress
	{
		margin			:	0px 1em 0px 0px;
	}
	span.LabelLocationAddressTitle:after
	{
		content							:	"／";
	}
	#PanelLocationAddress div.PanelFormButton
	{
		margin			:	15px 0px 0px 0px;
		padding			:	0px;
	}
	#PanelLocationAddress div.PanelFormButton ul
	{
		margin			:	0px auto;
		padding			:	0px;
	}
	#PanelLocationAddress div.PanelFormButton li
	{
		margin			:	0px;
		padding			:	0px;
	}

	/* Map */
	div.PanelMap
	{
		display			:	table;
		width				:	100%;
	}
	div.PanelMapGoogle
	{
		display			:	table-cell;
		vertical-align			:	top;
		padding			:	0px;
	}
	div.PanelMapImage
	{
		display			:	table-cell;
		vertical-align			:	center;
		vertical-align			:	top;
		width				:	400px;
		padding			:	0px 0px 0px 30px;
	}
	#PanelMap
	{
		width				:	100%;
		margin			:	0px auto 0px auto;
	}
	#ImageMap
	{
		width				:	100%;
	}

	#ImageButtonGuruttoBus
	{
		width				:	220px;
		margin			:	0px 0px 10px 0px;
	}

	/* Outsider */
	#ImageOutsider
	{
	}
}

/*
======================================
Wide PC
======================================
*/
@media print, screen and (min-width:1241px)
{
	#PanelMap
	{
		height				:	380px;
	}
}

/*
======================================
Middle PC
======================================
*/
@media screen and (min-width:1001px) and (max-width:1240px)
{
	#PanelMap
	{
		height				:	300px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media screen (min-width:801px) and (max-width:1000px)
{
	/* Body */
	#PanelMap
	{
		height				:	250px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	/* Address */
	#PanelLocationAddress
	{
		padding			:	30px 0px;
	}
	#PanelLocationAddress h2
	{
		margin			:	0px 0px 5px 0px;
		color				:	inherit;
	}
	#ImageLocationAddressLogo
	{
		height				:	120px;
	}
	span.LabelLocationAddressTitle
	{
	}
	span.LabelLocationAddressTitle:before
	{
		content						:	"【";
	}
	span.LabelLocationAddressTitle:after
	{
		content						:	"】";
	}
	#LabelLocationAddressTelephone a
	{
		font-size			:	18px;
	}
	#PanelLocationAddress div.PanelFormButton
	{
		margin			:	15px 0px 0px 0px;
		padding			:	0px;
	}
	#PanelLocationAddress div.PanelFormButton ul,
	#PanelLocationAddress div.PanelFormButton li
	{
		margin			:	0px;
		padding			:	0px;
	}

	/* Map */
	#PanelMap
	{
		height				:	250px;
		margin			:	0px auto 15px auto;
	}
	#ImageMap
	{
		width				:	100%;
		margin			:	0px auto;
	}

	#ImageButtonGuruttoBus
	{
		width				:	100%;
		margin			:	0px auto 15px auto;
	}

	/* Outsider */
	#ImageOutsider
	{
		width				:	100%;
	}
}