@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-bottom:1px solid #ddd; display:block; }
.latest_webzine_list .document_list > ul > li a { position:relative; padding:15px 10px; overflow:hidden; background:#fff; display:block; }
.latest_webzine_list .document_list > ul > li a:hover { background:#fcfdff; }
.latest_webzine_list .document_list > ul > li a div {
  position:relative;overflow:hidden;
  //white-space:nowrap; 
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;

}
.latest_webzine_list .document_list > ul > li a .content_area { height:auto; line-height:50px; }
.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:1.2rem; color:#555;font-weight:600; }
.latest_webzine_list .document_list > ul > li a .content_area > div.summary { color:#777;font-size:16.5px;font-weight:500;letter-spacing:-1px; }
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area { font-size:0.8rem; color:#999; }
.latest_webzine_list .document_list > ul > li a .content_area > div.category_area span.review_point { font-size:1.1rem; color:#86A5F6; }

.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 {display:none; margin-right:0px;  float:right; }

#news_atc_page {
display:inline_block;
text-align:center;
margin-top:25px;
font-size:1.3rem;

}

#news_atc_page .blind {
margin:15px;
border:2px solid #86a5f6;
padding:5px;
border-radius: 5px;
background: #86a5f6;
color: white;
}

.button_area{
display:inline-block;
width:520px;
height:200px;
position: relative; left:-100px;top:-200px;
background:red;
opacity:50%;
color:blue;
}

.content_area_view { 
//padding-left:20px; 
width:97%
}
.title_review { line-height:28px; font-size:1.6em; color:#555;font-weight:700; margin-bottom: 10px; margin-left:15px;}
.review_point { font-size:1.1rem; color:#86A5F6; }
.category_area_review { font-size:1rem; color:#999;margin-left:15px; }
.madi { position:relative; height:18px; overflow:hidden; margin:0 5px 0 5px; }
.summary_view {color:#333;font-size:16.5px;font-weight:500;padding:0 15px 15px 15px;white-space:pre-line; line-height:25px;}
.part_title{
padding: 15px 0 15px 0;
width:100%;
height:auto;
//background:red;
border-bottom:1px solid #86a5f6;

}.latest_webzine_list .document_list > ul > li a .content_area > div.summary