@charset "utf-8";

/*///////////////////////////////////////

NEWSページのCSS

--中ページ共通のCSSに追記分のみ

///////////////////////////////////////*/

/* 一覧ページのスマホのみボーダーを消す */
@media screen and (max-width: 767px){
    #page-main-visual.border-none-type {border: none;}
    footer.border-none-type {border: none;}}



/* 一覧ページ */
section.Ctn-wrap article.news-list {padding-top: 0;}
section.Ctn-wrap article.news-list a dl {border: 1px solid #F74F4C;padding:0.8em;margin-bottom: 13px;}
section.Ctn-wrap article.news-list a dl dt {padding-left:15px; color:#F74F4C;position: relative;font-size: 16px;}
section.Ctn-wrap article.news-list a dl dt:after {content: "";width:20px;height: 41px; background: url(../img/obj-01.svg)0 0 no-repeat;position: absolute;top: -6px;right:15px;}
section.Ctn-wrap article.news-list a dl dd {color:#F74F4C;padding-top: 3px;}
section.Ctn-wrap article.news-list a dl:hover {background: #F74F4C;}
section.Ctn-wrap article.news-list a dl:hover dt,section.Ctn-wrap article.news-list dl:hover dd {color: #fff;}
section.Ctn-wrap article.news-list a dl:hover dt:after {background: url(../img/obj-02.svg)0 0 no-repeat;}
@media screen and (max-width: 999px){
    section.Ctn-wrap article.news-list{padding-top: 100px;}
}
@media screen and (max-width: 767px){
    section.Ctn-wrap article.news-list{padding-top: 0;}
    section.Ctn-wrap article.news-list a dl{border: none;border-top:1px solid #F74F4C;padding-top: 10px;padding-bottom: 0;}
    section.Ctn-wrap article.news-list a dl dt {padding-left: 0;}
    section.Ctn-wrap article.news-list a dl dd {}
    section.Ctn-wrap article.news-list a dl dt:after,section.Ctn-wrap article.news-list dl:hover dt:after {background: none;}
    section.Ctn-wrap article.news-list a dl:hover {background: none;}
    section.Ctn-wrap article.news-list a dl:hover dt,section.Ctn-wrap article.news-list dl:hover dd {color: #F74F4C;}
    section.Ctn-wrap article.news-list a:last-child dl {border-bottom: 1px solid #F74F4C;padding-bottom: 10px;}}


/* 詳細ページ */
section.Ctn-wrap article.news-detail {padding-top: 0;margin-top: -20px;}
section.Ctn-wrap article.news-detail p.news--date {color: #F74F4C;font-size: 15px;margin-bottom: 0;}
section.Ctn-wrap article.news-detail h3.news--title{color: #F74F4C;font-size: 23px;line-height: 23px; font-weight:600;letter-spacing: 0.1em;margin: 5px 0 70px 0;}
section.Ctn-wrap article.news-detail div {font-size: 14px;line-height: 200%;color:#131312; }
section.Ctn-wrap article.news-detail div a {text-decoration: underline;}
section.Ctn-wrap article.news-detail div a:hover {text-decoration: none;}
section.Ctn-wrap article.news-detail div.news--img {    margin-top: 25px;}
section.Ctn-wrap article.news-detail div img {    max-width: 100%;}

/* 詳細ページテキストエリア */
#news--txterea img {max-width: 100% !important;height: auto !important;}/*画像の幅を入力していた場合でもレスポンシブに*/

/*詳細ページスタイル*/
#news--txterea h1 {color: #fff; font-size: 23px; background: #F74F4C; padding: 0.7em; border-radius: 5px;}
#news--txterea h2 {color: #F74F4C;margin-top: 20px; font-weight: normal; text-align: left; margin-bottom: 10px; border-left: 3px solid #F74F4C; height: 65px; line-height: 65px; padding-left: 10px;    margin-top: 35px;}
#news--txterea h2:after {display: none;}
#news--txterea h3 { color: #F74F4C;font-size: 20px;    margin-top: 35px;}


@media screen and (max-width: 999px){
    section.Ctn-wrap article.news-detail {padding-top: 60px;margin-top:0;}}

@media screen and (max-width: 767px){
    section.Ctn-wrap article.news-detail {padding-top: 40px;margin-top:0;padding-left: 14px; padding-right: 14px;}
    section.Ctn-wrap article.news-detail p.news--date {font-size:13px;}
    section.Ctn-wrap article.news-detail h3.news--title {font-size: 18px;margin: 5px 0 40px 0;}
    section.Ctn-wrap article.news-detail div {font-size: 13px;letter-spacing: 0; letter-spacing: -0.05em;}
    section.Ctn-wrap article.news-detail div.news--img {}
    section.Ctn-wrap article.news-detail div.news--img img {}}

/* 戻るボタン */
a.basicbtn {width: 100%; max-width: 346px;padding: 8px;text-align: center;letter-spacing: 0.2em;}
a.basicbtn i {margin-left: 8px;}