@charset "UTF-8";
/* ----------------------------------------
	スライダー PC横並び設定
 ---------------------------------------- */
@media screen and (min-width: 1024px) {
  #node-567851 {
    width: 100%;
    max-width: 1920px;
    margin-inline: auto;
    padding-left: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567851 > .content .field-elc-nodeblock-content {
    display: flex;
    align-items: center;
  }
}
/* ----------------------------------------
	スライダーの基本設定
 ---------------------------------------- */
#node-567849 {
  width: 100%;
  /* 矢印 */
}
#node-567849 .slick-slider {
  width: 100%;
  margin: 0;
}
#node-567849 .editorial-grid-formatter {
  min-height: auto;
  margin: 0;
  padding: 0;
}
#node-567849 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
#node-567849 .slick-track {
  display: flex;
}
#node-567849 .slick-slide {
  padding: 0;
}
#node-567849 .editorial-grid-formatter-carousel-arrow {
  padding: 0;
  background-color: #fff;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow {
    width: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
    height: calc(clamp(0px, 2.6041666667vw, 50px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow {
    width: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    height: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow svg {
    width: calc(clamp(0px, 1.25vw, 24px) * 1);
    height: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow svg {
    width: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    height: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
#node-567849 .editorial-grid-formatter-carousel-arrow.previous {
  left: 0;
}
#node-567849 .editorial-grid-formatter-carousel-arrow.next {
  right: 0;
}
/* ----------------------------------------
	スライダーの詳細設定 / PC 左詰め 見切れあり / SP 中央寄せ 見切れなし
 ---------------------------------------- */
/* ----------------------------------------
	【CMS スライダー設定】
		Carousel only options:
			Display as carousel?
				チェック ON
			Carousel - slides to show - mobile
				(default) 1
			Carousel - slides to show - PC
				2
			Hide arrows for carousel?
				チェック OFF
			Hide dots for carousel?
				チェック ON
			Has mobile carousel peeking?
				チェック OFF
 ---------------------------------------- */
@media screen and (min-width: 1024px) {
  #node-567849 {
    width: calc(clamp(0px, 67.7083333333vw, 1300px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567849 {
    width: calc(clamp(0px, 89.3333333333vw, 89.3333333333vw) * 1);
    margin-inline: auto;
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .slick-list {
    /* 2つ目までの幅 */
    width: calc(clamp(0px, 25.9895833333vw, 499px) * 1 + clamp(0px, 0.15625vw, 3px) * 1 + clamp(0px, 25.9895833333vw, 499px) * 1);
    /* 3つ目を見切れさせるための設定 */
    overflow: visible;
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .slick-slide {
    width: calc(clamp(0px, 25.9895833333vw, 499px) * 1) !important;
    height: calc(clamp(0px, 32.5vw, 624px) * 1);
    margin-right: calc(clamp(0px, 0.15625vw, 3px) * 1) !important;
    flex-shrink: 0 !important;
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 14.9479166667vw, 287px) * 1);
  }
}
@media screen and (max-width: 1023px) {
  #node-567849 .editorial-grid-formatter__carousel-controls {
    top: calc(clamp(0px, 51.2vw, 51.2vw) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow.previous {
    left: calc(clamp(0px, 1.25vw, 24px) * 1);
  }
}
@media screen and (min-width: 1024px) {
  #node-567849 .editorial-grid-formatter-carousel-arrow.next {
    right: calc(clamp(0px, 3.75vw, 72px) * 1);
  }
}