@charset "UTF-8";
/* CSS Document */
.cate_wrap{
	margin-bottom: 50px;
}
.cate_box{
	border: 4px solid #f8f8f8;
	border-radius: 10px;
	margin-bottom: 5px;
}
.title_wrap{
	padding: 20px 20px 8px 20px;
	width: 100%;
	box-sizing: border-box;
    cursor :pointer;
    transition: all 0.5s;
	position: relative;
	background: #f8f8f8;
}
.title_wrap .date{
	width: 200px;
	letter-spacing: 2px;
}
.cate_box figure{
	    max-width: 600px;
}
/*アイコンを表示*/
.title_wrap::after {
	content: "";
	background-image: url(../img/plus.png);
	background-size: cover;
	width: 26px;
	height: 26px;
	position: absolute;
	right: 20px;
	top: 18px;
}
.txt_wrap{
	padding: 15px 20px;
}
.box_txt1{
	padding: 15px 0px;
}
.txt_wrap .box_txt1:last-of-type{
	border-bottom: none;
}

/*中身を非表示にしておく*/
.accbox .txt_wrap{
	display: none;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 20px;
    opacity: 1;
}
/*アイコンを入れ替える*/
.title_wrap.active::after{
	content: "";
	background-image: url(../img/minus.png);
	background-size: cover;
}

.pager ul li{
	padding: 0px 20px;
	letter-spacing: 2px;
}
.prev a,.next a{color: #d600fc;}
.pager ul li{
	padding: 0px 20px;
	letter-spacing: 2px;
	transition: all .2s ease-in-out;
}
.pager ul li:hover{
	transform: translateY(-5px);
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
	
}
/*IEのみ
---------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
	.title_wrap::after{top: 21px;}
	.title_wrap{padding:23px 20px 10px 20px;}
}