@charset "utf-8";

/* Panel */
h1.PanelTitle
{
	background-image			:	url('./image/Panel/Background.jpg');
	background-size				:	cover;
	background-position			:	center center;
	text-align				:	left;
}
h1.PanelTitle img
{
	height					:	48px;
	margin-left				:	80px;
}

/* Main */
#PanelMain
{
	
}
img#ImageMain
{
	width					:	650px;
	margin					:	0px auto;
}

/* Price */
#PanelPrice
{
	width					:	600px;
	margin					:	0px auto;
}
#PanelPrice h3
{
	text-align				:	center;
}


/*
======================================
Pc
======================================
*/
@media (min-width: 401px)
{
	/* Layout */
	#PanelLayout
	{
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(1)
	{
		width					:	430px;
		margin-right				:	20px;
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(2)
	{
		width					:	280px;
		margin-right				:	20px;
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(3)
	{
		width					:	200px;
		height					:	200px;
		margin-bottom				:	100px;
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(3) img
	{
		margin					:	80px 0px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 400px)
{
	/* Panel */
	h1.PanelTitle
	{
		padding					:	50px 0px;
		background-size				:	480px 240px;
		background-position			:	center -70px;
		text-align				:	left;
	}
	h1.PanelTitle img
	{
		height					:	24px;
		margin					:	0px auto 0px 15px;
	}
	div.PanelBody h3
	{
		margin					:	0px 0px 10px 0px;
	}
	
	img#ImageMain
	{
		width					:	100%;
	}

	/* Price */
	#PanelPrice
	{
		width					:	100%;
	}
	#PanelPrice h3
	{
		margin					:	0px 0px 10px 0px;
	}

	/* Layout */
	#PanelLayout
	{
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(1) img
	{
		width					:	330px;
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(2) img
	{
		width					:	210px;
	}
	#PanelLayout ul.ListPhotoLarge li:nth-child(3) img
	{
		width					:	120px;
		margin					:	0px auto;
	}

}