@charset "utf-8";
/* CSS LIST--------------

NEWSページCSS
（共通のCSSに追記分のみ記載）

-----------------------*/
#page-main-visual {background: #a5110a;height: 145px;}
#page-main-visual div {height: 145px;}
.main-content {padding-top: 50px;padding-bottom: 20px;}
#page-contents-area .page-contents section.basic-section.top-news h4 {font-size: 50px;text-align: center;font-weight: normal;border-bottom: none;padding-top: 45px;padding-bottom: 45px;border-top: 1px solid #DDDDDD;}
#page-contents-area .page-contents section.basic-section.top-news h4 span{color: #000;font-size: 15px;margin-top: 0;}
.news-list {}
.news-list dl {border: 1px solid #bbbbbb;padding: 8px 20px;}
.news-list dl:hover {background: #eeeeee}
.news-list dl:hover dd {text-decoration: none;}
.news-list dl:hover dt span {background: #ddd;}
.news-list dl dt {font-size: 13px;margin-bottom: 5px;}
.news-list dl dt span { background: #a5110a;color: #fff;padding: 2px 15px;margin-left: 15px;font-size: 11px; }
.news-list dl dd {font-size: 12px;text-decoration: underline;}
.news-list a.btn-news {background: #a5110a;font-weight: bold;text-align: center;display: block;color: #fff;width: 200px;margin: 0 auto;padding: 10px;border-radius: 35px;}
.news-list a.btn-news i {font-weight: bold;margin-right: 10px;font-size: 20px;}
.news-list a.btn-news:hover {opacity: 0.7;}
@media screen and (min-width:768px){
    .news-list {width: 100%;max-width: 839px;margin: 0 auto;}
    .news-list dl dt{font-size: 15px;}
    .news-list dl dd{font-size: 15px;}
}
/* カテゴリ色設定 */
.news-list dl dt span.cate-kankou {background: #979E0C;}
.news-list dl dt span.cate-etc {background: #884A0B;}

@media screen and (max-width: 845px){
    .main-visual01 {border-bottom: none;}
    .news-list {    margin-top: 25px;}
    .news-list a {width: 100%;}
    .news-list dl:last-child {}
    .news-list dl dt { display: block; float: none; width: 100%; margin-bottom: 5px;}
    .news-list dl dt span { font-size: 10px; padding: 0; width: 92px; margin-left: 11px;}
    .news-list dl dd{ display: block; padding-left: 0; font-size: 13px; }
    .main-content section.main-block:first-child { margin-top: -20px;}
}