/* Map */
	#PanelMap
	{
		width				:	100%;
		border			:	solid 1px rgba(0,0,0,0.25);
		transition			:	all 0.2s ease-out;
		-webkit-transition		:	all 0.2s ease-out;
		-moz-transition		:	all 0.2s ease-out;
		-o-transition			:	all 0.2s ease-out;
	}


/*
======================================
PC
======================================
*/
@media (min-width: 801px)
{
	/* Panel */
	div.PanelListPage
	{
		height				:	450px;
		margin			:	0px 30px 20px 30px;
		overflow			:	hidden;
	}
	div.PanelBox p
	{
		margin-top			:	0px;
	}
	
	div.PanelContent h1
	{
		margin			:	0px;
		vertical-align			:	center;
	}
	div.PanelContent h2
	{
		vertical-align			:	center;
	}
	
	#PanelPhoto1
	{
		float				:	right;
		width				:	480px;
	}
	#ImagePhoto1
	{
		width				:	100%;
	}
	#PanelComment1
	{
		float				:	left;
		width				:	440px;
	}
	#ImagePhoto2
	{
		float				:	left;
		width				:	480px;
	}
	#PanelComment2
	{
		float				:	right;
		width				:	440px;
	}
	#PanelPhoto3-1
	{
		float				:	left;
		width				:	360px;
	}
	#ImagePhoto3-1
	{
		width				:	360px;
	}
	#PanelPhoto3-2
	{
		float				:	right;
		width				:	300px;
		margin			:	0px 0px 0px 30px;
	}
	#ImagePhoto3-2
	{
		width				:	300px;
	}
	#PanelComment3
	{
		float				:	right;
		width				:	560px;
		margin			:	50px 0px 0px 0px;
	}
	#PanelPhoto4-1
	{
		float				:	left;
		width				:	360px;
	}
	#ImagePhoto4-1
	{
		width				:	360px;
	}
	#PanelPhoto4-2
	{
		float				:	right;
		width				:	200px;
		margin			:	0px 0px 0px 40px;
	}
	#ImagePhoto4-2
	{
		width				:	200px;
	}
	#PanelComment4
	{
		float				:	right;
		width				:	560px;
		margin			:	50px 0px 0px 0px;
	}

	/* Map */
	#PanelMap5
	{
		float				:	right;
		width				:	480px;
	}
}

/*
======================================
Wide PC
======================================
*/
@media (min-width: 1241px)
{
	/* Map */
	#PanelMap
	{
		height				:	400px;
	}
}

/*
======================================
Narrow PC
======================================
*/
@media (min-width: 1001px) and (max-width: 1240px)
{
	/* Map */
	#PanelMap
	{
		height				:	350px;
	}
}

/*
======================================
Tablet
======================================
*/
@media (min-width: 801px) and (max-width: 1000px)
{
	#PanelPhoto1
	{
		float				:	right;
		width				:	300px;
	}
	#ImagePhoto2
	{
		float				:	left;
		width				:	300px;
	}
	#PanelPhoto3-1
	{
		float				:	left;
		width				:	250px;
	}
	#ImagePhoto3-1
	{
		width				:	250px;
	}
	#PanelPhoto3-2
	{
		width				:	200px;
	}
	#ImagePhoto3-2
	{
		width				:	200px;
	}
	#PanelComment3
	{
		width				:	500px;
		margin			:	0px 0px 0px 0px;
	}
	#PanelPhoto4-1
	{
		width				:	250px;
	}
	#PanelPhoto4-2
	{
		width				:	150px;
		margin			:	0px 0px 0px 20px;
	}
	#PanelComment4
	{
		width				:	500px;
		margin			:	0px 0px 0px 0px;
	}

	/* Map */
	#PanelMap
	{
		height				:	300px;
	}
}



/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	#PanelShowroomTitle,
	#PanelShowroomTitle p
	{
		text-align			:	center;
	}
	h2
	{
		text-align			:	center;
	}

	div.PanelPhoto
	{
		text-align			:	center;
	}
	#ImagePhoto3-1
	{
		width				:	200px;
		margin			:	0px auto;
	}
	#ImagePhoto3-2
	{
		width				:	200px;
		margin			:	0px auto;
	}
	#ImagePhoto4-1
	{
		width				:	200px;
		margin			:	0px auto;
	}
	#PanelPhoto4-2
	{
		width				:	150px;
		margin			:	0px auto;
	}

	/* Map */
	#PanelMap
	{
		height				:	300px;
	}
}