/*
Theme Name: CUSTOMIZED
Author: e-n-a.co
Author URI: http://www.e-n-a.co.jp/
Version: 1.0
*/


.blog_category_navi{
    display:flex;
    padding:0 4px;
    position:relative;
}
.blog_category_navi:after{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0px;
    border-bottom:1px solid #101010;
    z-index:1;
}
.blog_category_navi li{
    margin:0 4px;
    z-index:2;
    flex-shrink: 0;
}
.blog_category_navi li a{
    padding: 0.944em 2.507em;
    display: block;
    background: #F1F1F1;
    border: 1px solid #F1F1F1;
    border-bottom: 1px solid #101010;
    font-size: 0.875em;
    line-height: 1.4;
    font-weight: bold;
}
.blog_category_navi li a.active{
    background:#FFF;
    border:1px solid #101010;
    border-bottom:1px solid #FFF;
    pointer-events: none;
    cursor: default;
}
.blog_category_navi li a:hover{
    text-decoration: none;
    border-color: #e6d8b3;
    background-color: #e6d8b3;
    border-bottom: 1px solid #101010;
    color: #a78a3e;
}
#blog li{
    margin-top:2.63em;
    position:relative;
}
#blog li .image{
    text-align: center;
}
#blog li .new-icon{
    background:#810A0A;
    color:#FFF;
    position:absolute;
    left:-6px;
    padding:0.375em 0.5em 0.278em;
    z-index:2;
    top:1.875em;
    font-size: 12px;
}
.news_content_area ul#blog p img{
    margin-top: 0;
    margin-bottom: 0;
}

/* お知らせ一覧ページ */
.news_list li{
    padding:2.5em 0;
    border-bottom:1px solid #B5B5B5;
}
.news_list li span{
    margin:0 2.5em;
}

/* ブログ詳細ページ */
.news_content_area .date{
    display:flex;
    align-items:center;
}
.news_content_area .date span{
    margin-left:1em;
}
.news_content_area .info-ttl{
    font-size:1.375em;
    margin-top:1.4em;
    padding-bottom:1.81em;
    border-bottom:1px solid #B5B5B5;
}
@media screen and (max-width:768px) {
    .news_content_area .info-ttl{
        margin-top:1.3em;
        padding-bottom:1.21em;
    }
}
.news_content_area .blog_detail_thumbnail{
    text-align: center;
    padding: 1.5em;
    background: #F1F1F1;
}
.news_content_area .news_cnt h1{
    font-size:1.75em;
    font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
    border-bottom:1px solid #A78A3E;
    margin:1.3em 0;
    padding:0.8em 0 0.46em;
}
.news_content_area .news_cnt h2{
    font-size:1.25em;
    font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
    background:#E6D8B3;
    margin:1.3em 0;
    padding:0.65em 0 0.6em.65em;
}
.news_content_area .news_cnt h3{
    font-size:1.125em;
    font-family: 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', 'Noto Serif JP', serif;
    margin:1em 0;
    padding:0.5em 0 0 1em;
    position:relative;
}
.news_content_area .news_cnt h3:before{
    content:"";
    position:absolute;
    left:0;
    background:#A78A3E;
    width:0.5em;
    height:1em;
}
.news_content_area p img{
    margin-top: 1em;
    margin-bottom: 1em;
}
@media screen and (max-width:768px) {
    .news_content_area .news_cnt h1{
        font-size:1.55em;
    }
    .news_content_area .news_cnt h2{
        font-size:1.15em;
    }
    .news_content_area .news_cnt h3{
        font-size:1.05em;
    }
}


/* 一覧ページャー */
.pager .counts{
    text-align:center;
}
.pager .nav-links{
    justify-content:center;
}
.pager .page-numbers{
    width: 3em;
    height: 3em;
    display: flex;
    background:#F1F1F1;
    line-height:1em;
    text-align: center;
}
.pager span.page-numbers.current{
    background:#FFF;
    color:#101010;
    border:1px solid #101010;
}
.pager nav a:hover{
    text-decoration:none;
    border-color: #e6d8b3;
    background-color: #e6d8b3;
    color: #a78a3e;
}

/* 詳細ページャー */
.pager-dtl ul{
    justify-content: center;
    align-items:center;
    margin-top: 1.5em;
}
.pager-dtl ul li{
    margin: 0;
    padding: 0 0.1em;
}
.pager-dtl ul li a{
    background:#F1F1F1;
    border:none;
    display:block;
    line-height:1em;
    padding: 1em 1.3em;
}
.pager-dtl ul li a:hover{
    text-decoration:none;
    background:#E6D8B3;
}