@charset "utf-8";

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

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

/* List */
.list-item { display:block; border-bottom: 1px solid #ddd; padding: 20px; position:relative; background-color: white; }
.list-item:first-child { border-top: 1px solid #666; }
.list-item:hover {  }

.list-item .image { width: 170px; }
.list-item .image img { width: 100%; }
.list-item .content { position:absolute; left:230px; right:40px; top:50%; transform:translateY(-50%); }
.list-item .content .info { font-size: 15px; }
.list-item .content .subject { font-size:1.4rem; font-weight:700; margin: 5px 0; }
.list-item .content .content2 { color:gray; line-height:150%; height: 50px; overflow: hidden; }

@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; }