@charset "utf-8";

/*==================================================
スライダーのためのcss
===================================*/
.slick-slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width: 100%;
    margin:0 auto;
}

.slick-slider .slick-slide.slick-center{
	transform: scale(1);/*中央の画像のサイズだけ等倍に*/
	opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: -50px;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    height: 5px;
    width: 36px;
}

.slick-prev:hover, 
.slick-next:hover {
	opacity: .7;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: 0;
}

.slick-prev::after {
	content: '« Prev';
	display: inline-block;
	font-size: 14px;
	letter-spacing: .1em;
	width: 130px;
	position: absolute;
	left: 50px;
	top: -6px;
}

.slick-next {/*次へ矢印の位置と形状*/
    right: 0;
}

.slick-next::before {
	content: 'Next »';
	display: inline-block;
	font-size: 14px;
	letter-spacing: .1em;
	width: 105px;
	position: absolute;
	right: 50px;
	top: -6px;
	text-align: right;
}



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

タブレットの設定 768px~1199pxの場合に適用 

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

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



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

タブレットの設定 ~767pxの場合に適用 

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

@media screen and (max-width: 767px){
	
.slick-prev, 
.slick-next {
    top: -30px;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    height: 3px;
    width: 21px;
}

.slick-prev::after {
	font-size: 13px;
	left: 10px;
	top: -6px;
}

.slick-next::before {
	font-size: 13px;
	right: 10px;
	top: -6px;
}
	
	
}