@charset "utf-8";
h2{margin:30px auto;}
@media only screen and (min-width:600px) {
h2{margin-top:40px;}
}
@media only screen and (min-width:768px) {
h2{margin-top:120px;}
}
@media (orientation: landscape) and (min-width:960px){
h2{margin:120px 0 30px;}
}
#newsbox{padding:30px 20px; min-height:70vh; max-width:800px; margin:0 auto;}
#newsbox ul{text-align:left; max-width:750px; margin:0 auto;}
#newsbox ul li{margin-bottom:16px; padding-bottom:16px; font-size:1.5rem; font-weight:300; border-bottom:1px solid #999;}
#newsbox ul li span{display:block; font-family: 'Kanit', sans-serif; font-weight:300; font-size:1.5rem;}
#newsbox ul li a{color:#fff; text-decoration:underline;}

.newsarea{text-align:left;}
h3{margin-bottom:16px; text-align:left; font-size:17px; font-size:1.7rem;}
.date{color:#999; font-size:13px; font-size:1.3rem; text-align:left; font-family: 'Kanit', sans-serif; font-weight:300;}
.newsarea p{font-weight:300;}

#newsbox .slider{margin-top:30px;}
#newsbox ul.slider li{border:none;}
#newsbox .slider img {max-height: 300px;}
#newsbox .slider .slick-slide {margin: 0 10px;}
.slick-prev{left:0; z-index:99;}
.slick-next {right:0;}