@charset "UTF-8";

/*-------------------------------------------------------
 * blog item list
 *-------------------------------------------------------*/
table.blog_postlist{
	border: 2px #888 solid;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.4);
}
table.blog_postlist th,
table.blog_postlist td {
	line-height: 1.1;
	padding: 0.5rem;
	border: 1px #888 solid;
	vertical-align:middle;
}
table.blog_postlist th{
	width: 12rem;
	background-color: #eee;
	text-align:center;
}
table.blog_postlist td{
	text-align:left;
}
@media (min-width: 768px) {
	table.blog_postlist{
		margin: 1rem;
		width: 736px;
	}
} /* media */
@media (min-width: 800px) {
	table.blog_postlist{
		min-width: 785px;
	}
} /* media */
@media (max-width: 767px) {
	table.blog_postlist{
		width: 100%;
		margin: 1rem 0;
	}
	table.blog_postlist th{
		width: 10rem;
		font-size: 0.9rem;
		padding: 0.2rem;
	}
	table.blog_postlist td {
		padding: 0.2rem;
	}
} /* media */

/*-------------------------------------------------------
 * blog item display
 *-------------------------------------------------------*/
@media (min-width: 768px) {
	div.blog_title{
		margin-top: 1rem;
		margin-bottom: 0.5rem;
		margin-left: 0.5rem;
		font-size: 1.5rem;
	}
} /* media */
@media (max-width: 767px) {
	div.blog_title{
		margin-top: 1rem;
		margin-bottom: 0.5rem;
		margin-left: 0.5rem;
		font-size: 1.4rem;
	}
} /* media */

div.blog_item_disp{
	font-size: 1rem;
	line-height: 1.4;
	border: 1px #ccc solid;
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0,0,0,0.4);
	background-color: #fffffc;
}
@media (min-width: 768px) {
	div.blog_item_disp{
		margin: 1rem;
		padding: 1rem 1rem 0 1rem;
	}
} /* media */
@media (max-width: 767px) {
	div.blog_item_disp{
		margin: 0.2rem;
		padding: 0.2rem;
	}
} /* media */

div.blog_item_disp img{
	max-width: 100%;
}