@charset "UTF-8";

.backpop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
	width: 100%;
	height: 100vh;
	padding: 3.5rem 0 54px;
	display: flex;
	justify-content: center;
	align-items: center;
	visibility: hidden;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.3s ease-out;
}

.backpop.backpop__show {
	visibility: visible;
	opacity: 1;
}

.backpop__contents {
	width: 100%;
	max-width: 40em;
	padding: 1rem;
	background-color: #fff;
}

.backpop__close {
	margin-bottom: 1rem;
	text-align: right;
}

.backpop__recommend .c-card__link {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}