@charset "UTF-8";
:root, body {
  --pc-content-width: min(100vw, 1920px);
  --sp-content-width: 100vw;
}

@media screen and (min-width: 1280px) {
  .spp__container {
    --pc-content-width: min(calc(100vw - 144px), 1776px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1279px) {
  .spp__container {
    --pc-content-width: calc(100vw - 128px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .spp__container {
    --sp-content-width: calc(100vw - 88px);
  }
}
@media screen and (min-width: 540px) and (max-width: 767px) {
  .spp__container {
    --sp-content-width: calc(100vw - 72px);
  }
}
@media screen and (min-width: 480px) and (max-width: 539px) {
  .spp__container {
    --sp-content-width: calc(100vw - 56px);
  }
}
@media screen and (max-width: 479px) {
  .spp__container {
    --sp-content-width: calc(100vw - 40px);
  }
}

/* ----------------------------------------
	スライダー PC横並び設定
 ---------------------------------------- */
/* ----------------------------------------
	スライダーの基本設定
 ---------------------------------------- */
#node-569189,
#node-524049 {
  width: 100%;
  /* 矢印 */
  /* 見切れ無しスライダーの場合は下記設定を追加 */
  /* 見切れありスライダーの場合は下記設定を追加 */
  /* 矢印に白背景ありの場合は下記設定を追加 */
}
#node-569189 .slick-slider,
#node-524049 .slick-slider {
  width: 100%;
  margin: 0;
}
#node-569189 .editorial-grid-formatter,
#node-524049 .editorial-grid-formatter {
  min-height: auto;
  margin: 0;
  padding: 0;
}
#node-569189 .editorial-grid-formatter__item > div,
#node-524049 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
#node-569189 .slick-list,
#node-524049 .slick-list {
  padding: 0;
}
#node-569189 .slick-track,
#node-524049 .slick-track {
  display: flex;
  margin-inline: auto;
}
#node-569189 .slick-slide,
#node-524049 .slick-slide {
  padding: 0;
  display: flex;
}
@media screen and (max-width: 1023px) {
  #node-569189 .editorial-grid-formatter__carousel-controls,
  #node-524049 .editorial-grid-formatter__carousel-controls {
    top: calc(0.368 * var(--sp-content-width));
  }
}
#node-569189 .editorial-grid-formatter-carousel-arrow,
#node-524049 .editorial-grid-formatter-carousel-arrow {
  width: auto;
  height: auto;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  #node-569189 .editorial-grid-formatter-carousel-arrow svg,
  #node-524049 .editorial-grid-formatter-carousel-arrow svg {
    width: calc(0.0125 * var(--pc-content-width));
    height: calc(0.0125 * var(--pc-content-width));
  }
}
@media screen and (max-width: 1023px) {
  #node-569189 .editorial-grid-formatter-carousel-arrow svg,
  #node-524049 .editorial-grid-formatter-carousel-arrow svg {
    width: calc(0.0586666667 * var(--sp-content-width));
    height: calc(0.0586666667 * var(--sp-content-width));
  }
}
#node-569189 .editorial-grid-formatter-carousel-arrow.previous,
#node-524049 .editorial-grid-formatter-carousel-arrow.previous {
  left: 0;
}
@media screen and (max-width: 1023px) {
  #node-569189 .editorial-grid-formatter-carousel-arrow.previous,
  #node-524049 .editorial-grid-formatter-carousel-arrow.previous {
    margin-left: calc(0.0533333333 * var(--sp-content-width));
  }
}
#node-569189 .editorial-grid-formatter-carousel-arrow.next,
#node-524049 .editorial-grid-formatter-carousel-arrow.next {
  right: 0;
}
@media screen and (max-width: 1023px) {
  #node-569189 .editorial-grid-formatter-carousel-arrow.next,
  #node-524049 .editorial-grid-formatter-carousel-arrow.next {
    margin-right: calc(0.0533333333 * var(--sp-content-width));
  }
}
#node-569189 .slick-list,
#node-524049 .slick-list {
  margin-inline: auto;
}
#node-569189 .slick-slide,
#node-524049 .slick-slide {
  justify-content: center;
}

/* ----------------------------------------
	スライダーの詳細設定 / 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
 ---------------------------------------- */