@charset "utf-8";

/* List */
.list-item {
 --font-size-pc: 10;
 --font-size-mob: 10;
 font-size: min( calc( var(--font-size-mob) / 500 * 100vw ), calc(var(--font-size-pc) * 1px) );
border: 1px solid #eee; border-radius: 20px; overflow: hidden;}
.list-item h2 { display:block; font-size: max(16px, 2.3em); line-height:22px; padding:10px 0px; font-weight: bold; color: #333; border-bottom: 1px solid #eee; }
.list-item h2 a {height: fit-content; display: block; padding: 5px 0;}
.list-tag {font-size: 1.4em; color: var(--main-color);}

.list-item .list-img { position:relative; overflow:hidden; }
.list-item .list-img img { width:100%; height:auto; }
.list-item .list-date { position:absolute; bottom:10px; padding:0px 10px; font-size:12px; line-height:23px; }
.list-item .list-date.left { left:0px; }
.list-item .list-date.right { right:0px; }
.list-item .list-content { padding:10px 20px 0px; }
.list-item .list-details {height: 18px;}
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .list-cont { margin:0px; padding: 20px 0; line-height: 1.5; font-size: 1.6em;}
.list-item .list-cont a {display: -webkit-box; -webkit-box-orient: vertical;  -webkit-line-clamp: 4;  text-overflow: ellipsis;
height: 6em; overflow: hidden;}
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }
.list-item .list-read { margin-top:15px; padding-top:5px; border-top:1px dotted #ccc;}
.list-item .read-more i { margin-left:4px; }
.list-row.clearfix {padding:0 !important; margin:0 !important; width:100% !important }



/* Responsive */
@media all and (max-width:1230px) {
	.responsive .list-row { width:33.3333% !important }
}

@media all and (max-width:767px) {
	.responsive .list-row { width:50% !important }
}
@media all and (max-width:500px) {
	.responsive .list-row { width:100% !important }
}