@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : slide.css
 author     : Ability Consultant
 style info : スライダー専用CSS
=================================================================== */
/* -----------------------------------------------------------
	body
----------------------------------------------------------- */
body {
  width: 950px;
  height: 488px;
  margin: 0;
  padding: 0;
}

#slide {
  position: relative;
  width: 950px;
  height: 488px;
  margin: 0;
  padding: 0;
  text-align: center;
  bottom: 0;
}
#slide .slick-list {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#slide .slick-list .slick-track {
  height: 100%;
  margin: 0;
  padding: 0;
}
#slide .slick-list .slick-track .slick-slide {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}
#slide .slick-arrow {
  position: absolute;
  top: 50%;
  height: 0;
  overflow: hidden;
  z-index: 2;
}
#slide .slick-next {
  cursor: pointer;
  right: 2%;
  background: url(../home/images/arr_right.png) no-repeat left top;
  background-size: 100% auto;
}
.mouse #slide .slick-next:hover, .touch #slide .slick-next.touchstart {
  text-decoration: none;
  opacity: 0.75 !important;
  cursor: pointer;
}
.ie8 .mouse #slide .slick-next:hover, .ie8 .touch #slide .slick-next.touchstart {
  filter: alpha(opacity=75);
}
.touch #slide .slick-next {
  -webkit-tap-highlight-color: transparent;
}
.touch #slide .slick-next.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
#slide .slick-prev {
  cursor: pointer;
  left: 2%;
  background: url(../home/images/arr_left.png) no-repeat left top;
  background-size: 100% auto;
}
.mouse #slide .slick-prev:hover, .touch #slide .slick-prev.touchstart {
  text-decoration: none;
  opacity: 0.75 !important;
  cursor: pointer;
}
.ie8 .mouse #slide .slick-prev:hover, .ie8 .touch #slide .slick-prev.touchstart {
  filter: alpha(opacity=75);
}
.touch #slide .slick-prev {
  -webkit-tap-highlight-color: transparent;
}
.touch #slide .slick-prev.touchend {
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
}
#slide .slick-arrow {
  width: 56px;
  height: 57px;
  margin-top: -wCon(32px/2);
}
#slide .slick-dots {
  bottom: 18px;
  text-align: center;
  line-height: 1;
}
#slide .slick-dots li {
  width: 10px;
  height: 10px;
  margin: 0 .5em;
  vertical-align: middle;
  text-align: center;
  position: relative;
  -moz-transition: width 0.35s, height 0.35s;
  -o-transition: width 0.35s, height 0.35s;
  -webkit-transition: width 0.35s, height 0.35s;
  transition: width 0.35s, height 0.35s;
}
#slide .slick-dots li button {
  cursor: pointer;
  padding: 0;
  height: 0;
}