@charset "UTF-8";

.main-visual .visual-list {position: relative;}
.main-visual .visual-list li {height: 460px; position: relative; background-repeat: no-repeat; background-size: cover; text-align: left; width:100%;}

.main-visual .control {position: absolute; left: 0; bottom:30px; width:100%; padding-left:20px;}
.main-visual .control .control-inner{max-width:1500px; margin:0 auto;}
.main-visual .control .prev {display: inline-block; vertical-align: middle; height: 20px; width: 20px; background:url("../images/btn_prev_2.png") no-repeat center;text-indent:-9999px;}
.main-visual .control .next {display: inline-block;  vertical-align: middle;height: 20px; width: 20px; background:url("../images/btn_next_2.png") no-repeat right center; position:relative; text-indent:-9999px;padding-left:10px;}
.main-visual .control .next:after{content:''; width:1px; height:20px; background-color:rgba(255,255,255, .5); position:absolute; left:0; top:50%; margin-top:-10px; display:block;}
.main-visual .playstop button {height: 20px; width: 20px; text-indent:-9999px;}
.main-visual .control .playstop {display: inline-block; vertical-align: middle; margin-top: 5px;}
.main-visual .control .playstop button.play {background:url("../images/btn_play.png") no-repeat center;}
.main-visual .control .playstop button.stop {background:url("../images/btn_pause.png") no-repeat center;}
.main-visual .playstop button.on {display: inline-block;}

.main-visual .counter {display: inline-block; vertical-align: middle; height: 50px; width: 50px; text-align: center;}
.main-visual .counter span {font-size: 17px; line-height: 50px; color: #fff;}
.main-visual .counter span.current {}
.main-visual .counter span.slash{margin:0 5px;}

@media all and (max-width:767px){
	.main-visual .visual-list li{height:260px; background-size: 1200px; background-position: center top;}
}