/*==================================================
 X   C _ [ ̂  ߂ css
===================================*/
.slider {
  position: relative;
  z-index: 1;
  height: calc(100% - 300px);  
}

@media (max-width: 1300px) {
.slider-item01 {
  background-image: url(../../img/top_img_osyabeya.jpg?20250801_01);
}
.slider-item02 {
  background-image: url(../../img/top_img_line.jpg);
}
.slider-item03 {
  background-image: url(../../img/top_img_instagram.jpg);
}
.slider-item04 {
  background-image: url(../../img/sapporo/rentalspace.jpg);
}
.slider-item05 {
  background-image: url(../../img/sapporo/monthly.jpg);
}
.slider-item {
    width: 100%; 
    max-height: 100%;
  background-repeat: no-repeat;
  background-position:center center; 
  background-size: cover;

}
  .slider-item01 .slider-wrap__item {
    background-image: url(../../img/top_img_osyabeya.jpg?20250801_01);
  }
  .slider-item02 .slider-wrap__item {
    background-image: url(../../img/top_img_line.jpg);  }
  .slider-item03 .slider-wrap__item {
    background-image: url(../../img/top_img_instagram.jpg);  }
  .slider-item04 .slider-wrap__item {
    background-image: url(../../img/sapporo/rentalspace.jpg);  }
  .slider-item05 .slider-wrap__item {
    background-image: url(../../img/sapporo/monthly.jpg);
  }
    .slider-wrap__item {
    width: 100%; 
    max-height: 100%;
    background-repeat: no-repeat; 
    background-position:top center;
    background-size: auto 100%; 
    backdrop-filter: blur(20px); 
  }
}
@media (min-width: 1301px) {
.slider-item01 {
  background-image: url(../../img/bg_top_01_20250731.jpg);
}
.slider-item02 {
  background-image: url(../../img/bg_top_03_20231212.jpg);
}
.slider-item03 {
  background-image: url(../../img/bg_top_02_20231212.jpg);
}
.slider-item04 {
  background-image: url(../../img/bg_top_04_20240106.jpg);
}
.slider-item05 {
  background-image: url(../../img/bg_top_05_20240106.jpg);
}
.slider-item {
    width: 100%; 
    max-height: 100%; 
  background-repeat: no-repeat;
  background-position:top center; 
  background-size: cover;
}
  .slider-item01 .slider-wrap__item {
    background-image: url(../../img/bg_top_01_20231212.jpg);
  }
  .slider-item02 .slider-wrap__item {
    background-image: url(../../img/bg_top_03_20231212.jpg);
  }
  .slider-item03 .slider-wrap__item {
    background-image: url(../../img/bg_top_02_20231212.jpg);
  }
  .slider-item04 .slider-wrap__item {
    background-image: url(../../img/bg_top_04_20240106.jpg);
  }
  .slider-item05 .slider-wrap__item {
    background-image: url(../../img/bg_top_05_20240106.jpg);
  }
    .slider-wrap__item {
    min-width: 100%; 
    max-height: 100%;
    background-repeat: no-repeat; 
    background-position:top center;
    background-size: auto 100%; 
    backdrop-filter: blur(0px); 
  }
}

.slick-prev, .slick-next {
  position: absolute;
  z-index: 3;
  top: 42%;
  cursor: pointer; 
  outline: none; 
  border-top: 2px solid #fff; 
  border-right: 2px solid #fff; 
  height: 25px;
  width: 25px;
}
.slick-prev { 
  left: 2.5%;
  transform: rotate(-135deg);
}
.slick-next {
  right: 2.5%;
  transform: rotate(45deg);
}

.slick-dots {
  position: relative;
  z-index: 3;
  text-align: center;
  margin: -50px 0 0 0;
}
.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}
.slick-dots button {
  color: transparent;
  outline: none;
  width: 1em; 
  height: 1em; 
  display: block;
  background: #fff; 
}
.slick-dots .slick-active button {
  background: #B28575; 
}
.imageonarea {
width:100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0px;
  border-radius: 25px;
}
.imageonarea img {
width:100%;
height:100%;
}
.imageontext_l {
  font-size: 4em;
  font-weight: 700;
  color: #222222;
}
.imageontext_m {
  font-size: 1.5em;
  margin-top: -25px;
  font-weight: 600;
  color: #222222;
}