@charset "UTF-8";
/* CSS Document */
/*

============ お客様用css ============

スタイルを調整される際は以下に追記をお願いいたします。
また、スタイルがうまく反映されない場合は、

「margin-top: 10px!important;」

のように、値の後に「!important」を記述して下さい。

*/

/* ============================================
   物件スライダー：ナビボタン表示 & スタイル
   ============================================ */

/* ナビボタンを表示 */
/* ナビボタンを表示 */
.l-series__cta__nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 50%;
  left: -6rem;
  right: -6rem;
  transform: translateY(-50%);
  pointer-events: none;
  z-index: 10;
}

.l-series__cta__nav__btn {
  pointer-events: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
  border: none;
  box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.15);
  cursor: pointer;
  transition: background 0.2s, opacity 0.2s;
  position: relative;
}

.l-series__cta__nav__btn::after {
  content: "";
  display: block;
  width: 1rem;
  height: 1rem;
  border-top: 0.2rem solid #222;
  border-right: 0.2rem solid #222;
}

.l-series__cta__nav__btn.-prev::after {
  transform: rotate(-135deg) translate(-0.1rem, 0.1rem);
}

.l-series__cta__nav__btn.-next::after {
  transform: rotate(45deg) translate(-0.1rem, 0.1rem);
}

.l-series__cta__nav__btn:hover {
  background: #fff;
  box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.25);
}

/* swiper-paginationとの間隔調整 */
.l-series__cta__swiper-wrapper {
  margin-bottom: 3.2rem;
}

/* スライダー全体をrelativeにしてnavを重ねる */
.l-series__cta__slider__inner {
  position: relative;
}

/* スマホ：外側に出す余白がないので内側に戻す */
@media only screen and (max-width: 768px) {
  .l-series__cta__nav {
    left: 0.5rem;
    right: 0.5rem;
  }
  .l-series__cta__nav__btn {
    width: 3.6rem;
    height: 3.6rem;
  }
}