@charset "utf-8";

.list-webzine { margin-bottom:15px; }

.list-category { margin:40px 0; }

/* List */
.list-wrap .tile > .a { border: 1px solid #ddd; }
.list-wrap .content { position: relative; z-index: 2; background: white; margin-top: 0; padding: 20px; }
.list-wrap .content .head { height: 50px; overflow: hidden; font-size: 18px; }
.list-wrap .content .date { padding-top: 10px; margin-top: 15px; border-top: 1px solid #ddd; font-size: 14px; }

.list-wrap .hover-a-border2-ani1 .a .a2::before,
.list-wrap .hover-a-border2-ani1 .a .a3::before { height: 2px; background: #f17f42; }
.list-wrap .hover-a-border2-ani1 .a .a2::after,
.list-wrap .hover-a-border2-ani1 .a .a3::after { width: 2px; background: #f17f42; }


.list-item { display:block; margin-bottom: 20px; border:1px solid #ccc; position:relative; background-color: white; }
.list-item:hover { background-color:#f5f5f5; }

.list-item .image { width:350px; }
.list-item .image img { width:100%; }
.list-item .content { position:absolute; left:410px; right:40px; top:50%; transform:translateY(-50%); }
.list-item .content .head { font-size:1.4rem; font-weight:700; }
.list-item .content .content2 { color:gray; line-height:180%; }
.list-item .content .date {  }

@media (max-width: 991px) {
	.list-item .image { width:100%; }
	.list-item .content { position:static; padding:30px 10px 10px; transform:none; }
}

.list-item .list-details { margin-top:6px; padding:6px 0px; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.list-item .list-details .member, .list-item .list-details .guest { color:#787878 !important; }
.list-item .content {  }
.list-item .list-sp { margin:0 7px; color:#ddd; font-size:11px; }