/* CSS Document */


/* ======================
   トップページ・スライダー from here
   ====================== */
   
/*------ スライダーのドット位置 ------*/
   
.slick-dots{
	position: absolute; bottom: 1%; left: 0px; z-index:1;
}
  
/*------ スライダーのドット間隔 ------*/  
   
.slick-dots li{
	width:22px!important;
}   
   
/*------ スライダーのドット大きさ ------*/   
   
.slick-dots li button:before{
	font-size:15px!important;
}   
   
/*------ スライダーのドット色 ------*/   

.slick-dots li button:before{
  opacity: 1;
  color: #999999;

}
.slick-dots li.slick-active button:before{
  opacity: 1;
  color: #FFFFFF;
}

/*------ スライダーの矢印の位置 ------*/  

.slick-next {
   margin-right:-8%;
}
.slick-prev {
   margin-left:-8%;
}













   
/*------ スライダーの横幅 ------*/
.slider{
  width:72%;
  margin:0 auto;
}

/*------ スライダー画像 ------*/
.slider img{
	width:100%;
}

/*-------- 高さ調整 ----------*/
.slider .slick-slide{
	height:auto!important;
}


/*---------- 矢印 ----------*/
.slider .slick-next{
    right:0!important;
}
.slider .slick-prev{
    left:0!important;
}
.slider .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}
.slider .slick-arrow:before{
    font-size: 35px!important;
}


/*-------- ピンチ可能 ----------*/
.slick-slider {
        -ms-touch-action: auto;
        touch-action: auto;
}

/*------ スライダーの矢印 ------*/

.slide-arrow {
  background-color: #333;
  bottom: 0;
  height: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 0;
}
.prev-arrow {
  border-bottom: 10px solid #333;
  border-left: 0;
  border-right: 10px solid #fff;
  border-top: 10px solid #333;
  left: -25px;
}
.next-arrow {
  border-bottom: 10px solid #333;
  border-left: 10px solid #fff;
  border-right: 0;
  border-top: 10px solid #333;
  right: -25px;
}
button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
}

/* ======================
   トップページ・スライダー until here
   ====================== */
   
/* ======================
   トップページ・スライダー 追加 from here
   ====================== */


.slider {
    padding-top:0.6%; 
	padding-bottom:3%;
	height:auto;
}


/* ======================
   トップページ・スライダー 追加 until here
   ====================== */