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

/*ブログ一覧*/

.blog_mv {
	background-image: url(./../image/blog/sub_mv_bg.jpg);
}


#blog {
	margin: 80px auto;
}

#blog .blog_list ul {
    margin-bottom: 30px;
}



/*ブログ詳細*/

.blog_detail_mv {
	background-image: url(./../image/blog/sub_mv_bg.jpg);
}

#blog_detail {
	margin: 80px auto;
}

#blog_detail .article_area {
    background-color: #ffffff;
    padding: 40px 50px 30px;
	margin-bottom: 50px;
}

#blog_detail .article_area .title {
    font-size: 20px;
    text-align: justify;
    color: #153d8e;
    font-weight: 500;
	padding-bottom: 5px;
	border-bottom: solid 2px #153d8e;
}

#blog_detail .article_area .title:first-letter {
    font-size: 130%;
}


#blog_detail .article_area .date {
    margin-top: 5px;
}

#blog_detail .article_area .img_box {
    width: 75%;
    margin: 30px 0px;
}

#blog_detail .article_area .img_box img {
    display: block;
    width: 100%;
    height: auto;
}

#blog_detail .article_area .text_box {
    width: 100%;
    margin: 30px 0px 50px;
    text-align: justify;
}




@media screen and (max-width: 768px) {


/*ブログ一覧*/

#blog {
	margin: 50px auto;
}

#blog .blog_list ul {
    margin-bottom: 10px;
}

#blog .blog_list ul li .title {
    width: 100%;
    margin-right: 0%;
}

#blog .blog_list ul li .date {
    width: auto;
    margin-top: 5px;
    text-align: left;
}



/*ブログ詳細*/

#blog_detail {
	margin: 50px auto;
}

#blog_detail .article_area {
    padding: 20px 30px 30px;
	margin-bottom: 30px;
}

#blog_detail .article_area .title {
    font-size: 17px;
}

#blog_detail .article_area .date {
    font-size:12px;
}

#blog_detail .article_area .img_box {
    width: 100%;
    margin: 20px 0px;
}

#blog_detail .article_area .text_box {
    margin:20px 0px 20px;
}



}



@media screen and (max-width: 420px) {


/*ブログ一覧*/

#blog .blog_list ul li a {
    padding: 15px;
    width: calc(100% - 36px);
}



/*ブログ詳細*/

#blog_detail .article_area {
    padding: 20px 20px 20px;
}

#blog_detail .article_area .title {
    font-size: 15px;
    padding-bottom: 7px;
    line-height: 1.3;
}

#blog_detail .article_area .text_box p {
    font-size: 13px;
}



}