/*
 * SliderPro カスタムスタイル
 * slider-pro 本体の CSS を上書きするサイト固有のスタイル
 * 本体のバージョン更新時にも影響を受けないよう分離
 */

/* conpo-slide SP対応 */
@media only screen and (max-width: 568px) {
  #conpo-slide.slider-pro img.sp-image { width:100% !important; height:auto !important; margin-top:0 !important; }
  #conpo-slide.slider-pro .col-md-5 .table100 { margin-top:-30px; }
}

/* 矢印アイコン */
.sp-horizontal .sp-arrows { margin-top:-20.5px; }
.sp-arrow { width: 40px; height:41px; }
.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
  background-color:transparent;
  -webkit-transform: skew(0deg, 0deg);
  -ms-transform: skew(0deg, 0deg);
  transform: skew(0deg, 0deg);
}
.sp-next-arrow:after {
  content:' ' !important; display: block;
  background: url(/00cmn/img/common/slide-arrow-r-gr.png) no-repeat center center;
  text-indent: -9999px; width: 40px; height: 41px; top:0;
}
.sp-previous-arrow:after {
  content:' ' !important; display: block;
  background: url(/00cmn/img/common/slide-arrow-l-gr.png) no-repeat center center;
  text-indent: -9999px; width: 40px; height: 41px; top:0;
}
#top-keyvisual .sp-next-arrow:after {
  background: url(/00cmn/img/common/slide-arrow-r-wh.png) no-repeat center center;
}
#top-keyvisual .sp-previous-arrow:after {
  background: url(/00cmn/img/common/slide-arrow-l-wh.png) no-repeat center center;
}

/* ドットナビゲーション */
.sp-button {
  width:16px; height:16px;
  margin:0 8px;
  border-radius:10px;
  border:0;
  background-color:#999;
}
@media (max-width: 767px) {
  .sp-button {
    width:20px; height:20px;
    margin:0 10px;
    border-radius:10px;
    border:0;
    background-color:#999;
  }
}
.sp-button.sp-selected-button {
  background-color:#000;
}