@charset "UTF-8";
/*-----------------------------------
common
----------------------------------*/
.fix_cate{
	color: #fff;
	background: #000;
	padding: 1px 5px;
	position: absolute;
	top:0;
	left: 0;
}
#side_cate ul{
	margin: 0 auto;
	border: solid 4px #000;
}
#side_cate ul li{
	box-sizing: border-box;
	border-top: solid 2px #000;
}
#side_cate ul li:nth-child(1){
	border-top: none;
}
#side_cate ul li a{
	display: block;
	padding: 10px 2.5%;
	position: relative;
	background: #fff;
}
#side_cate ul li a:before {
  content: url("../img/common/icon_link_bd_arrow_bk.svg");
  width: 20px;
  top: 10px;
  right: 2%;
  position: absolute;
  transition: all .4s;
  display: block;
}
@media screen and (max-width: 740px) {
	.fix_cate {
	  font-size: 1.2rem;
	  line-height: 1.8rem;
	}
	#side_cate ul {
	  border: solid 2px #000;
	}
}
/*-----------------------------------
info_list
----------------------------------*/
#info_list #main_list article{
	margin-bottom: 30px;
}
#info_list #main_list article a{
	background: #fff;
	padding: 10px 2.5%;
}
#info_list #main_list .img{
	width: 40%;
}
#info_list #main_list .txt{
	width: 58%;
}
#info_list #main_list .txt .date{
	font-size: 1.6rem;
	color: #9e9e9e;
	margin-top: 20px;
}
#info_list #main_list .txt .title{
	font-size: 2.1rem;
	margin-top: 10px;
}
@media screen and (max-width: 740px) {
	#info_list #main_list .txt .date{
		font-size: 1.2rem;
		margin-top: 10px;
	}
	#info_list #main_list .txt .title{
		font-size:1.6rem;
		margin-top: 0;
	}
}

/*-----------------------------------
info_detail
----------------------------------*/
#info_detail #main_detail .img{
	width: 100%;
	text-align: center;
}
#info_list #main_detail .txt{
	width: 100%;
}
#info_detail #main_detail article{
	padding: 60px 6% 40px;
	box-sizing: border-box;
}
#info_detail #main_detail .haed .title{
	margin-top: 10px;
}
#info_detail #main_detail .haed .img,
#info_detail #main_detail article .body_txt p{
	margin-top: 20px;
}
/*-----------------------------------
page,pagination,backlist
----------------------------------*/
.page{
	justify-content: center; 
}
.page a,
.pagination .current{
	font-size: 2.4rem;
	letter-spacing: 0;
	min-width: 50px;
	height: 50px;
	color: #fff!important;
	display: inline-block;
	background: #000;
	padding: 8px 5px 3px;
	border-radius: 10px;
	box-sizing: border-box;
	margin: 0 5px;
}
.page .next,
.page .prev{
	width: 70px;
}
.page .next:before,
.page .prev:before{
	content: url("../img/common/icon_link_bd_arrow_w.svg");
	width: 20px;
	display: inline-block;
	transition: 0.3s;
}
.page .prev:before{
	transform: scale(-1, 1);
}
.page a:hover,
.pagination .current{
	background:#acacac;
}
.backlist .back{
	width: 240px;
}
@media screen and (max-width: 740px) {
	.page a,
	.pagination .current{
		font-size: 1.4rem;
		min-width: 40px;
		height: 40px;
		padding: 8px 5px 3px;
	}
	.page .next,
	.page .prev{
	  width: 40px;
	}
	.page .next:before,
	.page .prev:before{
	  width: 13px;
	}
	.backlist .back{
		width: 200px;
	}
}