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

.slick-prev,.slick-next
{
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 125px;
    display: block;
    width: 40px;
    height: 40px;
    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-color: #16A6DF;
	background-size: 30px;
}
.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: 0px;
    	z-index: 100;
}

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

.slick-prev:before {
 background-image: url(../image/icon_prev.png);
}
.slick-next:before {
 background-image: url(../image/icon_next.png);
}
.slick-prev:before,.slick-next:before {
	content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 40px;/*画像の幅*/
  height: 40px;/*画像の高さ*/
	background-size: 30px;
	background-repeat: no-repeat;
  vertical-align: middle;
	background-position: 5px 5px;
}



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

[dir='rtl'] .slick-next:before {
	content: '→';
}
.slick-slide {width: 135px; }

/*-----------------------------------------------------------*/
/*.slick-box - メインビジュアルに最適化*/
/*-----------------------------------------------------------*/
#mainslider .slick-prev, #mainslider  .slick-next {
	width: 40px;
	height: 360px;
	    top: 50%;
	padding: 0 20px;
	background: transparent;
}

#mainslider.slick-prev:before,#mainslider .slick-next:before {
  width: 20px;/*画像の幅*/
  height: 41px;/*画像の高さ*/
}
#mainslider .slick-prev {
	left: 0px;
	
}
#mainslider .slick-next {
	right: 20px;
}
#mainslider .slick-slider .slick-track, #mainslider  .slick-slider .slick-list{
  background: #000;
}
#mainslider .slick-initialized .slick-slide{
  opacity: 0.5; /* 両サイドの画像を透過 */
}
#mainslider .slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */
}
#mainslider .slick-slide {width: 718px; }