@charset "utf-8";
/* CSS Document */

@media (max-width: 768px) {

#blog-area{
	width: 100%;
}
#blog-area .img-box img{
  max-width: 100%;
}

.blog-wrap{
	flex-wrap: wrap;
}

.blog-area{
	width: 100%;
}
.cate-area{
	width: 100%;
	margin: 40px 0;
}
.date{
	font-size:14px;
}
.news-sub-ttl{
	font-size:16px;
}
.tag-list li{
	font-size:11px;
	padding:4px;
}

.cate-box {
  padding: 8px;
  background: #fff;
  border: 1px solid #eee;
}
.article-wrap{
	padding-right: 0;
}

.news-cate-ttl img {
  width: 20px;
}

.lower-article {
  padding-top: 16px;
}

.cate-s-list li a {
  display: block;
	padding: 8px;
	font-size:12px;
  color: #fff;
}

.list-main-img {
  width: 100px;
}

.list-info {
    margin-left: 116px;
}

.list-ttl {
  margin: 0;
  font-size: 15px;
  font-weight: bold;
}

.tag-list-s li {
  font-size: 10px;
}

.list-date {
	font-size:12px;
}

.article-list .parson-img-s {
  position: absolute;
  left: 5px;
  bottom:5px;
}

.parson-img-s {
  width: 30px;
  height: 30px;
}

.cate-s-list li a {
  padding: 8px;
  font-size: 12px;
}

.list-page-ttle{
	font-size:16px;
}

}