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

/*--------------------------------------------------------------
詳細ページ
---------------------------------------------------------------*/

#newsWrap{
    width:100%;
    max-width:960px;
    margin: 0 auto;
}

/*タイトル*/
h3.title{
    margin:80px 0 0px;
    padding: 10px 0;
    border-top:1px solid #bd0019;
    font-size: 18px;
    line-height: 1.8em;
}
/*詳細部分*/
.detail_wrap{
    border: solid 1px #bd0019;
    padding:30px 40px;
}

/*日付とバッジ*/
.detail_wrap .data_wrap{display: flex; margin: 0 0 20px 0;}
/*日付*/
#up_ymd{font-size:16px; padding-right: 20px;}

/*---------------------------------------
バッジ
-----------------------------------------*/
/*共通*/
.catName .cat-0,
.catName .cat-1,
.catName .cat-2{
    font-size: 14px;
    padding:0px 10px 2px;
    line-height:1em;
    width:94px;
    color:#FFF;
    text-align:center;
}
/*お知らせ*/
.catName .cat-0 {background:#f4ac00;}
/*学科日程表*/
.catName .cat-1{background:#8fc31f;}
/*緊急*/
.catName .cat-2{background:#e94709;}


/*----------------------------------------
本文
------------------------------------------*/
.detail_wrap .detailText{line-height: 1.8em;}
.detail_wrap .detailUpfile{margin: 30px 0;}
.detail_wrap .detailUpfile img{width:100%;}

.detailUpfile{text-align: center;}
.detailUpfile a{
    display:inline-block;
    margin: 0 auto;
    padding: 10px 30px;
    background: #bd0019;
    color:#FFF;
}


/*戻るボタン調整*/
.back_nav{max-width: 1000px; margin:0 auto; padding: 0 10px}

/*スマホ*/
@media screen and (max-width:940px)  {
    #newsWrap{
        padding: 0 10px;
    }
    /*タイトル*/
    h3.title{
        margin:60px 0 0px;
        padding: 10px 0;
        border-top:1px solid #bd0019;
        font-size: 16px;
        line-height: 1.8em;
    }

    /*詳細部分*/
    .detail_wrap{
        border: solid 1px #bd0019;
        padding:10px;
    }
    
}