@charset "UTF-8";

/*-------------------------
__news_style
-------------------------*/

#newsWrap{text-align:left;padding-bottom:150px;}

#newsWrap .pager{text-align:center;padding-top:20px;}
#newsWrap .pager a{font-size:12px;color:#000;text-decoration:none;display:inline-block;background-color:#FFF;margin:0 -1px 0 0;padding:9px 15px;border:1px solid #DDD;transition:background-color.3s;}
#newsWrap .pager a:first-child{border-radius:5px 0 0 5px;}
#newsWrap .pager a:last-child{border-radius:0 5px 5px 0;}
#newsWrap .pager a.current{background-color:#E60012;color:#FFF;border:1px solid #E60012;position:relative;z-index:1;}
#newsWrap .pager a:hover:not(.current) {background-color:#EFEFEF;}

#newsWrap #newsList{padding:20px 0;}
#newsWrap #newsList li{padding-bottom:20px;padding-top:25px;}
#newsWrap #newsList li + li{border-top:1px solid #DDD;}
#newsWrap #newsList li .catName{font-size:13px;line-height:22px;font-weight:400;color:#FFF;text-align:center;vertical-align:top;display:inline-block;background-color:#605754;width:100px;margin-right:15px;border-radius:4px;}
#newsWrap #newsList li.cat-0 .catName{background-color:#605754;}
#newsWrap #newsList li.cat-1 .catName{background-color:#066;}
#newsWrap #newsList li.cat-2 .catName{background-color:#1B4587;}
#newsWrap #newsList li.cat-3 .catName{background-color:#78354E;}
#newsWrap #newsList li .up_ymd{font-size:1.5em;line-height:22px;font-weight:700;color:#999;vertical-align:top;display:inline-block;}
#newsWrap #newsList li .title{font-size:1.8em;line-height:1.6;font-weight:700;display:block;margin-top:10px;}
#newsWrap #newsList li .title a{color:#2D2300;}
@media only screen and (min-width: 981px) {
  #newsWrap #newsList li .title a:hover{text-decoration:none;}
}
#newsWrap #newsList li .title .newMark{font-size:80%;font-weight:700;color:#E60012;vertical-align:middle;display:inline-block;margin-left:0.5em;margin-top:-2px;}
#newsWrap #newsList li .comment{font-size:1.5em;line-height:1.6;display:block;margin-top:10px;}

@media only screen and (max-width: 767px) {
  #newsWrap{padding-bottom:50px;}

  #newsWrap .pager{padding-top:10px;}
  #newsWrap .pager a{font-size:11px;padding:10px 8px;}

  #newsWrap #newsList li{padding-bottom:20px;position:relative;}
  #newsWrap #newsList li .catName{font-size:12px;line-height:17px;width:85px;margin-right:10px;margin-top:-2px;}
  #newsWrap #newsList li .up_ymd{font-size:1.4em;line-height:17px;}
  #newsWrap #newsList li .title{font-size:1.6em;margin-left:0;margin-top:8px;}
  #newsWrap #newsList li .title .newMark{font-size:14px;position:absolute;top:24px;left:190px;}
  #newsWrap #newsList li .comment{font-size:1.4em;}
}