@charset "utf-8";
/*
 * slick01のCSSを記述
 */

/* レイアウト関するCSS */
.slick_list{
	padding: 0;/* 左右に矢印用の余白 */
	margin: 0;
	font-size: 0px;
	text-align: center;
}
.slick_list li{
	position: relative;
	display: inline-block;
	width: 92% !important;
	height: auto;
	text-align: center;
	vertical-align: top;
}
.slick_list li .box_inner{
	position: relative;
	height: 300px;/* 高さを固定 */
}
.slick_list li .box_inner figure{
	display: inline-block;
	background-color: #bbbbbb;
	width: 100%;
	height: 300px;/* 高さを固定 */
	text-align: center;
}
.slick_list li .box_inner figure img{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: auto;
	width: auto;
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}

.slick_list li .box_txt{
	overflow: hidden;
	position: relative;
	display: block;
	background-color: white;
	padding: 10px 10px 30px 10px;
	font-size: 16px;
	color: #333333;
	line-height: 1.6;
	text-align: left;
}

.slick_list li .box_txt .box_arrow{
	position: absolute;
	bottom: 0px;
	right: 0px;
	width: 162px;
	z-index: 3;
}
.slick_list li .box_txt .box_arrow .arrow{
	font-family: "Kalnia", serif;
	color: #757c55;
	text-align: center;
	line-height: 1;
}
.slick_list li .box_txt .box_arrow .arrow .img{
	position: absolute;
	bottom: 0px;
	right: 0px;
}
@media screen and (min-width: 768px) and (max-width: 1109px) {
	.slick_list li .box_inner{height: 150px;}
	.slick_list li .box_inner figure{height: 150px;}
}
@media print{
	.slick_list li .box_inner{height: 260px;}
	.slick_list li .box_inner figure{height: 260px;}
}
@media screen and (max-width: 767px) {
	.slick_list li .box_inner{height: 180px;}
	.slick_list li .box_inner figure{height: 180px;}
}


/* 前の画像・次の画像矢印に関するCSS */
.slick_container{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.slide-arrow{
	width: 68px; /* 画像幅 */
	height:	49px; /* 画像高さ */
	font-size: 0px;
}
.next-arrow{
	position: absolute;
	top: -60px;/* 都度調整 */
	right: 20%;
	z-index: 3;
}
.prev-arrow{
	position: absolute;
	top: -60px;/* 都度調整 */
	left:	64%;
	z-index: 3;
}
@media screen and (min-width: 768px) and (max-width: 1109px) {
	.slide-arrow{
		width: 54px; /* 68*80 */
		height:	39px; /* 49*80 */
		font-size: 0px;
	}
	.next-arrow{
		position: absolute;
		top: -50px;/* 都度調整 */
		right: 2%;
		z-index: 3;
	}
	.prev-arrow{
		position: absolute;
		top: -50px;/* 都度調整 */
		left: 78%;
		z-index: 3;
	}
}
@media print{
	.slide-arrow{
		width: 54px; /* 68*80 */
		height:	39px; /* 49*80 */
		font-size: 0px;
	}
	.next-arrow{
		position: absolute;
		top: -50px;/* 都度調整 */
		right: 2%;
		z-index: 3;
	}
	.prev-arrow{
		position: absolute;
		top: -50px;/* 都度調整 */
		left: 78%;
		z-index: 3;
	}
}
@media screen and (max-width: 767px) {
	.slide-arrow{
		width: 34px; /* 68*50 */
		height:	25px; /* 49*50 */
		font-size: 0px;
	}
	.next-arrow{
		position: absolute;
		top: -30px;/* 都度調整 */
		right: 2%;
		z-index: 3;
	}
	.prev-arrow{
		position: absolute;
		top: -30px;/* 都度調整 */
		left: 72%;
		z-index: 3;
	}
}