@charset "utf-8";

.latest_webzine_list { position:relative; overflow:hidden; background:#fff; }

.latest_webzine_list div,
.latest_webzine_list ul,
.latest_webzine_list li,
.latest_webzine_list a,
.latest_webzine_list p,
.latest_webzine_list span,
.latest_webzine_list input,
.latest_webzine_list select,
.latest_webzine_list textarea,
.latest_webzine_list table,
.latest_webzine_list td {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.latest_webzine_list ul,
.latest_webzine_list ol,
.latest_webzine_list li,
.latest_webzine_list dl,
.latest_webzine_list dd,
.latest_webzine_list table,
.latest_webzine_list th,
.latest_webzine_list td {
  padding:0px; margin:0px; list-style:none; border:0px;
}
.latest_webzine_list a {
  color:#000; text-decoration:none;
	-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;
}


.latest_webzine_list { position:relative; overflow:visible; }
.latest_webzine_list .document_list { position:relative; overflow:visible; }
.latest_webzine_list .document_list > ul { position:relative; overflow:hidden; }
.latest_webzine_list .document_list > ul > li { position:relative; overflow:hidden; border-top:1px solid #ebebeb; display:block; }
.latest_webzine_list .document_list > ul > li a { position:relative; padding:20px 10px; overflow:hidden; background:#fff; display:block; }
.latest_webzine_list .document_list > ul > li a:hover { background:#f5f5f7; }
.latest_webzine_list .document_list > ul > li a div {
  position:relative;overflow:hidden;
  white-space:nowrap; text-overflow:ellipsis;
}
.latest_webzine_list .document_list > ul > li a .thumb_area { position:absolute; top:20px; left:10px; width:106px; height:72px; border:1px solid #efefef; }
.latest_webzine_list .document_list > ul > li a .thumb_area img { width:104px; height:70px; float:left; }
.latest_webzine_list .document_list > ul > li a .content_area { height:72px; margin-left:130px; }
.latest_webzine_list .document_list > ul > li a .content_area > div { line-height:24px; }
.latest_webzine_list .document_list > ul > li a .content_area > div.title { line-height:28px; font-size:17px; color:#000; }
.latest_webzine_list .document_list > ul > li a .content_area > div.summary { color:#afafaf; font-size:15px; white-space: normal; line-height: 1.4; height: 2.8em; text-align: left; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area { color:#999; }
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area span { margin-right:5px; float:left; color:#999; display:inline-block; }
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area span.madi { position:relative; height:18px; overflow:hidden; }
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area span.comment_count { margin-right:0px;  float:right; }


/*tablet+mobile*/
@media (max-width:1200px){

}


/*tablet*/
@media (min-width:769px) and (max-width:1200px){

}


/*mobile*/
@media (max-width:768px){
.latest_webzine_list .document_list > ul > li a .content_area > div.title{font-size:15px;}
.latest_webzine_list .document_list > ul > li a .content_area > div.summary{font-size:14px;}
}