/* Slider */
.slick-slider{ 
	position: relative;    display: block;    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{    position: relative;    display: block;    overflow: hidden;    margin: 0;    padding: 0;}
.slick-list:focus{    outline: none;}
.slick-list.dragging{    cursor: pointer;    cursor: hand;}

.slick-slider .slick-track,
.slick-slider .slick-list{    -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{    position: relative;    top: 0;    left: 0;    display: block;    margin-left: auto;    margin-right: auto;}

.slick-track:before,.slick-track:after{    display: table;    content: '';}
.slick-track:after{    clear: both;}
.slick-loading .slick-track{    visibility: hidden;}

.slick-slide{    display: none;    float: left;    height: 100%;    min-height: 1px;}

[dir='rtl'] .slick-slide{    float: right;}
.slick-slide img{  height: auto;  display: block;}
.slick-slide.slick-loading img{    display: none;}
.slick-slide.dragging img{    pointer-events: none;}
.slick-initialized .slick-slide{    display: block;}
.slick-loading .slick-slide{    visibility: hidden;}
.slick-vertical .slick-slide{    display: block;    height: auto;    border: 1px solid transparent;}
.slick-arrow.slick-hidden {    display: none;}
.slick-dotted.slick-slider {  margin-bottom: 30px; }
.slick-dots {  position: absolute;  bottom: -35px;  list-style: none;  display: block;  text-align: center;  padding: 0;  margin: 0;  width: 100%; }
.slick-dots li {  position: relative; display: inline-block;  height: 20px;   width: 20px;  margin: 0 5px;  padding: 0;  cursor: pointer; }
.slick-dots li button {  border: 0;  background:transparent;   display: block;   height: 20px;   width: 20px;   outline: none;  line-height: 0px;   font-size: 0px;   color: transparent;  padding: 5px;  cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus {  outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {  opacity: 1;	}
.slick-dots li button:before {  position: absolute;  top: 0;  left: 0;   content: "•";  width: 20px;  height: 20px;  font-family: "slick";  font-size: 30px !important;  line-height: 20px;  text-align: center;  color: #01b2c1;  opacity: 0.25;
  -webkit-font-smoothing:antialiased;
  -moz-osx-fontsmoothing:grayscale;
}
.slick-dots li.slick-active button:before {  color:#01b2c1 !important;   /*opacity: 0.75;*/}


/*送りボタン*/
.slick__prev {  position: absolute;  top: -80px;  z-index: 1;  width: 50px;  height: 50px;  border-radius: 50%;  border:none;  background: #e0ffcd;}
.slick__next {  position: absolute;  top: -80px;  z-index: 1;  width: 50px;  height: 50px;  border-radius: 50%;  border: none;  background: #e0ffcd;}

.slick__prev {  /* (インナー幅の右端) + (画像のマージン + ボタンの大きさ + ボタンとの間隔) */  right: calc((100vw - 100%) + (-300px + 50px + 15px));}
.slick__next {  /* (インナー幅の右端) + (画像のマージン) */  right: calc((100vw - 100%) + (-300px));}

.slick__prev:hover{cursor:pointer;background:#204b4b}
.slick__next:hover{cursor:pointer;background:#204b4b}

.slick__prev:before {position: absolute;top:50%;left:48%;  width: 6px;  height: 6px;  border-top: 3px solid #00b4c3;  border-right: 3px solid #00b4c3;  opacity: 1;  content: '';}
.slick__next:before {position: absolute;top:50%;left: 52%;  width: 6px;  height: 6px;  border-top: 3px solid #00b4c3;  border-right: 3px solid #00b4c3;  opacity: 1;  content: '';}

.slick__prev:before {  transform: translate(-25%, -50%) rotate(-135deg);}
.slick__next:before {  transform: translate(-75%, -50%) rotate(45deg);}