.slick-loading .slick-list{background:#fff url("./ajax-loader.gif") center center no-repeat}@font-face{font-family:"slick";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");font-weight:normal;font-style:normal}.slick-prev,.slick-next{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus{outline:none;background:transparent;color:transparent}.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before{opacity:1}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir="rtl"] .slick-prev{left:auto;right:-25px}.slick-prev:before{content:"←"}[dir="rtl"] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir="rtl"] .slick-next{left:-25px;right:auto}.slick-next:before{content:"→"}[dir="rtl"] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;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:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{color:#000;opacity:.75}

/* --------------------------------------------------------------
  custom
-------------------------------------------------------------- */
/* --------------------------------------
  初期化・共通
-------------------------------------- */
/* buttonスタイル */
.slick button {
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* --------------------------------------
  矢印関連
-------------------------------------- */
.slick .slick-arrow {
  z-index: 1;
  /* top: calc(50% - 15px); */
  top: 50%;
  width: 30px; height: 30px;
  margin:auto;
  background-color: rgba(0,0,0,0.5) !important;
  display: flex !important;
  justify-content: center; align-items: center;
  transition: all 0.3s;
}
.slick .slick-prev:before,
.slick .slick-next:before {
	content: "▲"; display: block;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}
.slick .slick-prev:before { transform: rotate(-90deg); }
.slick .slick-next:before { transform: rotate(90deg); }

.slick .slick-prev { left: 10px; right: auto; }
.slick .slick-next { left: auto; right: 10px; }
.slick .slick-prev:hover { left: 5px; }
.slick .slick-next:hover { right: 5px; }

/* --------------------------------------
  ドット関連
-------------------------------------- */
/* 色 */
.slick-dots li button:before { color: rgba(0,0,0,0.3); opacity: 1; }
.slick-dots li.slick-active button:before  { color: #000; }
/* ポジション */
.slick-dots { bottom: 5px; }
.slick-dots li { margin: 0; }
/* 勝手に下に余白がつくようになってるので消す */
.slick-dotted.slick-slider { margin-bottom: 0; }

/* --------------------------------------
  multiple_複数枚が見えてるスライダー
-------------------------------------- */
/* 余白 */
.slick.multiple .slick-slide { margin: 0 5px; }

/* --------------------------------------
  slidethumb_サムネイル付きスライダー
-------------------------------------- */
/* ドットをスライダーの上にのせない＋activeなサムネにボーダーを付ける */
.slick.slidethumb .slick-dots { position: static; margin-top: 5px; }
.slick.slidethumb .slick-dots li {
  border: 3px solid transparent;
  border-style: inset;
  width: 15%; height: auto; overflow: hidden;
  margin: 0 2px !important;
}
.slick.slidethumb .slick-dots img { display: block; }
.slick.slidethumb .slick-dots .slick-active { border: 3px solid #F00; }