@charset "UTF-8";

/*----------------------------------------------------
	☆index
----------------------------------------------------*/
#news_parts {
    width: 100%;
}

#news_parts .news_parts {
    width: 900px;
    margin: 75px auto 85px;
}

/* tab */

#news_parts .tab01 {
    margin-bottom: 60px;
}

#news_parts .tab02 {
    margin-bottom: 35px;
}

/* content_wrap */
#news_parts .content_wrap.tabnon,
#news_parts .content_wrap_in {
    display: none;
}

#news_parts .content_wrap,
#news_parts .content_wrap_in.active {
    display: block;
}

#news_parts .content_wrap_in li a {
    display: block;
    padding: 25px;
    border-bottom: 1px solid #cfd9e0;
    overflow: hidden;
}

#news_parts .content_wrap_in li a:hover {
    opacity: 1;
    background: #e9edf0;
}

#news_parts .content_wrap_in li:nth-last-of-type(1) a {
    border-bottom: 0;
}

#news_parts .content_wrap_in li a .day {
    font-size: 12px;
    color: #999;
    letter-spacing: 1px;
}

#news_parts .content_wrap_in li a .tug {
    display: inline-block;
    text-align: center;
    font-size: 12px;
    color: #005999;
    padding: 5px 0;
    border: 1px solid #005999;
    width: 110px;
    letter-spacing: 1px;
    margin: 0 20px;
}

#news_parts .content_wrap_in li a .text {
    font-size: 14px;
    letter-spacing: 1px;
    width: 605px;
    display: inline-block;
    vertical-align: middle;
    word-wrap: break-word;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    margin-bottom: 0;
}

#news_parts .pager {
    overflow: hidden;
    margin-top: 30px;
}

#news_parts .pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}

/* pajer */
#news_parts .pager ul li {
    margin: 0 3px;
    position: relative;
    left: -50%;
    float: left;
}

#news_parts .pager ul li span,
#news_parts .pager ul li a {
    text-align: center;
    font-size: 14px;
    letter-spacing: 1px;
    border: 1px solid #005999;
    display: block;
    border-radius: 3px;
    padding: 0.7em 0.9em;
    color: #005999;
}

#news_parts .pager ul li a {
    background: #fff;
    color: #005999;
    text-decoration: none;
}

#news_parts .pager ul li:nth-last-of-type(1) a {
    border-bottom: 1px solid #005999;
}

#news_parts .pager ul li.current span {
    background: #005999;
    color: #fff;
    border: 1px solid #005999;
}

#news_parts .pager ul li a:hover {
    background: #005999;
    color: #fff;
    border: 1px solid #005999;
}

#pageNo {
    border: 1px solid #424040 !important;
    color: #000000 !important;
}

/*----------------------------------------------------
	☆detail
----------------------------------------------------*/


/*----------------------------------------------------
	☆SP
----------------------------------------------------*/


/*デバイスの横幅が1080px以下の場合*/

@media only screen and (max-width: 1080px) {

    #news_parts .news_parts {
        width: 90%;
        margin: 40px auto;
    }

    /* tab */
    #news_parts .tab01 {
        margin-bottom: 20px;
    }

    #news_parts .tab02 {
        margin-bottom: 30px;
    }

    /* main */
    #news_parts .content_wrap_in li a {
        padding: 10px 0;
    }

    #news_parts .content_wrap_in li a .day {
        font-size: 12px;
        letter-spacing: 1px;
    }

    #news_parts .content_wrap_in li a .tug {
        font-size: 11px;
        padding: 5px 0;
        width: 100px;
        letter-spacing: 1px;
        margin: 0 20px;
    }

    #news_parts .content_wrap_in li a .text {
        margin-top: 10px;
        letter-spacing: 2px;
        font-size: 12px;
        width: 100%;
        display: block;
        line-height: 1.6;
        vertical-align: initial;
        word-wrap: initial;
        overflow: initial;
        white-space: initial;
        text-overflow: initial;
        -webkit-text-overflow: initial;
        -o-text-overflow: initial;
    }

    /* pajer */
    /* #news_parts .pager ul li:not(.back):not(.next):not(.current){
        display: none;
    } */
    #news_parts .pager ul li span,
    #news_parts .pager ul li a {
        font-size: 12px;
    }


}