@charset "utf-8";

div.thum_wrap {display: table; width: 100%;}
div.thum_wrap > ul {}
div.thum_wrap > ul > li {width:calc(50% - 5px);float:left;text-align:center;}
div.thum_wrap > ul > li:first-child {margin-right:5px}
div.thum_wrap > ul > li:last-child {margin-left:5px}
div.thum_wrap > ul > li .thum_img {cursor:pointer; width:100%;height:100px;}
div.thum_wrap > ul > li .thum_txt {cursor:pointer; text-align:center;color: #666;margin-top: 10px;font-size: 14px;}
div.thum_wrap > ul > li .thum_txt h3 {font-size: 18px;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}

@media screen and (max-width:990px){
    div.thum_wrap > ul > li .thum_txt {font-size: 13px;}
    div.thum_wrap > ul > li .thum_txt h3 {font-size: 17px;}

}
@media screen and (max-width:800px){
    div.thum_wrap > ul > li .thum_img {height:120px;}
    div.thum_wrap > ul > li .thum_txt h3 {font-size: 16px;}
}

@media screen and (max-width:600px){
    div.thum_wrap > ul > li .thum_img {height:100px;}
    div.thum_wrap > ul > li {width:100%;}
    div.thum_wrap > ul > li .thum_txt h3 {font-size: 14px;}
}

@media screen and (max-width:500px){
	div.thum_wrap > ul > li:last-child { margin-left: 0px;}
    div.thum_wrap > ul > li .thum_img {height:100px;}
    div.thum_wrap > ul > li {width:100%;}
    div.thum_wrap > ul > li:last-child {margin-top:20px;}
    div.thum_wrap > ul > li .thum_txt {margin-top: 0px;}
}
@media screen and (max-width:400px){
    div.thum_wrap > ul > li .thum_img {height:100px;}
}