@charset "UTF-8";

.n__ul {
	height: auto;
	gap: 10px;
}
.n__li {
	position: relative;
	padding: 20px;
	width: 100%;
	height: 150px;
	font-size: 15px;
}
.n_pho {
	position: absolute;
	top: 60px;
	width: 65px;
	height: calc(100% - 80px);
}
.cap,.n_p,.n_day {
	position: absolute;
	left: 100px;
	width: calc(100% - 120px);
}
.cap {
	position: absolute;
	left: 20px;
	top: 18px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	width: calc(100% - 40px);
	padding: 3px 20px;
	margin-bottom: 5px;
	line-height: 20px;
	text-align: center;
}
.n_day { 
	bottom: 10px;
	font-size: 11px;
	text-align: right;
}
.n_p {
	top: 58px;
	font-size: 13px;
}
.png {
	position: absolute;
	top: 63%;
	left: 20px;
	transform: translateY(-50%);
	width: 65px;
	height: 65px;
}
.maru {
	z-index: 10;
}
/*――――――――
tb（768px～999px）
―――――――――*/
@media (min-width: 768px) {
.n__li {
	display: inline-block;
	width: calc((100% - 10px) / 2);
	font-size: 14px;
}
.n_pho {
	width: 55px;
}
.n_p,.n_day {
	left: 90px;
	width: calc(100% - 115px);
}
}
/*――――――――
pc（1000px～）
―――――――――*/
@media (min-width: 1000px) {
.n__li {
	height: 160px;
	font-size: 15px;
}
.n_pho {
	top: 63px;
	width: 80px;
}
.n_p,.n_day {
	left: 118px;
	width: calc(100% - 140px);
}
.cap {
	line-height: 25px;
	top: 16px;
}
.n_p {
	font-size: 15px;
	top: 65px;
}
.png {
	top: 63%;
	left: 25px;
	width: 70px;
	height: 70px;
}
}

/*――――――――
se
―――――――――*/
@media (max-width: 320px) {
}