@charset 'utf-8';

/* pager */

.slick-arrow {
	z-index: 2;
}

.slick-prev {
	left: 20px;
}
.slick-next {
	right: 20px;
}

.slick-arrow::before {
	color: #000;
}

/* slide */

.slick-slide {
	margin: 0 10px;
	text-align: center;
}

/* sample */

.slider.sample01 .slide,
.slider.sample02 .slide {
	width: 80vw;
	max-width: 300px;
	margin: 0 10px;
	padding: 20px;
	box-sizing: border-box;
	background: #fff;
	border: 2px solid #ddd;
}

.slider.sample02 .slick-track {
	display: flex;
}

.slider.sample02 .slick-slide {
	height: auto!important;
}

.slider.sample02._align .slick-slide {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.slider.sample03 .slick-track {
	display: flex; /* 高さを揃える記述 */
}

.slider.sample03 .slick-slide {
	height: auto!important; /* 高さを揃える記述 */
	display: flex; /* Flexbox */
	flex-direction: column; /* 子要素を縦並びに */
	/* 以下お好みで */
	width: 80vw;
	max-width: 300px;
	margin: 0 10px;
	box-sizing: border-box;
	border: 2px solid #ddd;
}

.slider.sample03 .slick-slide .intxt_area {
	flex-grow: 1; /* .txt_areaを下まで伸ばす */
	padding: 10px;
	background: #fff;
}