@charset "UTF-8";
#top-news {background-color: #918E85;width: 100%;height: 150px;}
.slider .slick-img {overflow: hidden;border-radius: 2rem;background: #918E85;margin-top: 80px;}
.slider .slick-img a { overflow: hidden; border-radius: 2rem; }
.slider .slick-img a div { overflow: hidden; }
.slider .slick-img.slick-center {margin-top: 0;padding-bottom: 30px;}

/* サイドは常に1倍＆暗め */
.slider .slick-img img {scale: 1;filter: brightness(50%);border-radius: 2rem;margin-top: 0;}

/* 中央は最初だけ1.1倍スタートにしてから1倍へ収束 */
.slider .slick-img.slick-center img {
  scale: 1.1;            /* ★初期を1.1倍に固定（チラつき防止） */
  filter: brightness(1);
}

/* 中央だけアニメをかける（サイドは対象外） */
.slider .slick-img.slick-center img.add-animation {
  animation: slickLikeFade 1s ease forwards;
}

@keyframes slickLikeFade {
  0%   { scale: 1.1; opacity: 0.5; }
  100% { scale: 1;   opacity: 1;   }
}

/* 矢印 */
.slider .prev-arrow,
.slider .next-arrow {
  position: absolute;
  top: 40%;
  z-index: 8;
  width: 24px;
  height: auto;
}
/* slickの設定と数値を完全に同期 */
@media (min-width: 1301px) {
  .slider .prev-arrow { left: calc(calc(calc(100vw - 1200px) / 2) - 7rem); }
  .slider .next-arrow { right: calc(calc(calc(100vw - 1200px) / 2) - 7rem); }
}
@media (max-width: 1300px) {
  .slider .prev-arrow { left: 1rem; }
  .slider .next-arrow { right: 1rem; }
}