@charset "UTF-8";

.column #lookbook {
  height: auto;
  width: 75%;
}
#lookbook .page-title{
  margin-bottom: 30px;
}
#lookbook h2{
  font-size:24px;
  font-weight: lighter;
  text-align:center;
  margin-bottom: 2%;
}
#lookbook .slides p{
  color:#666;
  font-size:10px;
  margin-top:15px;
}

#lookbook.flexslider img{
  border:solid 1px #CCCCCC;
  margin: 0 auto;
  display: block;
  margin: 0 auto;
	width: 50%;
}
.flex-direction-nav a:before{
  display: none;
}
#lookbook.flexslider .flex-prev,
#lookbook.flexslider .flex-next{
  opacity:1;
}
#lookbook.flexslider:hover .flex-prev,
#lookbook.flexslider:hover .flex-next{
  opacity:1;
}
#lookbook .flex-direction-nav .flex-prev{
  background: url('../../images/top/book_arrow_left.png') no-repeat 0 0;
  background-size: auto 85%;
  left: -20px;
  content: '';
}
#lookbook .flex-direction-nav .flex-next{
  background: url('../../images/top/book_arrow_right.png') no-repeat 0 0;
  background-size: auto 85%;
  right: -40px;
  content: '';
}
.flex-control-paging li a{
  background-color: #dbd7d1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
  }
@media(max-width: 1200px) and (min-width: 980px){
  .column #lookbook {
    height: auto;
    width: 75%;
    margin-left: 2%;
  }
  #lookbook{
    padding:0;
  }
  #lookbook .flex-direction-nav a{
    top:50%;
  }
  #lookbook .flex-direction-nav .flex-prev{
    /*background: none;*/
    left:0;
  }
  #lookbook .flex-direction-nav .flex-next{
    /*background: none;*/
    right:0;
  }
}
@media (min-width:768px) and (max-width: 979px) {
  .column #lookbook {
    height: auto;
    width: 75%;
    margin-left: 7%;
  }
}
/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
 .column #lookbook {
    height: auto;
    width: 100%;
    margin-left: 0;
  }
  #lookbook .flex-control-nav li{
    margin: 0 5.5px;
  }
  #lookbook .flex-control-nav {
    width: 100%;
    /* position: absolute; */
    /* bottom: -40px; */
    text-align: center;
    margin: 0.5% auto 0;
  }
  #lookbook .flex-direction-nav .flex-prev{
    background: url('../../images/top/book_arrow_left.png') no-repeat 0 0;
    background-size: auto 85%;
    left: 0px;
    content: '';
    display: block;
  }
  #lookbook .flex-direction-nav .flex-next{
    background: url('../../images/top/book_arrow_right.png') no-repeat 0 0;
    background-size: auto 85%;
    right: -20px;
    content: '';
    display: block;
  }
}