@import url('../../view3_news_00/css/sns_modal.css');


.media-contents{padding-top:70px;padding-bottom:150px}
.media_sel{width:235px;height:50px;margin:0 auto 80px;border:1px solid #c9c7c4}
.media_sel select{width:100%;height:100%;background:none;border:0;padding-left:20px;font-weight:500;font-size:16px;letter-spacing:-0.025em;color:#222;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: url('../img/select_arr.png') no-repeat 92% 50%;
}
.media_sel select::-ms-expand {
   display: none;
}
/* .media_sel option{display:block;background:#000;color:#fff;line-height:50px;height:50px} */
.media_list{width:1160px;margin:0 auto}
/* .media_list li{float:left;width:356px;height:480px;margin-right:46px;margin-bottom:46px} */
.media_list li{float:left;width:356px;height:375px;margin-right:46px;margin-bottom:46px}
.media_list li:nth-child(3n){margin-right:0}
.media_list a{display:block;height:100%;border:1px solid #c9c7c4;padding:30px;box-sizing:border-box}
/* .media_list .img_area{height:290px;margin-bottom:25px;background-size:cover;background-position: center;} */
.media_list .img_area{height:185px;margin-bottom:25px;background-size:cover;background-position: center;}
.media_list .type{font-weight:700;font-size:16px;letter-spacing:-0.025em;color:#666}
.media_list .date{font-size:14px;letter-spacing:-0.025em;color:#888}
.media_txt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:calc(1.5em * 2);margin-top:20px;font-size:20px;letter-spacing:-0.025em;line-height:150%;color:#666;text-overflow:ellipsis}
.media_list a:hover{background:#e00c43;border-color:#e00c43}
.media_list a:hover .type, .media_list a:hover .media_txt{color:#fff}
.media_list a:hover .date{color:#fff}