@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list
{
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('./fonts/slick.eot');
    src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */


.slick-prev, .slick-next{/*戻る矢印の位置と形状*/
  position: absolute;
  top: 50%;
  cursor: pointer;
  outline: none ;
    border: none;
  border-radius: 100px;
  width: 70px;
  height: 70px;
  margin-top: -25px;
  z-index: 9;
    font-size: 0;
    color: transparent;
    line-height: 0;
     box-shadow: 2px 2px 8px #B64306;
}
.slick-prev{
     left: 2%;
background-image: linear-gradient(-90deg, #e95404, #ff893d);
}
 .slick-next{/*次へ矢印の位置と形状*/
  right: 2%;
  background-image: linear-gradient(90deg, #e95404, #ff893d);
}


.slick-prev::after {
  position: absolute;/*絶対配置にする*/
  content: "";    
  border-top: 3px solid #fff;/*矢印の色*/
  border-right: 3px solid #fff;/*矢印の色*/
  height: 16px;
  width: 16px;
  transform: rotate(-135deg);
  top: 50%;
  margin-top: -10px;
  left: 30px;      
}
.slick-next::after {
  position: absolute;
  content: "";    
  border-top: 3px solid #fff;/*矢印の色*/
  border-right: 3px solid #fff;/*矢印の色*/
  height: 16px;
  width: 16px;
  transform: rotate(45deg);
  top: 50%;
  margin-top: -10px;
  right:30px;    
} 

.slick-prev:hover ,
.slick-next:hover {
  opacity: 0.7;
}

@media screen and (max-width: 767px) {
.slick-prev{
     left: 0%;
}
 .slick-next{/*次へ矢印の位置と形状*/
  right: 0%; 
}
}