@charset "euc-jp";
/* CSS Document */

div#slider{width:100%;overflow:hidden;height:450px;position:relative;}

ul.slideBody{position:absolute;transition:0.3s;}

ul.slideBody li{float:left;width:760px;height:450px;/*test*/background:#fff;}

ul.slideBody li a{display:block;width:100%;height:100%;padding: 0 5px;}
ul.slideBody li img{width:100%;}

button.slider-before, button.slider-next{position:absolute;z-index:10;border:none;cursor:pointer;background:rgba(102,102,102,0.4);color:#fff;border-radius:50px;width:60px;height:60px;transition:0.3s;}
button.slider-before:hover, button.slider-next:hover{background:#666;}
button.slider-before{left:15px;}
button.slider-next{right:15px;}

button.slider-before::before, button.slider-next::before{display:block;content:"";width:0;height:0;position:absolute;top:30%;text-align:center;width:10px;height:10px;border:solid 6px transparent;}

button.slider-before::before{border-left-color:#fff;border-top-color:#fff;transform:rotate(-45deg);left:40%;}
button.slider-next::before{border-right-color:#fff;border-top-color:#fff;transform:rotate(45deg);right:40%;}

ul.slideIndicator{position:absolute;bottom:0;z-index:25;display:flex;align-items:center;padding-bottom:15px;}
ul.slideIndicator li{background:rgba(102,102,102,0.4);width:20px;height:20px;margin-right:15px;border-radius:20px;transition:0.3s;}
ul.slideIndicator li:hover{background:rgba(102,102,102,1.0);}
ul.slideIndicator li:last-child{margin-right:0;}
ul.slideIndicator li.current{background:#f08300;width:25px;height:25px;}