@charset "UTF-8";
/* ######################################################################################

　ブログ一覧・詳細　共通

###################################################################################### */
/* ====================================================
　 blogSeries
==================================================== */
@media print, screen and (min-width: 768px) {
    .blogSeries{padding-top: 20px; padding-bottom: 10px;}
    .blogSeries.topBorder{padding-top: 60px;}
}
@media screen and (max-width: 767px){
    .blogSeries{padding-top: 20px; padding-bottom: 30px;}
    .blogSeries.topBorder{padding-top: 40px; margin-top: 20px;}
}

/* blogCatList
-------------------------------------*/
.blogCatList{display: flex; justify-content: space-between; flex-wrap: wrap;}
.blogCatList__item{}
.blogCatList__item__link{text-decoration: none; color: #4065E0;}
.blogCatList__item__img{text-align: center; margin-bottom: 0.65em;}
.blogCatList__item__img img{width: 120px; height: 120px; border-radius: 50%;}

@media print, screen and (min-width: 768px) {
    .blogCatList__item{width: calc(100% / 4 - 45px * 3 / 4); margin-bottom: 30px;}
    .blogCatList:before,
    .blogCatList:after{
        content: "";
        display: block;
        width: calc(100% / 4 - 45px * 3 / 4);
    }
    .blogCatList:before{order: 1;}
    .blogCatList__item__text{font-size: 1.2rem; line-height: 1.5;}
}
@media screen and (max-width: 767px){
    .blogCatList{padding-left: 5px; padding-right: 5px;}
    .blogCatList__item{width: calc(100% / 2 - 20px * 1 / 2); margin-bottom: 15px;}
    .blogCatList__item__text{font-size: 1.4rem; line-height: 1.5;}
}



/* ######################################################################################

　ブログ一覧

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageBlog.home .topicPath:last-child{margin-bottom: 5px;}
    .pageBlog.archive .topicPath:last-child{margin-bottom: 10px;}
    .pageBlog.home .columnBase__sub,
    .pageBlog.archive .columnBase__sub{padding-top: 45px;}
}
@media screen and (max-width: 767px){
}

/* ====================================================
　 blogNewEntry
==================================================== */
@media print, screen and (min-width: 768px) {
    .blogNewEntry{padding-top: 35px;}
}
@media screen and (max-width: 767px){
    .blogNewEntry{padding-top: 40px;}
}


/* ######################################################################################

　ブログ詳細

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .pageBlog.single{}
    .pageBlog.single .columnBase__sub{padding-top: 20px;}
}
@media screen and (max-width: 767px){
}


/* ====================================================
　 blogOtherEntry
==================================================== */
@media print, screen and (min-width: 768px) {
    .blogOtherEntry{padding-bottom: 20px;}
    .blogOtherEntry .titleBold{margin-bottom: 1.5em;}
}
@media screen and (max-width: 767px){

}

/* ====================================================
　 blogEntryDetail
==================================================== */
.blogEntryDetail{}
.blogEntryDetail__category a{
    display: inline-block;
    margin-right: 1em;
    color: #4065E0;
    text-decoration: none;
}
.blogEntryDetail__title{letter-spacing: 0.05em;}
.blogEntryDetail__date,
p.blogEntryDetail__date:last-of-type{
    margin-bottom: 20px;
    color: #999999;
    letter-spacing: 0.03em;
    font-size: 1.2rem;
}

@media print, screen and (min-width: 768px) {
    .blogEntryDetail{padding-top: 30px; padding-bottom: 0;}
    .blogEntryDetail__category{margin-bottom: 1em;}
    .blogEntryDetail__category a{font-size: 1.3rem;}
    .blogEntryDetail__title{margin-bottom: 0.5em; font-size: 2.6rem;}
    .blogEntryDetail__catch{margin-bottom: 30px;}
}
@media screen and (max-width: 767px){
    .blogEntryDetail{padding-top: 40px;}
    .blogEntryDetail__category{margin-bottom: 0.65em;}
    .blogEntryDetail__category a{font-size: 1.4rem;}
    .blogEntryDetail__title{margin-bottom: 0.4em; font-size: 2rem;}
    .blogEntryDetail__catch{margin-bottom: 20px;}
}