@charset "UTF-8";

/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
        position: relative;
        width: 100%;
        height: auto;
        overflow: hidden;

}
        
        .slides {width:100%;padding:0;margin:0px auto;
                height: auto;
                
                /* Simple clear fix */
                overflow: hidden;
                
                /**        
                 * Prevent blinking issue
                 * Not tested. Experimental.
                 */
                -webkit-backface-visibility: hidden;
                -webkit-transform-style: preserve-3d;

                /**
                 * Here is CSS transitions 
                 * responsible for slider animation in modern broswers
                 */
                -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
                        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
        }
        
                .slide {width:100%;padding:0;margin:0px auto;
                        height: auto;
                        float: left;
                        clear: none;

                }


        .slider-arrows {}

                .slider-arrow {width:0px;height:0px;
                        position: absolute;
                        display: block;
                        margin-bottom: 0px;
                        padding: 0px;

                }


                        .slider-arrow--right { height:44px;width:24px; bottom: 50%; right: 1px;
												background-image:url(../auto_img/auto_slider_b2.png);
						}
                        .slider-arrow--left { height:44px;width:24px; bottom: 50%; left: 1px; 
												background-image:url(../auto_img/auto_slider_b1.png);
						}


        .slider-nav {
                position: absolute;
                bottom: 15px;
        }

                .slider-nav__item {
				
				border-radius: 50%;/*　丸角適用　*/
				
                        width: 12px;
                        height: 12px;
                        float: left;
                        clear: none;
                        display: block;
                        margin: 0 5px;

						border:1px solid #947768;
					
					filter:alpha(opacity=50);/*　透過処理　*/
    				-moz-opacity: 0.5;
    				opacity: 0.5;
                }

                                .slider-nav__item:hover { background: #714F41; }
                                .slider-nav__item--current { background: #947768; }
								
li{padding:0;margin:0 auto;
}