@charset "UTF-8";



/* -------------------------------- */
/* --------お知らせ一覧-------- */
/* -------------------------------- */
#newsWrap{flex: 1;}
#newsWrap #newsList li{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
align-content: flex-start;
margin: 11px 0;
}
@media screen and (max-width: 960px) {
#newsWrap #newsList li{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-grid;
display: grid;
border-bottom: 1px solid;
padding: 0 0 10px 0;

grid-template-rows:1fr;
grid-template-columns: 75px 75px 1fr;
}
}

/*日付*/
#newsWrap #newsList li .up_ymd{
display:block;
width: 100px;
}
@media screen and (max-width: 960px) {
#newsWrap #newsList li .up_ymd{
font-size: 0.8rem;
width: 75px;
grid-row: 1 / 3;
grid-column: 1 / 2;
}
}

/*カテゴリ*/
#newsWrap #newsList li .catName{
width: 70px;
height: 20px;
display:block;
text-align: center;
padding:3px 8px;
box-sizing: border-box;
line-height:100%;
margin:0 7px 0 0;
font-size: 0.8rem;
color: #FFFFFF;
}
.cat-0 .catName{background-color:#11BA71;}
.cat-1 .catName{background-color:#8CC63F;}
.cat-2 .catName{background-color:#85d385;}
.cat-3 .catName{background-color:#d6bc4d;}
.cat-4 .catName{background-color:#918b86;}
@media screen and (max-width: 960px) {
#newsWrap #newsList li .catName{
grid-row: 1 / 2;
grid-column: 2 / 3;
}
}

/* タイトル */
#newsWrap #newsList li .title{flex: 1;}
@media screen and (max-width: 960px) {
#newsWrap #newsList li .title{
grid-row: 2 / 3;
grid-column: 2 / 4;
flex: none;
margin-top: 5px;
}
}

/* newsアイコン */
#newsWrap #newsList li .newMark{
color: #C1272D;
display: block;
margin: 0 5px;
}
@media screen and (max-width: 960px) {
#newsWrap #newsList li .newMark{
grid-row: 1 / 2;
grid-column: 3 / 4;
}
}



/* PDF直リンクにはアイコン */
#newsWrap #newsList li .title a[href$=".pdf"]::after{
content:url(../../common/img/icon_pdf.gif);
margin-left: 5px;
}

/* 画像直リンクにはアイコン */
#newsWrap #newsList li .title a[href$=".jpg"]::after,
#newsWrap #newsList li .title a[href$=".gif"]::after,
#newsWrap #newsList li .title a[href$=".png"]::after,
#newsWrap #newsList li .title a[href$=".jpeg"]::after{
content:url(../../common/img/icon_img.gif);
margin-left: 5px;
}

/* Word直リンクにはアイコン */
#newsWrap #newsList li .title a[href$=".doc"]::after,
#newsWrap #newsList li .title a[href$=".docx"]::after{
content:url(../../common/img/icon_word.gif);
margin-left: 5px;
}

/* エクセル直リンクにはアイコン */
#newsWrap #newsList li .title a[href$=".xlsx"]::after,
#newsWrap #newsList li .title a[href$=".xls"]::after{
content:url(../../common/img/icon_excel.gif);
margin-left: 5px;
}

/* パワポ直リンクにはアイコン */
#newsWrap #newsList li .title a[href$=".ppt"]::after,
#newsWrap #newsList li .title a[href$=".pptx"]::after{
content:url(../../common/img/icon_ppt.gif);
margin-left: 5px;
}

/* 外部リンクにはアイコン */
#newsWrap #newsList li .title a[href^="http:"]::after,
#newsWrap #newsList li .title a[href^="https:"]::after{
content:url(../../common/img/icon_blank.png);
margin-left: 5px;
}

/* ページャー */
#newsWrap .pager:first-child{text-align: left; padding:0 0 20px 0;}
#newsWrap .pager:last-child{text-align:right; padding:30px 0 0 0;}
.pager{clear:both;}
/*ページャーボタン*/
#newsWrap .pager a{
border-radius: 3px;
color: #333;
font-size: 1.0em;
padding: 5px 7px;
margin:0 3px;
border: #11BA71 1px solid;
color: #11BA71;
}
/*現在のページのボタン*/
#newsWrap .pager a.current{background: #EBEFEA;}
#newsWrap .pager a:hover{background:#EBEFEA;}



















/* -------------------------------- */
/* --------お知らせ詳細-------- */
/* -------------------------------- */

/* title */
.news_info h2{
margin: 50px 0 0px 0;
text-align: center;
line-height: 2.5rem;
background-color: #11BA71;
color: #fff;
padding:3px 10px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
/* 日付 */
.news_info #up_ymd{
margin: 15px 0 30px 0;
text-align: center;
color: #11BA71;
}
/* 本文 */
.news_info .detailText{
word-break : break-all;  /* 改行させる */
word-wrap: break-word; /* 改行させる */
}


/*ul のアイコン*/
.news_info ul{margin: 20px 0; list-style: none;}
.news_info ul li::before{
content: "● ";
color: #11BA71;
}
/*ol のアイコン*/
.news_info ol{
margin: 20px 0;
list-style: none;
counter-reset: ol_li;
}
.news_info ol li::before{
margin-right: .25em;
counter-increment: ol_li;
content: counter(ol_li);
color: #11BA71;
}
/* hr */
.news_info hr{
height: 1px;
background-color: #11BA71;
border: none;
color: #11BA71;
margin: 5px 0 10px 0;
}
/* 配置画像 */
.news_info img{
margin: 20px 0;
}
/*戻るボタン*/
.news_info .backORcloseBtn a{
border: 1px solid #00a79b;
padding: 10px;
display: block;
color: #00a79b;
text-align: center;
margin: 50px 0 20px 0;
}

/*PDFなどファイルリンクに装飾*/
.news_info a[href$=".pdf"],
.news_info a[href$=".xlsx"],
.news_info a[href$=".xls"],
.news_info a[href$=".doc"],
.news_info a[href$=".docx"],
.news_info a[href$=".ppt"],
.news_info a[href$=".pptx"]{
background-color: #11BA71;
padding: 4px 7px;
color: #fff;
margin:3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 250%;
}
/* 外部リンクにはアイコン */
.news_info a[href$=".jp"]::after,
.news_info a[href$=".co.jp"]::after,
.news_info a[href$=".com"]::after{
content: "";
background-image: url(../../common/img/bt_icon_03.svg);
background-repeat: no-repeat;
background-position: center;
background-size: 50%;
padding-right: 20px;
}
.news_info a[href$=".jp"],
.news_info a[href$=".co.jp"],
.news_info a[href$=".com"]{
text-decoration: underline;
}