.m01_hdl2 {width:100%; position:relative;}
.m01_hdl2 .art_head_img {max-width:100%; max-height: 100%; overflow: hidden; margin-top:0px;}
.m01_hdl2 .text_box_category {font-size:1.2em; font-weight:bold; letter-spacing:-0.1em; text-align:left; margin-top:8px;}
.m01_hdl2 ul li h4.text_box_subject {font-weight:600;line-height:1.2em;letter-spacing:-0.1em;text-align:justify; font-size:1.6em;margin-top:5px;}
.m01_hdl2 ul li h4.text_box_subject a{text-decoration:none; color:#333;}
.m01_hdl2 ul li h4.text_box_subject a:hover{font-weight:bold; text-decoration:none;}
.m01_hdl2 ul li p.summary {margin-top:12px;font-size:1.1em; color:#313131; line-height:2em;letter-spacing:-0.05em; text-align:justify;}
.m01_hdl2 ul li p.summary a {text-decoration:none; color:#313131;}
.m01_hdl2 ul li article {width:300px; margin:0 auto;}
.m01_hdl2 ul li hr.title {margin-top:18px; width:45px;text-align:left;margin-left:0px;border:1px solid #ccc;}
.m01_hdl2 ul {list-style:none;}
.m01_hdl2 .main_art li {text-align:center;width:32.9%; min-width:300px; margin-top:3.15%;display:inline-block;vertical-align:top;}

/* m01_hdl1 end */

@media all and ( max-width: 926px ) {
.m01_hdl2 .main_art li {display:block;text-align:left;width:100%; padding-bottom:40px;margin-bottom:50px;margin-top:0px;border-bottom:1px solid #eee; }
.m01_hdl2 ul li article {width:80%;margin:0 auto;}
.m01_hdl2 .art_head_img {width:45%; height:auto; float:left;margin-right:15px;}
.m01_hdl2 .text_box_category {text-align:left; margin-top:10px;}
}

@media all and ( max-width: 640px ) {
.xe-widget-wrapper.relation {width:95% !important;margin-left:2% !important;}
}