.main { width: 70%; float: left;}
.sidebar { width: 30%; float: left;}

.midashi01 {
  position: relative;
  padding: 0.6em;
  background: #D09899;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 35px;
	font-size: 16px;
}

.midashi01:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #D09899;
width: 0;
height: 0;
}

.midashi02{
	background: linear-gradient(transparent 70%, #D09899 70%);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
	margin-top: 35px;
}
.blog { 
	width: 32%;
	margin-bottom: 40px;
}
.blog-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.blog-photo { 
	width: 100%;
}
.blog-photo img:hover {
	opacity: .7;
}
.blog-content { width: 70%; float: left;}
.blog-content-100 { width: 100%; float: left;}
.blog-title { 
	width: 100%; 
	 font-size: 16px; 
	 line-height: 160%; 
	 margin-top: 10px;
	 font-weight: bold;
}
.blog-title a{
	color: #3c3c3c;
}
.sidebar-row .title_style02{
	margin-bottom: 0;
}
.blog-text { width: 100%; float: left; font-size: 14px; line-height: 160%; margin-top: 15px;}

.single { width: 100%; float: left;}
.single-photo { width: 100%; float: left; text-align: center; margin-bottom: 20px;}
.single-content { width: 100%; float: left;}
.single-title { width: 100%; float: left; font-size: 25px; line-height: 160%; font-weight: bold;}
.single-text { width: 100%; float: left; font-size: 14px; line-height: 160%; margin-top: 15px;}

.blog-ul li { width: 100%; float: left; }
.blog-ul li a { text-decoration: none; width: 100%; float: left; border-bottom: 1px dashed #333; font-size: 14px; line-height: 160%; padding: 5px;color: #3c3c3c;}

.wp-pagenavi { width: 100%; float: left; text-align: center; margin-top: 20px;}
.wp-pagenavi a, .wp-pagenavi span { display: inline-block; padding: 5px 10px; border: 1px solid #333; margin: 2px;}
.wp-pagenavi a { background: #fff; color: #333;}
.wp-pagenavi span { background: #333; color: #fff;}

.sidebar-row { width: 100%; float: left; margin-bottom: 30px;}
.blog-ul { width: 100%;}
#page_banner .img .txt{
	line-height: 120%;
	padding-left: 10px;
	padding-right: 10px;
}

@media screen and (max-width:768px) {
	.main { width: 100%; float: left;}
	.sidebar { width: 100%; float: left; margin-top: 30px;}
}
@media screen and (max-width: 767px) {
	.blog {
		width: 100%;
	}
}
@media screen and (max-width:640px) {
.blog-photo { width: 100%; margin-right: 0%;}
.blog-content { width: 100%;}
}