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

/*PC*/
@media print, screen and (min-width: 769px) {
#news{
position: relative;
width: 1200px;
margin: 100px auto 100px;
}


#news .news_list{
width: 100%;
margin:0 0 60px;
border-top: 1px solid #000;
}

#news .news_list li{
border-bottom: 1px solid #000;
padding: 20px 5px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
font-size: 1;
}

#news .news_list li .news_day{
width:15%;
white-space: nowrap;
}

#news .news_list li .news_txt{
width: 85%;
}

#news .news_list li .news_txt a{
color: #0f9582;
}

#news .news_list li .news_txt a .pdf_icon{
color: #0f9582;
display: block;
text-decoration: underline #0f9582;
}

#news .news_list li .news_txt a .pdf_icon i{
margin-left: 5px;
color: #0f9582;
font-size: 1.2em;
}


.pagination {
display:inline-block;
padding-left:0;
margin:20px 0;
border-radius:4px
}
.pagination>li {
display:inline
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#0f9582;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index:2;
color:#fff;
cursor:default;
background-color:#0f9582;
border-color:#0f9582
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color:#777;
cursor:not-allowed;
background-color:#fff;
border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius:3px;
border-bottom-right-radius:3px
}

}
/*sp*/
@media only screen and (max-width: 768px) {
#news{
position: relative;
width: 90%;
margin: 40px auto;
}


#news .news_list{
width: 100%;
margin:0 0 30px;
}

#news .news_list li{
border-bottom: 1px solid #000;
padding: 20px 5px;
font-size: 1;
}

#news .news_list li .news_day{
width:100%;
white-space: nowrap;
}

#news .news_list li .news_txt{
width:100%;
}

#news .news_list li .news_txt a{
color: #0f9582;
}

#news .news_list li .news_txt a .pdf_icon{
color: #0f9582;
display: block;
text-decoration: underline #0f9582;
}

#news .news_list li .news_txt a .pdf_icon i{
margin-left: 5px;
color: #0f9582;
font-size: 1.2em;
}


.pagination {
display:inline-block;
padding-left:0;
margin:20px 0;
border-radius:4px
}
.pagination>li {
display:inline
}
.pagination>li>a,
.pagination>li>span {
position:relative;
float:left;
padding:6px 12px;
margin-left:-1px;
line-height:1.42857143;
color:#0f9582;
text-decoration:none;
background-color:#fff;
border:1px solid #ddd
}
.pagination>li:first-child>a,
.pagination>li:first-child>span {
margin-left:0;
border-top-left-radius:4px;
border-bottom-left-radius:4px
}
.pagination>li:last-child>a,
.pagination>li:last-child>span {
border-top-right-radius:4px;
border-bottom-right-radius:4px
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
color:#2a6496;
background-color:#eee;
border-color:#ddd
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
z-index:2;
color:#fff;
cursor:default;
background-color:#0f9582;
border-color:#0f9582
}
.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
color:#777;
cursor:not-allowed;
background-color:#fff;
border-color:#ddd
}
.pagination-lg>li>a,
.pagination-lg>li>span {
padding:10px 16px;
font-size:18px
}
.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
border-top-left-radius:6px;
border-bottom-left-radius:6px
}
.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
border-top-right-radius:6px;
border-bottom-right-radius:6px
}
.pagination-sm>li>a,
.pagination-sm>li>span {
padding:5px 10px;
font-size:12px
}
.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
border-top-left-radius:3px;
border-bottom-left-radius:3px
}
.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
border-top-right-radius:3px;
border-bottom-right-radius:3px
}



}