スライダー　レスポ　ハイプラン

.viewer ul li{
    background-position: center center;
    background-repeat: no-repeat;
	/*これでスマホとかの場合、画像の横幅以上にいかない*/
    background-size: contain;
	
}

background-size:　cover　をやめた

http://www.htmq.com/css3/background-size.shtml

そんで1200以上はcover

/*コレを追加して、幅広の場合めいっぱい*/
	@media screen and (min-width: 1200px) {
	.viewer ul li{
    background-size: cover;
}
	}

/*こうすればここまできたら100%の高さで表示させれる
@media screen and (min-width: 2000px) {
	.viewer ul li{
    background-size: contain;
}
	}*/

そんで
枠用の空div用の背景透明画像

src="<?php echo get_stylesheet_directory_uri(); ?>/d_parts/slider/slider_c/sl_2.png"  

と実際の画像のサイズを合わせれば楽にできる