/*==================================================
スライダー用CSS（Slick Slider）
==================================================*/

/* Slick slider フォント読み込み */
@font-face {
  font-family: "slick";
  font-style: normal;
  font-weight: 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");
}

/* スライダー全体 */
.slider, .slick-track {
  align-items: center;
  display: flex !important;
}

.slick-list {
  overflow: hidden;
}

.slider {
  margin: 0 auto;
  width: 100%;
}

/* スライダー内の画像 */
.slider img {
  height: auto;
  width: 240px;
}

/* スライドの拡大・透過効果 */
.slider .slick-slide {
  opacity: .5;
  transform: scale(.9);
  transition: all .5s;
}

.slider .slick-slide.slick-center {
  opacity: 1;
  transform: scale(1);
}

/* 矢印の色・フォント */
.slider .slick-next:before, .slider .slick-prev:before {
  color: #8e744a;
  font-family: "slick" !important;
  font-size: 1.5rem;
  opacity: 1;
}

/* リンクカラー */
.slider a {
  color: #8e744a;
}

/* slick のアイコンを強制表示（Unicode矢印） */
.slick-prev:before, .slick-next:before {
  content: "" !important;
}

.slick-prev:before {
  content: "\2190" !important;
  padding-right: 16px;
}

.slick-next:before {
  content: "\2192" !important;
  padding-left: 16px;
}