.zs-enabled{
	position:relative
}
.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{
	position:absolute;
	z-index:1;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide{
	background:transparent none no-repeat 50% 50%;
	background-size:cover;
	position:absolute;
	visibility:hidden;
	opacity:0;-webkit-transform:scale(1.1, 1.1);-moz-transform:scale(1.1, 1.1);-ms-transform:scale(1.1, 1.1);-o-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)
}
.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{
	visibility:visible;
	opacity:1
}
.zs-enabled .zs-slideshow .zs-bullets {
    position: absolute;
    z-index: 4;
    top: 50%;         /* 上から50%の位置に */
    left: 20px;       /* 左端からの余白（お好みで調整） */
    width: auto;      /* 横幅を自動（中身に合わせる）に */
    text-align: left; /* 左揃え */
    -webkit-transform: translateY(-50%); /* 自身の高さの半分だけ上に戻して中央揃え */
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet {
    display: block;    /* 横並びから縦並びに変更 */
    cursor: pointer;
    border: 2px solid #ffda3f;
    width: 14px;
    height: 14px;
    border-radius: 50%; /* 正円にするなら50%がおすすめ */
    margin: 10px 0;    /* 上下の間隔をあけ、左右は0に */
    background-color: rgba(255,255,255,0.00);
}
.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{
	background-color:#ffda3f;
}
.zs-enabled .zs-slideshow:after{
	content:" ";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
	background:transparent none repeat 0 0
}