.fixed__btn {
	position: fixed;
	bottom: 0;
	left: 2%;
	width: 210px;
	z-index: 9999;
	perspective: 1000px;
}
.fixed__btn > a {
	display: block;
	opacity: 0;
	visibility: hidden;
	transform: scale(.3);
	transform-origin: center center;
	transition: opacity .3s;
}
.fixed__btn.is-visible > a {
	visibility: visible;
	animation: fixedZoomIn .6s ease-out both;
}
.fixed__btn.is-visible > a.is-flip {
	animation: fixedFlip 1s ease-in-out both;
}
.fixed__btn.is-visible > a:hover {
	opacity: .7;
}
@keyframes fixedZoomIn {
	0% {
		opacity: 0;
		transform: scale(.3);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fixedFlip {
	0% {
		opacity: 1;
		transform: perspective(1000px) rotateY(0deg) scale(1);
	}
	50% {
		opacity: 1;
		transform: perspective(1000px) rotateY(180deg) scale(1.08);
	}
	85% {
		opacity: 1;
		transform: perspective(1000px) rotateY(340deg) scale(.98);
	}
	100% {
		opacity: 1;
		transform: perspective(1000px) rotateY(360deg) scale(1);
	}
}
@media only screen and (max-width: 768px) {
	.fixed__btn {
		left: -2%;
		width: 150px;
		bottom: 0;
		transition: bottom .5s cubic-bezier(.22,1,.36,1);
	}
	.fixed__btn.is-sheet-open {
		bottom: var(--sheet-height, 0px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.fixed__btn.is-visible > a {
		animation: none !important;
		opacity: 1;
		transform: none;
	}
}

.newpost-cont .list-data .zentai {
	background-color: #434343;
}