@charset "utf-8";

/* ===================================================
------------------------------------------------------
	MainVisual　*slider
------------------------------------------------------
==================================================== */

.bx-wrapper {
    margin:0 auto;
    position:relative;
	height:400px;
}

.bx-wrapper .bx_pager {
    margin:0 auto;
    width:978px;
    background:#fff;
}

/* コントローラー */
.bx-wrapper .bx-prev {
    left:1010px;
    background:url(/assets/img/osaka/slider/slider_prev.png) no-repeat;
}

.bx-wrapper .bx-next {
    right:1010px;
    background:url(/assets/img/osaka/slider/slider_next.png) no-repeat;
}



.bx-wrapper .bx-controls-direction a {
    position:absolute;
    top:45%;
    outline:0;
    width:48px;
    height:48px;
    text-indent:-9999px;
    z-index:2;
}

.bx-wrapper .bx-controls-direction a:hover{
	opacity:0.6;
}



/* ページャー */
.bx_pager {
    padding:20px 0;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
	width:100%;
	background:#F7F8F2;
	border-bottom:1px solid #D8D8D8;
}
.bx_pager a{
	margin:5px;
}

.bx-wrapper .bx_pager .bx_pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx_pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx_pager.bx-default-pager a:hover,
.bx-wrapper .bx_pager.bx-default-pager a.active {
    background:#000;
	text-decoration:none;
	transition-duration:none;
	transition-timing-function:linear;
}

.bx-pager-item a{
	z-index:999;
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}

.bx-wrapper .bx-pager {
    margin:0 auto;
    width:1000px;
    /*background:#fff;*/
}
.bx-wrapper .bx-pager {
    padding-top:20px;
    text-align:center;
    font-size:.85em;
    font-family:Arial;
    font-weight:bold;
    color:#666;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display:inline-block;
    *zoom:1;
    *display:inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    display:block;
    width:10px;
    height:10px;
    margin:0 5px;
    outline:0;
    text-indent:-9999px;
    -moz-border-radius:50%;
    -webkit-border-radius:50%;
    border-radius:50%;;
    background:#666;
}




/* ===================================================
------------------------------------------------------
	幅1100の場合
------------------------------------------------------
==================================================== */

@media screen and (max-width: 1100px) {
	.bx_pager a{
		margin:0 2px 0 0;
	}
}




/* ===================================================
------------------------------------------------------
	sp版の場合
------------------------------------------------------
==================================================== */
@media screen and (max-width: 667px) {


	#sliderInner{
		width:100%;
		margin-left:-50%;
	}
	#sliderInner li{
		width:100%;
		max-width:480px;
		min-width:320px;
	}
	.bx-viewport{
		/*height:auto!important;*/
		height:200px;
	}

	/* コントローラー */
	.bx-wrapper .bx-controls-direction a{
		top:80%;
	}
	.bx-wrapper .bx-prev {
		left:5%;
		background-size:30px auto;
	}
	.bx-wrapper .bx-next {
		right:0%;
		background-size:30px auto;
	}
	.bx-has-pager{
		position:absolute;
		bottom:0px;
		left:0;
		right:0;
	}
	.bx-wrapper{
		height:auto;
		width:100%;
		/*max-width:480px!important;*/
		min-width:320px;

	}
	#slideFilterL, #slideFilterR{
		display:none;
	}
	.bx-wrapper .bx-pager{
		width:100%;
	}
	
	
}



@media screen and (max-width: 320px) {
	.bx-viewport{
		height:187px!important;
	}
}