@charset "utf-8";

	div.PanelProductList
	{
		margin			:	0px;
	}
	div.PanelProductList ul
	{
		margin			:	0px auto;
		padding			:	0px;
	}
	div.PanelProductList li
	{
		display			:	inline-block;
		margin			:	0px;
		padding			:	0px;
		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;
	}
	div.PanelProduct
	{
		padding			:	0px;
	}
	div.PanelProductPhoto
	{
		padding			:	0px;
	}
	div.PanelProductPhoto img
	{
		width				:	100%;
	}
	div.PanelProductTitle
	{
		margin			:	0px;
		padding			:	0px;
	}
	div.PanelProductButton
	{
	}
	div.PanelProductButton a
	{
		margin			:	0px;
		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)
{
	h1 img.ImageTitleMain
	{
		height				:	70px;
		margin			:	30px 0px;
	}
	h2 img.ImageTitleSub
	{
		height				:	30px;
	}

	div.PanelProductList li
	{
		width				:	225px;
		margin			:	0px 10px;
		padding			:	0px;
	}
	div.PanelProductPhoto
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelProductTitle
	{
		margin			:	0px 0px 20px 0px;
	}
	div.PanelProductButton
	{
	}
}



/*
======================================
Pc Wide
======================================
*/
@media print, screen and (min-width:1241px)
{
	div.PanelProductList li
	{
		width				:	250px;
		margin			:	0px 15px;
		padding			:	0px;
	}
	div.PanelProductButton a
	{
		padding			:	10px 50px;
	}
}

/*
======================================
Pc Narrow
======================================
*/
@media screen and (min-width:801px) and (max-width:1240px)
{
	div.PanelProductList li
	{
		width				:	200px;
		margin			:	0px 10px;
	}
	div.PanelProductButton a
	{
		padding			:	10px 30px;
	}
}


/*
======================================
Smart Phone
======================================
*/
@media screen and (max-width:800px)
{
	h1 img.ImageTitleMain
	{
		height				:	60px;
		margin			:	30px 0px;
	}
	h2 img.ImageTitleSub
	{
		height				:	25px;
	}

	div.PanelProductList li
	{
		width				:	140px;
		margin			:	0px 10px 30px 0px;
		padding			:	0px;
	}
	div.PanelProductList li:nth-child(2n)
	{
		margin-right			:	0px;
	}
	div.PanelProductPhoto
	{
		margin			:	0px 0px 5px 0px;
	}
	div.PanelProductTitle
	{
		margin			:	0px 0px 10px 0px;
	}
	div.PanelProductButton a
	{
		font-size			:	inherit;
		padding			:	5px 20px;
	}
}