.fav-area { margin-bottom: 55px; }
 
.fav-item { margin: 0 0 3.4%; }
 
.fav-link {
    display: block;
    color: #444;
  font-size: 80%;
   line-height: 180%;
}
 
.fav-link:hover { color: #aaa; }
 
.fav-info {
    display: block;
    margin: .3em 0;
}

.tablink {
    float: left;
    width: 215px;
    border: none;
    outline: none;
}
.tab button {
    padding: 1rem;
}
#NaviC {
    background-color:#0f2350;
}
#BlackC {
    background-color: #000b00;
}

.tabcontent {
    width: 860px;
}
.tabcontent li {
    list-style-type: none;
}
.tabcontent {
    display: none;
}
.content1-1 table {
  margin-top: 1.5rem;
}

/*--- オススメ5個　上段 ---*/
.price5 {
   text-align: center;
}
.name5 {
  width: 200px;
  height: 75px;
  text-align: center;
}

/*--- セール品のスライド ---*/
#exampleSlider {
    position: relative;
  
  }
  #exampleSlider .MS-content {
    margin: 15px 5%;
    overflow: hidden;
    white-space: nowrap;
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content {
      margin: 0;
    }
  }
  #exampleSlider .MS-content .item {
    display:inline-block;
    height: 100%;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 20%;
    margin:0 8px 30px 0;
  }
  @media (max-width: 1200px) {
    #exampleSlider .MS-content .item {
      width: 25%;
    }
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-content .item {
      width: 33.3333%;
    }
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-content .item {
      width: 50%;
    }
  }
  #exampleSlider .MS-content .item img {
      padding-left: 5%;
      
  }

  #exampleSlider .MS-content .item p {
    white-space: pre-line;
    text-align: center;
    line-height: 1.25rem;
    margin: 10px 0 30% 0;
    height: 75px;
  }
  #exampleSlider .MS-controls button {
    position: absolute;
    border: none;
    background: transparent;
    font-size: 30px;
    outline: 0;
    top: 35px;
  }
  @media (max-width: 767px) {
    #exampleSlider .MS-controls button {
      display: none;
    }
  }
  #exampleSlider .MS-controls button:hover {
    cursor: pointer;
  }
  #exampleSlider .MS-controls .MS-left {
    left: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-controls .MS-left {
      left: -2px;
    }
  }
  #exampleSlider .MS-controls .MS-right {
    right: 10px;
  }
  @media (max-width: 992px) {
    #exampleSlider .MS-controls .MS-right {
      right: -2px;
    }
  }