#sidebar .menu .menu-lookbook a:before {
  content: "";
  width: 12px;
  height: 1px;
  display: inline-block;
  background-color: #000000;
  margin: 0 8px 0 0;
}
.sp{
  display: none;
}
.maincontents {
  width:47.058%;
  margin: 70px auto 0;
  overflow: hidden;
}
.pcnav{
  position: fixed;
  right: 0;
  width: 160px;
  margin-right: 2.2058%;
  z-index: 1001;
  top: 149px;
  display: none;
}
.pcnav ul{
}
.pcnav ul li{
  float: left;
  width: 75px;
  margin-bottom: 10px;
  background-position: center center;
  background-size: cover;
  padding-top: 50px;
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.pcnav ul li.active{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.pcnav ul li:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  cursor: pointer;
}
.pcnav ul li:nth-child(odd){
  margin-right:10px;
}
.pcnav ul li img{
  width:100%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: all 0.5s cubic-bezier(0.645, 0.045, 0.355, 1);
  cursor: pointer;
  display: none;
}
.pcnav ul li img:hover{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.pcnav ul li img.active{
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
#lookbook_wrapper li{

}
#lookbook_wrapper li img{
  width: 100%;
}
#lookbook_wrapper li span{
  font-size: 1.3rem;
  color: #9B9B9B;
  letter-spacing: 2px;
  margin: 12px 0 56px;
  display: block;
}
#loading {
  text-align: center;
  display: none;
}
#loading img{
  width: 48.5px;
}
#footer {
  margin: 119px 0 0;
}

    .spnav {
      margin: 70px 0 0;
    }

  
    .spnav ul {
      font-size: 0;
      width: 73.3333%;
      margin: 24px auto 20px;
    }
  
    .spnav li {
      display: inline-block;
      font-size: 1.3rem;
      letter-spacing: 1.75px;
      position: relative;
      width: 25%;
      text-align: center;
      margin-bottom: 15px;
    }
  
    .spnav li a.actives:after {
      content: "";
      position: absolute;
      bottom: -8px;
      left: 0;
      height: 1px;
      background-color: #000;
      width: 100%;
    }
  
    .spnav li a {
      color: #9B9B9B;
      position: relative;
    }
  
    .spnav li a.actives {
      color: #000;
    }


@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 767px) {
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
  .maincontents {
    width: 97.3333%;
    margin: 0 auto 0;
  }

  .spnav {
    margin: 53px 0 0;
  }

  #lookbook_wrapper li span {
    font-size: 1.1rem;
    color: #9B9B9B;
    letter-spacing: 1px;
    margin: 8px 0 22px;
  }
    #footer {
      margin: 0 0 0;
    }


}
@media only screen and (max-width: 320px){

}