@charset "utf-8";

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

/* List */
.list-item { display:block; padding:25px 20px; border-bottom:1px solid #ccc; position:relative; }
.list-item:nth-child(1) { border-top:2px solid #333; }
.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:20px; top:50%; transform:translateY(-50%); }
.list-item .content .subject { 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; }