.slider{position:relative;width:100%;height:calc(100vh)}.slider .panel{width:100%;height:100%}.slider>.panel li{position:absolute;width:100%;height:100vh;font-size:0;top:0;left:0;text-align:center;display:none}.slider>.panel li:nth-of-type(1){display:block;background:url(../img/reserve01.jpg) no-repeat;background-size:cover}.slider>.panel li:nth-of-type(2){background:url(../img/reserve02.jpg) no-repeat;background-size:cover}.slider>.panel li:nth-of-type(3){background:url(../img/reserve03.jpg) no-repeat;background-size:cover}.slider>.panel li:nth-of-type(4){background:url(../img/reserve04.jpg) no-repeat;background-size:cover}.slider>.panel li:nth-of-type(5){background:url(../img/reserve05.jpg) no-repeat;background-size:cover}.slider>.navi{position:absolute;bottom:25px;right:50px}.slider>.navi li{margin-right:7px;float:left}.slider>.navi li a{display:inline-block;width:10px;height:10px;border-radius:10px;border:1px solid #fff}.slider>.navi li a.on{width:50px;background:#fff}.slider>#rolling{position:absolute;display:block;bottom:29px;right:35px;width:12px;height:12px}.never,.slider>.stop{background:url(../img/btn_slider_pause.png) no-repeat}.slider>.play{background:url(../img/btn_slider_play.png) no-repeat}.slider>a.prev{position:absolute;left:25px;top:50%;margin-top:-22px;opacity:0;transition:all .5s}.slider>a.next{position:absolute;right:25px;top:50%;margin-top:-22px;opacity:0;transition:all .5s}.slider:hover .prev{left:35px;opacity:.8}.slider:hover .next{right:35px;opacity:.8}