@charset "utf-8";
.catLists{position: relative;}
.catLists .catTitle{
	font-size: 3.0rem;
	line-height: 1.2;
	padding-bottom: 3px;
	border-bottom: 2px solid #144b8b;
}
.catLists form{
	display:block;
	position: absolute;
	top: 0;
}
.catLists form:first-of-type{right:40px;}
.catLists form:nth-of-type(2){right:0;}
.catLists form button{
	width: 36px;
	height: 36px;
	border: none;
	background: transparent;
	cursor: pointer;
}
.catLists form button:hover{opacity: 0.7;}
.catLists form button.active{pointer-events: none;}
.catLists form button:not(.active){opacity:0.5;}
.catListBlock,
.catTextList{
	display: block;
	width: 100%;
}
.catLists.noPost .bodyContent{
	margin-top: 16px;
	text-align: center;
}

/* catListBlock */
.catListBlock > li{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #a0a0a0;
}
.catListBlock > li figure,
.catListBlock > li >div{
	display: table-cell;
	vertical-align: top;
	text-align: left;
}
.catListBlock > li figure a{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-indent: -9999px;
}
.catListBlock > li figure a.noImgThb{
	background: #eee;
	text-indent: 0;
	text-align: center;
	vertical-align:middle;
	color: #333;
	font-size: 1.6rem;
}
.catListBlock > li .pTitle{
	display:block;
	margin-bottom:12px;
	font-size: 1.8rem;
	font-weight: bold;
}
.catListBlock > li time,
.catListBlock > li .catGr{
	display: inline-block;
	font-size: 1.2rem;
	vertical-align: middle;
}
.catListBlock > li time{margin-right: 16px;}
.catListBlock > li .catGr li{
	display: inline-block;
	margin-right: 10px;
}
.catListBlock > li .catGr li a{
	display:inline-block;
	padding:0 16px;
	border-radius: 16px;
	background: #000;
	color: #fff;
}
.catListBlock > li .exTxt{
	display: block;
	width: 100%;
	margin: 16px 0;
}
.catListBlock > li .detaLink{
	display: block;
	margin: 20px 0 0 auto;
	text-align: right;
}
.catListBlock > li .detaLink a{
	display: inline-block;
	padding:4px 14px;
	border: 1px solid #144b8b;
	background: #fff;
	font-size: 1.5rem;
	text-align: center;
}
.catListBlock > li .detaLink a:before{
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 7px;
	margin-right: 8px;
	background: #000 url(../img/common/arrow_circle_icon.svg) no-repeat center center;
	background-size: contain;
	vertical-align: middle;
	content: "";
}


/* catTextList */
.catTextList li{
	width: 100%;
	padding:18px 0;
	border-bottom:1px dotted #a9a9a9;
}
.catTextList li>*{
	vertical-align:middle;
	text-align:left;
}
.catTextList li .catGr a{
	display: block;
	min-width: 42px;
	border-radius:16px;
	background: #000;
	color: #fff;
	text-align: center;
}
.catTextList li p {
    margin-bottom: auto;
}

/*page-numbers*/
ul.page-numbers{
	display: block;
	width: 100%;
	text-align: center;
}
ul.page-numbers li{
	display: inline-block;
	margin: 0 2px;
	font-size: 1.3rem;
	vertical-align: middle;
	text-align: center;
}
ul.page-numbers li>*{
	display: block;
	vertical-align: middle;
}
ul.page-numbers li a{
	background: #ebebeb;
	color: #1f1f1f;
	border:1px solid #bcbcbc;
}
ul.page-numbers li span{color: #fff;}
ul.page-numbers li span.page-numbers.dots{
	background-color: transparent;
	border: none;
	color:#1f1f1f;
}
ul.page-numbers li.nowPg span{
	color: #1f1f1f;
	border:1px solid #bcbcbc;
	background: #ebebeb;
}
@media screen and (max-width:768px){
	.catListBlock > li{padding:16px 0;}
	.catListBlock > li figure{width:150px;}
	.catListBlock > li figure a{
		width:150px;
		height:150px;
	}
	.catListBlock > li figure a.noImgThb{line-height:120px;}
	.catListBlock > li >div{
		width:calc(100% - 168px);
		padding-left:18px;
	}
	.catTextList li{
		display:flex;
		align-items:center;
	}
	.catTextList li>*{display:block;}
	.catListBlock > li .pTitle{margin-bottom: 8px;}
	.catTextList li .catGr{margin: 0 24px;}
	.catTextList li .catGr a{padding: 0 24px;}

	.catTextList li{display:block;}
	.catTextList li>*{display:inline-block;}
	.catTextList li .pTitle{
		display: block;
		margin-top: 6px;
	}
	.catTextList li .catGr{margin: 0 16px;}
	.catTextList li .catGr a{padding:0 12px;}
	ul.page-numbers li>*{
		padding: 0 6px;
		line-height:20px;
	}
	ul.page-numbers li.nowPg{
		display: block;
		margin: 0 auto 6px;
	}
	ul.page-numbers li.nowPg span{display: inline-block;}
}
@media screen and (min-width:769px) and (max-width:1116px){
}
@media screen and (min-width:769px){
	.catListBlock > li{padding: 40px 0;}
	.catListBlock > li figure{width:190px;}
	.catListBlock > li figure a{
		width: 190px;
		height: 190px;
	}
	.catListBlock > li figure a.noImgThb{line-height: 190px;}
	.catListBlock > li >div{
		width:calc(100% - 228px);
		padding-left: 36px;
	}
	.catTextList li{
		display:flex;
		align-items:center;
	}
	.catTextList li>*{display:block;}
	.catTextList li .catGr{margin: 0 24px;}
	.catTextList li .catGr a{padding: 0 24px;}
	ul.page-numbers li>*{
		padding: 0 10px;
		line-height:28px;
	}
}
@media screen and (max-width:1116px){
	ul.page-numbers{margin:24px auto 50px;}
}
@media screen and (min-width:1117px){
	ul.page-numbers{margin: 48px auto 100px;}
}