@charset "UTF-8";
/* CSS Document */
/* slick 調整 */
.slick-prev, .slick-next {
  width: 60px !important;
  height: 60px !important;
}

.slick-prev:before, .slick-next:before {
  font-size: 60px !important;
}

.slick-next {
  right: 20px !important;
  -webkit-transition: all .5s ease;
  transition: all .5s ease;
}

/*#slideArea, #slideArea ul.mainSlide {
    width: 100%;
    margin: 0 auto;
}*/
/*
#slideArea .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;
}
*/
/*
.slick-slide a img {
	height: 550px;
}
*/
.mainSlide {
  margin-bottom: 0;
  display: none;
}

.mainSlide li .img-box {
  background-color: #000;
}

.mainSlide .slick-slide:not(.slick-center) img {
  opacity: 0.8;
  filter: alpha(opacity=50);
  -moz-opacity: 0.5;
}

.mainSlide .slick-slide:not(.slick-center) .textBox {
  /*display: none;*/
}

.mainSlide .slick-center .textBox {
  -webkit-transition: color .1s linear;
  transition: color .1s linear;
  opacity: 1.0;
}

/*
.slideArea{
	position: relative;
}

.slideArea .textBox {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
}
*/
/*================================================画面の横幅が1200pxまで====*/
/*===============================================画面の横幅が990pxまで====*/
/*================================================画面の横幅が767pxまで====*/
@media screen and (max-width: 767px) {
  .slick-prev, .slick-next {
    width: 40px !important;
    height: 40px !important;
  }

  .slick-prev:before, .slick-next:before {
    font-size: 40px !important;
  }

  .slick-next {
    right: 15px !important;
  }
}
/*================================================画面の横幅が640pxまで====*/
@media screen and (max-width: 640px) {
  .slick-prev, .slick-next {
    width: 30px !important;
    height: 30px !important;
  }

  .slick-prev:before, .slick-next:before {
    font-size: 30px !important;
  }

  .slick-next {
    right: 4px !important;
  }

  .slick-prev {
    left: 4px !important;
  }
}
/*================================================画面の横幅が549pxまで====*/
/*================================================画面の横幅が320pxまで====*/
@media screen and (max-width: 320px) {
  .slick-next {
    right: 2px !important;
  }

  .slick-prev {
    left: 2px !important;
  }
}
/*=====================================画面の横向き====*/
/*=====================================画面の横向き====*/