@charset "utf-8";

/*-------------------------------------------------------------------
  ブログ
-------------------------------------------------------------------*/

.blog_row {
	margin-bottom:		4em;
}

.blog_row div.blg_ad {
	text-align:		center;
	margin:			0 0 1em 0;
}

.blog_row div.blg_r_header {
	background-color:	#eee;
	border:			1px solid silver;
	border-radius:		4px;
	padding:		0.2em 0.5em 0em 0.5em;
	box-shadow:		0px 0px 5px 0 #bbb;
	background:		linear-gradient(#eee, #ddd);
}

.blog_row div.blg_r_header i {
	color:			#33667D;
}

.blog_row div.blg_r_header a {
	text-decoration:	none;
}

.blog_row div.blg_r_header a.tag_item {
	font-size:		80%;
	margin:			0 0.2em;
	padding:		0em 0.3em;
	border-radius:		3px;
	border:			1px solid silver;
	background-color:	#F4F4F4;
	color:			#777777;
	white-space:		nowrap;
}

.blog_row div.blg_r_header a.tag_item:hover {
	border:			1px solid #999999;
	background-color:	white;
	color:			red;
	transition:		0.5s;
}

.blog_row div.blg_r_header h3 {
	margin:			0;
	border-bottom:		1px solid silver;
}

.blog_row div.blg_r_header div.blg_r_status {
	text-align:		right;
}

.blog_row div.blg_r_header h3 a         { color: #4444BC; }
.blog_row div.blg_r_header h3 a:visited { color: #33667D; }
.blog_row div.blg_r_header h3 a:hover   { color: red; }

.blog_row div.blg_r_body {
	padding:		0.5em 1em 0.5em 1em;
}

.blog_row div.blg_r_body div.blg_r_social {
	margin:			1em 0 0 0;
	padding-top:		0.5em;
	border-top:		1px dotted silver;
}

.blog_row div.blg_r_body div.blg_r_content {
}

.blog_row div.blg_r_body div.blg_r_content img {
	max-width:		100%;
}

.blog_row div.blg_r_body div.blg_r_content p {
/*
	margin-top:		1em;
	margin-bottom:		1em;
	text-indent:		1em;
*/
}
/*
.blog_row div.blg_r_body div.blg_r_content figure,
.blog_row div.blg_r_body div.blg_r_content div.fig {
	margin-top:		1em;
	margin-bottom:		1em;
	text-align:		center;
	font-size:		80%;
}

.blog_row div.blg_r_body div.blg_r_content figure img,
.blog_row div.blg_r_body div.blg_r_content div.fig img {
	max-width:		100%;
}
*/
.blog_row div.blg_r_body div.blg_r_content .yblog {
	margin:			2em 0;
}

.blog_row div.blg_r_comment {
	padding:		0.5em 1em 0.5em 1em;
}


/* カレンダー */
div.blog_calendar {
	border:			1px solid silver;
	border-radius:		4px;
	margin:			1em 0 0 0;
	padding:		2px;
	background-color:	white;
	box-shadow:		0px 0px 5px 0 #bbb;
}

table.calendar {
	width:			100%;
	margin:			0;
}

table.calendar caption {
	font-size:		90%;
	text-decoration:	underline;
}

table.calendar th {
	font-size:		80%;
	border:			none;
	padding:		0;
}

table.calendar td {
	font-size:		80%;
	border:			none;
	padding:		0;
	text-align:		center;
	vertical-align:		middle;
}

table.calendar td.opp_month {
	background-color:	#E8E8E8;
}

table.calendar td.cur_month a {
	border:1px solid white;
}

table.calendar td.opp_month {
}

table.calendar td.fill {
/*	background-color:	#E8E8E8;*/
}

table.calendar td.today a {
}

table.calendar .Sun {
	color:			red;
}

table.calendar .Sat {
	color:			blue;
}

table.calendar a {
	font-weight:		bold;
}


/* タグ一覧ページ */

div.tagbox,
div.archivebox {
	display:		flex;
	flex-wrap:		wrap;
}

div.tagbox {
	justify-content:	center;
}

div.archivebox {
	justify-content:	left;
}

div.tagbox a,
div.archivebox a {
	font-size:		80%;
	text-decoration:	none;
	margin:			0.5em 0.25em;
	padding:		0em 0.3em;
	border-radius:		3px;
	border:			1px solid silver;
	background-color:	#F4F4F4;
	color:			#777777;
}

div.tagbox a:hover,
div.archivebox a:hover {
	border:			1px solid #999999;
	background-color:	white;
	color:			red;
	transition:		0.5s;
}

div.tagbox a sup,
div.archivebox a sup {
	margin-left:		0.25em;
	color:			red;
}