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


#lpwrap .navi-wrap .btn01, #lpwrap .navi-wrap .btn02 {
    width: 34%;
    top: 15%;
}
#lpwrap .navi-wrap .btn01{
	left: 17%;
}
#lpwrap .navi-wrap .btn02{
	left: 50%;
}

/*スライドの背景*/
#custom .swiper1 {
    background: url(../images/260805_DreamFair_LP_2625nb_hp_04.jpg) no-repeat 0 0 / 100% auto;
    padding: 23% 0 25%;
}



.swiper-slide .slide-image{
	padding-top: 4%;
}


.shopnavi{
	position: relative;
}
.shopnaviBtn{
	position: absolute;
	width: 70%;
	left: 15%;
	top: 20%;
}

.cpbtn{
	position: absolute;
	width: 30%;
}


/* フローティングボタンの基本設定 */
.cpbtn {
    position: fixed;
    bottom: 20px; /* 必要に応じて調整 */
    right: 20px;  /* 必要に応じて調整 */
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 999;
}

/* 非表示用クラス */
.cpbtn.is-hidden {
    opacity: 0;
    visibility: hidden;
    pointer-events: none; /* クリックも無効化 */
}

.floating-btn {
    position: fixed;
    bottom: 7rem;
    left: 5rem;
    width: 10rem;
    z-index: 9999;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    opacity: 1;
    visibility: visible;
}
@media screen and (max-width: 767px) {
    .floating-btn {
        bottom: 6rem;
        width: 8rem;
		left: 1.5rem;
    }
}

/* N-BOX専用追従ボタン
------------------------------------------------------*/
#lpwrap .nbox-floating-btn {
  position: fixed;
  right: calc((100vw - 600px) / 2 + 15px);
  bottom: 5%;
  width: 128px;
  z-index: 10000;
}

#lpwrap .nbox-floating-btn img {
  display: block;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  #lpwrap .nbox-floating-btn {
    right: 10px;
    bottom: 16%;
    width: 128px;
  }
}
/* 1199px以下 */
@media screen and (max-width: 1199px) {
  #lpwrap .nbox-floating-btn {
    bottom: 18%;
    width: 128px;
	}
}

/* フッター付近で追従ボタンを非表示 */
#lpwrap .nbox-floating-btn {
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

#lpwrap .nbox-floating-btn.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}