@charset "utf-8";

.news-area,
.single-area{
    width: 90%;
    max-width: 800px;
    margin-top:50px;
}

.news-area .main,
.single-area .main{
    width: 100%;
    float: none;
}

.news-area .main .news{
    display:flex;
    gap:15px;
    height:auto;
}
.news-area .main .news .image{width:30%;}
.news-area .main .news .image img{height:auto;}
.news-area .main .news .blog-title{width:auto;}
.news-area .main .news .blog-title .date{
    font-weight: normal;
    margin-bottom: 10px;
}
.single-area .main .single .image{
    width: 80%;
    margin: 50px auto;
}
.single-area .main .single .image img{height:auto;}


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

.single-area .main .single .day{width:100%;}

}