@charset "UTF-8";
/*-----------------------------------
slide
----------------------------------*/
.cate,.date{
	font-size: 24px;
}
.cate{
	color: #fff;
	display: inline-block;
	background: #ffce6e;
	padding: 1px 5px;
}
.date{
	color: #adadad;
}
#block_cate .icon_title::before {
    content: url("../img/common/icon_finger_w.svg");
}
@media screen and (max-width:740px){
	.cate,.date{
		font-size: 13px;
	}
}
/*-----------------------------------
info_list
----------------------------------*/
#info_list article{
	margin-top: 20px;
}
#info_list article a{
	background: #fff;
	display: flex;
	position: relative;
}
#info_list article .img{
	width: 30%;
}
#info_list article .txt{
	width: 67%;
	margin:40px 0 0 3%;
}
#info_list article .title{
	margin-top: 10px;
}
#info_list article .cate{
	position: absolute;
	right: 0;
	top:0;
}
@media screen and (max-width:740px){
	#info_list article .txt {
	  margin-top: 15px;
	}
	#info_list article .title{
		margin-top: 5px;
	}
}
/*-----------------------------------
info_detail
----------------------------------*/
#info_detail .date{
	display: inline-block;
}
#info_detail .title{
	margin: 20px 0 40px;
}
#info_detail .title,
#info_detail .txt h2{
	font-size: 3.6rem;
	line-height: 4.2rem;
}
#info_detail .txt h2,
#info_detail .txt h3{
	padding: 15px 2.5%;
	border-bottom: solid 5px;
}
#info_detail .txt h2{
	background: #fffbe3;
	margin: 60px 0 20px;
	border-color:#ffce6e; 
}
#info_detail .txt h3{
	margin: 20px 0;
	border-color:#fffbe3; 
	position: relative;
}
#info_detail .txt h3:before{
	content: "";
	width: 5px;
	height: 60%;
	background: #ffce6e; 
	position: absolute;
	left: 0;
	top:25%;
}
#info_detail .txt p{
	line-height: 4.0rem;
	margin-top: 30px;
}
#info_detail .txt a{
	color: #f25e88;
	border-bottom: solid 2px #f25e88;
}
#info_detail .txt a:hover{
	border-bottom: solid 1px rgba(255,255,255,0.00);
}
/*-----------------------------------
page,pagination,backlist
----------------------------------*/
.page{
	justify-content: center; 
}
#info_list .page a,
#info_detail .page a,
.pagination .current{
	font-size: 2.4rem;
	letter-spacing: 0;
	min-width: 50px;
	height: 50px;
	color: #fff!important;
	display: inline-block;
	background: #5e5e5e;
	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_arrow_right_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;
	}
}