.readmore{position:absolute;bottom:0;/* content:'addread'; */display: block;width: calc(100% - 10px);border-radius:5px;margin:5px;padding:5px;z-index: 15000;color:#FFF;text-decoration:none!important;text-align:center;font-weight:bold;background: linear-gradient( 
180deg
 , #4d4d4d 0, #1b1b1b 50%, #191919 50%, #636363 100%);box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .5);/* transition: .3s ease-out; */}

	.readmore::before{
	content:'続きを見る';
	}
.readmore.active::before{
	content:'閉じる';
	}


.readmore-contents{
	display:block!important;
	height:100px;
	/* position:relative; */
}
.readmore.active + .readmore-contents{
	height:auto;
	height: inherit;
	/* max-height: 1000px; */
	/* height: calc(100% + 500px); */
	padding-bottom: 40px;
}

.readmore-contents::before{
	display:block;
	position:absolute;
	bottom:40px;
	left:0;
	width:100%;
	height:30px;
	content:'';
z-index:100;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgb(255 255 255) 80%);
}
.readmore.active + .readmore-contents::before{
display:none;
}