@charset "utf-8";

/* Bukken 物件情報 */
#bukken { padding-block: clamp(6.25em,10vw,100px) clamp(3em,7vw,70px); }
.bukken-box { margin-bottom: 3em; }

.bukken-name { margin-bottom: .5em; font-size: 2em; font-weight: bold; }

.bukken-neighbor > li { display: inline-block; margin-right: .5em; padding: 0.2em 0.875em; font-size: 0.875em; border-radius: 4px; }
.bukken-neighbor > li span { padding-left: 25px; position: relative; }
.bukken-neighbor > li span::before {
  content: ""; position: absolute; top: 0; left: 0;
  width: 21px; height: 18px; background: no-repeat center /contain; }

.bukken-youtube { margin-top:3.3em; gap:1em; }
.bukken-youtube li { flex:1; max-width:600px; }
.bukken-youtube iframe { aspect-ratio: 16 / 9; }

/* slick */
.bukken-slide { margin-top: 3em; }
.bukken-slider,
.bukken-slider-thumb { width: 95%; max-width: 700px; margin: 0 auto; }
.slick-arrow { content: ""; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); text-indent: -9999px; background: none; }
.slick-prev::before,
.slick-next::before { content: ""; position: absolute; top: 0; width: 2em; height: 2em; border-radius: 3em; }
.slick-prev::after,
.slick-next::after { content: ""; position: absolute; display: inline-block; top: 10px; width: 10px; height: 10px; transform: rotate(45deg); }
.slick-prev::before { left: 0; right: auto; transform: rotate(180deg); }
.slick-next::before { right: 0; }
.slick-prev::after { left: 12px; }
.slick-next::after { right: 12px; }

.slick-prev { left: -4em; }
.slick-next { right: -4em; }


/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width:599px){
  .bukken-name { font-size: 1.5em; }
  .bukken-youtube li { flex: none; width:100%; }
  /* slick */
  .slick-next { right: -1em; }
  .slick-prev { left: -1em; }
}