@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);
  }
}

@media screen and (max-width: 1023px) {
  #node-571183 {
    padding-bottom: calc(0.128 * var(--sp-content-width));
    background-color: #F6F3FF;
  }
}

/* ----------------------------------------
	スライダーの設定
 ---------------------------------------- */
#node-571173,
#node-571179,
#node-571183,
#node-571187 {
  margin-inline: auto;
  width: 100%;
  /* 矢印 */
}
@media screen and (min-width: 1024px) {
  #node-571173,
  #node-571179,
  #node-571183,
  #node-571187 {
    max-width: 1920px;
  }
}
#node-571173 .slick-slider,
#node-571179 .slick-slider,
#node-571183 .slick-slider,
#node-571187 .slick-slider {
  margin: 0;
  width: 100%;
}
#node-571173 .editorial-grid-formatter,
#node-571179 .editorial-grid-formatter,
#node-571183 .editorial-grid-formatter,
#node-571187 .editorial-grid-formatter {
  margin-inline: auto;
  min-height: auto;
  padding: 0;
}
#node-571173 .editorial-grid-formatter__item > div,
#node-571179 .editorial-grid-formatter__item > div,
#node-571183 .editorial-grid-formatter__item > div,
#node-571187 .editorial-grid-formatter__item > div {
  margin-bottom: 0;
}
#node-571173 .slick-list,
#node-571179 .slick-list,
#node-571183 .slick-list,
#node-571187 .slick-list {
  margin: 0 auto;
}
#node-571173 .slick-track > .slick-slide,
#node-571179 .slick-track > .slick-slide,
#node-571183 .slick-track > .slick-slide,
#node-571187 .slick-track > .slick-slide {
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
}
#node-571173 .editorial-grid-formatter-carousel-arrow,
#node-571179 .editorial-grid-formatter-carousel-arrow,
#node-571183 .editorial-grid-formatter-carousel-arrow,
#node-571187 .editorial-grid-formatter-carousel-arrow {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  #node-571173 .editorial-grid-formatter-carousel-arrow,
  #node-571179 .editorial-grid-formatter-carousel-arrow,
  #node-571183 .editorial-grid-formatter-carousel-arrow,
  #node-571187 .editorial-grid-formatter-carousel-arrow {
    width: calc(0.0125 * var(--pc-content-width));
    height: calc(0.0125 * var(--pc-content-width));
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .editorial-grid-formatter-carousel-arrow,
  #node-571179 .editorial-grid-formatter-carousel-arrow,
  #node-571183 .editorial-grid-formatter-carousel-arrow,
  #node-571187 .editorial-grid-formatter-carousel-arrow {
    width: calc(0.0586666667 * var(--sp-content-width));
    height: calc(0.0586666667 * var(--sp-content-width));
  }
}
#node-571173 .editorial-grid-formatter-carousel-arrow svg,
#node-571179 .editorial-grid-formatter-carousel-arrow svg,
#node-571183 .editorial-grid-formatter-carousel-arrow svg,
#node-571187 .editorial-grid-formatter-carousel-arrow svg {
  width: 100%;
  height: 100%;
}
#node-571173 .editorial-grid-formatter-carousel-arrow.previous,
#node-571179 .editorial-grid-formatter-carousel-arrow.previous,
#node-571183 .editorial-grid-formatter-carousel-arrow.previous,
#node-571187 .editorial-grid-formatter-carousel-arrow.previous {
  left: 0;
}
#node-571173 .editorial-grid-formatter-carousel-arrow.next,
#node-571179 .editorial-grid-formatter-carousel-arrow.next,
#node-571183 .editorial-grid-formatter-carousel-arrow.next,
#node-571187 .editorial-grid-formatter-carousel-arrow.next {
  right: 0;
}
/* ----------------------------------------
	スライダーの詳細設定 / SP 中央寄せ 左右見切れあり
 ---------------------------------------- */
/* ----------------------------------------
	【CMS スライダー設定】
		Grid only options:
			Number of columns - mobile
				1
		Carousel only options:
			Display as carousel?
				チェック ON
			Carousel - slides to show - mobile
				2
			Hide arrows for carousel?
				チェック OFF
			Hide dots for carousel?
				チェック ON
			Has mobile carousel peeking?
				チェック OFF
---------------------------------------- */
@media screen and (max-width: 1023px) {
  #node-571173,
  #node-571183,
  #node-571187 {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .slick-list,
  #node-571183 .slick-list,
  #node-571187 .slick-list {
    /* 【275px × 2枚】 ＋ 【30pxの隙間 × 2つ分】 */
    width: calc(0.7333333333 * var(--sp-content-width) * 2 + 0.08 * var(--sp-content-width) * 2);
    /* 【画面端の空き50px】 - 【スライド内padding 15px】 = 35px */
    margin-left: calc(0.1333333333 * var(--sp-content-width) - 0.04 * var(--sp-content-width));
    margin-right: auto;
    transform: none;
    overflow: visible;
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .slick-slide,
  #node-571183 .slick-slide,
  #node-571187 .slick-slide {
    margin-right: calc(0.04 * var(--sp-content-width));
    margin-left: calc(0.04 * var(--sp-content-width));
    flex-shrink: 0;
    box-sizing: border-box;
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .editorial-grid-formatter__carousel-controls,
  #node-571183 .editorial-grid-formatter__carousel-controls,
  #node-571187 .editorial-grid-formatter__carousel-controls {
    top: calc(0.4746666667 * var(--sp-content-width));
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .editorial-grid-formatter-carousel-arrow.previous,
  #node-571183 .editorial-grid-formatter-carousel-arrow.previous,
  #node-571187 .editorial-grid-formatter-carousel-arrow.previous {
    left: calc(0.064 * var(--sp-content-width));
  }
}
@media screen and (max-width: 1023px) {
  #node-571173 .editorial-grid-formatter-carousel-arrow.next,
  #node-571183 .editorial-grid-formatter-carousel-arrow.next,
  #node-571187 .editorial-grid-formatter-carousel-arrow.next {
    right: calc(0.064 * var(--sp-content-width));
  }
}

@media screen and (max-width: 1023px) {
  #node-571179 .editorial-grid-formatter__carousel-controls {
    top: calc(0.544 * var(--sp-content-width));
  }
}

@media screen and (max-width: 1023px) {
  #node-571183 .editorial-grid-formatter__carousel-controls {
    top: calc(0.536 * var(--sp-content-width));
  }
}