@charset "utf-8";

.main_latest {width:100%; max-width:1200px; margin:0 auto;}
.main_latest_div {width:100%;}

.main_latest_div .li01 {width:100%; display:flex; justify-content:space-between; align-items:center;}
.main_latest_div .li01 h4.tit a {font-size:34px; color:#fff; font-weight:700;}
.main_latest_div .li01 .li01_txt {width:70%; 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:18px; color:#ccc; 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:17px; 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:969px){
	.main_latest_div .li01 {display:block; position:relative;}
    .main_latest_div .li01 h4.tit a {font-size:28px;}
	.main_latest_div .li01 .li01_txt {width:100%; margin-top:12px;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.main_latest_div .li01 .li01_txt ul li span.datetime {font-size:16px;}
	.main_latest .navi {position:absolute; right:0px; top:-6px;}
 }

@media (max-width:639px){
    .main_latest_div .li01 h4.tit a {font-size:24px;}
	.main_latest_div .li01 .li01_txt {margin-top:6px;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:16px;}
	.main_latest_div .li01 .li01_txt ul li span.datetime {display:none;}
	.main_latest .navi {top:6px;}
	.main_latest .navi a {width:20px; line-height:20px; border-radius:0; border:0;}
 }

@media (max-width:399px){
    .main_latest_div .li01 h4.tit a {font-size:23px;}
	.main_latest_div .li01 .li01_txt ul li a {font-size:15px;}
 }