@charset "utf-8";
.list-wrap .list-item {
	position: relative;
}

/* List */
.list-item .tack-check { right: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check-left { left: 10px; bottom: 10px; z-index: 1; position: absolute;	font-weight:normal; }
.list-item .tack-check input[type=checkbox] {
	
}
.list-item h2 {

}
.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 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
	opacity: 0;
	/* display: flex;
	justify-content: center;
	align-items: center; */
	transform: scale(.7);
}

.list-item:hover .list-details {
	transform: scale(1);
	opacity: .95;
	transition: all 250ms linear;
	-o-transition: all 250ms linear;
	-ms-transition: all 250ms linear;
	-moz-transition: all 250ms linear;
	-webkit-transition: all 250ms linear;
}
.list-item .list-details h2 {
	position: absolute;
	top: 15%; left: 49%;
	transform: translateX(-50%);
	opacity: 0;
	display: block;
	font-size: 18px;
	line-height: 22px;
	margin: 10px 5px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.list-item .list-details>div>a {
	position: absolute;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 15%;
  border-radius: 50px;
	color: #fff;
	background-color: #aaa;
  border: 1px solid #aaa;
	font-size: 1.8rem;
	font-weight: 100;
}
.list-item .list-details .view {
	left: 15%;
	background-color: rgba(199, 0, 52, 0.8);
	border-color: #c70034;
}
.list-item .list-details .detail {
	right: 15%;
  background-color: rgba(0, 172, 230, .8);
  border-color: #00ace6;
}
.list-item:hover .list-details h2 {
	opacity: 1;
	top: 35%;
	transition: all 270ms ease-out;
	-o-transition: all 270ms ease-out;
	-ms-transition: all 270ms ease-out;
	-moz-transition: all 270ms ease-out;
	-webkit-transition: all 270ms ease-out;
	animation-timing-function: ease;
}
.list-item:hover .list-details>div>a {
	bottom: 32%;
	transition: all 270ms ease-out;
	-o-transition: all 270ms ease-out;
	-ms-transition: all 270ms ease-out;
	-moz-transition: all 270ms ease-out;
	-webkit-transition: all 270ms ease-out;
}
.list-item:hover .list-details .view {
	left: 32%;
}
.list-item:hover .list-details .detail {
	right: 32%;
}
.list-item:hover .list-details .view:hover {
	background-color: rgba(199, 0, 52, 1);
	box-shadow: 0 1px 3px 1px rgba(143, 0, 42, .3)
}
.list-item:hover .list-details .detail:hover {
	background-color: rgba(0, 172, 230, 1);
	box-shadow: 0 1px 3px 1px rgba(0, 139, 169, .3)
}
.list-item:hover .img-item {
	transform: scale(1.1);
}
.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 .imgframe {
	border-radius: 3px;
}

/* 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 }
}