/* List */
	#PanelWorks
	{
	}
	#PanelWorksList
	{
		margin			:	0px 0px;
	}
	
	/* Button */
	div.PanelWorksPageButton
	{
		background			:	none;
		text-align			:	center;
		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.LabelWorksPageButton, div.LabelWorksPageButtonSelected
	{
		display			:	inline-block;
		padding			:	8px 12px;
		margin			:	0px 0px 0px 0px;
		font-size			:	18px;
		line-height			:	1em;
	}
	div.LabelWorksPageButton
	{
		border			:	solid 1px #999999;
		background-color		:	#ffffff;
		color				:	#999999;
	}
	div.LabelWorksPageButtonSelected
	{
		color				:	#ffffff;
		background-color		:	rgb(224,129,27);
		border			:	solid 1px rgb(224,129,27);
	}
	a:hover div.LabelWorksPageButton
	{
		color				:	#ffffff;
		background-color		:	rgb(224,129,27);
		border			:	solid 1px rgb(224,129,27);
	
		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.PanelWorksButtonTop
	{
		margin-top			:	2em;
		text-align			:	right;
	}


/*
======================================
Pc
======================================
*/
@media (min-width:801px)
{
	/* List */
	#PanelWorksList
	{
		margin			:	0px 0px;
		padding			:	50px 0px;
	}

	/* Button */
	div.PanelWorksPageButton
	{
		margin			:	50px 0px;
	}

	/* Thumbnail */
	ul.ListThumbnail li
	{
		margin			:	0px 38px 40px 0px;
	}
	ul.ListThumbnail li:nth-child(4n)
	{
		margin-right			:	0px !important;
	}
	div.PanelListThumbnail
	{
		width				:	210px;
		height				:	150px;
	}
	div.PanelListThumbnailTitle
	{
		padding			:	2px 0px;
	}

}
/*
======================================
Pc
======================================
*/
@media (min-width:1241px)
{
	/* List */
	#PanelWorksList
	{
		margin			:	0px 0px;
	}
}

/*
======================================
Narrow Pc
======================================
*/
@media (min-width:1024px) and (max-width: 1240px)
{
	/* List */
	#PanelWorksList
	{
		margin			:	0px 0px;
	}
}

/*
======================================
Tablet
======================================
*/
@media (min-width:801px) and (max-width: 1023px)
{
	/* List */
	#PanelWorksList
	{
		margin			:	0px 0px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	/* List */
	#PanelWorksList
	{
		margin			:	0px 0px;
		padding			:	30px 0px;
	}

	/* Button */
	div.PanelWorksPageButton
	{
		margin			:	30px 0px;
	}
}