@charset "utf-8";

/*
-----------------
created 2020.01.28
-----------------
up date 2020.02.28
-----------------
table of contents
-----------------

/*
01.post
---------------------------------------------------------------------------------------*/
#blogWrap #blogLeft article #pastBlog .post {
	padding: 0 0 10px;
}
#blogWrap #blogLeft article #pastBlog .post dl {
	border-bottom: dotted 1px rgb(204,204,204);
	margin: 0 0 20px;
	overflow: hidden;
}
* html #blogWrap #blogLeft article #pastBlog .post dl {
	height: 1%;
}
#blogWrap #blogLeft article #pastBlog .post dl:last-child {
	border-bottom: none;
}
#blogWrap #blogLeft article #pastBlog .post dl dt {
	padding: 0 0 3px;
	font-size: 1.4rem;
	font-weight: bold;
}
#blogWrap #blogLeft article #pastBlog .post dl:not(.profile) dd {
	padding: 0 0 10px;
}
#blogWrap #blogLeft article #pastBlog .post dl dd.time {
	color: rgb(153,153,153);
	font-size: 1rem;
}

#blogWrap #blogLeft article #pastBlog ul.link {
	padding: 0 0 10px;
	overflow: hidden;
}
* html #blogWrap #blogLeft article #pastBlog ul.link {
	height: 1%;
}
#blogWrap #blogLeft article #pastBlog ul.link li {
	list-style: none;
}
#blogWrap #blogLeft article #pastBlog ul.link li.prev {
	float: left;
	width: 360px;
}
#blogWrap #blogLeft article #pastBlog ul.link li.next {
	float: right;
	width: 360px;
	text-align: right;
}

#blogWrap #blogLeft article #pastBlog .post ul.social {
	padding: 0 20px 30px;
	overflow: hidden;
}
* html #blogWrap #blogLeft article #pastBlog .post ul.social {
	height: 1%;
}
#blogWrap #blogLeft article #pastBlog .post ul.social li {
	float: right;
	list-style: none;
	padding: 0 0 0 20px;
	line-height: 1;
}


/*
02#pastBlog
---------------------------------------------------------------------------------------*/
#blogWrap #blogLeft article #pastBlog {
	padding: 0 0 30px;
	overflow: hidden;
	margin-top: 30px;
}
#blogWrap #blogLeft article #pastBlog h2,
#blogWrap #blogLeft article #pastBlog h3,
#blogWrap #blogLeft article #pastBlog h4 {
	clear: both;
}
#blogWrap #blogLeft article #pastBlog p {
	/*	font-size: 1.4rem;*/
	font-size: 14px;
	line-height: 2;
	letter-spacing: 2px;
	padding: 0 0 20px;
}
#blogWrap #blogLeft article #pastBlog p.bold {
	font-weight: bold;
	color: rgb(51,51,51);
	border-left: solid 3px rgb(204,204,204);
	padding: 0 0 0 10px;
	margin: 0 0 20px;
	background-color: rgb(237,237,237);
	clear: both;
}
#blogWrap #blogLeft article #pastBlog strong {
	font-weight: bold;
}
#blogWrap #blogLeft article #pastBlog a {
	color: rgb(20,20,255);
	text-decoration: underline;
}
#blogWrap #blogLeft article #pastBlog a:hover {
	text-decoration: none;
}
#blogWrap #blogLeft article #pastBlog ol {
	padding: 0 0 20px 30px;
}
#blogWrap #blogLeft article #pastBlog ol li {
	font-size: 1.4rem;
	list-style: decimal outside;
	font-weight: bold;
}
#blogWrap #blogLeft article #pastBlog ol.recommend li {
	font-size: 1.4rem;
}
#blogWrap #blogLeft article #pastBlog ul li {
	font-size: 1.4rem;
	font-weight: bold;
}
#blogWrap #blogLeft article #pastBlog table {
	margin: 0 0 20px;
	table-layout: fixed;
	width: 100%;
}
#blogWrap #blogLeft article #pastBlog table th,
#blogWrap #blogLeft article #pastBlog table td {
	font-size: 1.4rem;
	border: solid 1px rgb(221,221,221);
	padding: 5px;
	text-align: center;
}
#blogWrap #blogLeft article #pastBlog table th {
	background-color: rgb(237,237,237);
	text-align: left;
}
#blogWrap #blogLeft article #pastBlog dl.txt dd {
	font-size: 1.4rem;
}

#blogWrap #blogLeft article #pastBlog div:not(.yarpp-related) {
	font-size: 1.4rem;
}

#blogWrap #blogLeft article #pastBlog figure {
	text-align: center;
	padding: 0 0 20px;
}
#blogWrap #blogLeft article #pastBlog figure.img {
	float: left;
	width: 300px;
	padding: 0 20px 20px 0;
}
@media (max-widh:767px){
	#blogWrap #blogLeft article #pastBlog p img {
		width: 300px;
		height: auto;
	}
}
#blogWrap #blogLeft article #pastBlog p img{
	max-width: 695px!important;
	height: auto;
}