@charset "UTF-8";

/*スライドバナー*/
#bnr_slider{
    margin: 0 auto;
	position:relative;
    width: 86%;
    height: auto;
	max-width: 1000px;
	max-height: 360px;
}
/*bnr画像*/
#bnr_slider ul{
    display: block;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
}
#bnr_slider ul li{
	list-style: none;
}
#bnr_slider ul a{
    display: block;
    float:left;
}
#bnr_slider a:hover{
    opacity:0.8; filter: alpha(opacity=80);
    -ms-filter:
        "alpha( opacity=80 )";
}
/*bnrボタン*/
#bnr_slider ol{
    display: flex; 
    justify-content: center;
    margin: 0 auto;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-padding-start: 0;
    padding: 36% 0;
}
#bnr_slider ol li{
	list-style: none;
    margin: 0 5px;
    text-align: center;
  z-index: 999;
}
#bnr_slider ol li a{
    display: block;
    background-color: #0039db;
    border: 3px solid #2fb6ff;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-indent: -9999px;
    
}
/*左右のボタン*/
#bnr_slider .flex-nav-prev{ 
	display: block; 
	position: absolute; 
	top: 45%; 
	left: -4%;
    z-index: 2000;
    background: url(../images/index/btn_left.png) top center no-repeat;
    background-size: 100%;
	height: 43px; 
	width: 40px;
    text-indent: -9999px;
}

#bnr_slider .flex-nav-prev:hover{ 
    background: url(../images/index/btn_left.png) bottom center no-repeat;
    background-size: 100%;
    height: 40px; 
    margin-top: 3px;
}

#bnr_slider .flex-nav-next{
	display: block;
	position: absolute;
	top: 45%;
	right: -4%;
    z-index: 2000;
    background: url(../images/index/btn_right.png) top center no-repeat;
    background-size: 100%;
	height: 43px;
	width: 40px;
    text-indent: -9999px;
}

#bnr_slider .flex-nav-next:hover{ 
    background: url(../images/index/btn_right.png) bottom center no-repeat;
    background-size: 100%;
    height: 40px; 
    margin-top: 3px;
}

#bnr_slider .flex-nav-prev a,
#bnr_slider .flex-nav-next a{
	display: block;
    text-align: center;
	height: 100%;
	width: 100%;
}
@media screen and ( min-width:641px ) and ( max-width:1100px ) {
    /*左右のボタン*/
    #bnr_slider .flex-nav-prev{ 
        top: 31%; 
        left: -6%;
    }
    #bnr_slider .flex-nav-next{
        top: 31%;
        right: -6%;
    }
}
@media screen and ( max-width:640px ) {
    /*左右のボタン*/
    #bnr_slider .flex-nav-prev{ 
        top: 18%; 
        left: -8%;
    }
    #bnr_slider .flex-nav-next{
        top: 18%;
        right: -8%;
    }
}