/**********
 style-info.css
**********/

h2.title{
	background:url(../information/img/h2bg.jpg) no-repeat center center;
	background-size:cover;
}

h2.cateName p{
	font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}


/* clearfix */
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/* for macIE \*/
* html .clearfix { height:1%; }
.clearfix { display:block; }

ul#newsList{
	margin:0 0 15px;
	padding:0;
}
ul#newsList li{
	color:#666;
	/*font-size:12px;*/
	margin:0;
	padding:15px 0;
	margin-bottom:3px;
	border-bottom:1px dotted #999;
	line-height:120%;
	list-style-type:none;
}

.catName{
	display:inline-block;
	padding:3px 8px;
	/*border:1px solid #ccc;*/
	border-radius:2px;
	font-size:11px;
	line-height:100%;
	margin:0 10px 0 3px;
}
ul#newsList li.cat-0 .catName{
	background:#00A29A;
	color:#fff;
}

ul#newsList li.cat-1 .catName{
	background:#6DA21B;
	color:#fff;
}

ul#newsList li.cat-2 .catName{
	background:#F39700;
	color:#fff;
}

ul#newsList li .title{
	font-size:1.05em;
	font-weight:bold;
	display:block;
	padding-top:6px;
}

ul#newsList li .title a{
	color:#000;
}

.newMark{
	font-family: 'Lato','Noto Sans', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display:inline-block;
	padding:1px 4px;
	line-height:100%;
	border:1px solid #F24A00;
	color:#F24A00;
	border-radius:2px;
	font-weight:normal;
	margin-left:4px;
}

.comment{
	display:block;
	padding:20px 0 3px 0;
	float:left;
	overflow:hidden;
	width:100;/* 本文部分の幅。ここは特に設置ページ合わせて変更下さい */
	max-width:800px;
}
.thumbNailWrap{
	display:block;
	width:110px;
	float:left;
	height:80px;
	overflow:hidden;
}

/* Pager style（外部化可） */
.pager{
	text-align:right;
	padding:10px;
	clear:both;
}
/*ページャーボタン*/
.pager a{
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #333;
    font-size: 12px;
    padding: 3px 7px 2px;
    text-decoration: none;
	margin:0 1px;
}

/*現在のページのボタン*/
.pager a.current{
    background: #999;
    border: 1px solid #999;
    border-radius: 5px 5px 5px 5px;
    color: #fff;
    font-size: 12px;
    padding: 3px 7px 2px;
	margin:0 1px;
    text-decoration: none;
}

.pager a:hover{
    background:#999;
    color: #fff;
}

.overPagerPattern{
	padding:0 2px ;	
}

/* /Pager style */

#newsWrap{
	width:100%;
	padding-bottom:20px;
}

#cateNavi .btn {
	position: relative;
	display: block;
	padding: .6em 1em;
	background:url(../img/btnBg.jpg);
	border-radius: 4px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	margin:20px auto 0 auto;
	font-size:1.15em;
	max-width:300px;
}

#cateNavi .btn:after {
	position: absolute;
	top: 3px;
  right: 3px;
  bottom: 3px;
  left: 3px;
  content: '';
  border: 2px dashed #fff;
  border-radius: .4em 2em .5em 3em/3em .5em 2em .5em;
}

#cateNavi{
  display: flex;
  flex-wrap: wrap;
	padding-bottom:40px;
}

.flex-container li{
  flex: 1 0 auto;
  margin-right:10px;
}

.flex-container li:last-child{
	margin-right:0;
}


#cateNavi .btn a.btn{
	color:#fff;
	text-decoration:none;
}




/* PC・大型タブレット：769px〜1050px */
@media only screen and (min-width: 769px) and (max-width: 1050px) {



}

/* PC向け：1051px以上 */
@media only screen and (min-width:1051px) and (max-width: 3000px) {




}


@media print{



}