.slider {
    width: 100%;
    /*height: 300px;*/
}
.slider_pic{
	width: 720px;
    /*height: 300px;*/
    position:relative;
	z-index:0;
}

.mypattern{
    width: 100%;
}


.mypattern .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(30%);
  -moz-filter: opacity(30%);
  -o-filter: opacity(30%);
  -ms-filter: opacity(30%);
  filter: opacity(30%);
  transition: 0.2s linear;
}

#arrows .slick-prev, #arrows .slick-next {
    width:24px; /* 画像幅 */
    height:43px; /* 画像高さ */
    opacity:0.5;
}
#arrows .slick-prev:hover{
	background-image: url(../../images/arrow-prev.png);
	opacity:1;
}
#arrows .slick-next:hover {
	background-image: url(../../images/arrow-next.png);
	opacity:1;
}
.slick-arrow{
	z-index:2;
}

.slick-prev:before, .slick-next:before {
    content:"";
}
/*
.slick-btn{
    z-index:5;
}
マウスオーバーはできるが クリックでスライドしなくなる
*/
#header_main .slick-prev{left:150px; /* 任意の値 */}
#header_main .slick-next{right:150px; /* 任意の値 */}

/*									
	下部ドットボタンの設定ここから
									*/
.slick-dots li button:focus:before
{
    opacity:0.25;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
/*									
	下部ドットボタンの設定ここまで
									*/