@charset "utf-8";

.main_latest {width:100%; background:#000; padding:10px 0;}
.main_latest_div {width:96%; max-width:1280px; margin:0 auto;}

.main_latest_div .li01 {width:100%; display:flex; justify-content:space-between; align-items:center;}
.main_latest_div .li01 h4.tit a { font-size:1rem; color:#fff; font-weight:700; width:160px; white-space:nowrap;}
.main_latest_div .li01 .li01_txt {width:calc(100% - 160px); height:35px; overflow:hidden;}
.main_latest_div .li01 .li01_txt ul li {width:100%; display:flex; justify-content:space-between; align-items:center; line-height:35px;}
.main_latest_div .li01 .li01_txt ul li a {font-size:1rem; color:#fff; font-weight:300; transition:all 0.2s; -webkit-transition:all 0.2s; -moz-transition:all 0.2s; -o-transition:all 0.2s;}
.main_latest_div .li01 .li01_txt ul li a:hover {color:#eee;}
.main_latest_div .li01 .li01_txt ul li span.datetime {font-size:0.88rem; color:#aaa;}

.main_latest .navi a {display:inline-block; width:40px; line-height:40px; font-size:20px; color:#999; text-align:center; border-radius:50%; border:1px solid #999; cursor:pointer; transition:all 0.25s; -webkit-transition:all 0.25s; -moz-transition:all 0.25s; -o-transition:all 0.25s;}
.main_latest .navi a:hover {color:#ccc; border-color:#ccc;}


@media (max-width:767px){
	.main_latest_div .li01 h4.tit a {width:fit-content; padding-right:20px;}
	.main_latest_div .li01 .li01_txt {width:100%;}
 }
@media (max-width:480px){
	.main_latest {padding:5px 0;}
	.main_latest_div .li01 h4.tit a {padding-right:10px;}
	.main_latest_div .li01 h4.tit a span {display:none;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:0.88rem;}
}