<div class="owl-carousel owl-theme">
<img src="https://placehold.jp/700x280.png" alt="ダミー画像">
<img src="https://placehold.jp/700x280.png" alt="ダミー画像">
<img src="https://placehold.jp/700x280.png" alt="ダミー画像">
<img src="https://placehold.jp/700x280.png" alt="ダミー画像">
</div>.owl-theme .owl-dots, .owl-theme .owl-nav {
text-align: left;
}
.owl-theme .owl-dots .owl-dot span {
width: 25px;
height: 2px;
margin: -12px 10px 0 0;
display: block;
border-radius: 0;
background-color: #aaaaaa;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
background: #9d1a2d;
}$(document).ready(function(){
$('.owl-carousel').owlCarousel(
{
loop: true,
nav: false,
dots: true,
items: 1,
autoplay: true
}
);
});