@charset "UTF-8";
/* CSS Document */


.cate_wrap{
	border-bottom: 1px solid #E5E5E5;
	position: relative;
	width: 100%;
}
.cate{
	border-top: 1px solid #E5E5E5;
}
.title_wrap{
	padding: 20px;
	-webkit-transition: 0.8s cubic-bezier(0.19, 1, 0.22, 1);
    transition:0.8s cubic-bezier(0.19, 1, 0.22, 1);
}
.title_wrap:hover{
	padding: 20px 10px;
box-shadow: 0px 5px 5px -5px rgba(0, 0, 0, 0.08);
box-shadow: 0 5px 5px -3px rgba(0,0,0,0.08), 0 -5px 5px -3px rgba(0,0,0,0.08);
}
.date {
    letter-spacing: 2px;
}
.cate_img{
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 100%;
	margin-right: 30px;
	box-shadow: 2px 5px 10px #e7e1ea;
}

.box_txt1{
	padding: 15px 0px;
}
.box_txt_wrap{
	
}
/*中身を非表示にしておく*/
.accbox .box_wrap{
	display: none;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
    height: auto;
    padding: 20px;
    opacity: 1;
}


/* ---------- タブレット ---------- */
@media screen and (max-width: 667px){
	.title_wrap .cate_img{ margin: 0 auto 10px;	}
}