@charset "utf-8";

.WolfHaruSlider { position:relative; }
.WolfHaruSliderImgWrap { position:relative; margin:0; }
.WolfHaruSliderImgBox { position:relative; }
.WolfHaruSliderImgContent { position:relative;}
.WolfHaruSliderImgList { }
.WolfHaruSliderImgList li { }
.WolfHaruSliderImgList li img { width:100%; vertical-align:top; }

.WolfHaruSliderImgContentMove { position:relative; width:100%; height:auto; overflow:hidden; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList { position:relative; left:0%; top:0px; z-index:2; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li { position:absolute; width:100%; left:0; top:0; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li a { display:block; }

.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_0 { left:0%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_1 { left:100%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_2 { left:200%; }
.WolfHaruSliderImgContentMove .WolfHaruSliderImgList li.WolfHaruSliderImgItem_3 { left:300%; }
img.WolfHaruSliderImgDefault { position:relative; width:100%; z-index:1; }

.WolfHaruSliderBtn { position:absolute; bottom:50%; margin-top:0; width:50px; height:50px; text-indent:-1000px; font-size:0; cursor:pointer; background:url(img/btn_wolfharuslide.png) no-repeat left top; z-index:3; }
.WolfHaruSliderBtnPrev { left:0px; }
.WolfHaruSliderBtnNext { right:0px; background-position:right top; }


.WolfHaruSliderSwipe { position:absolute; width:100%; left:0; text-align:center; margin-top:-23px; z-index:9; }
.WolfHaruSliderSwipe span {
	width:17px; height:17px; margin:0 2px; display:inline-block; cursor:pointer;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;
	background: #B2B2B2;

}
.WolfHaruSliderSwipe span em {
	width:17px; height:17px; text-indent:-3000px; top:0; /* font-size:0;*/display:inline-block;
	-webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px;
}
.WolfHaruSliderSwipe span.on em { background-color:#FF3FB9; }

* html .WolfHaruSliderSwipe span, * html .WolfHaruSliderSwipe span em,
*:first-child+html .WolfHaruSliderSwipe span, *:first-child+html .WolfHaruSliderSwipe span em
{ text-indent:0; display:inline; }


@media all and (max-width:700px){
	.wrap { width:auto; margin:0; }
}

@media all and (max-width:320px){
	.wrap { width:auto; margin:0; }
	.WolfHaruSlider { margin-bottom:0; }
	.WolfHaruSliderImgWrap { margin-left:0; margin-right:0; }
	.WolfHaruSliderBtn { bottom:0; margin-top:0; }
	.WolfHaruSliderBtnPrev { left:0; }
	.WolfHaruSliderBtnNext { right:0; }
	.WolfHaruSliderSwipe { bottom:8px; }
}