@charset "UTF-8";

/* news
=============================================================================*/

#main .news-area {
    padding-bottom:40px;
}

/*title*/
#main .news-area .title {
    position:relative;
    border-bottom: solid 1px #930e14;
}
#main .news-area .title h2 {
    font-size: 133%;
    font-weight: 500;
    display: inline-block;
    background: #930e14;
    color: #ffffff;
    padding: 7px 86px 11px 85px;
}

/*一覧*/
#main .news-area p.list-link {
    position:absolute;
    top:9px;
    right:80px;
}
#main .news-area p.list-link a {
    display:block;
    font-size: 93%;
    background-image:url("../../image/contents-ic003.webp");
    background-position:9px center;
    background-repeat:no-repeat;
    background-size: 16px auto;
    padding: 3px 10px 5px 32px;
    border: solid 1px #d3d3d3;
    text-decoration: none;
    color: #111111;
}

/*RSS*/
#main .news-area .title p.rss {
    position:absolute;
    top:9px;
    right:0;
}
#main .news-area p.rss a {
    display:block;
    font-size: 93%;
    background-image:url("../../image/contents-ic006.webp");
    background-position: 9px 7px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    padding: 3px 10px 5px 32px;
    border: solid 1px #d3d3d3;
    text-decoration: none;
    color: #111111;
}

/*リスト*/
#main .news-area .news-list .news-list-in {
    padding: 0 10px;
}
#main .news-area dl {
    padding:18px 0 21px;
    border-bottom:1px solid #d3d3d3;
}
#main .news-area dl:last-child {
    border-bottom: none;
}
#main .news-area dl dt {
    width:15.4em;
    font-weight:normal;
}
#main .news-area dl dd {
    width:auto;
    line-height:1.6em;
}
#main .news-area dl dd.new::after {
    content: '';
    display: inline-block;
    width: 36px;
    height: 17px;
    background: url(../../image/new.webp) no-repeat 0 0 / 36px auto;
    position: relative;
    top: 3px;
    left: 5px;
}
#main .news-area dl dd a {
    text-decoration: none;
}
#main .news-area dl dd a:hover {
    text-decoration: underline;
}

/*アイコン*/
#main .news-area dl dt,
#wrapper-under .blog-area .blog-box dl .date span {
    position: relative;
    padding: 0 110px 10px 0;
    font-weight: 500;
}
#main .news-area dl dt::after,
#wrapper-under .blog-area .blog-box dl .date span::after {
    display: block;
    position: absolute;
    right: 0;
    top: 1px;
    color: #930e14;
    border: solid 1px #930e14;
    border-radius: 13px;
    font-size: 86%;
    width: 100px;
    text-align: center;
}
/*ニュース*/
#main .news-area dl dt.ic001::after,
#wrapper-under .blog-area .blog-box dl .date span.ic001::after {
    content: '報道・広報';
}
#main .news-area dl dt.ic002::after,
#wrapper-under .blog-area .blog-box dl .date span.ic002::after {
    content: '更新情報';
}
#main .news-area dl dt.ic003::after,
#wrapper-under .blog-area .blog-box dl .date span.ic003::after {
    content: 'お知らせ';
}
#main .news-area dl dt.ic004::after,
#wrapper-under .blog-area .blog-box dl .date span.ic004::after {
    content: '入試情報';
}
/*採用タブのみ*/
#main .news-area dl dt.ic005::after,
#wrapper-under .blog-area .blog-box dl .date span.ic005::after {
    content: '教員募集';
}
#main .news-area dl dt.ic006::after,
#wrapper-under .blog-area .blog-box dl .date span.ic005::after {
    content: '職員募集';
}
/*ダイバーシティ新着情報*/
#main .news-area dl dt.gender-ic001::after,
#wrapper-under .blog-area .blog-box dl .date span.gender-ic001::after {
    content: 'イベント情報';
}
#main .news-area dl dt.gender-ic002::after,
#wrapper-under .blog-area .blog-box dl .date span.gender-ic002::after {
    content: 'イベント記録';
}
/*報道発表*/
#main .news-area dl dt.press-ic001::after,
#wrapper-under .blog-area .blog-box dl .date span.press-ic001::after {
    content: '研究成果';
}
#main .news-area dl dt.press-ic002::after,
#wrapper-under .blog-area .blog-box dl .date span.press-ic002::after {
    content: '報道発表';
}