@charset "utf-8";
/* CSS Document */
.ab img{ display:block}

.slideBox_d { width:100%; position:absolute; top:27%; left:0}
.slideBox_d .hd { position:absolute; line-height:18px; top:-35%; width:100%; text-align:center;z-index:1; }
.slideBox_d .hd li { display:inline-block; width:18%;text-indent:-9999px; padding-top:15%; margin:0 1%; overflow:hidden;  background-size:100%; cursor:pointer; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius:50%; border:2px solid rgba(255,255,255,0); }
.slideBox_d .hd li:nth-child(1){background:url(../images/d1.png) center no-repeat;}
.slideBox_d .hd li:nth-child(2){background:url(../images/d2.png) center no-repeat;}
.slideBox_d .hd li:nth-child(3){background:url(../images/d3.png) center no-repeat;}
.slideBox_d .hd li:nth-child(4){background:url(../images/d4.png) center no-repeat;}
.slideBox_d .hd li.on { border:2px solid #302a50}
.slideBox_d .bd li { position:relative; text-align:center;}
.slideBox_d .bd li img { vertical-align:top; width:100%;}
.slideBox_d .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }


.slideBox_a { width:100%; position:absolute; overflow:hidden; top:0; left:0}
.slideBox_a .hd { position:absolute; line-height:18px; bottom:5%; width:100%; text-align:center;z-index:1; }
.slideBox_a .hd li { display:inline-block; width:10px; height:10px; line-height:100px; margin:0 2px; overflow:hidden; background:#d3d3d3; cursor:pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; }
.slideBox_a .hd li.on { background:#e5004f }
.slideBox_a .bd li { position:relative; text-align:center; }
.slideBox_a .bd li img {vertical-align:top; width:100%;}
.slideBox_a .bd li a { -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }


@media (min-width:320px) and (max-width:374px) {
.slideBox_d .hd li { padding-top:12%;}
}

@media (min-width:375px) and (max-width:413px) {
.slideBox_d .hd li { padding-top:13%;}
}

@media (min-width:414px) and (max-width:639px) {
.slideBox_d .hd li { padding-top:13.5%;}
}