@charset "UTF-8";

/* -------------------------- */
/* ---TOPお知らせ---- */
/* -------------------------- */

/* pc */
@media screen and (min-width: 1000px) {

.news{
width: 640px;
margin: 90px 0 0 0;
font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
/* お知らせ一覧ページの幅 */
#no_index .news{
width: 700px;
margin: 0 auto;
}

.news ul{margin: 20px auto 30px auto;}
.news ul li{
list-style: none;
  color: #808080;
  border-bottom: 2px solid;
padding-bottom: 10px;
margin-bottom: 10px;
}
.news .up_ymd{
display: inline-block;
color: #000;
width: 100px;
}
.news .bt_02{text-align: center;}
.news .catName{
width: 60px;
margin:0 5px 0 0;
font-size: 0.7em;
}

}



/* SP */
@media screen and (max-width: 1000px) {

.news{
width: 100%;
margin: 50px 0 0 0;
font-family:"Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.news ul{margin: 30px auto;}
.news ul li{
list-style: none;
border-bottom: 1px dotted;
padding-bottom: 5px;
margin-bottom: 15px;
}
.news .bt_02{text-align: center;}
.news a{display: block;}
.news .catName{
width: 75px;
margin: 5px 5px 5px 0;
}
.news .up_ymd{
padding: 5px 0;
color: #114e6d;
margin: 5px 5px 5px 0;
}
.news .new_title{display: block;}

}





/* -------------------------- */
/* ---会報---- */
/* -------------------------- */

/* pc */
@media screen and (min-width: 1000px) {

.news_kaihou .newsList{
margin: 30px 0;
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
}
.news_kaihou .newsList li{
width: 180px;
text-align: center;
margin-bottom: 20px;
background-color: #0F4662;
padding: 10px 15px;
color: #fff;
box-sizing: border-box;
margin-right: 20px;
}
.news_kaihou .newsList li h4 a{
font-size: 1.2em;
color: #fff;
display:block;
padding: 5px;
box-sizing: border-box;
}
.news_kaihou .newsList li .up_ymd{
display: block;
font-size: 0.8em;
color: #fff;
border: 1px solid;
border-width: 1px 0;
padding: 3px 10px;
margin: 10px 0;
box-sizing: border-box;
}
/* PDFアイコン非表示 */
.news_kaihou .newsList li a[href$=".pdf"]::after{display: none;}
/* カテゴリー非表示 */
.news_kaihou .catName{display: none;}
}



/* SP */
@media screen and (max-width: 1000px) {

.news_kaihou .newsList{
margin: 30px 0;
display: -moz-box;		/* Fx用 */
display: -webkit-box; 	/* Safari、スマホ用 */
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;/*折り返しても*/
justify-content:space-between;
}
.news_kaihou .newsList li{
width: 48%;
text-align: center;
margin-bottom: 20px;
background-color: #0F4662;
padding: 10px 15px;
color: #fff;
box-sizing: border-box;
}
.news_kaihou .newsList li h4 a{
font-size: 1.2em;
color: #fff;
display:block;
padding: 5px;
box-sizing: border-box;
}
.news_kaihou .newsList li .up_ymd{
display: block;
font-size: 0.8em;
color: #fff;
border: 1px solid;
border-width: 1px 0;
padding: 3px 10px;
margin: 10px 0;
box-sizing: border-box;
}
/* PDFアイコン非表示 */
.news_kaihou .newsList li a[href$=".pdf"]::after{display: none;}
/* カテゴリー非表示 */
.news_kaihou .catName{display: none;}
}
















/* -------------------------- */
/* ---共通---- */
/* -------------------------- */

/* newマーク */
.newMark{
display: inline-block;
margin-right: 3px;
}

/*カテゴリ*/
.catName{
display:inline-block;
text-align: center;
padding:3px 6px;
border-radius:6px;
font-size:0.8em;
line-height:100%;
margin:0 5px 0 0;
color: #fff;
}
.cat-0 .catName{background-color:#ffa4a4;}
.cat-1 .catName{background-color:#7ed1e8;}
.cat-2 .catName{background-color:#85d385;}
.cat-3 .catName{background-color:#d6bc4d;}
.cat-4 .catName{background-color:#918b86;}


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

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

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

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

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


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

/* ページャー */
.pager01{text-align: left; padding:0 0 20px 0;}
.pager02{text-align:right; padding:30px 0 0 0;}

.pager{clear:both;}

/*ページャーボタン*/
.pager a{
display: inline-block;
color: #333;
font-size: 1.0em;
padding: 5px 15px;
margin:0 3px;
background-color: #0F4662;
color: #fff;
}

/*現在のページのボタン*/
.pager a.current{background: #999;}
.pager a:hover{background:#999;}

.pager_top{}
.pager_bottom{text-align: right;}

@media screen and (max-width: 1000px) {
.pager a{padding: 10px 15px;}
}








/* -------------------------- */
/* ---記事詳細---- */
/* -------------------------- */

.news_detail{
margin-top: 150px;
font-family:'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.news_detail .detailUpfile{margin: 30px 0;}

/*本文*/
.news_detail p{
width: 70%;
font-family:'Noto Serif JP', YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 180%;
margin: 20px 0;
}
@media screen and (max-width: 1000px) {
.news_detail p{width: 100%;}
}



/*日付*/
.news_detail .up_ymd{
text-align: center;
color:#114e6d;
display: block;
margin-bottom: 20px;
}

/*戻るボタン*/
.news_detail .backORcloseBtn a{
text-align: center;
margin: 50px 0 20px 0; 
}

/*ul のアイコン*/
.news_detail ul{margin: 20px 0; list-style: none;}
.news_detail ul li::before{
content: "●";
color:#114e6d;
}

/*ol のアイコン*/
.news_detail ol{
margin: 20px 0;
list-style: none;
counter-reset: ol_li; /* ol_li カウンタをセットする(値もリセット) */
}
.news_detail ol li::before{
margin-right: .25em;
counter-increment: ol_li; /* ol_li カウンタの値に1加える */
content: counter(ol_li); /* before擬似要素のcontentで出力 */
color:#114e6d;
}


/*DIVで囲まれた文章も*/
.news_detail div{line-height: 180%;}


/*PDFなどファイルリンクに装飾*/
.news_detail a[href$=".pdf"],
.news_detail a[href$=".xlsx"],
.news_detail a[href$=".xls"],
.news_detail a[href$=".doc"],
.news_detail a[href$=".docx"],
.news_detail a[href$=".ppt"],
.news_detail a[href$=".pptx"]{
background-color: #114e6d;
padding: 4px 7px;
color: #fff;
margin:3px;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
line-height: 250%;
}


/* 外部リンクにはアイコン */
.news_detail a[href$=".jp"]::after,
.news_detail a[href$=".com"]::after{
content:url("../img/icon_blank.png");
margin-left: 5px;
}


/*画像の上下に隙間*/
.news_detail img{margin: 20px 0 20px 0}