/* Panel */
	#PanelArticleArticle
	{
		vertical-align			:	top;
		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;
	}
	#PanelArticleArchive
	{
		vertical-align			:	top;
		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;
	}
	
	/* Article */
	div.PanelArticleBody
	{
		padding			:	0px;
		background-color		:	rgb(255,255,255);
	}
	div.PanelArticleHeader
	{
		width				:	100%;
		border-top			:	solid 1px rgba(0,0,0,0.25);
		border-bottom		:	solid 1px rgba(0,0,0,0.25);
	}
	div.PanelArticleIcon
	{
		display			:	none;
	}
	div.PanelArticleTitle
	{
	}
	div.PanelArticleTitle h2
	{
		margin			:	0px;
	}
	div.PanelArticleTime
	{
		white-space			:	nowrap;
	}
	div.PanelArticleComment
	{
		margin			:	1em 0em;
	}
	div.PanelArticleComment img
	{
		max-width			:	100%;
		height				:	auto;
	}
	
	/* Archive */
	div.PanelArticleArchiveBox
	{
		margin			:	0px 0px 50px 0px;
		padding			:	0px;
		background-color		:	rgb(255,255,255);
	}
	div.PanelArticleArchiveBox h2
	{
		background-color		:	#eeeeee;
		padding			:	5px 20px;
		font-size			:	125%;
	}
	#PanelArticleArchiveByDate
	{
	}
	#PanelArticleArchiveByDate ul
	{
		list-style-type		:	none;
		margin			:	0px;
		padding			:	0px;
	}
	#PanelArticleArchiveByDate li
	{
		list-style-type		:	none;
		margin			:	0px;
		padding			:	10px 0px;
		border-bottom		:	solid 1px rgba(0,0,0,0.25);
	}
	#PanelArticleArchiveByDate li:hover
	{
		color				:	#cc0000;
		background-color		:	rgba(0,0,0,0.05);
		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.PanelArticleArchiveByDateList
	{
		display			:	table;
		width				:	100%;
	}
	div.PanelArticleArchiveByDateListPhoto
	{
		display			:	table-cell;
		vertical-align			:	top;
		width				:	70px;
		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.PanelArticleArchiveByDateListPhotoImage
	{
		width				:	70px;
		height				:	70px;
		margin			:	0px;
		padding			:	0px;
		background-repeat		:	no-repeat;
		background-position	:	center center;
		background-size		:	contain;
		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.PanelArticleArchiveByDateListComment
	{
		display			:	table-cell;
		vertical-align			:	top;
		width				:	220px;
		padding			:	0px 0px 0px 10px;
		color				:	#000;
		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;
	}
	span.LabelArticleArchiveByDateListBullet
	{
		color				:	#dd0000;
		font-size			:	85%;
		margin-left			:	5px;
	}
	
	#PanelArticleArchiveByMonth
	{
	}
	#PanelArticleArchiveByCategory
	{
	
	}
	#PanelArticleArchiveByCategory li.ListArticleCategoryLarge
	{
		list-style-type		:	none;
		margin-left			:	0px;
	}
	#PanelArticleArchiveByCategory li.ListArticleCategoryMiddle
	{
	
	}
	#PanelArticleArchiveByCategory li.ListArticleCategorySmall
	{
	
	}
	div.PanelArticleArchiveBox a.LinkSelected
	{
		color				:	#cc0000;
		text-decoration		:	none;
	}
	
	/* Button */
	div.PanelArticlePageButton
	{
		background			:	none;
		margin			:	0px 0px 30px 0px;
	}
	div.LabelArticlePageButton, div.LabelArticlePageButtonSelected
	{
		display			:	inline-block;
		padding			:	8px 12px;
		margin			:	0px 0px 10px 0px;
		font-size			:	18px;
		line-height			:	1em;
	}
	div.LabelArticlePageButton
	{
		border			:	solid 1px rgba(0,0,0,0.25);
		background-color		:	#ffffff;
		color				:	rgba(0,0,0,0.25);
	}
	div.LabelArticlePageButtonSelected
	{
		color				:	#ffffff;
		background-color		:	rgb(224,129,27);
		border			:	solid 1px rgb(224,129,27);
	}
	a:hover div.LabelArticlePageButton
	{
		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.PanelArticleButtonTop
	{
		margin-top			:	2em;
		text-align			:	right;
	}

/*
======================================
Pc
======================================
*/
@media (min-width:801px)
{
	/* Panel */
	#PanelArticleArticle
	{
		display			:	table-cell;
	}
	#PanelArticleArchive
	{
		display			:	table-cell;
	}

	div.PanelArticleBody
	{
		margin			:	0px 0px 50px 0px;
		padding			:	30px;
	}
	div.PanelArticleHeader
	{
		display			:	table;
		margin			:	0px 0px 30px 0px;
	}
	div.PanelArticleTitle
	{
		display			:	table-cell;
		text-align			:	left;
		vertical-align			:	middle;
		padding			:	20px 0px;
	}
	div.PanelArticleTitle h2
	{
		font-size			:	18px;
		line-height			:	24px;
	}
	div.PanelArticleTime
	{
		display			:	table-cell;
		text-align			:	right;
		vertical-align			:	middle;
		padding			:	20px 0px;
	}

	/* Archive */
	div.PanelArticleArchiveBox
	{
		margin			:	0px 0px 50px 0px;
		padding			:	30px;
	}
}

/*
======================================
Wide Pc
======================================
*/
@media (min-width:1241px)
{
	/* Panel */
	#PanelArticleArticle
	{
		width				:	800px;
	}
	#PanelArticleArchive
	{
		width				:	350px;
		padding			:	0px 0px 0px 50px;
	}
}

/*
======================================
Narrow Pc
======================================
*/
@media (min-width:1024px) and (max-width: 1240px)
{
	/* Panel */
	#PanelArticleArticle
	{
		width				:	650px;
	}
	#PanelArticleArchive
	{
		width				:	290px;
		padding			:	0px 0px 0px 40px;
	}
	/* Archive */
	div.PanelArticleArchiveByDateListPhoto
	{
		width				:	60px;
	}
	div.PanelArticleArchiveByDateListPhotoImage
	{
		width				:	60px;
		height				:	60px;
	}
	div.PanelArticleArchiveByDateListComment
	{
		width				:	170px;
	}
}

/*
======================================
Tablet
======================================
*/
@media (min-width:801px) and (max-width: 1023px)
{
	/* Panel */
	#PanelArticleArticle
	{
		width				:	510px;
	}
	#PanelArticleArchive
	{
		width				:	250px;
		padding			:	0px 0px 0px 40px;
	}
	/* Archive */
	div.PanelArticleArchiveByDateListPhoto
	{
		width				:	50px;
	}
	div.PanelArticleArchiveByDateListPhotoImage
	{
		width				:	50px;
		height				:	50px;
	}
	div.PanelArticleArchiveByDateListComment
	{
		width				:	140px;
	}
}

/*
======================================
Smart Phone
======================================
*/
@media (max-width: 800px)
{
	#PanelArticleArticle
	{
		clear				:	both;
		width				:	100%;
	}
	#PanelArticleArchive
	{
		clear				:	both;
		width				:	100%;
	}
	div.PanelArticleBody
	{
		margin			:	0px 0px 30px 0px;
		padding			:	15px;
	}
	div.PanelArticleBody img
	{
		max-width			:	100% !important;
		width				:	auto;
		height				:	auto !important;
	}
	div.PanelArticleTitle
	{
		margin			:	0px;
		padding			:	5px 0px 0px 0px;
		text-align			:	center;
	}
	div.PanelArticleTitle h2
	{
		margin			:	0px;
		font-size			:	16px;
		line-height			:	1.6em;
	}
	div.PanelArticleTime
	{
		padding			:	0px 0px 5px 0px;
		text-align			:	center;
	}

	/* Archive */
	div.PanelArticleArchiveBox
	{
		margin			:	0px 0px 30px 0px;
		padding			:	15px;
	}
	#PanelArticleArchiveByMonth li
	{
		display			:	inline-block;
		width				:	100px;
		margin			:	0px 0px 10px 0px;
		padding			:	0px;
	}
	#PanelArticleArchiveByMonth li:before
	{
		content			:	"・";
	}

	div.PanelArticleArchiveByDateListPhoto
	{
		width				:	70px;
	}
	div.PanelArticleArchiveByDateListPhotoImage
	{
		width				:	70px;
		height				:	70px;
	}
	div.PanelArticleArchiveByDateListComment
	{
		width				:	245px;
	}

}