@charset "utf-8";

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 10; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }

.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-details { padding:0 3%; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-row.clearfix { float:none !important; padding:0 !important; margin:0 !important; width:100% !important }




.list-item { position: relative; z-index: 1; font-size:16px; line-height:1.4; }
.imgframe .img-wrap .img-item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.imgframe .img-wrap .img-item a:after { 
content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0); transition:0.4s;
}
.list-item:hover .imgframe .img-wrap .img-item a:after { background: rgba(0,0,0,0.6); }


.list-item h2 { 
position: absolute; left: 0; bottom: 0; font-size:min(3.71vw,16px); line-height:1.4; display: inline-block; padding: 10px; transition:0.4s; color: #fff; opacity: 0;
z-index: 11;
}
.list-item h2 a { color: inherit; }
.list-item:hover h2 { opacity: 1; }


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