<div class="slider" dir="rtl">
	<div><img src="img/photo01.jpg" alt="写真01" /></div>
	<div><img src="img/photo02.jpg" alt="写真02" /></div>
	<div><img src="img/photo03.jpg" alt="写真03" /></div>
	<div><img src="img/photo04.jpg" alt="写真04" /></div>
	<div><img src="img/photo05.jpg" alt="写真05" /></div>
	<div><img src="img/photo06.jpg" alt="写真06" /></div>
</div>

$(function(){
	$('.slider').slick({
		autoplay: true, // 自動でスクロール
		autoplaySpeed: 0, // 自動再生のスライド切り替えまでの時間を設定
		speed: 5000, // スライドが流れる速度を設定
		cssEase: "linear", // スライドの流れ方を等速に設定
		slidesToShow: 4, // 表示するスライドの数
		swipe: false, // 操作による切り替えはさせない
		arrows: false, // 矢印非表示
		pauseOnFocus: false, // スライダーをフォーカスした時にスライドを停止させるか
		pauseOnHover: false, // スライダーにマウスホバーした時にスライドを停止させるか
		rtl: true, // スライダーを左から右に流す（逆向き）
		// 以下、レスポンシブ対応するときの設定
		responsive: [{
			breakpoint: 750,
			settings: {
				slidesToShow: 3, // 画面幅750px以下でスライド3枚表示
			}
		}]
	});
});