@charset "UTF-8";

/*======================================================
新着情報スタイル
======================================================*/
/*------------------------------------------------------
TOPページ新着一覧
------------------------------------------------------*/
.top-news-wrapper{
    background: #fff;
    border-radius:8px;
    @media(min-width:767px){
    padding:1em 2em;
    }
    
    /* @media(max-width:1000px){
        margin-left: 1em;
        margin-right: 1em;
    } */
}

.top-news{
    display: grid;
    padding:0.3em;
    align-items: center;
    @media(min-width:768px){
        grid-template-columns: auto 1fr auto;
    }    
    &:not(:last-of-type){
        border-bottom:1px dashed #ccc;
    }    
}

.top-news dt{
    font-size:1.2rem;
    margin-right:1em;
    width:60px;
}

.top-news-cat{
    border:1px solid var(--pink-main);
    color:var(--pink-text);
    font-size:1.2rem;
    width: 200px;
    text-align: center;
    margin:1em 0 1em auto;
    display: inline-block;
    a{
        text-decoration: none;
        display: block;
    }
    a:hover{
        background-color: var(--pink-main);
        color:#fff;
    }
}

/*------------------------------------------------------
TOPページ新着一覧
------------------------------------------------------*/

.new-mark{
    display: inline-block;
    background:var(--pink-main);
    color:#fff;
    text-align: center;
    font-size:1.1rem;
    padding:0 4px;
    margin-left:1em;
}

/*======================================================
p-archive.scss
======================================================*/



/*======================================================
詳細ページの設定
======================================================*/
/*------------------------------------------------------
Singleページの設定
------------------------------------------------------*/

.single-post-heading{        
    border-bottom:1px solid var(--main-text);
    margin-bottom:1em;
    padding-bottom:0.5em;
}

.single-post-inner{
    padding:3%;
}

.single-post-pager{
    display: grid;
    justify-content: space-between;
    grid-template-columns: repeat(2,1fr);
    gap:1em;
    margin-top:2em;
    p:last-of-type{
        text-align: right;
    }
}

/*  */

.single-post-pager-previous{
    a::before{
        content:'\f323';
        font:var(--fa-font-light);
        margin-right:1em;
        font-size:1.2rem;
    }   
}

.single-post-pager-next{
    a::after{
        content:'\f324';
        font:var(--fa-font-light);
        margin-left:1em;
        font-size:1.2rem;
    }   
}
/*======================================================
記事がない場合の表示
======================================================*/

.news-no-value{
    padding:2em;
}