@charset "UTF-8";


/*  slick矢印位置
 ================================================*/
.slick-prev img:hover,
.slick-prev img:focus,
.slick-next img:hover,
.slick-next img:focus
{
  opacity:0.6!important;
	filter: alpha(opacity=60);
}

 .slick-prev, .slick-next {
  width:39px;
  height:39px
}
.slick-prev:before, .slick-next:before {
content:"";
}
button.slick-prev, button.slick-next {
z-index:2;
}
.slick-prev{left:20px;top:55%;}
.slick-next{right:20px;top:55%;}

#arrows img:hover{
  opacity:0.6!important;
	filter: alpha(opacity=60);
}


.slick-arrow{z-index:10;}



/*================================================
 *  タブレット／スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width: 800px) {
/* 800px以下用（タブレット （Google Nexus10 800px対応）／スマートフォン用）の記述 */

  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose{
  border:0;
  padding:0;
  margin:0;
  overflow:visible;
  text-indent:-9999px;
  width:39px;
  height:39px;
  position:absolute;
  top:20px!important;
  background:url(../images/bt-close.png) no-repeat 0 0;
  }
  #cboxClose{
  background-position:0px 0px; right:15px!important;
  }

 .slick-prev, .slick-next {
  width:7%;
  height:7%
}
.slick-prev{left:20px;top:50%;}
.slick-next{right:20px;top:50%;}


}