/**
* ボタンの位置
*/

.mz-block-slick-slider-btn .slick-slide {
	padding: 0;
}

.slick-center-mode .slick-slide {
	padding: 0 10px;
}

.slider-button-warpper{
  width: 100%;
  padding: 0 20px;
	margin-top: 2rem;
}


/**
* ボタンのスタイル
*/

.slider-button-warpper .mz-button .btn-block {
  padding: 0.5rem;
  font-weight: normal;
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
}

.slider-button-warpper .mz-block-button .btn-style-1 {
  color: #fff;
  background-color: #111;
}

.slider-button-warpper .mz-block-button .btn-style-2 {
  color: #111;
  background-color: #fff;
  border: 1px solid;
}

/**
* ドットのスタイル
*/

.mz-block-slick-slider-btn .slick-dots {
  position: absolute;
  bottom: -35px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

/**
* センタモードかつモバイルの場合、ボタンのサイズを縮小
*/
@media screen and (max-width: 767px) {
	.slick-center-mode .slider-button-warpper .mz-button .btn-block {
  	width: 90px;
	}
}



/**
* 矢印のスタイル
*/

.mz-block-slick-slider .mz-slick-arrow{
  width: 40px;
  height: 40px;
}
.mz-block-slick-slider .mz-slick-arrow {
	z-index:9;
	background: #ffffff;
	opacity: 0.8;
	border-radius: 30px;
}
.mz-block-slick-slider .mz-slick-arrow.slick-prev {
	left: 15px;
}
.mz-block-slick-slider .mz-slick-arrow.slick-next {
	right : 15px;
}
.mz-block-slick-slider .mz-slick-arrow.slick-prev > span{
	position: relative;
	right: -9px;
}
.mz-block-slick-slider .mz-slick-arrow.slick-next > span{
	position: relative;
	right: 9px;
}

/* edgeで矢印を非表示 */
.mz-block-slick-slider .mz-slick-arrow.slick-prev.slick-disabled, .mz-block-slick-slider .mz-slick-arrow.slick-next.slick-disabled {
	visibility: hidden;
}

@media screen and (max-width: 767px) {

	
}


/**
* ローディング画像
*/
.mz-block-loading {
	height: calc(((100vw / 3) / 1.641) + 54px);
  background: url("/sites/default/files/2024-03/mzn_loading.gif") no-repeat center;
}

/**
* 見切れ対応
*/
.slick-list {
	transition: padding 0.3s ease;
}
.slider-parting-right-5 .slick-list {
	padding: 0 5% 0 0 !important;	
}
.slider-parting-right-10 .slick-list {
	padding: 0 10% 0 0 !important;	
}
.slider-parting-right-15 .slick-list {
	padding: 0 15% 0 0 !important;	
}
.slider-parting-right-20 .slick-list {
	padding: 0 20% 0 0 !important;	
}
.slider-parting-right-25 .slick-list {
	padding: 0 25% 0 0 !important;	
}
.slider-parting-right-30 .slick-list {
	padding: 0 30% 0 0 !important;	
}
.slider-parting-right-35 .slick-list {
	padding: 0 35% 0 0 !important;	
}

.slider-parting-left-5 .slick-list, .slider-parting-right-5.reverse-parting_direction .slick-list{
	padding: 0 0 0 5% !important;	
}
.slider-parting-left-10 .slick-list, .slider-parting-right-10.reverse-parting_direction .slick-list {
	padding: 0 0 0 10% !important;	
}
.slider-parting-left-15 .slick-list, .slider-parting-right-15.reverse-parting_direction .slick-list {
	padding: 0 0 0 15% !important;	
}
.slider-parting-left-20 .slick-list, .slider-parting-right-20.reverse-parting_direction .slick-list {
	padding: 0 0 0 20% !important;	
}
.slider-parting-left-25 .slick-list, .slider-parting-right-25.reverse-parting_direction .slick-list {
	padding: 0 0 0 25% !important;	
}
.slider-parting-left-30 .slick-list, .slider-parting-right-30.reverse-parting_direction .slick-list {
	padding: 0 0 0 30% !important;	
}
.slider-parting-left-35 .slick-list, .slider-parting-right-35.reverse-parting_direction .slick-list {
	padding: 0 0 0 35% !important;	
}