/*# sourceURL=shared/css/slick.min.css */
/*@ sourceURL=shared/css/slick.min.css */
/*
     _ _      _       _
 ___| (_) ___| | __  (_)___
/ __| | |/ __| |/ /  | / __|
\__ \ | | (__|   < _ | \__ \
|___/_|_|\___|_|\_(_)/ |___/
                   |__/

 Version: 1.9.0
  Author: Ken Wheeler
 Website: http://kenwheeler.github.io
    Docs: http://kenwheeler.github.io/slick
    Repo: http://github.com/kenwheeler/slick
  Issues: http://github.com/kenwheeler/slick/issues

 */
.slick-list, .slick-slider, .slick-track {
  position: relative;
  display: block
}
.slick-loading .slick-slide, .slick-loading .slick-track {
  visibility: hidden
}
.slick-track:before,.slick-track:after {
  display: none !important;
}
.slick-slider {
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0
}
.slick-list:focus {
  outline: 0
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0)
}
.slick-track {
  top: 0;
  left: 0;
  margin-left: auto;
  margin-right: auto
}
.slick-track:after, .slick-track:before {
  display: table;
  content: ''
}
.slick-track:after {
  clear: both
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px
}
[dir=rtl] .slick-slide {
  float: right
}
.slick-slide img {}
.slick-slide.slick-loading img {
  display: none
}
.slick-slide.dragging img {
  pointer-events: none
}
.slick-initialized .slick-slide {
  display: block
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent
}
.slick-arrow.slick-hidden {
  display: none
}
.slick-arrow {
    width: 4vw;
    height: 7vw;
    border: none;
    text-transform: lowercase;
    font-size: 0;
    text-indent: -9999px;
    background: url("../img/yakisyabu/prev.png") no-repeat 0 0/100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5vw;
    cursor: pointer;
    z-index: 99;
    font-size: 0;
}
.slick-next {
    background: url("../img/yakisyabu/next.png") no-repeat 0 0/100%;
   
    left: auto !important;
    right: 5vw;;
}
.slick-dots {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
gap:15px;


  z-index: 1;
  

}
.slick-dots li {
  display: block;
  line-height: 1;
  font-size: 0;
background-color: rgba(255,255,255,0.3);
  border-radius: 50%;
display: block;
  width:13px;
  height: 13px;
position: relative;


  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  cursor: pointer;
 position: relative;
 
}



.slick-dots button {
      font-size: 0;
width: 100%;
  height: 100%;
  border-radius: 50%;;

    -webkit-appearance: none;

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

 
}
.slick-dots .slick-active {

}
.slick-dots .slick-active  {
background-color: #fff;

}
.slick-arrow:hover {
    opacity: 0.8;
}
@media screen and (min-width: 1000px) {
  .slick-dots li {
    width: 16px;
    height: 16px;
  }
  .slick-arrow
    {
       width: 21px;
    height: 39px;
  
    left: -44px;
  }
  .slick-next {
    
     right: -44px
  }
 
  
}