document.addEventListener("DOMContentLoaded", function (e) {
	$('ul.main_slider').slick({
		fade: true,
		autoplay: true,
		arrows: true,
		dots: false,
		prevArrow: '<img src="https://ac-baas.jp/rakuten/podselect/images/home/ic_back.png" class="slide-arrow prev-arrow over">',
    	nextArrow: '<img src="https://ac-baas.jp/rakuten/podselect/images/home/ic_next.png" class="slide-arrow next-arrow over">'
	});
	$('ul.bn_slider').slick({
		fade: true,
		autoplay: true,
		arrows: true,
		dots: false,
		prevArrow: '<p class="back"></p>',
    	nextArrow: '<p class="next"></p>'
	});
});