/* ブログ＆コラム */
.blog-text {
    align-items: flex-start;
}
.blog-link {
    transition: .3s;
}
.thum {
    overflow: hidden;
    border-radius: 10px;
    aspect-ratio: 4 / 3;
    max-width: 360px;
    max-height: 240px;
    box-shadow: 1px 1px 5px rgba(0,0,0,0.4);
}
.thum img {
    transition: .3s;
}
.blog-link:hover .thum img {
    transform: scale(1.05);
    transition: .3s;
}
.blog-link:hover .blog-text {
    opacity: .8;
    transition: .3s;
}
/* archiveページ */

.blog-text {
    margin-top: 1em;
}
.blog-text h3 {
    margin: 0;
}
.blog-title {
    width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* singleページ */
.news-container {
    max-width: 1080px;
    margin: 0 auto;
}
.news-thum {
    /* max-width: 1080px; */
    overflow: hidden;
    border-radius: 30px;
    margin: 0 auto;
}
.blog-title {
    margin: 1em 0;
}
.blog-title h2{
    text-align: left;
}
/* ページネーション */
.news-pagination {
    display: flex;
    justify-content: center;
	align-items: center;
    margin: 150px 0 0;
}
.news-pagination .page-numbers {
    display: inline-block;
    /* margin-right: 10px; */
    padding: 10px 20px;
}
.page-numbers, .prev, .next {
    color: #333;
}
.page-numbers:hover {
    color: #F77888;
    transition: .2s;
}
.current {
    color: #F77888;
}
.page-numbers.current {
    color: #fcfcfc;
    border-radius: 50%;
    /* border: #63BAAB solid 1px; */
    background: #F77888;
}
.news-pagination span {
    margin-top: 0;
    font-size: 1em;
    line-height: 2em;
}
/*=====
レスポンシブ
=====  */
@media screen and ( max-width:1024px) {
    .blog-text {
        margin: 0;
    }
    .blog-text h3 {
        font-size: 1em;
    }
    .blog-text span {
        font-size: small;
    }
    
}
/*=====
レスポンシブ
=====  */
@media screen and ( max-width:375px) {
    .blog-title {
        width: 160px;
    }
}