@charset "utf-8";
/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/ width: 93%; margin: 0 auto; }
@media screen and (max-width: 1280px) {
.slider {width:90%;}
}

@media screen and (max-width: 480px) {
.slider {width:80%;}
}
.slider .entry { width: 100%;/*スライダー内の画像を横幅100%に*/ height: auto; }
/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide { margin: 0 10px; }
/*矢印の設定*/

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


.slick-prev {/*戻る矢印の位置と形状*/ left: -3.5%; background: url(../images/home/ico-left.png) 0 0 no-repeat; background-size:100%;height: 50px; width: 50px; }
.slick-next {/*次へ矢印の位置と形状*/ right: -3.5%; background: url(../images/home/ico-right.png) 0 0 no-repeat;background-size:100%;height: 50px; width: 50px; }
@media screen and (max-width: 1280px) {

.slick-prev {left: -4.5%;}
.slick-next {right: -4.5%;}
}

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

.slick-prev {left: -12%;}
.slick-next {right: -12%;}
}

.slick-prev:hover{ background:url(../images/home/ico-lefton.png) 0 0 no-repeat; background-size:100%;}
.slick-next:hover{background: url(../images/home/ico-righton.png) 0 0 no-repeat; background-size:100%;}


/*ドットナビゲーションの設定*/

.slick-dots { text-align: center; margin: 20px 0 0 0; }
.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots button { color: transparent; outline: none; width: 8px;/*ドットボタンのサイズ*/ height: 8px;/*ドットボタンのサイズ*/ display: block; border-radius: 50%; background: #ccc;/*ドットボタンの色*/ }
.slick-dots .slick-active button { background: #333;/*ドットボタンの現在地表示の色*/ }


/*========= レイアウトのためのCSS ===============*/