/*********************************************************************************************************************************

		「slick-theme」デフォルト設定

*********************************************************************************************************************************/
@charset 'UTF-8';
/* Slider */
.slick-loading .slick-list{
	background:#fff url('./ajax-loader.gif') center center no-repeat;
}

/* Icons */
@font-face{
	font-family:'slick';
	font-weight:normal;
	font-style:normal;
	src:url('./fonts/slick.eot');
	src:url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next{
	font-size:0;
	line-height:0;
	position:absolute;
	top:50%;
	display:block;
	width:20px;
	height:20px;
	padding:0;
	-webkit-transform:translate(0, -50%);
	-ms-transform:translate(0, -50%);
	transform:translate(0, -50%);
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	background:transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus{
	color:transparent;
	outline:none;
	background:transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before{
	opacity:1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before{
	opacity:.25;
}

.slick-prev:before,
.slick-next:before{
	font-family:'slick';
	font-size:20px;
	line-height:1;
	/*opacity:.75;*/
	color:white;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}

.slick-prev{
	left:-25px;
}
[dir='rtl'] .slick-prev{
	right:-25px;
	left:auto;
}
.slick-prev:before{
	content:'←';
}
[dir='rtl'] .slick-prev:before{
	content:'→';
}

.slick-next{
	right:-25px;
}
[dir='rtl'] .slick-next{
	right:auto;
	left:-25px;
}
.slick-next:before{
	content:'→';
}
[dir='rtl'] .slick-next:before{
	content:'←';
}

/* Dots */
.slick-dotted.slick-slider{
	margin-bottom:30px;
}

.slick-dots{
	position:absolute;
	bottom:-25px;
	display:block;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
.slick-dots li{
	position:relative;
	display:inline-block;
	width:20px;
	height:20px;
	margin:0 5px;
	padding:0;
	cursor:pointer;
}
.slick-dots li button{
	font-size:0;
	line-height:0;
	display:block;
	width:20px;
	height:20px;
	padding:5px;
	cursor:pointer;
	color:transparent;
	border:0;
	outline:none;
	background:transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus{
	outline:none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{
	/*opacity:1;*/
}
.slick-dots li button:before{
	font-family:'slick';
	font-size:6px;
	line-height:20px;
	position:absolute;
	top:0;
	left:0;
	width:20px;
	height:20px;
	content:'•';
	text-align:center;
	opacity:.25;
	color:black;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.slick-dots li.slick-active button:before{
	/*opacity:.75;*/
	color:black;
}




/*********************************************************************************************************************************

		カスタム設定

*********************************************************************************************************************************/

	/*進む・戻るボタン*/
	.slick-prev,
	.slick-next{
		z-index:999;
		top:30px;
		left:0;
		right:auto;
		bottom:0;
		height:60px;
		width:60px;
		margin:auto;
	}
	.slick-next{
		top:0;
		left:auto;
		right:0;
		bottom:30px;
		transform:scaleX(-1);
	}
	.slick-prev:hover,
	.slick-next:hover{
		opacity:0.8;
	}
	.slick-prev:before,
	.slick-next:before{
		content:url(../images/btn_slider_bl.png);/*左右ボタンの画像url*/
	}


	/*section05*/
	#section05 .slick-prev,
	#section05 .slick-next{
		z-index:999;
		top:133px;
		left:-30px;
		right:auto;
		bottom:auto;
		height:60px;
		width:60px;
		margin:auto;
	}
	#section05 .slick-next{
		top:103px;
		left:842px;
		bottom:auto;
		transform:scaleX(-1);
	}
	#section05 .slick-prev:hover,
	#section05 .slick-next:hover{
		opacity:0.8;
	}
	#section05 .slick-prev:before,
	#section05 .slick-next:before{
		content:url(../images/btn_slider_wl.png);/*左右ボタンの画像url*/
	}




/*********************************************************************************************************************************

		メディアクエリ（ ～500px以下：モバイル対応 ）

*********************************************************************************************************************************/
@media(max-width:500px){

	#section05 .slick-next{
		left:420px;
	}

}