/*
 * =====================================================
 *
 * [news-details]
 *
 * お知らせ詳細
 *
 * =====================================================
 */


/*
 * -----------------------------------------------------
 * 全体
 * -----------------------------------------------------
 */

body.news.article .newsArticle{
    padding-left:clamp(115px,12vw,180px);
    max-width:1000px;
}

body.news.article .newsArticle__header{
    margin-bottom:35px;
}


/*
 * -----------------------------------------------------
 * カテゴリ
 * -----------------------------------------------------
 */

body.news.article .newsArticle__category{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    min-width:110px;
    height:34px;

    padding:0 18px;
    margin-bottom:18px;

    background:#e8ad00;

    color:#27231f;
    font-size:1.3rem;
    font-weight:500;
}


/*
 * -----------------------------------------------------
 * 日付
 * -----------------------------------------------------
 */

body.news.article .newsArticle__date{
    display:block;

    margin-bottom:18px;

    color:#666;

    font-size:1.4rem;
}


/*
 * -----------------------------------------------------
 * タイトル
 * -----------------------------------------------------
 */

body.news.article .newsArticle__title{

    margin:0;

    color:#27231f;

    font-size:3.4rem;
    font-weight:500;
    line-height:1.5;
}


/*
 * -----------------------------------------------------
 * 画像
 * -----------------------------------------------------
 */

body.news.article .newsArticle__image{

    margin:55px 0;

}

body.news.article .newsArticle__image img{

    display:block;

    width:100%;

    border-radius:12px;

}


/*
 * -----------------------------------------------------
 * 本文
 * -----------------------------------------------------
 */

body.news.article .newsArticle__body{

    margin-top:50px;

}

body.news.article .newsArticle__body p{

    margin-bottom:2em;

    color:#27231f;

    font-size:1.6rem;
    line-height:2.2;

}


/*
 * -----------------------------------------------------
 * 戻るボタン
 * -----------------------------------------------------
 */

body.news.article .newsArticle__back{

    margin-top:70px;

    text-align:center;

}


/*
 * =====================================================
 *
 * hover
 *
 * =====================================================
 */

@media (hover:hover){

body.news.article .newsArticle__back .btnS01{

    transition:.25s;

}

body.news.article .newsArticle__back .btnS01:hover{

    opacity:.75;

}

}


/*
 * =====================================================
 *
 * SP
 *
 * =====================================================
 */

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

body.news.article .newsArticle{

    padding-left:0;

}

body.news.article .newsArticle__title{

    font-size:2.3rem;

}

body.news.article .newsArticle__image{

    margin:35px 0;

}

body.news.article .newsArticle__body p{

    font-size:1.4rem;

    line-height:2;

}

body.news.article .newsArticle__back{

    margin-top:45px;

}

}