/* CSS Document */

.top_news{padding-bottom: 0px;}
.top_news + .pager{margin-top: 50px;}
.top_news .dpF{
	height:auto;
	min-height: 180px;
}
.top_news .dpF ul{
	width: 100%;
	margin-left: 0;
}

.cms_detail{padding: 90px 5% 50px;}
.cms_detail .date{
	display: flex;
	align-items: center;
}
.cms_detail .date *{display: block;}
.cms_detail .date *:not(.d){
	color: #E60012;
	border: solid 1px #E60012;
	padding: 0.25em 0.5em;
	margin-right: 1em;
}
.cms_detail h3{
	font-size: 200%;
	line-height: 150%;
	margin: 0.33em 0;
}
.cms_detail .textbox{line-height: 175%;}
.cms_detail .textbox .pic,
.cms_detail .textbox .pic img{margin-bottom: 0.5em;}
.cms_detail .textbox .pic{line-height: 100%;}
.cms_detail .textbox .pic img{width:100%;}
.cms_detail .photobox{
	display: flex;
	flex-wrap: wrap;
	padding-top: 1em;
}
.cms_detail .photobox li{margin-top: 2em;margin-left: auto;}
.cms_detail .photobox li img{width:100%;}
.cms_detail .photobox li > a:nth-child(1){padding-top: 66%;background-color: #EEE;}
.cms_detail .photobox li > *:nth-child(2){
	margin-top: 0.5em;
	font-size: 90%;
	line-height: 100%;
}
@media screen and (min-width: 1000px) {
	.cms_detail .textbox .pic{
		float: left;
		max-width: 49%;
		margin-right: 2%;
	}
	.cms_detail .photobox li{width:32%;margin-left: 2%;}
	.cms_detail .photobox li:nth-child(3n+1){margin-left: 0;}
}
@media screen and (max-width: 999px) {
	.cms_detail .textbox .pic{width:100%;}
	.cms_detail .photobox li{width:100%;}
	/*
	.cms_detail .photobox li{width:49%;}
	.cms_detail .photobox li:nth-child(2n+1){margin-left: 0;}
	*/
}

.content_box.pager{
	text-align: center;
	padding-bottom: 100px;
}
.cms_page{
	display: flex;
	align-items: center;
	font-size:125%;
}
.cms_page li{width:2em;}
.cms_page li.now{width:9em;}
.cms_page li:nth-child(n+2){margin-left: 0.5em;}
.cms_page li > *{
	position: relative;
	display: block;
	width:100%;
	height:2em;
	background-color: #FFF;
	border: solid 2px #0168b6;
	color: #0168b6;
	border-radius: 2em;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
}
.cms_page li > *.current{
	background-color: #0168b6;
	color:#FFF;
}
.cms_page li > *.nopassage{
	border-color: #d9d9d9;
	color:#d9d9d9;
}
.cms_page li > * > *{
	display: block;
	position: absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
	height:1em;
}
.cms_page li > * > span{
	font-weight: bold;
	font-size: 125%;	
	line-height: 100%;
}
.cms_page .arrowL img{left: -0.2em;}
.cms_page .arrowR img{right: -0.2em;}