/*
  sp scroll
--------------------------------------------------------------------------------------------------------*/

.sp-scroll-row .sp-scroll-nav {
  display: none;
}

.wide-scroll-row .sp-scroll-nav {
  display: none;
}

@media screen and (max-width: 767px) {
  .sp-scroll-row {
      margin: 20px 0;
  }
  
  .sp-scroll-row .sp-scroll-body {
      /*-webkit-overflow-scrolling: touch;*/
      position: relative;
      box-sizing: border-box;
      width: 100%;
      overflow-x: scroll !important;
      border: 2px solid #eb5504;
      margin-bottom: 5px;
  }
  
  .sp-scroll-row .sp-scroll-body::-webkit-scrollbar {
      height: 10px;
  }
  
  .sp-scroll-row .sp-scroll-body::-webkit-scrollbar-track {
      background: #eee;
  }
  
  .sp-scroll-row .sp-scroll-body::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #b8b8b8;
  }
  
  .sp-scroll-row .sp-scroll-nav {
      display: block;
  }
  
  .sp-scroll-row .sp-scroll-shadow {
      position: relative;
  }
  
  .sp-scroll-row .sp-scroll-shadow:before {
      pointer-events: none;
      content: '';
      z-index: 5;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      box-shadow: -22px 0px 35px -7px #000 inset;
      -moz-box-shadow: -22px 0px 35px -7px #000 inset;
      -webkit-box-shadow: -22px 0px 35px -7px #000 inset;
      opacity: .5;
  }
  
  .sp-scroll-row .sp-scroll-target {
      display: table;
      box-sizing: border-box;
      width: 950px;
      padding: 10px;
  }
  
  .sp-scroll-row .sp-scroll-nav {
      font-size: 14px; 
      font-weight: bold;
      color: #c30d23;
      margin-bottom: 5px;
  }
}

.sp-scroll-row .sp-scroll-nav {
  display: none;
}

@media screen and (max-width: 950px) {
  .wide-scroll-row {
      margin: 20px 0;
  }
  
  .wide-scroll-row .sp-scroll-body {
      /*-webkit-overflow-scrolling: touch;*/
      position: relative;
      box-sizing: border-box;
      width: 100%;
      overflow-x: scroll !important;
      border: 2px solid #eb5504;
      margin-bottom: 5px;
  }
  
  .wide-scroll-row .sp-scroll-body::-webkit-scrollbar {
      height: 10px;
  }
  
  .wide-scroll-row .sp-scroll-body::-webkit-scrollbar-track {
      background: #eee;
  }
  
  .wide-scroll-row .sp-scroll-body::-webkit-scrollbar-thumb {
      border-radius: 10px;
      background: #b8b8b8;
  }
  
  .wide-scroll-row .sp-scroll-nav {
      display: block;
  }
  
  .wide-scroll-row .sp-scroll-shadow {
      position: relative;
  }
  
  .wide-scroll-row .sp-scroll-shadow:before {
      pointer-events: none;
      content: '';
      z-index: 5;
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: block;
      box-shadow: -22px 0px 35px -7px #000 inset;
      -moz-box-shadow: -22px 0px 35px -7px #000 inset;
      -webkit-box-shadow: -22px 0px 35px -7px #000 inset;
      opacity: .5;
  }
  
  .wide-scroll-row .sp-scroll-target {
      display: table;
      box-sizing: border-box;
      width: 950px;
      padding: 10px;
  }
  
  .wide-scroll-row .sp-scroll-nav {
      font-size: 14px; 
      font-weight: bold;
      color: #c30d23;
      margin-bottom: 5px;
  }
}


@media screen and (max-width: 767px) {
.wide-scroll-row .sp-scroll-target {
  width: 550px;
  }
}