@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*----------------------
　コンテンツ別の設定値
----------------------*/
/*----------------------
  mixiin
----------------------*/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-track img {
/*  display: block;*/
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff /*url("./ajax-loader.gif") center center no-repeat*/;
}

/* Icons */
/*
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal;}
*/

/* Arrows */
/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 20px;
}

.slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  top: 515px;
  right: 15px;
  width: 80px;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  width: 10px;
  height: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
/*  content: "•";*/
  content: "●";
  width: 10px;
  height: 10px;
  font-family: "slick";
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/*----------------------
    PC TOPここから
----------------------*/
#top-2016 {
  min-width: 1316px;
  margin: 0 auto;
  background: #ffffff;
}

#top-2016 .content-area {
  *zoom: 1;
}

#top-2016 .content-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .sub_header,
#detail-2016 .sub_header,
#top-2016 .sub_header {
  z-index: 11;
  background: #f5f5f5;
  padding: 10px 0;
  text-align: center;
  width: 100%;
}

#top-2016 .sub_header p a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  margin: 0 auto;
}

#top-2016 .sub_header p a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 header {
  top: 44px;
}

#top-2016 header #christmas.h1, 
#list-2016 header #christmas.h1, 
#detail-2016 header #christmas.h1 {
  margin: 10px 0 20px 322px !important;
}

.nav-area .nav1 li, .nav-area .nav2 li {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

.nav-area .nav1 li:hover, .nav-area .nav2 li:hover {
  opacity: 1.0;
  filter: alpha(opacity=100);
  cursor: pointer;
}

#top-2016 .nav-area .first-level, #detail-2016 .nav-area .first-level, #list-2016 .nav-area .nav1 .first-level, #list-2016 .nav-area .nav4 .first-level, #list-2016 .nav-area .nav6 .first-level, #list-2016 .nav-area .nav7 .first-level  {
  position: relative;
  z-index: 15;
}

#top-2016 .nav-area .first-level > a, #detail-2016 .nav-area .first-level > a, #list-2016 .nav-area .nav1 .first-level > a, #list-2016 .nav-area .nav4 .first-level > a, #list-2016 .nav-area .nav6 .first-level > a, #list-2016 .nav-area .nav7 .first-level > a {
/*  width: 249px;*/
  width: 226px;
  display: block;
}

.nav-area li > a img {
  vertical-align: text-top;
  margin-right: 4px;
}

#detail-2016 #all-list {
  background-color: rgba(245, 245, 245, 1.0);
  margin-top: -16px;
}

#top-2016 .nav-area .first-level .second-level, 
#top-2016 .nav-area .first-level .third-level, 
#detail-2016 .nav-area .first-level .second-level, 
#detail-2016 .nav-area .first-level .third-level,
#list-2016 .nav-area .nav1 .first-level .second-level, 
#list-2016 .nav-area .nav1 .first-level .third-level, 
#list-2016 .nav-area .nav4 .first-level .second-level, 
#list-2016 .nav-area .nav4 .first-level .third-level,
#list-2016 .nav-area .nav6 .first-level .second-level, 
#list-2016 .nav-area .nav6 .first-level .third-level,
#list-2016 .nav-area .nav7 .first-level .second-level, 
#list-2016 .nav-area .nav7 .first-level .third-level {
  position: absolute;
  top: 0;
  left: 224px;
  width: 224px;
  background: #f5f5f5;
  transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  visibility: hidden;
  opacity: 0;
  z-index: 15;}

#top-2016 .nav-area .first-level .second-level, 
#detail-2016 .nav-area .first-level .second-level, 
#list-2016 .nav-area .nav1 .first-level .second-level, 
#list-2016 .nav-area .nav4 .first-level .second-level,
#list-2016 .nav-area .nav6 .first-level .second-level,
#list-2016 .nav-area .nav7 .first-level .second-level{
/*  left: 170px;*/
  left: 230px;
}



#top-2016 .nav-area .first-level .second-level a, #top-2016 .nav-area .first-level .third-level a, #detail-2016 .nav-area .first-level .second-level a, #detail-2016 .nav-area .first-level .third-level a,
#list-2016 .nav-area .nav1 .first-level .second-level a, #list-2016 .nav-area .nav1 .first-level .third-level a, #list-2016 .nav-area .nav4 .first-level .second-level a, #list-2016 .nav-area .nav4 .first-level .third-level a,
#list-2016 .nav-area .nav6 .first-level .second-level a, #list-2016 .nav-area .nav7 .first-level .second-level a {
  display: block;
  padding: 2px 0 2px 14px;
}

#top-2016 .nav-area .first-level .second-level li, #top-2016 .nav-area .first-level .third-level li, #detail-2016 .nav-area .first-level .second-level li, #detail-2016 .nav-area .first-level .third-level li,
#list-2016 .nav-area .nav1 .first-level .second-level li, #list-2016 .nav-area .nav1 .first-level .third-level li, #list-2016 .nav-area .nav4 .first-level .second-level li, #list-2016 .nav-area .nav4 .first-level .third-level li,
#list-2016 .nav-area .nav6 .first-level .second-level li, #list-2016 .nav-area .nav7 .first-level .second-level li {
  width: 224px;
  position: relative;
  z-index: 15;
  line-height: 23px;
}

#top-2016 .nav-area .first-level .second-level li:hover, #top-2016 .nav-area .first-level .third-level li:hover, #detail-2016 .nav-area .first-level .second-level li:hover, #detail-2016 .nav-area .first-level .third-level li:hover,
#list-2016 .nav-area .nav1 .first-level .second-level li:hover, #list-2016 .nav-area .nav1 .first-level .third-level li:hover, #list-2016 .nav-area .nav4 .first-level .second-level li:hover, #list-2016 .nav-area .nav4 .first-level .third-level li:hover,
#list-2016 .nav-area .nav6 .first-level .second-level li:hover, #list-2016 .nav-area .nav7 .first-level .second-level li:hover {
  background: #dddddd;
}

#top-2016 .nav-area .first-level:hover .second-level, #detail-2016 .nav-area .first-level:hover .second-level, #list-2016 .nav-area .nav1 .first-level:hover .second-level, #list-2016 .nav-area .nav4 .first-level:hover .second-level, #list-2016 .nav-area .nav6 .first-level:hover .second-level, #list-2016 .nav-area .nav7 .first-level:hover .second-level  {
  top: 0;
  visibility: visible;
  opacity: 1;
}

#top-2016 .nav-area .first-level:hover .second-level li:hover .third-level, #detail-2016 .nav-area .first-level:hover .second-level li:hover .third-level,
#list-2016 .nav-area .nav1 .first-level:hover .second-level li:hover .third-level, #list-2016 .nav-area .nav4 .first-level:hover .second-level li:hover .third-level {
  visibility: visible;
  opacity: 1;
}

#top-2016 .content .content-nav {
  display: table;
  margin-bottom: 35px;
}

#top-2016 .content .content-nav.mens {
  margin-left: 127px;
}

#top-2016 .content .content-nav li {
  display: table-cell;
}

#top-2016 .content .content-nav li a {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .content-nav li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .content-nav li img {
  margin-bottom: 6px;
}

#top-2016 .content .content-nav li p {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0.04em;
  font-family:'Jost';
}

#top-2016 .content .kv-area {
  position: relative;
  margin-bottom: 65px;
}

#top-2016 .content .kv-area .slider .slide {
  display: table;
  width: 1016px;
  height: 646px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .kv-area .slider .slide:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .kv-area .slider .slide h2 {
  width: 1016px;
  text-align: left;
  font-size: 20px;
  height: 116px;
  margin-top: 20px;
}

#top-2016 .content .kv-area .slick-prev {
  position: absolute;
  top: 223px;
  left: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/prev.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .kv-area .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .kv-area .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .content .kv-area .slick-next {
  position: absolute;
  top: 223px;
  right: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/next.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .kv-area .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .kv-area .slick-next:hover {
  cursor: pointer;
}

#top-2016 .content .kv-area .slick-dots {
  position: absolute;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  top: 465px;
  left: 468px;
  width: 80px;
}

#top-2016 .content .kv-area .btn {
  line-height: 1em;
  display: table;
  font-size: 14px;
  text-indent: -8px;
  position: absolute;
  right: 0;
  bottom: 72px;
}

#top-2016 .content .kv-area .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content .kv-area .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content .feature-area ul.midd {width:1016px;}
#top-2016 .content .feature-area ul.midd li{width:50%;margin-bottom:20px;}
#top-2016 .content .feature-area ul.midd li:nth-child(odd){float:left;}
#top-2016 .content .feature-area ul.midd li:nth-child(even){float:right;}
#top-2016 .content .feature-area ul.midd li:nth-child(even) img{float:right;}
#top-2016 .content .feature-area ul.midd li img{width:498px;}

#top-2016 .content .feature-area ul.midd li {position:relative;}

#top-2016 .content .feature-area ul.midd li .info-area h2{
position:absolute;
bottom:0;
/*
width:482px;
color:#fff;
font-size:120%;
background: #000000;
    margin-bottom: 4px;
    padding: 6px 0 6px 6px;
    display: inline-block;
*/
/*
font-size: 120%;
   background-color: #fff;
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
*/
width:492px;
color:#fff;
font-size:120%;
background: #000000;
    padding: 6px 0 6px 6px;
    display: inline-block;
}

#top-2016 .content .feature-area ul.midd li:nth-child(even) .info-area h2{
margin-left:10px;}

/*
#top-2016 .content .feature-area ul.midd li .date {
margin:0 auto;
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'Jost';
}
#top-2016 .content .feature-area ul.midd li:nth-child(even) .date{
padding-left:10px;}
*/

#top-2016 .content .midd {
  float: left;
  position: relative;
  width: 210px;
  margin-right: 40px;
  margin-bottom: 15px;
}

#top-2016 .content .feature-area {
  margin-bottom: 60px;
  position: relative;
/* MV奇数対応 OFF
  display: inline-block;
*/
/* middle対応 */
  display: inline-block;
}

#top-2016 .content .feature-area .slider {
  margin-bottom: 30px;
}

#top-2016 .content .feature-area .slider li {
  width: 1016px;
  height: 345px;
  background-color: #f5f5f5;
}

#top-2016 .content .feature-area .slider li .info-area {
  width: 430px;
  margin: -300px 50px 0 558px;
  text-align: center;
}

#top-2016 .content .feature-area .slider li h2 {
  background: #000000;
  padding: 0 10px;
  display: inline-block;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  margin: 0 0 12px 0;
}

#top-2016 .content .feature-area .slider li .date {
  font-size: 12px;
  color: #aaaaaa;
  margin-bottom: 5px;
  font-family:'Jost';
  margin-bottom: 20px;
}

#top-2016 .content .feature-area .slider li .text {
  font-size: 16px;
  line-height: 28px;
  margin-bottom: 0px;
  text-align: left;
}

#top-2016 .content .feature-area .slider .btn {
  position: absolute;
  width: 90px;
  line-height: 1em;
  display: table;
  margin: 0 160px;
  font-size: 14px;
}

#top-2016 .content .feature-area .slider .btn a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .feature-area .slider .btn a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .feature-area .slider .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content .feature-area .slick-prev {
  position: absolute;
  top: 150px;
  left: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/prev.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .feature-area .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .feature-area .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .content .feature-area .slick-next {
  position: absolute;
  top: 150px;
  right: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/next.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .feature-area .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .feature-area .slick-next:hover {
  cursor: pointer;
}

#top-2016 .content .feature-area .list {
  *zoom: 1;
  display: table;
  margin-bottom: 10px;
}

#top-2016 .content .feature-area .list:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .feature-area .list li:last-child {
  margin-right: 0px !important;
/*  margin: 0px !important;*/
      float: left !important;
}
#top-2016 .content .feature-area .list li {
/*  display: table-cell;
  width: 245px;
  margin-right: 30px;*/
  text-align: center;
}


#top-2016 .content .feature-area .list a {
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .feature-area .list a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .feature-area .list img {
  margin-bottom: 10px;
}

#top-2016 .content .feature-area .list h3 {
  font-size: 13px;
  line-height: 18px;
  margin-bottom: 1px;
}

#top-2016 .content .feature-area .list .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
}

#top-2016 .content .feature-area .btn {
  line-height: 1em;
  font-size: 14px;
  text-indent: -8px;
/* MV奇数対応 ON
  display: table;
  margin-left: 896px;
*/
  margin-left: 518px;
  position: absolute;
  top: 975px;
}


#top-2016 .content .feature-area .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content .feature-area .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content .feature-area .feature-more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content .topics {
  background: #f5f5f5;
  position: relative;
  margin-bottom: 60px;
  *zoom: 1;
}

#top-2016 .content .topics:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .topics h2 {
  position: absolute;
  left: 32px;
  top: -68px;
  font-size: 75px;
  color: #000;
  letter-spacing: -0.05em;
font-family:'Jost';font-weight:200;font-style:italic;
}


/* HOT STYLE */
/* TOP */
#top-2016 .content #hotstyle {
  border-bottom: 1px solid #dddddd;}

#top-2016 .content #hotstyle .slider li{
  position: relative; }

#top-2016 .content #hotstyle img {
  margin: 60px 40px;}

#top-2016 .content #hotstyle .slider li .new {
    position: absolute;
/*    top: 40px;
    left: 445px;*/
    top: -35px;
    left: 365px;
}

#top-2016 .content #hotstyle .slider li .info-area {
  width: 450px;
  margin: 60px 60px 60px 0px;
  float: right;}

#top-2016 .content #hotstyle .slider li .info {
  height: 400px;
}
#top-2016 .content #hotstyle h3 {
  font-size: 48px;
  text-align: center;
  margin: 0;
  color: #000000;
  font-family: 'Jost';
  line-height: 40px;
}

#top-2016 .content #hotstyle .slider li h4 {
  font-size: 20px;
  text-align: center;
  margin: 15px 0px;
  line-height: 20px;}




#top-2016 .content #hotstyle .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
  text-align: center;
  margin-bottom: 28px;
}

#top-2016 .content #hotstyle .text {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 20px;
}

#top-2016 .content #hotstyle .btn-more {
  line-height: 1em;
  display: table;
  margin: 0 auto 15px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #hotstyle .btn-more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #hotstyle .btn-more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #hotstyle .btn-more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content #hotstyle .btn {
  line-height: 1em;
  display: table;
  margin-left: 320px;
  font-size: 14px;
  text-indent: -8px;
  margin-top: -36px;
}

#top-2016 .content #hotstyle .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content #hotstyle .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content #hotstyle .slick-prev {
  position: absolute;
  top: 270px;
  left: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/prev.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #hotstyle .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #hotstyle .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .content #hotstyle .slick-next {
  position: absolute;
  top: 270px;
  right: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/next.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #hotstyle .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #hotstyle .slick-next:hover {
  cursor: pointer;
}



/* LIST/DETAIL */
#suisei_widgets {width:100%!important;}

#suisei_widgets #searchResult,
#suisei_widgets #sets_ranking{padding-left:11px;}


#hotstyle_list #new_sets .slick-slide a img:hover,
#hotstyle_list .newCoordinateImg a:hover,
#hotstyle_list .box_inner a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#hotstyle_list .newCoordinateImg a,
#hotstyle_list .box_inner a{text-decoration:none!important;}

#hotstyle_list #suisei_widgets .index a:hover,
#hotstyle_list #readmore_btn a:hover
{text-decoration:none!important;}

#hotstyle_list #suisei_widgets .search_keyword{
display:block!important;}
/*
#hotstyle_list #sets_detail .comment .items .item .image2 a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}*/

#sets_detail .comment .items .item .brand{line-height: 17px!important;}
#sets_detail .comment .items .item .del{color:#ccc!important;}
#sets_detail .comment .items .item p.price.sale{color:#e70a1a!important;}
#sets_detail .comment .items .item .soldout{color:#696969;font-weight:bold!important;}

/* HOT STYLE */



/* EDITORS CLOSET */
#top-2016 .content #editor {
  border-bottom: 1px solid #dddddd;
  position: relative;
}

#top-2016 .content #editor .slider li {
/*  background: url(/web/default/es_images/top/editors_1.jpg) 524px 60px no-repeat; 0830 */
  width: 1016px;
/*  height: 570px;*/
  position: relative;
}

#top-2016 .content #editor .slider li .new {
  position: absolute;
  top: 40px;
  left: 930px;
}

#top-2016 .content #editor .slider li .info-area {
  width: 450px;
  margin: 60px 40px;
/*  position: relative; 0830 */
  float: left;
}

#top-2016 .content #editor .slider li .info-area .info {
  height: 400px;
}

#top-2016 .content #editor .slider li .name {
  width: 100px;
/*  padding-top: 107px;
  background: url(/web/default/es_images/top/editor.jpg) center top no-repeat; 0830 */
  text-align: center;
  font-size: 14px;
  position: absolute;
/*  top: 0;
  right: 0; 0830 */
  top: 160px;
  left: 400px;
}

#top-2016 .content #editor .slider li h3 {
  font-size: 48px;
  line-height: 40px;
  margin: 0 0 10px 0;
  color: #000000;
  font-family:'Jost';
}

#top-2016 .content #editor .slider li h4 {
  font-size: 20px;
  margin-bottom: 7px;
  line-height: 30px;
width:350px;
}

#top-2016 .content #editor .slider li .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
  margin-bottom: 13px;
}

#top-2016 .content #editor .slider li .text {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 20px;
}

#top-2016 .content #editor .slider li .btn-more {
  line-height: 1em;
  display: table;
  margin: 0 auto 20px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #editor .slider li .btn-more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #editor .slider li .btn-more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #editor .slider li .btn-more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content #editor .slider li .btn {
  line-height: 1em;
  display: table;
  margin-left: 320px;
  font-size: 14px;
  text-indent: -8px;
  margin-top: -36px;
}

#top-2016 .content #editor .slider li .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content #editor .slider li .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content #editor .slick-prev {
  position: absolute;
  top: 270px;
  left: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/prev.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #editor .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #editor .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .content #editor .slick-next {
  position: absolute;
  top: 270px;
  right: -15px;
  width: 32px;
  height: 62px;
  background: url("/web/default/es_images/top/next.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #editor .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #editor .slick-next:hover {
  cursor: pointer;
}

#top-2016 .content #brandnews {
  padding-top: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
}

#top-2016 .content #brandnews .inner {
  width: 938px;
  margin: 0 auto;
}

#top-2016 .content #brandnews h3 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 60px;
  color: #000000;
  font-family:'Jost';
  line-height: 40px;
}

#top-2016 .content #brandnews .main {
  width: 938px;
  *zoom: 1;
  background-color: #fff;
}

#top-2016 .content #brandnews .main:after {
  content: "";
  display: block;
  clear: both;
}
#top-2016 .content #brandnews .main .mainimg {
position:relative;
  width: 469px;
  height: 469px;
  float: left;
}

#top-2016 .content #brandnews .main .photo {
/*  width: 469px;*/
  float: left;
  margin: 34px;
  max-width:400px;
  max-height:400px;
}

#top-2016 .content #brandnews .main .info-area {
  background: #ffffff;
  width: 435px;
  float: right;
  height: 469px;
  margin-right: 34px;
}

#top-2016 .content #brandnews .main .info-area h4 {
  font-size: 40px;
  text-align: center;
  margin: 50px 0 1px 0;
  color: #000;
font-family:'Jost';font-weight:200;
}

#top-2016 .content #brandnews .main .info-area .lead {
  font-size: 20px;
  text-align: center;
  display: block;
  line-height: 1.6em;
  color: #ffffff;
  margin: 0 auto 5px auto;
}

#top-2016 .content #brandnews .main .info-area span {
  background: #000000;
  margin-bottom: 4px;
  padding: 1px 8px;
  display: inline-block;
}

#top-2016 .content #brandnews .main .info-area .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
  text-align: center;
  margin-bottom: 13px;
}

#top-2016 .content #brandnews .main .info-area .text {
/*  width: 390px;*/
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 28px;
}

#top-2016 .content #brandnews .main .info-area .btn-more {
  line-height: 1em;
  display: table;
  margin: 0 auto 15px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #brandnews .main .info-area .btn-more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #brandnews .main .info-area .btn-more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #brandnews .main .info-area .btn-more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content #brandnews .btn {
  line-height: 1em;
  display: table;
  margin-left: 820px;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #brandnews .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content #brandnews .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}


.ranking .brand .btn-more {
    text-align: right;
    line-height: 1em;
    display: table;
    margin: 15px 30px 5px auto;
    font-size: 14px;
    text-indent: -8px;}

.ranking .brand .btn-more a{
font-family: 'Jost';
padding-right:20px;
    text-indent: 0;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    background: url("/web/default/es_images/top/btn_arrow_black.png") right center no-repeat !important;
    color: #333333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #aaaaaa;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    padding-left: 0px !important;
}

.ranking .brand .btn-more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .news-list {
  *zoom: 1;
  margin-bottom: 20px;
}

#top-2016 .content .news-list:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .news-list li {
  float: left;
  width: 448px;
  height: 149px;
  background: #ffffff;
  margin-top: 40px;
  *zoom: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #brandnews .news-list li:first-child, #top-2016 .content #brandnews .news-list li:nth-child(2)  {
  margin-top: 0px !important;
}

#top-2016 .content .news-list li:nth-child(2), #top-2016 .content .news-list li:nth-child(4), #top-2016 .content #brandnews .news-list li:nth-child(6) {
  float: right;
}

#top-2016 .content .news-list li:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .news-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .news-list li img {
  width: 149px;
  float: left;
}

#top-2016 .content .news-list li .info {
  width: 298px;
  float: right;
  height: 149px;
  text-align: center;
  display: table;
}

#top-2016 .content .news-list li .center {
  display: table-cell;
  vertical-align: middle;
  height: 149px;
}

#top-2016 .content .news-list h4 {
  font-size: 24px;
  line-height: 28px;
  margin-top: 6px;
  margin-bottom: 5px;
  letter-spacing: 0.025em;
font-family:'Jost';font-weight:200;
}

#top-2016 .content .news-list .text {
  font-size: 14px;
  line-height: 22px;
  margin-left: 20px;
  margin-right: 20px;
}

#top-2016 .content .news-list .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
}


#top-2016 .content #mens .newBrand h3,
#top-2016 .content #brandnews .newBrand h3 {
  font-size: 40px;
  margin:50px 0;
font-family:'Jost';font-weight:200;
}

#top-2016 .content #mens .newBrand ul,
#top-2016 .content #brandnews .newBrand ul {
     padding-top: 0;
/*  padding:19px 0 15px;
  background:#ffffff;*/}

#top-2016 .content #mens .newBrand ul li,
#top-2016 .content #brandnews .newBrand ul li{
    padding-right: 16px;
/*padding:0 18px;*/}

#top-2016 .content #mens .newBrand ul li img,
#top-2016 .content #brandnews .newBrand ul li img{
/*border:1px solid;*/
width:100%;
}


#top-2016 .content #mens .newBrand .brandname,
#top-2016 .content #brandnews .newBrand .brandname {
font-size:110%;
    margin-top: 6px;
    letter-spacing: 0.025em;
    font-family: 'Jost';}

#top-2016 .content #mens .newBrand .kana,
#top-2016 .content #brandnews .newBrand .kana {
font-size:90%;}

#top-2016 .content #mens .newBrand .itemname,
#top-2016 .content #brandnews .newBrand .itemname {
/*margin-top:5px;*/
margin-top:0;
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'Jost';}





#top-2016 .newBrand .slick-prev{
  position: absolute;
  top: 60px;
  /*left: -10px;*/
  left: -15px;
  width: 11px;
  height: 20px;
  background: url("/contents/images/common/rank_prev_gray.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

#top-2016 .newBrand .slick-prev:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#top-2016 .newBrand .slick-prev:hover{
  cursor: pointer;}

#top-2016 .newBrand .slick-next {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/contents/images/common/rank_next_gray.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .newBrand .slick-next:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#top-2016 .newBrand .slick-next:hover{
  cursor: pointer;}




#top-2016 .content #mens {
  padding-top: 44px;
  padding-bottom: 60px;
  border-bottom: 1px solid #dddddd;
}

#top-2016 .content #mens .inner {
  width: 938px;
  margin: 0 auto;
}

#top-2016 .content #mens h3 {
  text-align: center;
  font-size: 48px;
  margin-bottom: 44px;
  color: #000000;
  font-family:'Jost';
}

#top-2016 .content #mens .main {
  width: 938px;
  *zoom: 1;
}

#top-2016 .content #mens .main:after {
  content: "";
  display: block;
  clear: both;}


#top-2016 .content #mens .main {
  background-color: #fff;}

#top-2016 .content #mens .main .mainimg {
position:relative;
  width: 469px;
  height: 469px;
  float: right;}

#top-2016 .content #mens .main img.photo {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
max-width:400px;
max-height:400px;
}

#top-2016 .content #mens .main .info-area {
  background: #ffffff;
  width: 435px;
  float: left;
  height: 469px;
  margin-left: 34px;
}

#top-2016 .content #mens .main .info-area h4 {
  font-size: 40px;
  text-align: center;
  margin: 59px 0 16px 0;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: #000;
font-family:'Jost';font-weight:200;
}

#top-2016 .content #mens .main .info-area .lead {
  font-size: 20px;
  text-align: center;
  display: block;
  line-height: 1.6em;
  color: #ffffff;
  margin: 0 auto 13px auto;
}

#top-2016 .content #mens .main .info-area span {
  background: #000000;
  margin-bottom: 4px;
  padding: 1px 8px;
  display: inline-block;
}

#top-2016 .content #mens .main .info-area .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
  text-align: center;
  margin-bottom: 15px;
}

#top-2016 .content #mens .main .info-area .text {
/*  width: 390px;*/
  margin: 0 0 20px 0;
  font-size: 14px;
  line-height: 28px;
}

#top-2016 .content #mens .main .info-area .btn-more {
  line-height: 1em;
  display: table;
  margin: 0 auto 15px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #mens .main .info-area .btn-more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #mens .main .info-area .btn-more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #mens .main .info-area .btn-more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content #mens .btn {
  line-height: 1em;
  display: table;
  margin-left: 820px;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #mens .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content #mens .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content .shopblog {
  width: 449px;
  float: left;
  margin: 60px 0 60px 40px;
  text-align: center;
}

#top-2016 .content .shopblog img {
  margin-bottom: 22px;
}

#top-2016 .content .shopblog h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  margin-bottom: 50px;
  color: #000;
  font-family:'Jost';font-weight:450;
}

#top-2016 .content .shopblog .text {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 10px;
}

#top-2016 .content .shopblog .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
  margin-bottom: 5px;
}

#top-2016 .content .shopblog .link {
  line-height: 1em;
  display: table;
  margin-left: 160px;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content .shopblog .link a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content .shopblog .link a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content .ellejapon {
  width: 487px;
  float: right;
  margin: 60px 40px 80px 0;
  text-align: center;
}

#top-2016 .content .ellejapon img {
  margin-bottom: 14px;
}

#top-2016 .content .ellejapon h3 {
  font-size: 40px;
  line-height: 50px;
  letter-spacing: -0.02em;
  margin-bottom: 50px;
  color: #000;
  font-family:'Jost';font-weight:450;
}

#top-2016 .content .ellejapon ul {
  *zoom: 1;
  margin-left: 50px;
}

#top-2016 .content .ellejapon ul:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .ellejapon ul li {
  float: left;
  line-height: 1em;
  display: table;
  margin: 0 auto 15px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content .ellejapon ul li.left {
  margin-right: 120px;
  width: 120px;
}

#top-2016 .content .ellejapon ul li a {
  text-indent: 0;
  width: 140px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 130px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .ellejapon ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .ellejapon ul li a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 90px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

#top-2016 .content .ellejapon ul li.left a {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 110px center no-repeat;
}
#top-2016 .content .ellejapon ul li.left a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 70px center no-repeat;
}

#top-2016 .content #information {
  *zoom: 1;
/*  padding-bottom: 60px;*/
  margin-bottom: 47px;
}

#top-2016 .content #information:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content #information .intro {
  border: 1px solid #dddddd;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

#top-2016 .content #information .intro .inner {
  width: 896px;
  margin: 0 60px;
}

#top-2016 .content #information .intro h2 {
  color: #000000;
  padding-top: 25px;
  margin-bottom: 25px;
  font-size: 48px;
  font-family:'Jost';
}

#top-2016 .content #information .intro ul {
  margin-bottom: 14px;
}

#top-2016 .content #information .intro li {
  font-size: 16px;
  margin-bottom: 15px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #information .intro li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #information .intro .btn {
  line-height: 1em;
  display: table;
  margin-left: 776px;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content #information .intro .btn a {
  width: 120px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("/web/default/es_images/top/btn_arrow_white.png") 100px center no-repeat #000000;
  color: #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .content #information .intro .btn a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 100px center no-repeat #f5f5f5;
  color: #000000;
  border: 1px solid #000000;
}

#top-2016 .content #information .online {
  float: left;
}

#top-2016 .content #information .girl {
  float: right;
}

#top-2016 .content #information .box {
  width: 490px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 60px;
  *zoom: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  border: 1px solid #dddddd;
}

#top-2016 .content #information .box:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content #information .box:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #information .box img {
/*  width: 244px;*/
  float: left;
  width: auto;
  max-width: 50%;
  max-height: 325px;
}

#top-2016 .content #information .box h3 {
  font-size: 24px;
  margin-bottom: 6px;
  letter-spacing: 0.04em;
font-family:'Jost';
}

#top-2016 .content #information .box .date {
  font-size: 12px;
  color: #aaaaaa;
  font-family:'Jost';
}

#top-2016 .content #information .box .text {
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 8px;
}

#top-2016 .content #information .box .info {
  width: 244px;
/*  height: 325px;*/
  float: right;
  text-align: center;
  display: table;
}

#top-2016 .content #information .box .info .center {
  display: table-cell;
/*  height: 323px;*/
  vertical-align: middle;
  padding-top: 25%;
}

#top-2016 .content #information .bana {
  clear: both;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  margin-bottom: 60px;
}

#top-2016 .content #information .bana:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #information .insta {
  *zoom: 1;
}

#top-2016 .content #information .insta:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content #information .insta li {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  width: 254px;
  float: left;
}

#top-2016 .content #information .insta li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #information .sns-list {
  background: #f5f5f5;
  padding: 33px 0 33px 0;
/*  text-align: center;*/
  *zoom: 1;
  vertical-align: middle;
  margin-bottom: 60px;
}

#top-2016 .content #information .sns-list:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content #information .sns-list h3 {
  font-size: 24px;
  margin-bottom: 0px;
  letter-spacing: 0.03em;
  float: left;
  margin-left: 290px;
  margin-right: 20px;
  font-family:'Jost';
  line-height: 29px;
  vertical-align: middle;
  width: 198px;
  text-align: right;
  color: #000;
}

#top-2016 .content #information .sns-list ul {
  width: 350px;
  float: left;
  vertical-align: middle;
  line-height: 29px;
}

#top-2016 .content #information .sns-list li {
  display: inline-block;
  margin: 0 23px 0 0;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content #information .sns-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content #information .sns-list li:first-child {
  margin-left: 20px;
}

#top-2016 .content .ranking h3 {
  font-size: 38px;
  text-align: center;
  margin-bottom: 10px;
  letter-spacing: -0.02em;
  color: #000;
  line-height: 34px;
font-family:'Jost';font-weight:200;
}

#top-2016 .content .ranking .women h3,
#top-2016 .content .ranking .men h3 {
  margin-bottom: 60px;
}

#top-2016 .content .ranking .lead {
  font-size: 14px;
  margin-bottom: 45px;
  text-align: center;
}


/*
#top-2016 .content .ranking .gender {
  *zoom: 1;
  border-bottom: 1px solid #dddddd;
}

#top-2016 .content .ranking .gender:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .ranking .women {
  position: relative;
  width: 478px;
  float: left;
  margin-bottom: 55px;
}

#top-2016 .content .ranking .men {
  position: relative;
  width: 478px;
  float: right;
  margin-bottom: 55px;
}
*/

#top-2016 .content .ranking .slick-prev {
  position: absolute;
  top: 180px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .ranking .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .ranking .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .content .ranking .slick-next {
  position: absolute;
  top: 180px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .ranking .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .ranking .slick-next:hover {
  cursor: pointer;
}

#top-2016 .content .ranking .women,
#top-2016 .content .ranking .men,
#top-2016 .content .ranking .unisex,
#top-2016 .content .ranking .item, 
#top-2016 .content .ranking .brand {
  position: relative;
  padding-bottom: 60px;
  padding-top: 54px;
  border-bottom: 1px solid #dddddd;}


#top-2016 .content .ranking .item .slick-prev, 
#top-2016 .content .ranking .item .slick-next, 
#top-2016 .content .ranking .brand .slick-prev, 
#top-2016 .content .ranking .brand .slick-next {
  top: 160px;
}

#top-2016 .content .ranking .slider {
  height: 400px;
}

#top-2016 .content .ranking .slider_s {
/*  width: 478px;
  height: 480px;
*/
  height: 400px;
}

#top-2016 .content .ranking .slider_s .photo img{
width:171px!important;
height:257px!important;
}


#top-2016 .content .ranking .info-box {
  position: relative;
  width: 171px;
  margin-right: 40px;
}

#top-2016 .content .ranking .info-box a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .ranking .info-box a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .ranking .info-box.l-box {
  width: 214px;
}

#top-2016 .content .ranking .info-box .num {
  z-index: 5;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 8px;
  text-align: center;
  font-size: 14px;
  color: #000;
font-family:'Jost';font-weight:450;font-style:italic;
}

#top-2016 .content .ranking .info-box .num span {
  height: 36px;
  line-height: 1em;
  font-size: 20px;
}

#top-2016 .content .ranking .info-box .label {
  display: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 5;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 10px;
}

#top-2016 .content .ranking .info-box .label span {
  padding: 2px 8px;
  display: inline-block;
}

#top-2016 .content .ranking .info-box .black {
  background: #000000;
  color: #ffffff;
}

#top-2016 .content .ranking .info-box .gray {
  background: #666666;
  color: #ffffff;
}

#top-2016 .content .ranking .info-box .white {
  padding: 1px 7px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
}

#top-2016 .content .ranking .info-box .photo {
  margin-top: 10px;
  margin-bottom: 14px;
}

#top-2016 .content .ranking .info-box p {
  font-size: 13px;
}
#top-2016 .content .ranking .info-box p.color{
width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

#top-2016 .content .ranking .info-box .brandname {
  font-weight: 400;
  margin-bottom: 0;
}

#top-2016 .content .ranking .info-box .itemname {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#top-2016 .content .ranking .info-box .price {
  margin-top: 0;
  font-size: 14px;
font-family:'Jost';font-weight:600;
}

#top-2016 .content .ranking .info-box .price.off {
  color: #cccccc;
  text-decoration: line-through;
  font-size: 14px;
font-family:'Jost';font-weight:600;
}

#top-2016 .content .ranking .info-box .sale {
  color: #e70a1a;
  font-size: 14px;
  letter-spacing: 0.06em;
  margin-top: -0.5em;
font-family:'Jost';font-weight:600;
}

#top-2016 .content .ranking .more {
  line-height: 1em;
  display: table;
  margin: 15px 30px 5px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content .ranking .more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .ranking .more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .bana-area {
  padding-bottom: 60px;
/*  border-bottom: 1px solid #dddddd;*/
}

#top-2016 .content .bana-area .bana-big a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  margin-bottom: 0px;
}

#top-2016 .content .bana-area .bana-big a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .bana-area ul {
  width: 1016px;
  text-align: left;
  font-size: 11px;
}
#top-2016 .content .bana-area ul:last-child {
  margin-top: 39px;
}

#top-2016 .content .bana-area ul li {
  display: inline-block;
  width: 270px;
  margin-right: 99px;
  white-space: nowrap;
  letter-spacing: -0.02em;
  text-align: center;
}

#top-2016 .content .bana-area ul li:nth-child(3n) {
  margin: 0;
}

#top-2016 .content .bana-area ul a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .bana-area ul a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .bana-area ul img {
  margin-bottom: 3px;
}

#top-2016 .content .new-arrivals {
  padding-top: 47px;
  margin-bottom: 10px;
}

#top-2016 .content .new-arrivals h3 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 22px;
}

#top-2016 .content .new-arrivals ul {
  *zoom: 1;
}

#top-2016 .content .new-arrivals ul:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content .new-arrivals .new-item {
  float: left;
  position: relative;
  width: 224px;
  margin-right: 40px;
  margin-bottom: 45px;
}

#top-2016 .content .new-arrivals .new-item .label {
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;
}

#top-2016 .content .new-arrivals .new-item .label span {
  padding: 2px 8px;
  display: inline-block;
}

#top-2016 .content .new-arrivals .new-item .black {
  background: #000000;
  color: #ffffff;
}

#top-2016 .content .new-arrivals .new-item .gray {
  background: #666666;
  color: #ffffff;
}

#top-2016 .content .new-arrivals .new-item .white {
  padding: 1px 7px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
}

#top-2016 .content .new-arrivals .new-item ul {
  display: table;
  width: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 14px;
}

#top-2016 .content .new-arrivals .new-item ul li {
  height: 22px;
  width: 112px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .new-arrivals .new-item ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .new-arrivals .new-item ul li:hover {
  cursor: pointer;
}

#top-2016 .content .new-arrivals .new-item ul .fav {
  color: #ffffff;
  background: #aaaaaa;
}

#top-2016 .content .new-arrivals .new-item ul .view {
  border: 1px solid #bbbbbb;
}

#top-2016 .content .new-arrivals .new-item p {
  font-size: 14px;
}

#top-2016 .content .new-arrivals .new-item .brandname {
  font-weight: bold;
  margin-bottom: 2px;
}

#top-2016 .content .new-arrivals .new-item .itemname {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#top-2016 .content .new-arrivals .new-item .price {
  margin-top: 2px;
}

#top-2016 .content .new-arrivals .new-item .price.off {
  color: #cccccc;
  text-decoration: line-through;
}

#top-2016 .content .new-arrivals .new-item .sale {
  color: #e70a1a;
}

#top-2016 .content .new-arrivals li:nth-child(4), #top-2016 .content .new-arrivals li:nth-child(8) {
  margin-right: 0;
}

#top-2016 .content .new-arrivals li:nth-child(5) {
  clear: both;
}

#top-2016 .content .new-arrivals .more {
  line-height: 1em;
  display: table;
  margin: 0 auto 15px auto;
  font-size: 14px;
  text-indent: -8px;
}

#top-2016 .content .new-arrivals .more a {
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .content .new-arrivals .more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .content .new-arrivals .more a:hover {
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  border-bottom: 1px solid #aaaaaa;
}

@media (max-width: 1330px) {
  #top-2016 .nav1, #top-2016 .nav2, #top-2016 .nav3, #top-2016 .nav4, #top-2016 .nav6, #top-2016 .nav7 {
    font-size: 14px !important;
  }
}

@media (max-width: 1620px) {
  #top-2016 .nav1, #top-2016 .nav2, #top-2016 .nav3, #top-2016 .nav4, #top-2016 .nav6, #top-2016 .nav7 {
    font-size: 14px !important;
  }
}

/*----------------------
　コンテンツ別の設定値
----------------------*/
/*----------------------
  mixiin
----------------------*/
/*----------------------
    PC listここから
----------------------*/
#list-2016 {
  min-width: 1316px;
  margin: 0 auto;
  background: #ffffff;
}

#list-2016 .content {
  padding-top: 36px;
}

#list-2016 .content .pankuzu {
  display: table;
  padding-top: 15px;
  border-top: 1px solid #dddddd;
  font-size: 12px;
  margin-bottom: 26px;
  width: 100%;
  height: 12px;
}

#list-2016 .content .pankuzu p {
  display: table-cell;
  vertical-align: middle;
}

#list-2016 .content .pankuzu img {
  display: inline-block;
  margin: 0 10px;
  padding-bottom: 4px;
}

#list-2016 .content .brand-area .about-brand {
  background: #f5f5f5;
  *zoom: 1;
  margin-bottom: 60px;
}

#list-2016 .content .brand-area .about-brand:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .brand-area .about-brand .info {
  width: 508px;
  float: left;
}

#list-2016 .content .brand-area .about-brand .inner {
  width: 428px;
  margin: 0 auto;
  padding: 38px 0;
  height: 432px;
  position: relative;
}

#list-2016 .content .brand-area .about-brand .logo {
  margin-bottom: 34px;
}

#list-2016 .content .brand-area .about-brand h2 {
  font-size: 24px;
  margin-bottom: 5px;
}

#list-2016 .content .brand-area .about-brand .text {
  font-size: 14px;
  line-height: 1.9em;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area {
  font-size: 12px;
  color: #ffffff;
  position: absolute;
  bottom: 60px;
  left: 0;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area p {
  position: absolute;
  top: 0;
  left: 0;
  background: #aaaaaa;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area .brand-fav {
  padding: 2px 8px;
  width: 180px;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area .brand-done {
  width: 160px;
  padding: 2px 5px 2px 20px;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area .brand-done:after {
  content: '';
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 13px;
  height: 9px;
  background: url("/web/default/es_images/detail/icon-check.png") top left no-repeat;
}

#list-2016 .content .brand-area .about-brand .brand-fav-area.on .brand-fav {
  opacity: 0;
}

#list-2016 .content .brand-area .about-brand .photo {
  width: 508px;
  float: right;
}

#list-2016 .content .brand-area h3 {
  text-align: center;
  margin-bottom: 40px;
  font-size: 40px;
}

#list-2016 .content .brand-area .slider {
  margin-bottom: 40px;
}

#list-2016 .content .brand-area .slider li {
  *zoom: 1;
}

#list-2016 .content .brand-area .slider li:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .brand-area .slider .photo {
  width: 120px;
  float: left;
  margin-right: 20px;
}

#list-2016 .content .brand-area .slider .info {
  width: 166px;
  float: left;
  height: 120px;
  position: relative;
  line-height: 1.9em;
  font-size: 14px;
}

#list-2016 .content .brand-area .slider .date {
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: 0;
}

#list-2016 .content .brand-area .slider .slick-prev {
  position: absolute;
  top: 60px;
  left: -18px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .brand-area .slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .brand-area .slider .slick-next {
  position: absolute;
  top: 60px;
  right: -18px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .brand-area .slider .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .title {
  font-size: 24px;
  padding-bottom: 28px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dddddd;
}

#list-2016 .content .top-news {
  *zoom: 1;
  margin-bottom: 33px;
}

#list-2016 .content .top-news:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .top-news li {
  width: 488px;
  float: right;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .top-news li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .top-news li:first-child {
  float: left;
}

#list-2016 .content .top-news img {
  margin-bottom: 15px;
}

#list-2016 .content .top-news p {
  font-size: 16px;
  text-align: center;
}

#list-2016 .content .narrow-search {
  margin-bottom: 40px;
  background: #f5f5f5;
  padding: 24px 0 24px 0;
  height: 90px;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .content .narrow-search.open {
  height: 534px;
}

#list-2016 .content .narrow-search.open .title-area p {
  background: url("/web/default/es_images/list/btn_narrow_search_up.gif") left top no-repeat;
}

#list-2016 .content .narrow-search.open .closed-area {
  display: none;
}

#list-2016 .content .narrow-search .inner {
  width: 936px;
  margin: 0 auto;
  *zoom: 1;
}

#list-2016 .content .narrow-search .inner:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .title-area {
  padding-bottom: 12px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 33px;
  *zoom: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .content .narrow-search .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .title-area:hover {
  cursor: pointer;
  color:#000;
  border-bottom: 1px solid #000;
}

#list-2016 .content .narrow-search .title-area h3 {
  float: left;
  display: block;
}

#list-2016 .content .narrow-search .title-area p {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: url("/web/default/es_images/list/btn_narrow_search.gif") left top no-repeat;
  text-indent: -9999px;
  margin-right: 5px;
}

#list-2016 .content .narrow-search .title-area p:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search h3 {
  font-size: 20px;
}

#list-2016 .content .narrow-search .closed-area {
  *zoom: 1;
  margin: -17px auto 0 auto;
/*  width: 936px;*/
padding:10px;
width:912px;}



#list-2016 .content .narrow-search ul.on{
border:2px solid #999;}


#list-2016 .content .narrow-search .closed-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .closed-area li {
  float: left;
  margin-right: 25px;
}

#list-2016 .content .narrow-search .closed-area dl {
  *zoom: 1;
}

#list-2016 .content .narrow-search .closed-area dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .closed-area dt {
  float: left;
  padding-right: 4px;
}

#list-2016 .content .narrow-search .closed-area dd {
font-size:105%;
  float: left;
  font-weight: bold;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .narrow-search .closed-area dd:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .narrow-search .closed-area dd:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .closed-area dd img {
  padding-bottom: 4px;
  padding-left: 4px;
  margin-right: 8px;
width:13px; height:13px;}

#list-2016 .content .narrow-search .box {
  width: 204px;
  float: left;
  margin-left: 37px;
}

#list-2016 .content .narrow-search .first-box {
  margin-left: 0;
}

#list-2016 .content .narrow-search .brand-category {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  float: left;
}

#list-2016 .content .narrow-search .brand-category:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .narrow-search .brand-category-clear {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  float: right;
}

#list-2016 .content .narrow-search .brand-category-clear:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .narrow-search .detail {
  font-size: 12px;
  margin-bottom: 30px;
  *zoom: 1;
}

#list-2016 .content .narrow-search .detail:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .detail h4 {
  font-size: 15px;
  padding-bottom: 4px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 10px;
}

#list-2016 .content .narrow-search .type ul {
  *zoom: 1;
}

#list-2016 .content .narrow-search .type ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .type ul li {
  padding-left: 16px;
  float: left;
  margin-right: 19px;
  background: url("/web/default/es_images/list/btn_check_circle_off.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 .content .narrow-search .type ul li.on, #list-2016 .content .narrow-search .type ul li:hover {
  background: url("/web/default/es_images/list/btn_check_circle_on.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 .content .narrow-search .type ul li:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .category {
  display: none;
}

#list-2016 .content .narrow-search .brand ul, #list-2016 .content .narrow-search .category ul {
  height: 184px;
  overflow: scroll;
  margin-bottom: 10px;
}

#list-2016 .content .narrow-search .brand ul li, #list-2016 .content .narrow-search .category ul li {
  margin-bottom: 4px;
  padding-left: 24px;
  background: url("/web/default/es_images/list/btn_check_off.png") no-repeat;
  background-position: 0 2px;
}

#list-2016 .content .narrow-search .brand ul li.on, #list-2016 .content .narrow-search .brand ul li:hover, #list-2016 .content .narrow-search .category ul li.on, #list-2016 .content .narrow-search .category ul li:hover {
  background: url("/web/default/es_images/list/btn_check_on.png") no-repeat;
  background-position: 0 2px;
}

#list-2016 .content .narrow-search .brand ul li:hover, #list-2016 .content .narrow-search .category ul li:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .color ul, #list-2016 .content .narrow-search .pattern ul {
  *zoom: 1;
}

#list-2016 .content .narrow-search .color ul:after, #list-2016 .content .narrow-search .pattern ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .color li, #list-2016 .content .narrow-search .pattern li {
  float: left;
  width: 19px;
  margin-left: 7px;
  margin-bottom: 8px;
  position: relative;
  line-height: 0;
}

#list-2016 .content .narrow-search .color li:first-child, #list-2016 .content .narrow-search .color li:nth-child(9), #list-2016 .content .narrow-search .color li:nth-child(17), #list-2016 .content .narrow-search .pattern li:first-child, #list-2016 .content .narrow-search .pattern li:nth-child(9), #list-2016 .content .narrow-search .pattern li:nth-child(17) {
  margin-left: 0;
  clear: both;
}

#list-2016 .content .narrow-search .color li.on:after, #list-2016 .content .narrow-search .pattern li.on:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #000;
}

#list-2016 .content .narrow-search .color li:hover, #list-2016 .content .narrow-search .pattern li:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .color li:hover:after, #list-2016 .content .narrow-search .pattern li:hover:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #000;
}

#list-2016 .content .narrow-search .status ul, #list-2016 .content .narrow-search .stock ul {
  *zoom: 1;
}

#list-2016 .content .narrow-search .status ul:after, #list-2016 .content .narrow-search .stock ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .status ul li, #list-2016 .content .narrow-search .stock ul li {
  padding-left: 16px;
  float: left;
  margin-bottom: 6px;
  margin-right: 19px;
  background: url("/web/default/es_images/list/btn_check_circle_off.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 .content .narrow-search .status ul li.on, #list-2016 .content .narrow-search .status ul li:hover, #list-2016 .content .narrow-search .stock ul li.on, #list-2016 .content .narrow-search .stock ul li:hover {
  background: url("/web/default/es_images/list/btn_check_circle_on.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 .content .narrow-search .status ul li:hover, #list-2016 .content .narrow-search .stock ul li:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .size dl {
  *zoom: 1;
}

#list-2016 .content .narrow-search .size dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .size dt {
  margin-bottom: 4px;
}

#list-2016 .content .narrow-search .size dd {
  margin-bottom: 10px;
  float: left;
  margin-left: 14px;
  width: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  text-align: center;
  padding: 4px 0;
  letter-spacing: -0.1em;
}

#list-2016 .content .narrow-search .size dd.first-box {
  margin-left: 0;
}

#list-2016 .content .narrow-search .size dd:hover, #list-2016 .content .narrow-search .size dd.on, #list-2016 .content .narrow-search .size dd.on:hover {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

#list-2016 .content .narrow-search .price .price-box {
  position: relative;}

#list-2016 .content .narrow-search .price .price-box .errMsg{
    font-size: 11px;
    color: #f00;
}


/* DIS mod. */
#list-2016 .content .narrow-search .price #jquery-ui-slider
, #list-2016 .content .narrow-search .price #jquery-ui-slider_first
, #list-2016 .content .narrow-search .price #jquery-ui-slider_second {
  border: none;
  background: #cccccc;
  color: #333333;
  margin-top: 19px;
  margin-bottom: 17px;
}

#list-2016 .content .narrow-search .price .ui-corner-all {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

#list-2016 .content .narrow-search .price .ui-slider-horizontal {
  height: 4px;
}

#list-2016 .content .narrow-search .price .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.2em;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #000000;
}

#list-2016 .content .narrow-search .price .ui-slider-handle {
  width: 12px;
  height: 12px;
  background: url("/web/default/es_images/list/btn_slider_point.png") center center no-repeat;
  border: none;
}

#list-2016 .content .narrow-search .price .ui-slider-handle:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .price .ui-slider-handle:focus {
  outline: 0;
}

#list-2016 .content .narrow-search .price .line {
  position: absolute;
  top: 15px;
  left: 98px;
  height: 1px;
  width: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #aaaaaa;
}

#list-2016 .content .narrow-search .price ul {
  *zoom: 1;
}

#list-2016 .content .narrow-search .price ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .price li {
  float: right;
}

#list-2016 .content .narrow-search .price li:first-child {
  float: left;
}

#list-2016 .content .narrow-search .price li input {
  text-align: center;
  background: #f5f5f5;
  width: 92px;
  border: 1px solid #aaaaaa;
  padding: 5px 0;
}

#list-2016 .content .narrow-search .price li input:focus {
  outline: 0;
}

#list-2016 .content .narrow-search .price li input:hover {
  cursor: pointer;
}

#list-2016 .content .narrow-search .btn-area {
  clear: both;
  border-top: 1px solid #aaaaaa;
  padding-top: 20px;
}

#list-2016 .content .narrow-search .btn-area ul {
  *zoom: 1;
  width: 234px;
  margin: 0 auto;
}

#list-2016 .content .narrow-search .btn-area ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .narrow-search .btn-area li {
  width: 108px;
  float: right;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .narrow-search .btn-area li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .narrow-search .btn-area li:first-child {
  float: left;
  margin-right: 18px;
}

#list-2016 .content .sort-area {
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 30px;
  margin-bottom: 40px;
  margin-top: 57px;
  font-size: 12px;
  position: relative;
  *zoom: 1;
}

#list-2016 .content .sort-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .sort-area .inner {
  position: absolute;
  top: 0;
  left: 0;
}


#list-2016 .content .sort-area dl {
  *zoom: 1;
  float: left;
}

#list-2016 .content .sort-area dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .sort-area dt, 
#list-2016 .content .sort-area dd {
  float: left;}


#list-2016 .content .sort-area dd {
  font-weight: bold;}

#list-2016 .content .sort-area dd > ul > li {
position:relative;}

#list-2016 .content .sort-area dd ul a {
  display: block;}

#list-2016 .content .sort-area dd ul ul {
  display: none;
  background: #f5f5f5;
  z-index: 10;
position:absolute;}



#list-2016 .content .sort-area dt{width:60px;}

#list-2016 .content .sort-area dd > ul > li {
padding-left:10px;
width:120px;}

#list-2016 .content .sort-area dd ul ul {
width:170px;
left:-60px;}


#list-2016 .content .sort-area .number dd > ul > li {
width:80px;}
#list-2016 .content .sort-area .number dd ul ul {
width:130px;
left:-60px;}

#list-2016 .content .sort-area .image dt{width:75px;}
#list-2016 .content .sort-area .image dd > ul > li {
width:80px;}
#list-2016 .content .sort-area .image dd ul ul {
width:130px;
left:-75px;}


#list-2016 .content .sort-area dd ul ul > li {
text-align:right;
padding:5px 20px 5px 5px;}

#list-2016 .content .sort-area dd ul ul li:hover {
  background: #444444;
}

#list-2016 .content .sort-area dd ul ul li:hover a {
  color: #ffffff;
}

/*
#list-2016 .content .sort-area dd ul li {
  padding-bottom: 2px;
}

#list-2016 .content .sort-area dd ul > li:hover {
  cursor: pointer;}
*/

#list-2016 .content .sort-area .down {
  display: inline-block;
  width: 20px;
  height: 14px;
  background: url("/web/default/es_images/list/btn_catedory_arrow.gif") no-repeat;
  background-position: top 5px left 10px;
}

#list-2016 .content .item-list-area ul {
  *zoom: 1;
}

#list-2016 .content .item-list-area ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .item-list-area .more {
  width: 156px;
  margin: 0 auto;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .item-list-area .more:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .item-list-area .new-item {
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list-2016 .content .item-list-area .new-item a p{
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

#list-2016 .content .item-list-area .new-item a p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#list-2016 .content .item-list-area .new-item .label {
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 5;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10px;}


#list-2016 .content .item-list-area.s-size .label{
/*display:none!important;*/
position:absolute;
top:-20px;}


#list-2016 .content .item-list-area .new-item .label span {
  padding: 2px 8px;
  display: inline-block;
}

#list-2016 .content .item-list-area .new-item .black {
  background: #000000;
  color: #ffffff;
}

#list-2016 .content .item-list-area .new-item .gray {
  background: #666666;
  color: #ffffff;
}

#list-2016 .content .item-list-area .new-item .white {
  padding: 1px 7px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
}

.category-rank ul,
.ranking ul,
#list-2016 .content .item-list-area .new-item ul {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-rank ul li.view,
.ranking ul li.view,
.item-list-area .new-item ul li {
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.category-rank ul li.view,
.ranking ul li.view{margin:10px 0;padding:3px 0;}

.category-rank ul li.view,
.ranking ul li.view,
#list-2016 .content .item-list-area .new-item ul li:hover {
  cursor: pointer;}

.category-rank ul li.view,
.ranking ul li.view,
#top-2016 .content ul.items .ranking-item li.fav,
#top-2016 .content ul.items .ranking-item li.view,
#list-2016 .content .item-list-area .new-item ul li.fav,
#list-2016 .content .item-list-area .new-item ul li.view{
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;}


.category-rank ul li.view:hover,
.ranking ul li.view:hover,
#list-2016 .content .item-list-area .new-item ul li.view:hover {
  background:#000;
  color: #fff;}

#top-2016 .content ul.items .ranking-item li.fav:hover,
#list-2016 .content .item-list-area .new-item ul li.fav:hover {
  background:#000;}


#list-2016 .content .item-list-area .new-item ul .fav {
  color: #ffffff;
  background: #aaaaaa;
  position: relative;
}

#list-2016 .content .item-list-area .new-item ul .fav p {
  text-align: center;
  vertical-align: middle;
}

#list-2016 .content .item-list-area .new-item ul .fav .done {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .content .item-list-area .new-item ul .fav .done.on {
  opacity: 1;
  filter: alpha(opacity=100);
}


.category-rank ul li.view,
.ranking ul li.view {
  border: 1px solid #bbbbbb;
}

.item-list-area .new-item ul li.view {
  border: 1px solid #bbbbbb;
}

#list-2016 .content .item-list-area .new-item p {
  font-size: 14px;
}

#list-2016 .content .item-list-area .new-item .brandname {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
  margin-top: 11px;
  margin-bottom: 4px;
  font-weight: bold;
font-family:'Jost'!important;
}

#list-2016 .content .item-list-area .new-item .brandname a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .item-list-area .new-item .brandname a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .item-list-area .new-item .color {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#list-2016 .content .item-list-area .new-item .itemname {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#list-2016 .content .item-list-area .new-item .itemname a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .item-list-area .new-item .itemname a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .item-list-area .new-item .genre {
  margin: 4px 0;
}

#list-2016 .content .item-list-area .new-item .price .stock{
/*  margin-top: 4px;*/
float:right;
color:#000;
text-decoration:none;
}

#list-2016 .content .item-list-area .new-item .price.off, #content table.cmnTable tbody .price.off {
  color: #cccccc;
  text-decoration: line-through;
}

#list-2016 .content .item-list-area .new-item .sale, #content table.cmnTable tbody .sale {
  color: #e70a1a;
  margin-top: -255px;
}

#list-2016 .content .item-list-area .new-item .photo a:hover {
  opacity: 1;
}

#list-2016 .content .item-list-area .new-item .photo a:hover img {
  opacity: 1;
}

#list-2016 .content .item-list-area .new-item .photo:hover {
  cursor: pointer;
}

#list-2016 .content .item-list-area .new-item .photo-area {
  position: relative;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  border: 1px solid #ffffff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list-2016 .content .item-list-area .new-item .photo-area .photo {
  background-color: #fff;
}

#list-2016 .content .item-list-area .new-item .hover-area, #list-2016 .content .item-list-area .new-item .d-cart-area {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .content .item-list-area .new-item.on {
  z-index: 40;
}

#list-2016 .content .item-list-area .new-item.on .label {
  z-index: 50;
}

#list-2016 .content .item-list-area .new-item.on .photo-area {
  z-index: 40;
  border: 1px solid #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#list-2016 .content .item-list-area .d-cart-area, #list-2016 .content .item-list-area .hover-area {
  max-height: 341px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  padding: 15px 0;
  background: #333333;
  z-index: -2;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #ffffff;
}

#list-2016 .content .item-list-area .d-cart-area.on, #list-2016 .content .item-list-area .hover-area.on {
  z-index: 30 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}

#list-2016 .content .item-list-area .d-cart-area .item-name, #list-2016 .content .item-list-area .hover-area .item-name {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ffffff;
}

#list-2016 .content .item-list-area .d-cart-area .item-name p, #list-2016 .content .item-list-area .hover-area .item-name p {
  font-size: 14px;
  width: 190px;
  margin: 0 auto;
}

#list-2016 .content .item-list-area .d-cart-area .text-area, #list-2016 .content .item-list-area .hover-area .text-area {
  position: relative;
  width: 224px;
  height: 24px;
}

#list-2016 .content .item-list-area .d-cart-area .lead, #list-2016 .content .item-list-area .hover-area .lead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}

#list-2016 .content .item-list-area .d-cart-area .announce, #list-2016 .content .item-list-area .hover-area .announce {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  color: #e70a1a;
  opacity: 0;
  filter: alpha(opacity=0);
}

#list-2016 .content .item-list-area .d-cart-area dl, #list-2016 .content .item-list-area .hover-area dl {
  *zoom: 1;
  width: 184px;
  height: 250px;
/*  overflow: scroll;*/
  margin: 0 auto;
}

#list-2016 .content .item-list-area .d-cart-area dl:after, #list-2016 .content .item-list-area .hover-area dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .item-list-area .d-cart-area dd, #list-2016 .content .item-list-area .hover-area dd {
  float: right;
/*  width: 85px;*/
  width: 80px;
  margin-bottom: 5px;
  display: table;
}

#list-2016 .content .item-list-area .d-cart-area dd p, #list-2016 .content .item-list-area .hover-area dd p {
  display: inline;
}

#list-2016 .content .item-list-area .d-cart-area dd:nth-child(even), #list-2016 .content .item-list-area .hover-area dd:nth-child(even) {
  float: left;
  clear: both;
}

#list-2016 .content .item-list-area .d-cart-area #cart, 
#list-2016 .content .item-list-area .hover-area #cart {
position:relative;
}

#list-2016 .content .item-list-area .d-cart-area .size-box, #list-2016 .content .item-list-area .hover-area .size-box {
  height: 33px;
  display: table-cell;
  float: left;
  width: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 4px 0;
  color:#fff;
font-size:90%;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
line-height: 1.1em;
}

#list-2016 .content .item-list-area .d-cart-area .size-box.on, #list-2016 .content .item-list-area .d-cart-area .size-box:hover, #list-2016 .content .item-list-area .d-cart-area .size-box.on:hover, #list-2016 .content .item-list-area .hover-area .size-box.on, #list-2016 .content .item-list-area .hover-area .size-box:hover, #list-2016 .content .item-list-area .hover-area .size-box.on:hover {
  background: #ffffff;
  color: #000000;
  cursor: pointer;
}

#list-2016 .content .item-list-area .d-cart-area .uketuke, 
#list-2016 .content .item-list-area .hover-area .uketuke,
#list-2016 .content .item-list-area .d-cart-area .stock-num, 
#list-2016 .content .item-list-area .hover-area .stock-num {
  height: 33px;
  display: table-cell;
  vertical-align: middle;
font-size:80%;
}



#list-2016 .content .item-list-area .d-cart-area dt, #list-2016 .content .item-list-area .hover-area dt {
  margin-bottom: 2px;
}

#list-2016 .content .item-list-area .hover-area .text-area {
  height: 48px;
  line-height: 20px;
}

#list-2016 .content .item-list-area .hover-area dl {
  height: 230px !important;
}

#list-2016 .content .info-box {
  position: relative;
  width: 171px;
  margin-right: 40px;
}

#list-2016 .content .info-box a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .info-box a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .info-box.l-box {
  width: 214px;
}

#list-2016 .content .info-box .num {
/*
  z-index: 5;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #000000;
  color: #ffffff;
  position: absolute;
  right: -10px;
  top: 0;
  text-align: center;
  display: table;
*/
  z-index: 5;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  top: 8px;
  text-align: center;
  font-size: 14px;
font-family:'Jost';font-weight:600;font-style:italic;
}

#list-2016 .content .info-box .num span {
/*
  display: table-cell;
  vertical-align: middle;
  height: 36px;
  line-height: 1em;
  font-size: 20px;
*/
  height: 36px;
  line-height: 1em;
  font-size: 20px;
}

#list-2016 .content .info-box .num1 {
  background: #bb9a49;
}

#list-2016 .content .info-box .num2 {
  background: #b0b0b0;
}

#list-2016 .content .info-box .num3 {
  background: #b36441;
}

#list-2016 .content .info-box .label {
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 5;
  position: absolute;
  top: 10px;
  left: 0;
  font-size: 10px;
}

#list-2016 .content .info-box .label span {
  padding: 2px 8px;
  display: inline-block;
}

#list-2016 .content .info-box .black {
  background: #000000;
  color: #ffffff;
}

#list-2016 .content .info-box .gray {
  background: #666666;
  color: #ffffff;
}

#list-2016 .content .info-box .white {
  padding: 1px 7px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
}

#list-2016 .content .info-box .photo {
  margin-top: 10px;
  margin-bottom: 14px;
}

#list-2016 .content .info-box p {
  font-size: 14px;
}

#list-2016 .content .info-box .brandname {
  font-weight: bold;
  margin-bottom: 2px;
}

#list-2016 .content .info-box .itemname {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

#list-2016 .content .info-box .price.off {
  color: #cccccc;
  text-decoration: line-through;
}

#list-2016 .content .info-box .price .stock{
  color: #494949;
  text-decoration:none;
float:right;
}

#list-2016 .content .info-box .sale {
  color: #e70a1a;
}

#list-2016 .content .pageing-area {
  border-top: 1px solid #dddddd;
  padding-top: 36px;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  font-size: 14px;
  line-height: 14px;
}

#list-2016 .content .pageing-area .arrow-back {
  height: 14px;
  position: absolute;
  left: 0;
  top: 50px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .pageing-area .arrow-back:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .pageing-area .arrow-back img {
  padding-right: 6px;
  padding-bottom: 2px;
}

#list-2016 .content .pageing-area .arrow-next {
  height: 14px;
  position: absolute;
  right: 0;
  top: 50px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .pageing-area .arrow-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .pageing-area .arrow-next img {
  padding-left: 6px;
  padding-bottom: 2px;
}

#list-2016 .content .pageing-area ul {
  text-align: center;
  margin: 0 auto 6px auto;
}

#list-2016 .content .pageing-area ul li a {
  width: 35px;
  height: 35px;
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
}

#list-2016 .content .pageing-area ul li {
  display: inline-block;
  border-spacing: 4px;
}

#list-2016 .content .pageing-area ul li.skip {
  vertical-align: middle;
  margin-top: -24px;
}

#list-2016 .content .pageing-area ul li.on a, #list-2016 .content .pageing-area ul li:hover a, #list-2016 .content .pageing-area ul li.on:hover a {
  background: #000000;
  color: #ffffff;
}

#list-2016 .content .pageing-area p {
  font-size: 11px;
  text-align: center;
}
#list-2016 .include > p{
    text-align: right;
    margin-bottom: 10px;}

#list-2016 .include li p,
#list-2016 .include p.lead{
    text-align: left;
    margin-bottom: 0;}

#list-2016 .include .brand-area + p{
  text-align: center;
  margin-top: -45px;
  margin-bottom: 50px;}
#list-2016 .content .category-rank {
  position: relative;
  padding-bottom: 55px;
  padding-top: 3px;
  border-bottom: 1px solid #dddddd;
}

#list-2016 .content .category-rank h3 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.04em;
}

#list-2016 .content .category-rank .slick-prev {
  position: absolute;
  top: 180px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
}

#list-2016 .content .category-rank .slick-prev:hover {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  cursor: pointer;
}

#list-2016 .content .category-rank .slick-prev:hover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .category-rank .slick-next {
  position: absolute;
  top: 180px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
}

#list-2016 .content .category-rank .slick-next:hover {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  cursor: pointer;
}

#list-2016 .content .category-rank .slick-next:hover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .category-rank h3 {
  margin-bottom: 10px;
}

#list-2016 .content .category-rank .slick-prev, #list-2016 .content .category-rank .slick-next {
  top: 160px;
}

#list-2016 .content .category-rank .slider {
  height: 412px;
}

#list-2016 .content .category-rank .more {
/*
  text-align: right;
  font-size: 14px;
  margin-right: 30px;
*/
  line-height: 1em;
  display: table;
  margin: 0 30px 5px auto;
  font-size: 14px;
  text-indent: -8px;
}

#list-2016 .content .category-rank .more a {
/*
  color: #333333;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
*/
  text-indent: 0;
  width: 90px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  background: url("/web/default/es_images/top/btn_arrow_black.png") 80px center no-repeat;
  color: #333333;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #aaaaaa;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .category-rank .more a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .brand-item-category {
  background: #f5f5f5;
  padding: 40px 0;
  margin-bottom: 80px;
}

#list-2016 .content .brand-item-category .inner {
  width: 936px;
  margin: 0 auto;}

#list-2016 .content .brand-item-category .inner a {
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .content .brand-item-category .inner a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}



#list-2016 .content .brand-item-category h3 {
  font-size: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 10px;}

#list-2016 .brand-item-category h4 {
  margin-top: 15px;
font-family: 'Jost';
font-weight:bold;}

#list-2016 .brand-item-category ul li {
  float: left;
  margin:2px 4px 3px 0;}
#list-2016 .brand-item-category ul li:before{
content:"/ ";}
#list-2016 .brand-item-category ul li:first-child:before{
content:"";}

#list-2016 .brand-item-category ul:after {
  content: "";
  display: block;
  clear: both;}

#list-2016 .content .brand-item-category a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

/*
#list-2016 .content .brand-item-category ul {
}

#list-2016 .content .brand-item-category ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 .content .brand-item-category ul li {
  float: left;padding-left:2px;
}



#list-2016 .content .brand-item-category a li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .content .brand-item-category ul a.cat1 li{
  margin-top: 10px;
  width: 90px;
  font-weight: bold;
}


#list-2016 .content .brand-item-category ul a.cat1:before {
  content: "";
  display: block;
  clear: both;}
*/

/*----------------------
    PC list 画像大ここから
----------------------*/
#list-2016 .main-area .item-list-area.l-size li:nth-child(4n) {
  margin-right: 0;
}

#list-2016 .main-area .item-list-area.l-size li:nth-child(5) {
  clear: both;
}

#list-2016 .main-area .item-list-area.l-size .new-item {
  width: 226px;
  margin-right: 37px;
  margin-bottom: 38px;
}

#list-2016 .main-area .item-list-area.l-size .new-item .photo-area {
  width: 226px;
}

#list-2016 .main-area .item-list-area.l-size .new-item .photo-area .photo {
  background-color: #fff;
}

#list-2016 .main-area .item-list-area.l-size .new-item.on .photo-area {
  width: 226px;
}

#list-2016 .main-area .item-list-area.l-size .new-item ul {
  display: table;
  width: 224px;
}

#list-2016 .main-area .item-list-area.l-size .new-item ul li {
  height: 24px;
  width: 112px;
  display: table-cell;
  font-size: 11px;
}

#list-2016 .main-area .item-list-area.l-size .new-item ul .fav {
  position: relative;
  width: 112px;
  height: 24px;
}

#list-2016 .main-area .item-list-area.l-size .new-item ul .fav p {
  width: 112px;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 11px;
}

#list-2016 .main-area .item-list-area.l-size .new-item ul .fav .done {
  top: 0;
  background: url("/web/default/es_images/list/bg_fav_check.png") left center no-repeat #444444;
  height: 21px;
  padding-top: 3px;
  padding-left: 14px;
  width: 98px;
}

#list-2016 .main-area .item-list-area.l-size .new-item .brandname {
  margin-top: 14px;
  margin-bottom: 2px;
}

#list-2016 .main-area .item-list-area.l-size .new-item .itemname, #list-2016 .main-area .item-list-area.l-size .new-item .genre, #list-2016 .main-area .item-list-area.l-size .new-item .color {
  margin: 0;
}

#list-2016 .main-area .item-list-area.l-size .hover-area, #list-2016 .main-area .item-list-area.l-size .d-cart-area {
  top: 0;
  left: -224px;
  width: 224px;
  z-index: -2;
  height: 332px;
}

/*----------------------
    PC list 画像小ここから
----------------------*/
#list-2016 .main-area .item-list-area.s-size .new-item {
  width: 110px;
  margin-right: 19px;
  margin-bottom: 39px;
}

/*#list-2016 .main-area .item-list-area.s-size .new-item:nth-child(8), #list-2016 .main-area .item-list-area.s-size .new-item:nth-child(16), #list-2016 .main-area .item-list-area.s-size .new-item:nth-child(24) {*/
#list-2016 .main-area .item-list-area.s-size .new-item:nth-child(8n) {
  margin-right: 0;
}

#list-2016 .main-area .item-list-area.s-size .new-item:nth-child(9), #list-2016 .main-area .item-list-area.s-size .new-item:nth-child(17) {
  clear: both;
}

#list-2016 .main-area .item-list-area.s-size .new-item ul {
  background: #ffffff;
}

#list-2016 .main-area .item-list-area.s-size .new-item .fav {
  height: 20px;
}

#list-2016 .main-area .item-list-area.s-size .new-item .fav p {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 11px;
}

#list-2016 .main-area .item-list-area.s-size .new-item .fav .done {
  background: #000000;
}

#list-2016 .main-area .item-list-area.s-size .new-item .brandname, #list-2016 .main-area .item-list-area.s-size .new-item .itemname, #list-2016 .main-area .item-list-area.s-size .new-item .genre, #list-2016 .main-area .item-list-area.s-size .new-item .color, #list-2016 .main-area .item-list-area.s-size .new-item .price, #list-2016 .main-area .item-list-area.s-size .new-item .sale, #list-2016 .main-area .item-list-area.s-size .new-item span {
  font-size: 11px;
  z-index: 2;
  position: relative;
}

#list-2016 .main-area .item-list-area.s-size .new-item .label span {
  font-size: 10px;
}

#list-2016 .main-area .item-list-area.s-size .new-item .photo a {
  width: 100%;
  display: block;
}

#list-2016 .main-area .item-list-area.s-size .new-item .photo img {
  max-width: 77px;
  max-height: 115px;
  display: block;
  margin: 0 auto;
}

#list-2016 .main-area .item-list-area.s-size .hover-area, #list-2016 .main-area .item-list-area.s-size .d-cart-area {
  top: -214px;
  right: 0;
  width: 333px;
}

#list-2016 .main-area .item-list-area.s-size .hover-area .item-name p, #list-2016 .main-area .item-list-area.s-size .d-cart-area .item-name p {
  width: 300px;
  line-height: 22px;
}

#list-2016 .main-area .item-list-area.s-size .hover-area .text-area p, #list-2016 .main-area .item-list-area.s-size .d-cart-area .text-area p {
  text-align: left;
  left: 20px;
}

#list-2016 .main-area .item-list-area.s-size .hover-area dl, #list-2016 .main-area .item-list-area.s-size .d-cart-area dl {
  margin: 0 0 0 20px;
}

/*----------------------
    PC list 画像小ここまで
----------------------*/
@media (max-width: 1330px) {
  #list-2016 .nav1, #list-2016 .nav2, #list-2016 .nav3, #list-2016 .nav4, #list-2016 .nav6, #list-2016 .nav7, #detail-2016 .nav1, #detail-2016 .nav2, #detail-2016 .nav3, #detail-2016 .nav4, #detail-2016 .nav6, #detail-2016 .nav7 {
    font-size: 14px !important;
  }
}

@media (max-width: 1620px) {
  #list-2016 .nav1, #list-2016 .nav2, #list-2016 .nav3, #list-2016 .nav4, #list-2016 .nav6, #list-2016 .nav7, #detail-2016 .nav1, #detail-2016 .nav2, #detail-2016 .nav3, #detail-2016 .nav4, #detail-2016 .nav6, #detail-2016 .nav7 {
    font-size: 14px !important;
  }
}

/*----------------------
　コンテンツ別の設定値
----------------------*/
/*----------------------
  mixiin
----------------------*/
/*----------------------
    PC detailここから
----------------------*/
#detail-2016 {
  min-width: 1316px;
  margin: 0 auto;
  background: #ffffff;
}

#detail-2016 .nav-area {
  position: absolute !important;
  top: 48px !important;
/*  overflow-x: hidden;*/
  *zoom: 1;
}

#detail-2016 .nav-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .nav-area nav {
/*  width: 224px;*/
  top: 0 !important;
  display: none;
/*  background: #ffffff;*/
  padding-right: 17px;
/*  overflow-y: scroll;*/

}

#detail-2016 .nav-area nav .nav3 .nav-arrow {
  right: 13px;
  top: 5px;
}

#detail-2016 .nav-area nav .nav3 .clear {
  margin-left: -20px;
}

#detail-2016 .nav-area nav::-webkit-scrollbar {
  display: none;
}

#detail-2016 .detail-area {
  position: relative;
  width: 1280px;
  margin: 0 auto 12px;
  *zoom: 1;
}

#detail-2016 .detail-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .tab-menu-area {
  position: absolute;
  top: -48px;
  z-index: 20;
}

#detail-2016 .detail-area .menu img {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .menu img:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .pankuzu {
  display: table;
  padding-top: 20px;
  border-top: 1px solid #dddddd;
  font-size: 12px;
  margin-bottom: 70px;
  width: 100%;
  height: 12px;
}

#detail-2016 .detail-area .pankuzu p {
  display: table-cell;
  vertical-align: middle;
}

#detail-2016 .detail-area .pankuzu img {
  display: inline-block;
  margin: 0 10px;
  padding-bottom: 4px;
}

#detail-2016 .detail-area .pankuzu a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .pankuzu a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area {
  width: 620px;
  position: absolute;
  top: 120px;
  left: auto;
  z-index: 0;
}

#detail-2016 .detail-area .slider-area .inner {
  width: 620px;
  position: absolute;
  top: 0;
  left: 0;}

#detail-2016 .detail-area .slider-area .inner p{padding-top:20px;}


#detail-2016 .detail-area .slider-area #main-slider {
  width: 620px;
  text-align: center;
  margin-bottom: 20px;
}

#detail-2016 .detail-area .slider-area #main-slider li {
  width: 620px;
}

#detail-2016 .detail-area .slider-area #main-slider li img {
  margin: 0 auto;
  margin-bottom: 10px;
}

#detail-2016 .detail-area .slider-area #main-slider .slick-prev {
  position: absolute;
  top: 180px;
  left: 40px;
  width: 32px;
  height: 63px;
  background: url("/web/default/es_images/detail/btn_slider_prev.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area #main-slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area #main-slider .slick-next {
  position: absolute;
  top: 180px;
  right: 40px;
  width: 32px;
  height: 63px;
  background: url("/web/default/es_images/detail/btn_slider_next.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area #main-slider .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area #sub-slider .slick-prev {
  position: absolute;
  top: 40px;
  left: -20px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/detail/btn_slider_prev_s.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area #sub-slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area #sub-slider .slick-next {
  position: absolute;
  top: 40px;
  right: -20px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/detail/btn_slider_next_s.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area #sub-slider .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area #sub-slider li {
  position: relative;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area #sub-slider li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area #sub-slider li:focus {
  outline: none;
}
/*
#detail-2016 .detail-area .slider-area #sub-slider li.on:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 86px;
  height: 129px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #aaaaaa;}
*/
#detail-2016 .detail-area .slider-area #sub-slider li.slick-center img {
  border: 2px solid #aaaaaa;}




#detail-2016 .detail-area .info-area {
  width: 620px;
  float: right;
  *zoom: 1;
}

#detail-2016 .detail-area .info-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .info-area .brand {
  font-size: 16px;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;}

#detail-2016 .detail-area .info-area .brand a{
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

#detail-2016 .detail-area .info-area .brand a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}





#detail-2016 .detail-area .info-area .brand-fav-area {
  float: left;
  font-size: 12px;
  color: #ffffff;
  position: relative;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

#detail-2016 .detail-area .info-area .brand-fav-area:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .brand-fav-area p {
  position: absolute;
  top: 0;
  left: 0;
  background: #aaaaaa;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}


#detail-2016 .detail-area .info-area .brand-fav-area .brand-fav {
  padding: 2px 8px;
  width: 180px;
}

#detail-2016 .detail-area .info-area .brand-fav-area .brand-done {
background:none;
border:1px solid #333;
    color: #333;
  width: 100px;
  padding: 1px;
text-align:center;
}

/*
#detail-2016 .detail-area .info-area .brand-fav-area .brand-done:after {
  content: '';
  content: '';
  display: block;
  position: absolute;
  top: 7px;
  left: 5px;
  width: 13px;
  height: 9px;
  background: url(/web/default/es_images/detail/icon-check.png) top left no-repeat;
}*/

#detail-2016 .detail-area .info-area .brand-fav-area.on .brand-fav {
  opacity: 0;
}




#detail-2016 .detail-area .info-area h2 {
  clear: both;
  font-size: 24px;
  margin-bottom: 10px;
}

#detail-2016 .detail-area .info-area .label {
  display: inline-block;
  font-size: 10px;
  color: #ffffff;
  background: #000000;
  padding: 2px 8px;
  margin-bottom: 10px;
}

#detail-2016 .detail-area .info-area .price {
  font-size: 24px;
  margin-bottom: 2px;
}

#detail-2016 .detail-area .info-area .price .off {
  color: #cccccc;
  text-decoration: line-through;
padding-right:10px;
}

#detail-2016 .detail-area .info-area .price .sale {
  color: #e70a1a;
  margin-left: 2px;
}

#detail-2016 .detail-area .info-area .price .sale span {
  font-size: 14px;
}
#detail-2016 .detail-area .info-area .price .sale .tax span {
padding-left:10px;
}

#detail-2016 .detail-area .info-area .point {
  font-size: 16px;
  margin-bottom: 43px;
}

#detail-2016 .detail-area .info-area h3 {
  font-size: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .detail-area .info-area .color-list {
  margin-top: 20px;
  *zoom: 1;
  margin-bottom: 40px;
}

#detail-2016 .detail-area .info-area .color-list:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .info-area .color-list li {
  float: left;
  height:150px;
  width: 86px;
  margin-right: 20px;
  text-align: center;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  position: relative;
}

#detail-2016 .detail-area .info-area .color-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .color-list li img {
  margin-bottom: 5px;
}
#detail-2016 .detail-area .info-area .color-list li.on img{
  border: 2px solid #aaaaaa;}

#detail-2016 .detail-area .info-area .color-list li.on:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 86px;
  height: 129px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#detail-2016 .detail-area .info-area .size-list {
  margin-bottom: 14px;
}

#detail-2016 .detail-area .info-area .size-list li {
  padding: 5px 0;
  border-bottom: 1px solid #dddddd;
  display: table;
  width: 100%;
  table-layout: fixed;
}

#detail-2016 .detail-area .info-area .size-list .size-num, #detail-2016 .detail-area .info-area .size-list .stock, #detail-2016 .detail-area .info-area .size-list .date {
  vertical-align: middle;
  display: table-cell;
  text-align: center;
}

#detail-2016 .detail-area .info-area .size-list .size-num {
  font-size: 16px;
  width: 54px;
  line-height: 1.4em;
}

#detail-2016 .detail-area .info-area .size-list .size-num span {
  font-size: 12px;
}

#detail-2016 .detail-area .info-area .size-list .stock {
  width: 84px;
  font-size: 12px;
  padding-left: 26px;
}

#detail-2016 .detail-area .info-area .size-list .stock.red {
  color: #e60012;
}

#detail-2016 .detail-area .info-area .size-list .date {
  color: #e60012;
  font-size: 12px;
  width: 146px;
  margin-right: 38px;
}
#detail-2016 .detail-area .info-area .size-list .date span a{
text-decoration:underline;}

#light-box-contents .size-list .date .senchaku,
#detail-2016 .detail-area .info-area .size-list .date .senchaku{
display:block;}


#detail-2016 .detail-area .info-area .size-list .fav {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  width: 144px;
  height: 34px;
  background: url("/web/default/es_images/detail/btn_fav.gif") center left no-repeat;
  text-indent: -9999px;
  display: inline-block;
  margin: 0 10px 0 0;
/*  padding: 4px 0;*/
}

#detail-2016 .detail-area .info-area .size-list .fav:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .size-list .fav.on {
  background: url("/web/default/es_images/detail/btn_fav_done.gif") center left no-repeat;
}

#detail-2016 .detail-area .info-area .size-list .cart {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  width: 141px;
  height: 34px;
  background: url("/web/default/es_images/detail/btn_cart.gif") center left no-repeat;
  text-indent: -9999px;
  display: inline-block;
}

#detail-2016 .detail-area .info-area .size-list .cart:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .size-list .request {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  width: 144px;
  height: 34px;
  background: url("/web/default/es_images/detail/btn_request.gif") center left no-repeat;
  text-indent: -9999px;
  display: inline-block;
}

#detail-2016 .detail-area .info-area .size-list .request:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .size-list .item-request {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  width: 144px;
  height: 34px;
  background: url("/web/default/es_images/detail/btn_request2.gif") center left no-repeat;
  text-indent: -9999px;
  display: inline-block;
}

#detail-2016 .detail-area .info-area .size-list .item-request:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

/*
#detail-2016 .detail-area .info-area .attention {
  *zoom: 1;
  margin-bottom: 16px;
}*/

#detail-2016 .detail-area .info-area .attention:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .info-area .attention li {
  float: left;
  margin-right: 20px;
}

#detail-2016 .detail-area .info-area .attention li img {
  padding-bottom: 5px;
  padding-right: 6px;
}

#detail-2016 .detail-area .info-area .attention li a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .info-area .attention li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .info-area .item-num {
  margin: 30px 0;
  float: left;
}

#detail-2016 .detail-area .info-area .sns {
  float: right;
  *zoom: 1;
}

#detail-2016 .detail-area .info-area .sns:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .info-area .sns li {
  float: left;
  margin-left: 10px;
}

#detail-2016 .detail-area .info-area .sns li:first-child {
  margin-left: 0;
}

#detail-2016 .detail-area .description .title-area {
  *zoom: 1;
  padding-bottom: 10px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 13px;
}

#detail-2016 .detail-area .description .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .description .title-area h2 {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  letter-spacing: 0.04em;
}

#detail-2016 .detail-area .description .title-area p {
  font-size: 12px;
  float: left;
  padding-top: 10px;
}

#detail-2016 .detail-area .description .title-area img {
  float: right;
  padding-top: 15px;
  width: 19px;
}

#detail-2016 .detail-area .description .lead {
  font-size: 20px;
  margin-bottom: 4px;
}

#detail-2016 .detail-area .description .text {
  font-size: 14px;
  margin-bottom: 25px;
  line-height: 28px;
}

#detail-2016 .detail-area .description .attention {
  font-size: 12px;
  color: #e60012;
/*
  line-height: 24px;
  margin-bottom: 37px;
*/

  margin:10px 0;


}

#detail-2016 .detail-area .description .buyer {
  position: relative;
  border: 1px solid #bbb;
  padding: 23px 0;
  margin-bottom: 16px;
  margin-top: 40px;
}

#detail-2016 .detail-area .description .buyer h3 {
  border: none;
  position: absolute;
  top: -22px;
  left: 240px;
}

#detail-2016 .detail-area .description .buyer p {
  width: 562px;
  margin: 0 auto;
  font-size: 14px;
  line-height: 28px;
  letter-spacing: -0.1em;
}

#detail-2016 .detail-area .description dl {
  *zoom: 1;
  padding-top: 35px;
  margin-bottom: 45px;
}

#detail-2016 .detail-area .description dl:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .description dt {
  font-weight: bold;
  float: left;
  margin-right: 10px;
}

#detail-2016 .detail-area .description dd {
  float: left;
}

#detail-2016 .detail-area .description dd img {
  padding: 0 8px 5px 8px;
}

#detail-2016 .detail-area .description dd a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .description dd a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .size-guide {
  *zoom: 1;
}

#detail-2016 .detail-area .size-guide:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .size-guide .title-area {
  *zoom: 1;
}

#detail-2016 .detail-area .size-guide .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .size-guide .title-area h2 {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  letter-spacing: 0.04em;
}

#detail-2016 .detail-area .size-guide .title-area p {
  font-size: 12px;
  float: left;
  padding-top: 10px;
}

#detail-2016 .detail-area .size-guide .title-area img {
  float: right;
  padding-top: 15px;
  width: 19px;
}

#detail-2016 .detail-area .size-guide .list > li {
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .detail-area .size-guide .list > li:first-child, 
#detail-2016 .detail-area .size-guide .list > li:last-child {
  border: none;
}

#detail-2016 .detail-area .size-guide .list ul {
  display: table;
  height: 40px;
}

#detail-2016 .detail-area .size-guide .list ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 68px;
}

#detail-2016 .detail-area .size-guide .list .title {
  background: #f5f5f5;
}

#detail-2016 .detail-area .size-guide .list .l-size {
  font-size: 16px;
}

#detail-2016 .detail-area .size-guide h4 {
  background: #f5f5f5;
  font-size: 12px;
  padding: 10px 0 10px 20px;
}

#detail-2016 .detail-area .size-guide .same-list {
  display: table;
  height: 125px;
  width: 620px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 17px;
}

#detail-2016 .detail-area .size-guide .same-list li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 68px;
}

#detail-2016 .detail-area .size-guide .same-list .photo {
  background: url("/web/default/es_images/detail/_photo_size.jpg") left top no-repeat;
  -webkit-background-size: 48px auto;
  background-size: 48px auto;
  width: 48px;
  height: 72px;
  margin: 0 auto 4px auto;
}

#detail-2016 .detail-area .size-guide .same-list p {
  font-size: 16px;
}

#detail-2016 .detail-area .size-guide .attention {
  float: left;
  margin:15px 0 45px;
}

#detail-2016 .detail-area .size-guide .cm {
  float: right;
  padding-top:15px;
}


#detail-2016 .detail-area .size-guide ul.list > li:first-child{
    background: #f5f5f5;}

#detail-2016 .detail-area .size-guide ul.compare > li:first-child{
border-bottom: 1px solid #dddddd;
    background: none;}

#detail-2016 .detail-area .size-guide ul.compare .photo{
width:68px;
text-align:center;}
#detail-2016 .detail-area .size-guide ul.compare .photo img{
width:48px;}

#detail-2016 .detail-area .size-guide ul.compare li div p{color:#000;}
#detail-2016 .detail-area .size-guide ul.compare li div{color:#999;padding:10px 0;}


#detail-2016 .detail-area .care-guide .title-area {
  *zoom: 1;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .detail-area .care-guide .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .care-guide .title-area h2 {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  letter-spacing: 0.04em;
}

#detail-2016 .detail-area .care-guide .title-area p {
  font-size: 12px;
  float: left;
  padding-top: 10px;
}

#detail-2016 .detail-area .care-guide .title-area img {
  float: right;
  padding-top: 15px;
  width: 19px;
}

#detail-2016 .detail-area .care-guide .list li {
  *zoom: 1;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .detail-area .care-guide .list li:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .detail-area .care-guide .list .title {
  width: 80px;
  float: left;
padding-left: 15px;
}

#detail-2016 .detail-area .care-guide .list .data {
  float: left;
width: 520px;
}

#detail-2016 .content {
  padding-top: 38px;
}

#detail-2016 .content .recommend .title-area, #detail-2016 .content .hot-style .title-area, #detail-2016 .content .brand-news .title-area, #detail-2016 .content .editors .title-area, #detail-2016 .content .shop-blog .title-area, #detail-2016 .content .related .title-area {
  *zoom: 1;
  padding-bottom: 4px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .content .recommend .title-area:after, #detail-2016 .content .hot-style .title-area:after, #detail-2016 .content .brand-news .title-area:after, #detail-2016 .content .editors .title-area:after, #detail-2016 .content .shop-blog .title-area:after, #detail-2016 .content .related .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .recommend .title-area h2, #detail-2016 .content .hot-style .title-area h2, #detail-2016 .content .brand-news .title-area h2, #detail-2016 .content .editors .title-area h2, #detail-2016 .content .shop-blog .title-area h2, #detail-2016 .content .related .title-area h2 {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  letter-spacing: 0.04em;
}

#detail-2016 .content .recommend .title-area p, #detail-2016 .content .hot-style .title-area p, #detail-2016 .content .brand-news .title-area p, #detail-2016 .content .editors .title-area p, #detail-2016 .content .shop-blog .title-area p, #detail-2016 .content .related .title-area p {
  font-size: 12px;
  float: left;
  padding-top: 10px;
}

#detail-2016 .content .recommend ul {
  margin-top: 40px;
  *zoom: 1;
}

#detail-2016 .content .recommend ul:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .recommend a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
}

#detail-2016 .content .recommend a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .recommend li {
  width: 171px;
  float: left;
  margin-left: 40px;
  margin-bottom: 46px;
}

#detail-2016 .content .recommend li:first-child {
  margin-left: 0;
}

#detail-2016 .content .recommend li img {
  margin-bottom: 15px;
}

#detail-2016 .content .recommend .brandname {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1px;
}

#detail-2016 .content .recommend .price {
  font-size: 14px;
}

#detail-2016 .content .recommend .price.off {
  color: #cccccc;
  text-decoration: line-through;
}

#detail-2016 .content .recommend .sale {
  color: #e70a1a;
  font-size: 14px;
}

#detail-2016 .content .hot-style ul {
  *zoom: 1;
}

#detail-2016 .content .hot-style ul:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .hot-style a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
}

#detail-2016 .content .hot-style a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .hot-style li {
  width: 238px;
  float: left;
  margin-left: 21px;
  margin-bottom: 40px;
}

#detail-2016 .content .hot-style li:first-child {
  margin-left: 0;
}

#detail-2016 .content .hot-style li img {
  margin-bottom: 8px;
}

#detail-2016 .content .hot-style .lead {
  margin-bottom: 1px;
}

#detail-2016 .content .hot-style .lead, #detail-2016 .content .hot-style .date {
  text-align: center;
  font-size: 16px;
}

#detail-2016 .content .brand-news ul, #detail-2016 .content .shop-blog ul {
  *zoom: 1;
}

#detail-2016 .content .brand-news ul:after, #detail-2016 .content .shop-blog ul:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .brand-news a, #detail-2016 .content .shop-blog a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
}

#detail-2016 .content .brand-news a:hover, #detail-2016 .content .shop-blog a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .shop-blog li {
  width: 498px;
  float: left;
  margin-bottom: 50px;
  *zoom: 1;
  border: 1px solid #dddddd;
}

#detail-2016 .content .brand-news li:after, #detail-2016 .content .shop-blog li:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .brand-news li:first-child, #detail-2016 .content .shop-blog li:first-child {
  margin-right: 0;
}

#detail-2016 .content .brand-news .photo, #detail-2016 .content .shop-blog .photo {
  width: 163px;
  float: left;
}

#detail-2016 .content .brand-news .text-area, #detail-2016 .content .shop-blog .text-area {
  height: 163px;
  float: left;
  width: 335px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

#detail-2016 .content .brand-news h3, #detail-2016 .content .shop-blog h3 {
  margin: 24px 0 -2px 0;
  font-size: 24px;
}

#detail-2016 .content .shop-blog .lead {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 5px;
}

#detail-2016 .content .brand-news .date, #detail-2016 .content .shop-blog .date {
  font-size: 16px;
}

#detail-2016 .content .editors ul {
  *zoom: 1;
}

#detail-2016 .content .editors ul:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .editors a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
}

#detail-2016 .content .editors a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .editors li {
  width: 239px;
  float: left;
  margin-bottom: 0px;
  margin-right: 20px;
  text-align: center;
  *zoom: 1;
}

#detail-2016 .content .editors li:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .editors li:nth-child(4n) {
  margin-right: 0;
}

#detail-2016 .content .editors li img {
  margin-bottom: 14px;
}

#detail-2016 .content .editors .name {
  font-size: 20px;
  line-height: 24px;
  margin-bottom: 3px;
  margin-top: 10px;
}

#detail-2016 .content .editors .lead {
  font-size: 12px;
  line-height: 18px;
  margin-bottom: 2px;
}

#detail-2016 .content .editors .date {
  font-size: 16px;
  margin-bottom: 10px;
}

#detail-2016 .content .related {
  padding-bottom: 2px;
  margin-bottom: 42px;
  border-bottom: 1px solid #dddddd;
}

#detail-2016 .content .related ul {
  *zoom: 1;
}

#detail-2016 .content .related ul:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .related a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  display: block;
}

#detail-2016 .content .related a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .related li {
  width: 312px;
  float: left;
  margin-bottom: 50px;
  margin-left: 40px;
  text-align: center;
  *zoom: 1;
  text-align: center;
  font-size: 15px;
  line-height: 1.6em;
}

#detail-2016 .content .related li:after {
  content: "";
  display: block;
  clear: both;
}

#detail-2016 .content .related li:first-child {
  margin-left: 0;
}

#detail-2016 .content .related li img {
  margin-bottom: 15px;
}

#detail-2016 .content .bought {
/* 動作確認とれるまで非表示*/
  margin-bottom: 2px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 54px;
  text-align: center;
/*
display:none;
*/
}

#detail-2016 .content .bought h3 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 16px;
}

#detail-2016 .content .bought .slider {
  margin-bottom: 30px;
}

#detail-2016 .content .bought .lead {
  font-size: 16px;
  text-align: center;
  margin-bottom: 10px;
}

#detail-2016 .content .bought img {
  margin: 0 auto 17px auto;
}

#detail-2016 .content .bought .brand {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
font-family: 'Jost';
}


#detail-2016 .content .bought .price {
  font-size: 12px;
  text-align: center;
  margin-top: 3px;
}

#detail-2016 .content .bought .price.off {
  color: #e70a1a;
}

#detail-2016 .content .bought .slick-prev {
  position: absolute;
  top: 60px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .content .bought .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .content .bought .slick-next {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .content .bought .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}


.bought .btn-more {
    text-align: right;
    line-height: 1em;
    display: table;
    margin: 0 30px 5px auto;
    font-size: 14px;
    text-indent: -8px;}

.bought .btn-more a{
padding-right:20px;
    text-indent: 0;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    background: url("/web/default/es_images/top/btn_arrow_black.png") right center no-repeat !important;
    color: #333333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #aaaaaa;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    padding-left: 0px !important;
font-family: 'Jost';
}

#detail-2016 .content .bought .brand-slider {
    margin-bottom: 30px;}
#detail-2016 .content .bought .lead{margin-top:10px;}


#top-2016 .content ul.slider {
  padding: 0px 18px;
}

.content .shoppingCart ul.slider li{
display:none;
  float:left;
  width:130px;}

.content .shoppingCart .cartTable + #cart_before ul.slider li{
  width:124px;}

.content .shoppingCart .cartTable + #cart_before,
.content .shoppingCart .cartTable + #cart_fav,
.content .shoppingCart .cartTable + .bought{margin-top:80px!important;}

.content .shoppingCart ul.slider li:nth-child(-n + 5),
.content .shoppingCart ul.slider li.slick-slide{
display:block;}


.content .shoppingCart ul.slider:after{
  content: "";
  display: block;
  clear: both;}

.content .shoppingCart section.bought,
.content .shoppingCart #cart_before{
  padding-bottom:50px;}


.content .shoppingCart .box{
font-size:90%;}

.content .shoppingCart .box .brandName,
.content .shoppingCart ul.slider .brand,
.content .shoppingCart ul.slider .color,
.content .shoppingCart ul.slider .size{
padding-right:20px;
white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
font-family:'Jost'!important;font-weight:450;
}

.content .shoppingCart .cartTable,
.content .shoppingCart .box,
.content .shoppingCart .photo,
.content .shoppingCart .magazine_box,
.content .shoppingCart .magazine_price{
  font-family: 'Jost' !important;}

.content .shoppingCart .box .price del,
.content .shoppingCart .photo .price del{
color:#999;}

.content .shoppingCart .box .price del,
.content .shoppingCart .photo .price del{
display:block;
color:#999;}

.content .shoppingCart .box .off,
.content .shoppingCart .photo .off,
.content .shoppingCart .box .price del + span,
.content .shoppingCart .photo .price del + span{
color:#e70a1a;}

.content .shoppingCart #cart_fav .box .price,
.content .shoppingCart #cart_before .box .price{
height:55px;}

.content .shoppingCart .box .price span{
display:block;
margin-bottom: 46px;}
.content .shoppingCart .box .price del + span{
margin-bottom: 24px;}
.content .shoppingCart .box .off{
margin-top: -18px;}

.content .shoppingCart .box .addcart{
position:relative;
    height: 20px;
margin:10px 20px 0 0;
text-align:center;
border:1px solid #bbb;
color:#999;
}

.content .shoppingCart .box .addcart a{
position:absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
color:#fff;
background:#ccc;
    font-size: 11px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.content .shoppingCart .box .addcart a:hover{
background:#000;}

.content .shoppingCart .booktitle{
text-align:center;width:100%;border-top:1px solid #999;border-bottom:1px solid #999;}

.content .shoppingCart .booktitle .ttl{font-size: 33px;margin:-7px 0;font-family:'Jost';font-weight:200;}
.content .shoppingCart .booktitle .ttl2{font-size: 33px;font-family: 'Jost';font-weight:350;}

.content .shoppingCart .booktitle + .subtitle{
text-align:center;margin:10px;}

.content .shoppingCart #amountTable{
font-family: 'Jost';}

.content .shoppingCart #main > .shippingDate,
.content .shoppingCart #main > .shipping{
margin-top:-20px;
font-family: 'Jost';}

.content .shoppingCart #main > .omatome{
margin-top:10px;
font-family: 'Jost';}


  .shoppingCart .tomagazine{margin-top:5px;}

  .shoppingCart .tomagazine a {
  margin: 0 auto;
  padding-right:10px;
    text-indent: 0;
    display: table-cell;
    vertical-align: middle;
    background: url(/web/default/es_images/top/btn_arrow_black.png) right center no-repeat;
    color: #333333;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #aaaaaa;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

  .shoppingCart .tomagazine a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}




#top-2016 .content .bought em {
  font-size: 12px;
  display:inline-block;
    width: 95%;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-overflow: ellipsis;
    text-overflow: ellipsis;
color:#494949;
font-size:95%;
margin-bottom:-7px;
font-family:'Jost'!important;font-weight:450;
}


#top-2016 .content .bought span {
  font-size: 12px;
  margin-top: 3px;
font-family: 'Jost';
color:#494949;
font-size:95%;
}

#top-2016 .content .bought .off {
  font-size: 12px;
font-family: 'Jost';
  color: #999;
text-decoration: line-through;
font-size:95%;
}

#top-2016 .content .bought .off + span {
  color: #e70a1a;
}




#detail-2016 .content .recently {
  border-bottom: none;
  margin-bottom: 60px;}

#detail-2016 .content .recently h3 {
  font-size: 40px;
  text-align: center;
  margin-bottom: 25px;
}

body {
  font-family: 'ゴシックMB101','游ゴシック', "Yu Gothic", YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

body a:hover {
  text-decoration: none;
}

.Futura-Book {
  font-family: 'Jost';
}

.Futura-Light {
font-family:'Jost';font-weight:200;}

.Futura-Oblique {
font-family:'Jost';font-weight:200;font-style:italic;
}

.Futura-Book-Oblique {
  font-family: 'Jost Oblique';
}

.Futura-Medium {
font-family:'Jost';font-weight:450;
}

.Futura-Medium-Obliqu {
font-family:'Jost';font-weight:450;font-style:italic;
}

.Futura-Bold {
  font-family: 'Futura LT W01 Bold';
}

.Futura-Bold-Obliqu {
  font-family: 'Futura LT W01 Bold Oblique';
}

.Futura-Extra-Bold {
  font-family: 'Futura LT W01 Extra Bold';
}

.Futura-Extra-Bold-Obliqu {
  font-family: 'Futura LT W01 Extra Bold Obl';
}

.Futura-Heavy {
font-family:'Jost';font-weight:600;
}

.Futura-Heavy-Oblique {
font-family:'Jost';font-weight:600;font-style:italic;
}

.Futura-Light-Condensed {
  font-family: 'Futura LT W01 Light Condensed';
}

.Futura-Light-Condensed-Oblique {
  font-family: 'Futura LT W01 Light Cond Obl';
}

.Futura-Medium-Condensed {
  font-family: 'Futura LT W01 Medium Condensed';
}

.Futura-Medium-Oblique {
  font-family: 'Futura LT W01 Medium Cond Obl';
}

.Futura-Bold-Condensed {
  font-family: 'Futura LT W01 Bold Condensed';
}

.Futura-Bold-Condensed-Oblique {
  font-family: 'Futura LT W01 Bold Cond Obl';
}

.Futura-X-Bold-Condensed {
  font-family: 'Futura LT W01 X Bold Condensed';
}

.Futura-X-Bold-Condensed-Oblique {
  font-family: 'Futura LT W01 X Bold Cond Obl';
}

.Futura-Display {
  font-family: 'Futura W01 Display';
}

.Futura-Black {
  font-family: 'Futura W01 Black';
}

.arrow_left {
  position: relative;
  padding-left: 0.8em;
}

.arrow_left:after {
  position: absolute;
  content: '';
  left: 0;
  top: 0.4em;
  width: 0.4em;
  height: 0.4em;
  border-top: 1px solid #494949;
  border-right: 1px solid #494949;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.arrow_right {
  position: relative;
  padding-right: 0.8em;
}

.arrow_right:after {
  position: absolute;
  content: '';
  right: 0;
  top: 0.4em;
  width: 7px;
  height: 7px;
  border-top: 1px solid #494949;
  border-right: 1px solid #494949;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*----------------------
    PC 全ページ共通
----------------------*/
#light-box {
  width: 100%;
  height: 100%;
  background: #000000;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 20;
}

#morebrand {
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 360px;
  margin-left: -508px;
  width: 1016px;
  z-index: -1;
}

#morebrand .close {
  text-align: right;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#morebrand .close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#morebrand .close:hover {
  cursor: pointer;
}

#morebrand .white-area {
  background: #ffffff;
  height: 610px;
  overflow: scroll;
}

#morebrand .inner {
  width: 820px;
  margin: 0 auto;
  padding-top: 40px;
}

#morebrand .index-list {
  *zoom: 1;
  margin-bottom: 20px;
}

#morebrand .index-list:after {
  content: "";
  display: block;
  clear: both;
}

#morebrand .index-list li {
  margin-bottom: 10px;
  float: left;
  margin-left: 14px;
  width: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  text-align: center;
  padding: 4px 0;
  letter-spacing: -0.1em;
}

#morebrand .index-list li:hover, #morebrand .index-list li.on {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

#morebrand .title {
  font-size: 16px;
  font-weight: bold;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 10px;
}

#morebrand .brand-list {
  *zoom: 1;
  height: 350px;
  overflow: scroll;
}

#morebrand .brand-list:after {
  content: "";
  display: block;
  clear: both;
}

#morebrand .brand-list li {
  float: left;
  width: 46%;
  padding-left: 24px;
  margin-bottom: 10px;
  background: url("/web/default/es_images/list/btn_check_off.png") no-repeat;
  background-position: 0 2px;
}

#morebrand .brand-list li:hover, #morebrand .brand-list li.on {
  background: url("/web/default/es_images/list/btn_check_on.png") no-repeat;
}

#morebrand .brand-list li:hover {
  cursor: pointer;
}

#morebrand .brand-list li:nth-child(even) {
  float: right;
}

#morebrand .btn-register {
margin-top:20px;
  font-size: 14px;
  text-align: center;
}

#morebrand .btn-register a {
  padding: 10px 36px;
  background: #000000;
  color: #ffffff;
}

#morebrand .btn-register a:hover {
  cursor: pointer;
  background: #ffffff;
  color: #000000;
  border: 1px solid #aaaaaa;
}

#mini-cart {
  position: absolute;
  top: 20px;
  right: 10%;
  width: 280px;
  z-index: 30;
  display: none;
}

#mini-cart .close {
  text-align: right;
  margin-bottom: 10px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#mini-cart .close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#mini-cart .close:hover {
  cursor: pointer;
}

#mini-cart .white-area {
  background: #ffffff;
  height: 420px;
  overflow: scroll;
}

#mini-cart .inner {
  width: 250px;
  margin: 0 auto;
  padding-top: 20px;
}

#mini-cart .lead {
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #000000;
  font-weight: bold;
  font-size: 14px;
}

#mini-cart .item-area {
  margin-bottom: 20px;
  border-bottom: 1px solid #000000;
}

#mini-cart .item-area li {
  *zoom: 1;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #aaaaaa;
}

#mini-cart .item-area li:after {
  content: "";
  display: block;
  clear: both;
}

#mini-cart .item-area li:last-child {
  border: none;
  padding-bottom: 0;
}

#mini-cart .item-area .photo {
  float: left;
}

#mini-cart .item-area .text-area {
  width: 160px;
  float: right;
}

#mini-cart .item-area .text-area p {
  font-weight: bold;
}

#mini-cart .item-area .text-area .item-name {
  margin-bottom: 15px;
}

#mini-cart .item-area .text-area .item-num {
  font-weight: 400;
  color: #aaaaaa;
  margin-bottom: 15px;
}

#mini-cart .price {
  text-align: right;
  font-weight: bold;
  font-size: 16px;
}

#mini-cart .price span {
  padding-left: 5px;
  color: #e60012;
}

#mini-cart .cart {
  text-align: right;
  font-size: 12px;
  margin-bottom: 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#mini-cart .cart:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#mini-cart .cart img {
  padding: 0 5px 5px 0;
}

#mini-cart .btn {
  margin-bottom: 20px;
  text-align: center;
}

#mini-cart .btn a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  background: #000000;
  padding: 10px 0;
  color: #ffffff;
  display: block;
  height: 100%;
}

#mini-cart .btn a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents {
  opacity: 0;
  position: absolute;
  left: 50%;
/*  margin-left: -410px;
  width: 840px;*/
width: 1016px;
margin-left: -508px;
  z-index: -1;
}

#light-box-contents .close {
  margin: 0 0 20px 982px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents .close:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .close:hover {
  cursor: pointer;
}

#light-box-contents .item-next {
display:none;
/*
  position: absolute;
  right: -40px;
  top: 440px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
*/}

#light-box-contents .item-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .item-next:hover {
  cursor: pointer;
}

#light-box-contents .item-prev {
display:none;
/*
  position: absolute;
  left: -40px;
  top: 440px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
*/}

#light-box-contents .item-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .item-prev:hover {
  cursor: pointer;
}

#light-box-contents .white-area {
  background: #ffffff;
/*  width: 840px;*/
  width: 1016px;
  padding-bottom: 40px;
  min-height: 500px;
/*  overflow: scroll;*/
}

#light-box-contents .inner {
/*  width: 782px;*/
  width: 956px;
  margin: 0 auto;
  *zoom: 1;
}

#light-box-contents .inner:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .slide-area {
/*  width: 400px;*/
  width: 480px;
  float: left;
}

#light-box-contents #main-slider {
/*  width: 354px;*/
  width: 434px;
  margin: 30px 0;
}

#light-box-contents #main-slider li img {
/*  margin: 30px 60px;*/
  margin: 30px 40px;
width:360px!important;
height:540px!important;
}

#light-box-contents #main-slider .slick-prev {
  position: absolute;
  top: 270px;
  left: 0;
  width: 22px;
  height: 42px;
  background: url("/web/default/es_images/common/btn_lb_prev_black.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents #main-slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents #main-slider .slick-prev:hover {
  cursor: pointer;
}

#light-box-contents #main-slider .slick-next {
  position: absolute;
  top: 270px;
  right: 0;
  width: 22px;
  height: 42px;
  background: url("/web/default/es_images/common/btn_lb_next_black.png") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents #main-slider .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents #main-slider .slick-next:hover {
  cursor: pointer;
}

#light-box-contents #sub-slider {
  clear: both;
/*  width: 354px;*/
  width: 440px;
  height: 89px;
}

#light-box-contents #sub-slider li {
  position: relative;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents #sub-slider li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents #sub-slider li:focus {
  outline: none;
}

/*
#light-box-contents #sub-slider .on:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 89px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #aaaaaa;
}
*/
#light-box-contents #sub-slider li.slick-center img {
  border: 2px solid #aaaaaa;}

#light-box-contents #sub-slider .slick-prev {
  position: absolute;
  top: 40px;
  left: -20px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/common/btn_lb_arrow_subslider_prev.gif") top left no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents #sub-slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents #sub-slider .slick-prev:hover {
  cursor: pointer;
}

#light-box-contents #sub-slider .slick-next {
  position: absolute;
  top: 40px;
  right: -20px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/common/btn_lb_arrow_subslider_next.gif") top left no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents #sub-slider .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents #sub-slider .slick-next:hover {
  cursor: pointer;
}

#light-box-contents .info-area {
/*  width: 370px;*/
  width: 455px;
  float: right;
  padding-top: 40px;
  margin-right: 10px;
  *zoom: 1;
}

#light-box-contents .info-area:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .item-name {
  clear: both;
  font-size: 20px;
  margin-bottom: 4px;
  padding-top: 10px;
}

#light-box-contents .brand {
  font-size: 16px;
  float: left;
  margin-right: 4px;
}

#light-box-contents .btn-brand-fav {
  width: 188px;
  float: left;
  font-size: 12px;
  padding: 2px 4px;
  color: #ffffff;
  text-align: center;
  background: #aaaaaa;
  cursor: pointer;}

#light-box-contents .btn-brand-fav.on {
background:none;
border:1px solid #333;
    color: #333;
  width: 100px;
  padding: 1px;
text-align:center;}

#light-box-contents .price {
  font-size: 20px;
  margin-bottom: 9px;
}

#light-box-contents .price .off {
  color: #cccccc;
  text-decoration: line-through;
}

#light-box-contents .sale {
  color: #e70a1a;
  margin-left: 3px;
}

#light-box-contents .small {
  color: #e70a1a;
  font-size: 13px;
}

#light-box-contents .point {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
  float: left;
}

#light-box-contents .label {
  float: right;
}

#light-box-contents .label .black {
  display: inline-block;
  font-size: 10px;
  padding: 2px 5px;
  color: #ffffff;
  text-align: center;
  background: #000000;
}

#light-box-contents .color {
  clear: both;
  font-size: 16px;
  padding-bottom: 3px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 4px;
}

#light-box-contents .color-list {
  *zoom: 1;
}

#light-box-contents .color-list:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .color-list li {
height:125px;
  float: left;
  margin-right: 15px;
  padding: 10px 0;
  font-size: 10px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents .color-list li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .color-list li:nth-child(6n) {
  margin-right: 0;
position:relative;}

#light-box-contents .color-list li .cname{
width:60px;
    white-space: nowrap;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

#light-box-contents .color-list li img {
  margin-bottom: 8px;
}

#light-box-contents .color-list li.on img {
  border: 2px solid #aaaaaa;}


#light-box-contents .size {
  clear: both;
  font-size: 16px;
  margin-bottom: 3px;
}

#light-box-contents .size-list {
  margin-bottom: 20px;
  border-bottom: 1px solid #dddddd;
}

#light-box-contents .size-list li {
  *zoom: 1;
  text-align: center;
  padding: 10px 0 10px 0;
  border-top: 1px solid #dddddd;
}

#light-box-contents .size-list li:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .size-list li p img{
    width: 110px;
    height: 34px;
}

#light-box-contents .size-list .size-num {
  font-size: 16px;
  line-height: 34px;
/*  width: 40px;*/
  width: 83px;
white-space: nowrap;
  float: left;
}

#light-box-contents .size-list .stock {
  font-size: 12px;
/*  line-height: 34px;*/
  color: #999999;
/*  width: 100px;*/
  width: 140px;
  float: left;
}

#light-box-contents .size-list .date,
#light-box-contents .size-list .stock.red {
  color: #e70a1a;
}

#light-box-contents .size-list .stock.gray span {
  display: block;
  color: #000000;
}
#light-box-contents .size-list .stock.gray span a{
text-decoration:underline;}
#light-box-contents .size-list .stock.pickup {
  line-height: 16px;
}

#light-box-contents .size-list .date{
width:120px;
display:block;
float:left;}

#light-box-contents .size-list .fav {
    width: 110px;
    position: absolute;
    right: 160px;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents .size-list .fav:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .size-list .fav:hover {
  cursor: pointer;
}

#light-box-contents .size-list .cart,
#light-box-contents .size-list .request{
    width: 110px;
    /* float: left; */
    float: right;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents .size-list .request:hover,
#light-box-contents .size-list .cart:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .size-list .request:hover,
#light-box-contents .size-list .cart:hover {
  cursor: pointer;
}

#light-box-contents .genre {
  *zoom: 1;
/*  border-bottom: 1px solid #dddddd;*/
  margin-bottom: 16px;
  display: table;
  height: 36px;
}

#light-box-contents .genre:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .genre li {
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: #ffffff;
  color: #000000;
/*  width: 120px;*/
  width: 152px;
  line-height: 36px;
  vertical-align: middle;
border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

#light-box-contents .genre li.on, 
#light-box-contents .genre li:hover {
    /* background: #000000; */
    /* color: #ffffff; */
    line-height: 36px;
    vertical-align: middle;
    border: 1px solid #999;
    box-sizing: border-box;
    border-bottom: none;
}

#light-box-contents .text-area-wrap {
  position: relative;
  width: 100%;
/*  min-height: 200px;*/
/* 2016.9.7 hyge edited01 */
  min-height: 180px;
  margin-bottom: 20px;
/* 2016.9.7 hyge edited01 END */

}

#light-box-contents .text-area {
  position: absolute;
  top: 0;
  left: 0;
  margin-bottom: 10px;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  z-index: 0;
/* 2016.9.7 hyge edited02 */
  height: 0;
  overflow: scroll;
  width: 370px;
/* 2016.9.7 hyge edited02 END*/
}

#light-box-contents .text-area h5 {
  font-size: 16px;
  margin-bottom: 5px;
text-align:left;
}

#light-box-contents .text-area p {
  font-size: 12px;
  line-height: 21px;
text-align:center;
padding:10px 0;
margin-right: 10px;
}
#light-box-contents .detail p{text-align:left!important;}
#light-box-contents .text-area.on {
  opacity: 1;
  z-index: 1;
  width: 100%;
/* 2016.9.7 hyge edited03 */
  height: 180px;
}

#light-box-contents .text-area.size-map .list {
/*  width: 600px;*/
min-width:430px;
margin-right: 10px;
}

#light-box-contents .text-area.size-map .list > li {
  border-bottom: 1px solid #dddddd;
}

#light-box-contents .text-area.size-map .list > li:first-child {
  border: none;
}

#light-box-contents .text-area.size-map .list ul {
  display: table;
  height: 40px;
}

#light-box-contents .text-area.size-map .list ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 60px;
}

#light-box-contents .text-area.size-map .list .title {
  background: #f5f5f5;
}

#light-box-contents .text-area.size-map .list .l-size {
  font-size: 16px;
background: #f5f5f5;
}

#light-box-contents .text-area.size-map .same-list {
  display: table;
  height: 125px;
  width: 620px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 17px;
}

#light-box-contents .text-area.size-map .same-list li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 68px;
}

#light-box-contents .text-area.size-map .same-list .photo {
  background: url("../images/detail/_photo_size.jpg") left top no-repeat;
  -webkit-background-size: 48px auto;
  background-size: 48px auto;
  width: 48px;
  height: 72px;
  margin: 0 auto 4px auto;
}

#light-box-contents .text-area.size-map .same-list p {
  font-size: 16px;
}

#light-box-contents .text-area.size-map .attention {
  margin-bottom: 5px;
}

#light-box-contents .text-area.size-map .attention li {
    padding-top: 15px;
  margin-bottom: 10px;
  float: left;
  margin-right: 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#light-box-contents .text-area.size-map .cm {
padding-right: 10px;
  float: right;
display:inline-block;
}
#light-box-contents .text-area.size-map .attention li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#light-box-contents .text-area.size-map .attention li img {
  padding-bottom: 5px;
  padding-right: 6px;
}

#light-box-contents .text-area.size-map ul.list > li:first-child {
  background: #f5f5f5;
}
#light-box-contents .text-area.size-map h5 {display:none;}

#light-box-contents .text-area.size-map h4 {
    background: #f5f5f5;
margin-right: 8px;
    padding: 10px 0 10px 20px;}


#light-box-contents .text-area.size-map ul.compare li{font-size:12px!important;}

#light-box-contents .text-area.size-map ul.compare li div {
    color: #999;
    padding-bottom: 5px;
}

#light-box-contents .text-area.size-map ul.compare > li:first-child {
    border-bottom: 1px solid #dddddd;
    background: none;
}




#light-box-contents .text-area.howtoclean li {
  *zoom: 1;
/*  padding-bottom: 15px;
  margin-bottom: 15px;*/
  margin-right: 10px;
  border-bottom: 1px solid #dddddd;
}

#light-box-contents .text-area.howtoclean li:after {
  content: "";
  display: block;
  clear: both;
}

#light-box-contents .text-area.howtoclean li p {
  float: left;
/*text-align: left;*/
}
#light-box-contents .text-area.howtoclean li p.data{
text-align: left;
max-width: 330px;
margin: 0;
padding: 0;
display: flex;
align-items: center;
min-height: 40px;
}
#light-box-contents .text-area.howtoclean li .title {
  width: 88px;
background: #f5f5f5;
}
/* 2016.9.7 hyge edited03 END */

#light-box-contents .go-to-detail {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
text-align:center;
}

#light-box-contents .go-to-detail a {
  display: block;
  width: 100%;
}

#light-box-contents .go-to-detail:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016, #list-2016, #detail-2016 {
  min-width: 1316px;
  margin: 0 auto;
  background: #ffffff;
}

#top-2016 header, #list-2016 header, #detail-2016 header {
/*  height: 274px;*/
height:200px;
  width: 100%;
  z-index: 11;
  background: #ffffff;
}

#top-2016 header .inner, #list-2016 header .inner, #detail-2016 header .inner {
  *zoom: 1;
  width: 1280px;
  margin: 0 auto;
}

#top-2016 header .inner:after, #list-2016 header .inner:after, #detail-2016 header .inner:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 header .nav-other-site, #list-2016 header .nav-other-site, #detail-2016 header .nav-other-site {
  *zoom: 1;
  width: 200px;
/* 10th 
  float: left;
*/
  padding-top: 10px;
font-family:'Jost';
}

#top-2016 header .nav-other-site:after, #list-2016 header .nav-other-site:after, #detail-2016 header .nav-other-site:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 header .nav-other-site li, #list-2016 header .nav-other-site li, #detail-2016 header .nav-other-site li {
  display: inline;
  margin: 0 17px 0 0;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  letter-spacing: 0.04em;
}

#top-2016 header .nav-other-site li:hover, #list-2016 header .nav-other-site li:hover, #detail-2016 header .nav-other-site li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 header .nav-other-site li a, #list-2016 header .nav-other-site li a, #detail-2016 header .nav-other-site li a {
  position: relative;
  padding-left: 0.5em;
}

#top-2016 header .nav-other-site li a span, #list-2016 header .nav-other-site li a span, #detail-2016 header .nav-other-site li a span {
  position: absolute;
  left: 0;
  top: -2px;
}


#top-2016 header #nine.h1, 
#list-2016 header #nine.h1, 
#detail-2016 header #nine.h1 {
  width: auto!important;
  float: left!important;
  margin: 10px 0 0 180px!important;
}

#top-2016 header .h1 img, #list-2016 header .h1 img, #detail-2016 header .h1 img{

    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
/* 2020 xmas
max-width: 422px;
*/
}


#top-2016 header .anv, 
#list-2016 header .anv, 
#detail-2016 header .anv {
  width: 226px;
  float: left;
  margin: 0;
}

/* normal LOGO*/
/*
#top-2016 header .h1, 
#list-2016 header .h1, 
#detail-2016 header .h1 {
  width: 239px;
  float: left;
  margin: 15px 0 0 296px;
}
*/

/* 2020 xmas */
/*
#top-2016 header .h1, 
#list-2016 header .h1, 
#detail-2016 header .h1 {
  width: 239px;
  float: left;
  margin: 15px 0 0 203px;
}
*/

/* normal LOGO new*/
#top-2016 header .h1, 
#list-2016 header .h1, 
#detail-2016 header .h1 {
  float: left;
  margin: -30px 0 0 236px;
}


/*
#top-2016 h1:hover, #list-2016 h1:hover, #detail-2016 h1:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#top-2016 #frontMypage h1:hover{
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: auto;}
*/

#top-2016 #frontMypage .header p{font-size:130%;}


#top-2016 .right-box, #list-2016 .right-box, #detail-2016 .right-box {
  float:right;
/* 10th */
margin-top:-30px;
/* 10th */
}


#top-2016 .nav-user .backstage, #list-2016 .nav-user .backstage, #detail-2016 .nav-user .backstage {
    background: url("//img.elleshop.jp/contents/images/common/backstage.gif") bottom left no-repeat;
    height: 18px;
    margin-left: 18px;
    display: block;
}
#top-2016 .nav-user .backstage a, #list-2016 .nav-user .backstage a, #detail-2016 .nav-user .backstage a{
    display: block;
    padding-left: 25px;
}


#top-2016 .nav-user, #list-2016 .nav-user, #detail-2016 .nav-user {
  *zoom: 1;
  margin: 12px 0 92px 0;
/*  margin: 12px 0 160px 0;*/
}

#top-2016 .nav-user:after, #list-2016 .nav-user:after, #detail-2016 .nav-user:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .nav-user li, #list-2016 .nav-user li, #detail-2016 .nav-user li {
  float: left;
  font-size: 12px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .nav-user li:hover, #list-2016 .nav-user li:hover, #detail-2016 .nav-user li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .nav-user .mailnews, #list-2016 .nav-user .mailnews, #detail-2016 .nav-user .mailnews {
  background: url("//img.elleshop.jp/web/default/es_images/common/nav_user_1.gif") bottom left no-repeat;
  height: 18px;
  margin-left: 18px;
display:block;
}
#top-2016 .nav-user .mailnews a, #list-2016 .nav-user .mailnews a, #detail-2016 .nav-user .mailnews a{
display:block;
  padding-left: 25px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


#top-2016 .nav-user .login, #list-2016 .nav-user .login, #detail-2016 .nav-user .login {
  background: url("//img.elleshop.jp/web/default/es_images/common/nav_user_2.gif") bottom left no-repeat;
  height: 18px;
  margin-left: 28px;
display:block;}

#top-2016 .nav-user .login a, #list-2016 .nav-user .login a, #detail-2016 .nav-user .login a{
  padding-left: 20px;
display:block;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}


#top-2016 .nav-user .backstage, #list-2016 .nav-user .backstage, #detail-2016 .nav-user .backstage {
    background: url("//img.elleshop.jp/contents/images/common/backstage.gif") bottom left no-repeat;
    height: 18px;
    margin-left: 18px;
    display: block;
}
#top-2016 .nav-user .backstage a, #list-2016 .nav-user .backstage a, #detail-2016 .nav-user .backstage a{
    display: block;
    padding-left: 25px;
}



#top-2016 .nav-user .cart, #list-2016 .nav-user .cart, #detail-2016 .nav-user .cart {
  background: url("//img.elleshop.jp/web/default/es_images/common/nav_user_3.gif") bottom left no-repeat;
  height: 18px;
  margin-left: 22px;
display:block;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#top-2016 .nav-user .cart a, #list-2016 .nav-user .cart a, #detail-2016 .nav-user .cart a{display:block;
  padding-left: 22px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#top-2016 .nav-user .cart #cart-num, #list-2016 .nav-user .cart #cart-num, #detail-2016 .nav-user .cart #cart-num {
  margin-left: -2px;
  white-space: nowrap;
}

#top-2016 .search, #list-2016 .search, #detail-2016 .search {
  width: 300px;
  height: 40px;
  background: #f5f5f5;
float:right;
}

#top-2016 .search #suggestMain, #list-2016 .search #suggestMain, #detail-2016 .search #suggestMain {
  width: 230px;
  margin: 10px 0 0 12px;
  border: none;
  background: #f5f5f5;
  outline: none;
}

#top-2016 .search .icon, #list-2016 .search .icon, #detail-2016 .search .icon {
  margin: 0 0 0 270px;
  padding: 10px 0 0 0;
  display: block;
  z-index: 1;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .search .icon:hover, #list-2016 .search .icon:hover, #detail-2016 .search .icon:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .search #suiseiSuggest, #list-2016 .search #suiseiSuggest, #detail-2016 .search #suiseiSuggest {
  position: absolute;
  background-color: #FFFFFF;
  min-width: 169px;
  z-index: 9995;
  margin-top: 40px;
  opacity: 0.9;
  border-left: 1px solid #C9C9C9;
  margin-left: 1px;
}

#top-2016 .main-area, #list-2016 .main-area, #detail-2016 .main-area {
  *zoom: 1;
  width: 1280px;
  margin: 0 auto;
  position: relative;
}

#top-2016 .main-area:after, #list-2016 .main-area:after, #detail-2016 .main-area:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .content, #list-2016 .content, #detail-2016 .content,
#top-2016 .containts, #list-2016 .containts, #detail-2016 .containts {
  width: 1022px;
  float: right;
  padding-top: 36px!important;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

#top-2016 .containts, #list-2016 .containts, #detail-2016 .containts {
  padding-top: 36px!important;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;

}

#top-2016 .nav-area, #list-2016 .nav-area, #detail-2016 .nav-area {
  z-index: 15;
  width: 226px;
  position: absolute;
  left: 0;
  top: 0;
}

#top-2016 .nav-area nav, #list-2016 .nav-area nav, #detail-2016 .nav-area nav {
  position: absolute;
}

#top-2016 .nav-area .genre, #list-2016 .nav-area .genre, #detail-2016 .nav-area .genre {
  *zoom: 1;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 16px;
  display: table;
  height: 36px;
}

#top-2016 .nav-area .genre:after, #list-2016 .nav-area .genre:after, #detail-2016 .nav-area .genre:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .nav-area .genre li, #list-2016 .nav-area .genre li, #detail-2016 .nav-area .genre li {
  width: 76px;
  height: 36px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#top-2016 .nav-area .genre li a, #list-2016 .nav-area .genre li a, #detail-2016 .nav-area .genre li a {
  display: table-cell;
  height: 36px;
  width: 75px;
  vertical-align: middle;
  text-align: center;
font-family:'Jost';
}

#top-2016 .nav-area .genre li.off, #list-2016 .nav-area .genre li.off, #detail-2016 .nav-area .genre li.off {
  background: #ffffff;
  color: #000000;
  width: 75px;
font-family:'Jost';
}

#top-2016 .nav-area .genre li.on, #top-2016 .nav-area .genre li.off:hover, #list-2016 .nav-area .genre li.on, #list-2016 .nav-area .genre li.off:hover, #detail-2016 .nav-area .genre li.on, #detail-2016 .nav-area .genre li.off:hover {
  background: #000000;
  color: #ffffff;
}

#top-2016 .nav-area .genre li.on a, #top-2016 .nav-area .genre li.off:hover a, #list-2016 .nav-area .genre li.on a, #list-2016 .nav-area .genre li.off:hover a, #detail-2016 .nav-area .genre li.on a, #detail-2016 .nav-area .genre li.off:hover a {
  color: #ffffff;
}


.nav-area .genre li#all-menu,
.nav-area .genre li#women-menu,
.nav-area .genre li#men-menu{background:#cccccc!important;}

.nav-area .genre li#all-menu:hover{background:#000!important;}
.nav-area .genre li#women-menu:hover{background:#e50083!important;}
.nav-area .genre li#men-menu:hover{background:#0083e5!important;}

.nav-area .genre li#women-menu{border-left:1px solid #fff;}
.nav-area .genre li#women-menu{border-right:1px solid #fff;}

.nav-area .genre li#women-menu a {color:#e50083;}

.nav-area .genre li#men-menu a {color:#0083e5;}



.nav-area .genre li#all-menu.on {background:#000!important;}
.nav-area .genre li#women-menu.on {background:#e50083!important;}
.nav-area .genre li#men-menu.on {background:#0083e5!important;}



#top-2016 .nav-area #all-list, #list-2016 .nav-area #all-list {
  width: 226px;
background:#fff;
opacity: 0.98;
  filter: alpha(opacity=98);
}

#top-2016 .nav-area .nav1 .sale a, 
#list-2016 .nav-area .nav1 .sale a, 
#detail-2016 .nav-area .nav1 .sale a {
  color: #e60012;
font-family:'Jost';}

#top-2016 .nav-area .nav1 .sale:hover, 
#list-2016 .nav-area .nav1 .sale:hover, 
#detail-2016 .nav-area .nav1 .sale:hover {
  background-color: #e60012;}

#top-2016 .nav-area .nav1 .sale:hover a, 
#list-2016 .nav-area .nav1 .sale:hover a, 
#detail-2016 .nav-area .nav1 .sale:hover a {
  color: #fff}

#top-2016 .nav-area .nav1, #top-2016 .nav-area .nav2, #top-2016 .nav-area .nav3, #top-2016 .nav-area .nav4, #top-2016 .nav-area .nav6, #top-2016 .nav-area .nav7, #list-2016 .nav-area .nav1, #list-2016 .nav-area .nav2, #list-2016 .nav-area .nav3, #list-2016 .nav-area .nav4, #list-2016 .nav-area .nav6, #list-2016 .nav-area .nav7, #detail-2016 .nav-area .nav1, #detail-2016 .nav-area .nav2, #detail-2016 .nav-area .nav3, #detail-2016 .nav-area .nav4, #detail-2016 .nav-area .nav6, #detail-2016 .nav-area .nav7 {
/*  font-size: 18px;*/
  line-height: 26px;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 12px;
  margin-bottom: 15px;
font-family:'Jost';
}

#top-2016 .nav-area .nav2, #list-2016 .nav-area .nav2, #detail-2016 .nav-area .nav2 {
  letter-spacing: 0.06em;
}

#top-2016 .nav-area .nav4, #list-2016 .nav-area .nav4, #detail-2016 .nav-area .nav4 {
  margin-top: -4px;
  margin-bottom: 18px;
  font-family:'Jost';
}
#top-2016 .nav-area .nav4 p, #list-2016 .nav-area .nav4 p, #detail-2016 .nav-area .nav4 p {
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}

#top-2016 .nav-area .nav4 li a, #list-2016 .nav-area .nav4 li a, #detail-2016 .nav-area .nav4 li a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .nav-area .nav4 li a:hover, #list-2016 .nav-area .nav4 li a:hover, #detail-2016 .nav-area .nav4 li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .nav-area .nav5 ul, #list-2016 .nav-area .nav5 ul, #detail-2016 .nav-area .nav5 ul {
  *zoom: 1;
}

#top-2016 .nav-area .nav5 ul:after, 
#list-2016 .nav-area .nav5 ul:after, 
#detail-2016 .nav-area .nav5 ul:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .nav-area .nav5 ul li, 
#list-2016 .nav-area .nav5 ul li, 
#detail-2016 .nav-area .nav5 ul li {
  float: left;
width:20%;}


#top-2016 .nav-area .nav5 ul a, #list-2016 .nav-area .nav5 ul a, #detail-2016 .nav-area .nav5 ul a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .nav-area .nav5 ul a:hover, #list-2016 .nav-area .nav5 ul a:hover, #detail-2016 .nav-area .nav5 ul a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .nav-area .nav6, #list-2016 .nav-area .nav6, #detail-2016 .nav-area .nav6 {
  margin-top: -4px;
  margin-bottom: 18px;
  font-family:'Jost';
}

#top-2016 .nav-area .nav6 p, #list-2016 .nav-area .nav6 p, #detail-2016 .nav-area .nav6 p {
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}

#top-2016 .nav-area .nav6 li a, #list-2016 .nav-area .nav6 li a, #detail-2016 .nav-area .nav6 li a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .nav-area .nav6 li a:hover, #list-2016 .nav-area .nav6 li a:hover, #detail-2016 .nav-area .nav6 li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .nav-area .nav7, #list-2016 .nav-area .nav7, #detail-2016 .nav-area .nav7 {
  margin-top: -4px;
  margin-bottom: 18px;
  font-family:'Jost';
}

#top-2016 .nav-area .nav7 p, #list-2016 .nav-area .nav7 p, #detail-2016 .nav-area .nav7 p {
  letter-spacing: 0.03em;
  margin-bottom: 2px;
}

#top-2016 .nav-area .nav7 li a, #list-2016 .nav-area .nav7 li a, #detail-2016 .nav-area .nav7 li a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .nav-area .nav7 li a:hover, #list-2016 .nav-area .nav7 li a:hover, #detail-2016 .nav-area .nav7 li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .slick-prev, #top-2016 .slick-next, #list-2016 .slick-prev, #list-2016 .slick-next, #detail-2016 .slick-prev, #detail-2016 .slick-next {
  border: none;
  text-indent: -9999px;
  z-index: 10;
  outline: none;
}

#new_sets #slick .slick-prev{
height:55px;
background: url("//img.elleshop.jp/web/default/es_images/detail/btn_slider_prev.png") no-repeat 0 1px;
filter: alpha(opacity=80);
opacity:0.8;}

#new_sets #slick .slick-next{wheight:55px;
background: url("//img.elleshop.jp/web/default/es_images/detail/btn_slider_next.png") no-repeat -12px 1px;
filter: alpha(opacity=80);
opacity:0.8;}


#top-2016 .recently, 
#list-2016 .recently, 
#detail-2016 .recently {
  position: relative;
  padding-bottom: 60px;
  padding-top: 48px;
}

#top-2016 .recently h3, 
#list-2016 .recently h3, 
#detail-2016 .recently h3 {
  color: #000;
  font-size: 38px;
  letter-spacing: -0.02em;
/*  margin-bottom: 35px;*/
  margin-bottom: 10px;
  text-align: center;
  line-height: 34px;
font-family:'Jost';font-weight:200;
}

#top-2016 .recently .lead, 
#list-2016 .recently .lead, 
#detail-2016 .recently .lead{
  font-size: 14px;
  margin-bottom: 25px;
  text-align: center;
}

#top-2016 .recently .slick-prev, 
#list-2016 .recently .slick-prev, 
#detail-2016 .recently .slick-prev {
  position: absolute;
  top: 60px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .recently .slick-prev:hover, 
#list-2016 .recently .slick-prev:hover, 
#detail-2016 .recently .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .recently .slick-prev:hover, 
#list-2016 .recently .slick-prev:hover, 
#detail-2016 .recently .slick-prev:hover {
  cursor: pointer;
}

#top-2016 .recently .slick-next, 
#list-2016 .recently .slick-next, 
#detail-2016 .recently .slick-next {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .recently .slick-next:hover, 
#list-2016 .recently .slick-next:hover, 
#detail-2016 .recently .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .recently .slick-next:hover, 
#list-2016 .recently .slick-next:hover, 
#detail-2016 .recently .slick-next:hover {
  cursor: pointer;
}

#top-2016 .recently .slider li, #list-2016 .recently .slider li, #detail-2016 .recently .slider li {
  width: 92px;
}

#top-2016 .recently .slider li a, #list-2016 .recently .slider li a, #detail-2016 .recently .slider li a {
  display: block;
  width: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .recently .slider li a:hover, #list-2016 .recently .slider li a:hover, #detail-2016 .recently .slider li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .copy, #list-2016 .copy, #detail-2016 .copy {
  clear: both;
  padding-top: 50px;
  text-align: center;
}

#top-2016 footer, #list-2016 footer, #detail-2016 footer {
  *zoom: 1;
  width: 1016px;
  margin: 0 auto 50px auto;
  text-align: center;
}

#top-2016 footer:after, #list-2016 footer:after, #detail-2016 footer:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .ft_cart, #list-2016 .ft_cart, #detail-2016 .ft_cart {
  width: 48px;
  float: right;
}

#top-2016 .ft_cart a, #list-2016 .ft_cart a, #detail-2016 .ft_cart a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .ft_cart a:hover, #list-2016 .ft_cart a:hover, #detail-2016 .ft_cart a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .back, #list-2016 .back, #detail-2016 .back {
  margin-left: 20px;
  width: 48px;
  float: right;
}

#top-2016 .back a, #list-2016 .back a, #detail-2016 .back a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .back a:hover, #list-2016 .back a:hover, #detail-2016 .back a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .ggl, #list-2016 .ggl, #detail-2016 .ggl {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 10;
}

#top-2016 .ggl a, #list-2016 .ggl a, #detail-2016 .ggl a {
  display: block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .ggl a:hover, #list-2016 .ggl a:hover, #detail-2016 .ggl a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .bnr-area, #list-2016 .bnr-area, #detail-2016 .bnr-area {
  padding-bottom: 60px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 40px;
}

#top-2016 .bnr-area ul, #list-2016 .bnr-area ul, #detail-2016 .bnr-area ul {
  *zoom: 1;
  margin-bottom: 20px;
}

#top-2016 .bnr-area ul:after, #list-2016 .bnr-area ul:after, #detail-2016 .bnr-area ul:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .bnr-area ul li, #list-2016 .bnr-area ul li, #detail-2016 .bnr-area ul li {
  width: 239px;
  float: left;
  margin-left: 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .bnr-area ul li:hover, #list-2016 .bnr-area ul li:hover, #detail-2016 .bnr-area ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .bnr-area ul li:first-child, #list-2016 .bnr-area ul li:first-child, #detail-2016 .bnr-area ul li:first-child {
  margin-left: 0;
}

#top-2016 .elle-online-area, #list-2016 .elle-online-area, #detail-2016 .elle-online-area {
  padding-bottom: 50px;
  *zoom: 1;
}

#top-2016 .elle-online-area:after, #list-2016 .elle-online-area:after, #detail-2016 .elle-online-area:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .elle-online-area h3, #list-2016 .elle-online-area h3, #detail-2016 .elle-online-area h3 {
  margin-bottom: 25px;
}

#top-2016 .elle-online-area .box, #list-2016 .elle-online-area .box, #detail-2016 .elle-online-area .box {
  font-size: 12px;
  width: 239px;
  float: left;
  letter-spacing: -0.15em;
  margin-right: 20px;
}

#top-2016 .elle-online-area .box ul, #list-2016 .elle-online-area .box ul, #detail-2016 .elle-online-area .box ul {
  *zoom: 1;
}

#top-2016 .elle-online-area .box ul:after, #list-2016 .elle-online-area .box ul:after, #detail-2016 .elle-online-area .box ul:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .elle-online-area .box li a, #list-2016 .elle-online-area .box li a, #detail-2016 .elle-online-area .box li a {
  margin-bottom: 7px;
  float: left;
  width: 108px;
  padding-left: 10px;
  background: url("/web/default/es_images/list/btn_online_arrow.gif") no-repeat;
  background-position: 0 4px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .elle-online-area .box li a:hover, #list-2016 .elle-online-area .box li a:hover, #detail-2016 .elle-online-area .box li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .elle-online-area .box .s-size a, #list-2016 .elle-online-area .box .s-size a, #detail-2016 .elle-online-area .box .s-size a {
  width: 98px;
}

#top-2016 .elle-online-area .contents-bnr, #list-2016 .elle-online-area .contents-bnr, #detail-2016 .elle-online-area .contents-bnr {
  float: right;
  *zoom: 1;
  margin-bottom: 20px;
  font-size: 14px;
  text-align: center;
  letter-spacing: -0.05em;
}

#top-2016 .elle-online-area .contents-bnr:after, #list-2016 .elle-online-area .contents-bnr:after, #detail-2016 .elle-online-area .contents-bnr:after {
  content: "";
  display: block;
  clear: both;
}

#top-2016 .elle-online-area .contents-bnr li, #list-2016 .elle-online-area .contents-bnr li, #detail-2016 .elle-online-area .contents-bnr li {
  width: 239px;
  float: left;
  margin-left: 20px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#top-2016 .elle-online-area .contents-bnr li:hover, #list-2016 .elle-online-area .contents-bnr li:hover, #detail-2016 .elle-online-area .contents-bnr li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#top-2016 .elle-online-area .contents-bnr li:first-child, #list-2016 .elle-online-area .contents-bnr li:first-child, #detail-2016 .elle-online-area .contents-bnr li:first-child {
  margin-left: 0;
}

#top-2016 .elle-online-area .contents-bnr img, #list-2016 .elle-online-area .contents-bnr img, #detail-2016 .elle-online-area .contents-bnr img {
  margin-bottom: 8px;
}

#list-2016 .nav-area .nav1 li:hover, #list-2016 .nav-area .nav2 li:hover {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .nav-area .nav3 {
  position: relative;
}

#list-2016 .nav-area .nav3 p {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .nav-area .nav3 p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .nav-area .nav3 .first-level a {
  display: block;
}

#list-2016 .nav-area .nav3 .first-level:hover > a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .nav-area .nav3 .first-level:hover > a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .nav-area .nav3 .first-level img {
  vertical-align: text-top;
  margin-right: 4px;
}

#list-2016 .nav-area .nav3 .second-level, #list-2016 .nav-area .nav3 .third-level {
  margin-left: 18px;
  display: none;
}

#list-2016 .nav-area .nav3 .second-level li a, #list-2016 .nav-area .nav3 .third-level li a {
    display: block;
  padding-left: 20px;
  background-image: url("/web/default/es_images/list/btn_check_off.png");
  background-repeat: no-repeat;
  background-position: 0 6px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .nav-area .nav3 .second-level li a:hover, #list-2016 .nav-area .nav3 .third-level li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .nav-area .nav3 .second-level .on > a, #list-2016 .nav-area .nav3 .third-level .on > a {
  background-image: url("/web/default/es_images/list/btn_check_on.png");
  background-repeat: no-repeat;
  background-position: 0 6px;
}

#list-2016 .nav-area .nav3 .nav-arrow {
  position: absolute;
  right: 0;
  top: 5px;
  width: 14px;
  height: 14px;
  background: url("/web/default/es_images/list/btn_catedory_arrow.gif") center center no-repeat;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .nav-area .nav3 .nav-arrow:hover {
  cursor: pointer;
}

#list-2016 .nav-area .nav3 .nav-arrow.open {
  background: url("/web/default/es_images/list/btn_catedory_arrow_up.gif") center center no-repeat;
}

#all-list .nav-arrow{display:none;}

#list-2016 .nav-area .nav3 p {
  font-weight: bold;
  display: table;
  width: 100%;
  height: 25px;
  margin-bottom: 4px;
}

#list-2016 .nav-area .nav3 .clear {
  color: #999999;
  text-align: right;
}

#list-2016 .nav-area .nav3 .clear:hover {
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .nav-area .nav3 .clear:hover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .recently, #detail-2016 .recently {
  margin-bottom: 45px;
  padding-bottom: 0;
  border-bottom: none;
}

/*# sourceMappingURL=../_maps/common.css.map */
/* 2016/08/18 HEARST E0794 追加 ここから */
/* favorite start*/
#list-2016 .containts table {
  border: 1px solid #ffffe3;
}
#list-2016 .containts table th,
#list-2016 .containts table td {
  border-left: 0px;
  border-bottom: 0px;
}
/*
#list-2016 .containts .cartTable table {
  border-collapse: separate;
  border-spacing: 0px 10px;
}
#list-2016 .containts .cartTable table td {
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  border-spacing: 0px 5px;
}
#list-2016 .containts .cartTable table th {
  border-right: solid 1px #999;
  border-bottom: none;
  border-spacing: 0px 5px;
}
#list-2016 .containts .cartTable table td:first-child,
#list-2016 .containts .cartTable table th:first-child {
  border-left: none;
}
#list-2016 .containts .cartTable table td:first-child {
  border-right: none;
}
#list-2016 .containts .cartTable table th:last-child,
#list-2016 .containts .cartTable table td:last-child {
  border-right: none;
}
*/
#list-2016 .containts .cartTable table {
  border: none;
}
#list-2016 .containts .cartTable table td {
  border-bottom: solid 1px #ccc;
}
#list-2016 .containts .mypageLead {
    margin-bottom: 20px;
}

.shoppingCart .sameproduct{
margin-top:-10px;margin-bottom:40px;color:#ababab;font-size:90%;}



.shoppingCart #cart60{
background:#f5f5f5;
padding:10px;
margin-bottom:40px;}


.shoppingCart #cart60 .loginbtn{
margin-top:10px;
width:200px;
display:block;
    box-sizing: border-box;
    border: 1px solid #000;
    cursor:pointer;
text-align:center;
color:#fff;
line-height:2.2;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

.shoppingCart #cart60 .loginbtn:hover{
color:#000;}


.shoppingCart #cart60 .loginbtn a{
display:block;
color:#fff;
line-height:2.2;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    background: url("//img.elleshop.jp/web/default/es_images/top/btn_arrow_white.png") no-repeat 135px center #000;}

.shoppingCart #cart60 .loginbtn:hover a{
color:#000;}

.shoppingCart #cart60 .loginbtn a:hover{
/*background: #fff;*/
color:#000;
    background: url("//img.elleshop.jp/web/default/es_images/top/btn_arrow_black.png") no-repeat 145px center #fff;}




.shoppingCart .sameproduct + .mypageLead{
margin-top:-10px;}
.shoppingCart .cartTable + .mypageLead{
padding-top:20px}

#top-2016 .shoppingCart .mypageLead{
    margin-bottom:40px;}
#top-2016 .shoppingCart .mypageLead .att{
color:#c00;}

#top-2016 .shoppingCart #favoritemail {
/*    width:545px;
    border:none;*/
width:540px;
margin-top:10px;
}

#top-2016 .shoppingCart .mypageLead table td,
#list-2016 .containts .mypageLead table td {
  background: #f5f5f5;
  vertical-align: middle;}
#top-2016 .shoppingCart .mypageLead table td{
padding:10px;
line-height:2.5em;
font-size:90%;}

#top-2016 .shoppingCart .mypageLead table.cmnTable th{
  background: #ebebeb;
  color: #999;
font-weight:bold;
font-size:90%;
color:#494949;
/*border:0;*/
  width: 40%;
  text-align: center;
  margin-left: 0px;}

/*
#top-2016 .shoppingCart .mypageLead table td{
border:0;}
*/

#top-2016 .shoppingCart .mypageLead table td .submit {
    margin-right: 5px;
    float: right;}


#list-2016 .containts .lead ul li, 
#list-2016 .containts li.btn-white{
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
  padding: 0px 15px;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  cursor: pointer;}

#top-2016 .shoppingCart .submit ul li,
#list-2016 .containts .submit ul li {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ffffff;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  cursor: pointer;}

#top-2016 .shoppingCart .submit ul li{
  height: 25px;
  line-height: 25px;
}


#list-2016 .containts li.btn-white.view {
  width: 250px;
}

#list-2016 .containts .lead ul li:hover{
  cursor: pointer;
}

#list-2016 .containts li.cart {
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #000;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
width:150px!important;}

#list-2016 .containts li.del{
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #666;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  padding:0!important;
width:150px!important;}

#list-2016 .containts .cartin li.restock{
color:#fff;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #bbbbbb;
  background: #ccc;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  cursor: pointer;
  padding:0!important;}

#list-2016 .containts .cartin li.arrival_goods.on{
color:#fff;
font-size:90%;
  background: #666;}

#list-2016 .containts .cartin .nostock{
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background:#f5f5f5;
  font-weight:normal!important;
  float: left;
  list-style-type: none;
  height: 35px;
  line-height: 35px;
  padding:0!important;}


#list-2016 .containts .cartin{padding-left:20px;}

#list-2016 .containts .cartin .nostock,
#list-2016 .containts .cartin li.restock,
#list-2016 .containts .cartin li.cart,
#list-2016 .containts .cartin li.del{
width:130px!important;}


#list-2016 .containts .cartin li.del{
float:right;}

#list-2016 .containts .cartin li.del:after {
  content: "";
  display: block;
  clear: both;}

/* #list-2016 .containts td.cart .cartin + .incart, */
#list-2016 .containts td.cart .cartin + .status + .status,
#list-2016 .containts td.cart .cartin + .status{
display:inline-block;
float:left;
width:135px;
padding-left:20px;
padding-right:165px;
}

#list-2016 .containts td.cart .cartin + .incart{
font-weight:normal;
font-size:100%;
padding:0 20px;
width:45%;
margin-top:-10px;
}

#list-2016 .containts .cartin li.del a{
padding:0;}


#list-2016 .containts .cartin li.restock a,
#list-2016 .containts li.cart a,
#favoritemail .submit li a{
padding: 0px 15px;
width:100%;
height:100%;
display:block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

#top-2016 .shoppingCart #favoritemail .submit li a{
padding: 0px 20px;}

#list-2016 .containts li.cart a{color:#fff;padding:0;}
#list-2016 .containts li.cart a:hover{background:#fff;
color:#000;}

#list-2016 .containts .cartin li.restock a{padding:0;}

#list-2016 .containts .cartin li.arrival_goods:hover,
#list-2016 .containts .cartin li.restock a:hover{background:#fff;
color:#000;}


#list-2016 .containts li.del a{
color:#fff;
padding: 0px 15px;
width:100%;
height:100%;
display:block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .containts li.del a:hover{background:#fff;
color:#000;}


#list-2016 .containts #content .cartTable .cmnTable td.cart .cartin .incart{
width: 130px;
float: left;
display: block;
padding-left: 0;
color:#666;
font-weight:normal;
font-size:100%;
}



.favpage .cmnTable .new-item .name{
font-family: 'Jost';}

.favpage .cmnTable .new-item .name .quick_view{
margin-top:20px;
font-family: 'Jost';
}

.favpage .cmnTable .new-item .name a div{
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  margin: 0 auto;
}

.favpage .cmnTable .new-item .name a div:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 .containts li.release:hover,
#list-2016 .containts li.btn-white:hover,
#favoritemail .submit li a:hover {
background:#000;
color:#fff;
}


#list-2016 .containts .favorite-tab {
  *zoom: 1;
  border-bottom: 1px solid #dddddd;
  margin: 30px 0px;
  display: table;
  height: 40px;
  border-left: none;
  text-align: center;
  width: 310px;
  padding: 0px 350px;
}
#list-2016 .containts .favorite-tab:after {
  content: "";
  display: block;
  clear: both;
}
#list-2016 .containts .favorite-tab li {
  width: 200px;
  height: 50px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
/*  cursor: pointer; */
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
#list-2016 .containts .cartin {
  display: block;
}
#list-2016 .containts li.cart, #list-2016 .containts li.release, #list-2016 .containts li.listshow,
#list-2016 .containts span.nostock, #list-2016 .containts li.restock, #list-2016 .containts li.seisan {
  width: 110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 .containts span.nostock, #list-2016 .containts li.restock, #list-2016 .containts li.seisan {
  line-height: 35px;
  height: 35px;
  padding: 0px 5px;
}

#list-2016 .containts li.release, #list-2016 .containts li.listshow {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  height: 35px;
  background: #aaaaaa;
  color: #ffffff;
  padding: 0px 5px;
  float: left;
  line-height: 35px;
}
#list-2016 .containts li.listshow {
	padding:0;
	  border: 1px solid #aaa;
  width: 250px!important;
}

#list-2016 .containts li.listshow a{
width:100%;
height:100%;
display:block;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 .containts li.listshow a:after {
      content: '>';
      padding-left:5px;
      color: #fff;
      font-weight: normal; }

#list-2016 .containts li.listshow a:hover{
	background:#000;
color:#fff;}




#list-2016 .containts .favorite-tab li a,
  display: table-cell;
  height: 30px;
  width: 200px;
  vertical-align: middle;
  text-align: center;
}
#list-2016 .containts .favorite-tab li.off {
  background: #ffffff;
  color: #000000;
  width: 200px;
}

#list-2016 .containts .favorite-tab li.on, #list-2016 .containts .favorite-tab li.off:hover{
  background: #000000;
  color: #ffffff;
}
#list-2016 .containts span.nostock {
  background: #ccc;
  cursor: auto;
}
#list-2016 .containts span.nostock a {
  color: #fff;
}
#list-2016 .containts li.restock, #list-2016 .containts li.seisan {
  background: #ccc;
}
#list-2016 .containts li.restock a, #list-2016 .containts li.seisan a {
  color: #333;
}
#list-2016 .containts .favorite-tab li.on a, #list-2016 .containts .favorite-tab li.off:hover a, #list-2016 .containts li.release a, #list-2016 .containts li.listshow a {
  color: #ffffff;
  display: block;
}
#list-2016 .containts .favorite-tab li.start {
  margin-left: 200px;
}

#list-2016 .containts .checkList li {
  margin: 0px 10px 0px 0px;
  width: 110px;
}
#list-2016 .containts .checkList dt {
  padding-top: 8px;
  padding-left: 30px;
}
#list-2016 .containts #favoritemail {
  width: 100%;
}

/*
#content.favpage table.cmnTable td
*/

#list-2016 .containts #favoritemail td.detail{
padding-left:10px;}
#list-2016 .containts #favoritemail th label{
padding:0 20px;
display:block;}


#list-2016 .containts .tl {
  float: right;
}
#list-2016 .containts table.cmnTable tbody td.check {
  vertical-align: top;
}
#list-2016 .containts table.cmnTable tbody td.name span.image {
  height: 257px;
  width: 171px;
}


#list-2016 .containts .mypageLead table.cmnTable{
margin-bottom:50px;
}
#list-2016 .containts .mypageLead table.cmnTable th {
  background: ##ebebeb;
  width: 77%;
  margin-left: 10px;}

#list-2016 .containts .cartTable table.cmnTable  th {
  background: #f5f5f5;
  color: #494949;
}
#list-2016 .containts .label {
  opacity: 0.8;
  filter: alpha(opacity=80);
  z-index: 5;
  top: 10px;
  left: 0;
  font-size: 10px;
}
#list-2016 .containts .label span {
  padding: 4px 8px;
  display: inline-block;
}
#list-2016 .containts .label .black {
  background: #000000;
  color: #ffffff;
}
#list-2016 .containts .label .gray {
  background: #666666;
  color: #ffffff;
}
#list-2016 .containts #main .filter {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 16px;
  background: none;
}
#list-2016 .containts #main .filter dt {
  font-weight: initial;
}
#list-2016 .containts #main .filter dd > ul > li {
  color:  #494949;
  font-weight: bold;
}

#list-2016 .containts table td.detail {
  vertical-align: middle;
  line-height: 35px;
}
#list-2016 .containts table label {
  margin-left: 5px;
}
#list-2016 .containts .favpage .tolist {
  text-align: left;
  margin: 15px 0px;
  padding-bottom: 0px;
  height: 35px;
}
#list-2016 .containts .favpage .txt {
  font-size: 100%;
  font-weight: normal;
  margin-top: 40px;
}

#list-2016 .containts .msgArea {
  margin: 15px 0px;
}
#list-2016 .containts .brandListHeader {
  height: 35px;
  margin: 10px 0px;
  padding-top: 0;
  padding-bottom: 10px;
  border-top: solid 1px #ababab;
  color: #000;
}
#list-2016 .containts .brandListHeader h2 {
  font-size: 150%;
  font-weight: bold;
  padding-bottom: 0;
  margin: 10px 0px;
  float: left;
color:#999;
font-family:'Jost';
}
#list-2016 .containts .normal_brand {
    margin: 0px 0px 5px;
    padding: 2px 5px;
    zoom: 1;
}
#list-2016 .containts span.mailRequest, #list-2016 .containts span.mailRelease, #list-2016 .containts span.del {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  color: #ffffff;
  padding: 5px;
  height: 20px;
}
#list-2016 .containts span.mailRequest {
  background: #cccccc;
  width: 90px;
  float: left;
  margin: 0px;
      padding: 0 !important;
    height: 30px !important;
}
#list-2016 .containts span.mailRequest a {
  color: #000000 !important;
}
#list-2016 .containts span.mailRelease {
  background: #000000;
  width: 90px;
  float: left;
  margin: 0px;
  padding:0!important;
  height:30px!important;
}
#list-2016 .containts span.del {
  background: #999999;
  width: 60px;
  padding:0!important;
  height:30px!important;
}

#list-2016 .containts ul li .mailArea {
  display: inline-block;
}
#list-2016 .containts ul li .nameArea {
  display: block;
  height: 55px;
font-family: 'Jost';
}
#list-2016 .containts .favpage #fav_brandSection ul > li {
  margin-right: 18px;
  padding-top: 5px;
  padding-bottom: 30px;
}

#list-2016 .containts .favpage .lead {
  width: 1016px;
}
#list-2016 .containts .favpage {
  padding: 0px;
  width: 1016px;
}
#list-2016 .containts .favpage #main {
  width: 1016px;
}
#list-2016 .containts .favpage #fav_brandSection ul > li span {
  white-space: initial;
}
#list-2016 .containts .favpage #fav_brandSection ul > li span a {
  color: #ffffff;
  width:90%;
  display:block;
  padding:5%;
  margin-top:3px;
}
#list-2016 .containts .favpage #fav_brandSection ul > li span.mail {
  margin: 0px;
}

#list-2016 .containts .favpage #fav_brandSection ul > li span{
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  margin: 0 auto;
}

#list-2016 .containts .favpage #fav_brandSection ul > li span:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}




/* favorite end*/
/* 2016/08/18 HEARST E0794 追加 ここまで */

/* ranking DIS mod. [#list-2016 -> #top-2016] */
#top-2016 .content #main {
  min-width: 605px !important;
  min-height: 300px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#top-2016 .content .shoppingCart #main {
  min-height: 1200px;
font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#top-2016 .content .mypageLead + #main{
  min-height: 50px;
}


#top-2016 .content #content {
  width: 100%;
}
#top-2016 .content #itemTOP3 li.top1, #top-2016 .content #itemTOP3 li.top2, #top-2016 .content #itemTOP3 li.top3 {
  width: 318px;
}
#top-2016 .content #itemTOP3 li.top1, #top-2016 .content #itemTOP3 li.top2 {
  margin-right: 30px;
}
#top-2016 .content #itemList li {
  width: 170px;
}
#top-2016 .content #itemList li.mgrt {
  margin-right: 30px;
}
#top-2016 .content #itemTOP15 {
  margin-top: 10px;
  padding-bottom: 20px;
  clear: both;
}
#top-2016 .content #itemTOP15 + .pagination {
  padding-bottom: 45px; }
#top-2016 .content #itemTOP15 {
  margin-top:10px;
  padding-bottom: 20px;
  clear: both; }
#top-2016 .content #itemTOP15 li.nthChild4n {
  margin-right: 0; }
#top-2016 .content #itemTOP15 li:nth-child(4n + 1) {
  clear: both; }
#top-2016 .content #itemTOP15 li.nthChild4n1 {
  clear: both; }
#topicpath {
  padding: 5px 0px 10px 0;
}
#top-2016 .content #rankingTop30 .header {
  background-color: #fff;
  color: #494949;
  font-weight: bold;
}
#top-2016 .content #rankingTop30 .title {
font-family: 'Jost';}

#top-2016 .content #rankingTop30 .header {
  padding: 7px 0px;
}
#top-2016 .content .items .num {
  z-index: 5;
  width: 45px;
  height: 30px;
  position: absolute;
/*  right: 0;*/
left:0;
  top: 8px;
  text-align: center;
  font-size: 20px;
font-family:'Jost';font-weight:600;font-style:italic;
}
#top-2016 .content .items .num.big {
  width: 110px;
  height: 40px;
  font-size: 30px;
font-family:'Jost';font-weight:600;font-style:italic;
}
#top-2016 .content .items .num.mini {
  width: 60px;
  height: 30px;
  font-size: 20px;
}
#top-2016 .content .items .num span {
  height: 30px;
  line-height: 1em;
  font-size: 20px;
}
#top-2016 .content .items .num span.big {
  height: 40px;
  font-size: 30px;
}
#top-2016 .content .items .num span.mini {
  height: 30px;
  font-size: 20px;
}
#top-2016 .content .items .brandname {
  font-weight: bold;
}
#top-2016 .content ul.items .price {
  text-align: left;
}

#top-2016 .content ul.items .price .stock{
/*  margin-top: 4px;*/
float:right;
color:#000;
text-decoration:none;
}

#top-2016 .content ul.items .price.off {
  color: #cccccc;
  text-decoration: line-through;
}
#top-2016 .content #itemList_L ul.items .price, #top-2016 .content #itemList ul.items .price {
  float: none;
}
#top-2016 .content .items .sale {
  color: #e70a1a;
}
#top-2016 .content .items ul {
  display: table;
  width: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#top-2016 .content .items ul {
    width: 298px;
}
#top-2016 .content .items ul li {
  height: 24px;
/*  width: 224px;*/
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  line-height: 24px;
}
#top-2016 .content .items .top1 ul li, #top-2016 .content .items .top2 ul li, #top-2016 .content .items .top3 ul li {
  height: 30px;
  width: 149px;
  line-height: 30px;
}
#top-2016 .content .items .mgrt ul li {
  height: 18px;
  width: 85px;
  line-height: 18px;
}
#top-2016 .content #itemList .mgrt ul li {
  padding-bottom: 0px;
  width: 85px;
}
#top-2016 .content .items ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
#top-2016 .content .items ul .fav {
  color: #ffffff;
  background: #aaaaaa;
}
#top-2016 .content .items ul .view {
  border: 1px solid #bbbbbb;
}
#top-2016 .content .mid {
  float: left;
  position: relative;
  width: 210px;
  margin-right: 40px;
  margin-bottom: 45px;
}
#top-2016 .content ul.items li.fav {
  float: none;
}
#top-2016 .content ul.items .color {
  text-align: left;
}
#top-2016 .content #rankingTop30 {
  margin-bottom: 10px;
}

#top-2016 .content .type-search, 
#top-2016 .content .cat-search {
  width: 250px;
  margin-bottom: 30px;
  background: #f5f5f5;
  padding: 10px;
  height: 20px;
/*  overflow: hidden;*/
  -webkit-transition: all 0.6s ease;  /* 0830 */
  transition: all 0.6s ease;  /* 0830 */
  float: left;
  margin-right: 30px;
}
#top-2016 .content .type-search .inner
/*,#top-2016 .content .cat-search .inner */{
  width: 250px;
  margin: 0 auto;
}


#top-2016 .content #main .filter.ranking {
  border-bottom: none;
  margin-bottom: 50px;
  font-weight: none;
}


#top-2016 .content .filter ul .type-search > ul {
  left: 0px;
  top: 40px;}
#top-2016 .content .filter ul .type-search ul li {
  width: 268px;}


#top-2016 .content .filter ul .cat-search{
position: relative;}
#top-2016 .content .filter ul .cat-search ul.top-level{
  left: 0px;
  top: 40px;
position:absolute;}

#top-2016 .content .filter ul .cat-search ul.top-level li{
position: relative;}
#top-2016 .content .filter ul .cat-search .second-level{
  top:0;
  left: 270px;}
#top-2016 .content .filter ul .cat-search .third-level{
  top:0;
  left: 270px;}

#top-2016 .content .filter ul .cat-search li {
  width: 270px;}


/*
#top-2016 .content .filter ul .cat-search > ul {
  left: 0px;
  top: 40px;}
#top-2016 .content .filter ul .cat-search {
  position: relative;
}
#top-2016 .content .filter ul .cat-search > .top-level { 
  left: 300px;
  top: 40px;
}
#top-2016 .content .filter ul .cat-search ul li {
  width: 270px;
}
#top-2016 .content .filter ul .cat-search .second-level {
  left: 270px;
}
#top-2016 .content .filter ul .cat-search .second-level > li{
   position: absolute;
}
#top-2016 .content .filter ul .cat-search .third-level {
  left: 270px;
   position: absolute;
}
#top-2016 .content .filter ul .cat-search ul li ul li{
  width: 270px;
}
#top-2016 .content .filter ul ul li {
  border: none;
}
#top-2016 .content .filter li a {
  display: block;
  background: #f5f5f5;
    transition: all 0.6s ease;
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
    z-index: 15;
}
*/


*/
/* --- [S] DIS add. */
/*
#list-2016 .content .narrow-search .price #jquery-ui-slider_first,
#list-2016 .content .narrow-search .price #jquery-ui-slider_second {
  border: none;
  background: #cccccc;
  color: #333333;
  margin-bottom: 20px;
}
#list-2016 .nav-area .nav3 img.list-category-icon {
  float: left;
  position: absolute;
  display: block;
  margin: 5px 0px;
}
#list-2016 .nav-area .nav3 .third-level {
  padding-left: 25px;
  margin-bottom: 2px;
}
#list-2016 .nav-area .nav3 .third-level {
  display: none;
}

#list-2016 .nav-area .nav3 .third-level li a {
  display: block;
  padding-left: 14px;
  background-position: 0 4px;
}

#list-2016 .nav-area .nav3 .third-level .on a {
  background-position: 0 4px;
}
 */
a.size-box {
  color: #ffffff;
}
/* --- [E] DIS add. */
/* --- [S] HFG add. */
#top-2016 #content.mypage #main, #top-2016 #content.mypage #sidebar {
  float: none;
}
#top-2016 #content.mypage #main table.cmnTable {
  width: 100%;
}
#top-2016 #content.mypage #main, #top-2016 #content.mypage #sidebar #lnav {
  margin-top: 0px;
}
#top-2016 #content #featureArea2 ul#featureNav {
  margin-top: 20px;
}
#top-2016 .content h1.info2 {
  font-size: 24px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  margin-left: 0px;
  border-bottom: 1px solid #dddddd;
  width:100%;
}
#top-2016 .content {
  min-height: 700px;
}
#top-2016 .preorderLead h1 {
  margin: 0px;
}
#top-2016 #content #main .title {
  font-size: 24px;
  padding-bottom: 30px;
  margin-bottom: 40px;
  border-bottom: 1px solid #dddddd;
  border-left: none;
  font-weight: initial;
}

#top-2016 #contentsArea_nw footer {
  width: 100%;
}
#top-2016 #content_nw #main .title {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd;
    border-left: none;
    font-weight: initial;
}

/* ranking start */
/*
#list-2016 .content #main {
  width: 1016px;
  min-height: 300px;
}
#list-2016 .content #content {
  width: 100%;
}
#list-2016 .content #itemTOP3 li.top1, #list-2016 .content #itemTOP3 li.top2, #list-2016 .content #itemTOP3 li.top3 {
  width: 318px;
}
#list-2016 .content #itemTOP3 li.top1, #list-2016 .content #itemTOP3 li.top2 {
  margin-right: 30px;
}
#list-2016 .content #itemList li {
  width: 170px;
}
#list-2016 .content #itemList li.mgrt {
  margin-right: 30px;
}
#list-2016 .content #itemTOP15 {
  margin-top: 10px;
  padding-bottom: 20px;
  clear: both;
}
#list-2016 .content #itemTOP15 + .pagination {
  padding-bottom: 45px; }
#list-2016 .content #itemTOP15 {
  margin-top:10px;
  padding-bottom: 20px;
  clear: both; }
#list-2016 .content #itemTOP15 li.nthChild4n {
  margin-right: 0; }
#list-2016 .content #itemTOP15 li:nth-child(4n + 1) {
  clear: both; }
#list-2016 .content #itemTOP15 li.nthChild4n1 {
  clear: both; }
#topicpath {
  padding: 5px 0px 10px 0;
}
#list-2016 .content #rankingTop30 .header {
  background-color: #fff;
  color: #494949;
  font-weight: bold;
}
#list-2016 .content #rankingTop30 .title {
  margin-bottom: 20px;
}
#list-2016 .content #rankingTop30 .header {
  padding: 7px 0px;
}
#list-2016 .content .items .num {
  z-index: 5;
  width: 45px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 8px;
  text-align: center;
  font-size: 20px;
}
#list-2016 .content .items .num.big {
  width: 110px;
  height: 40px;
  font-size: 30px;
}
#list-2016 .content .items .num.mini {
  width: 60px;
  height: 30px;
  font-size: 20px;
}
#list-2016 .content .items .num span {
  height: 30px;
  line-height: 1em;
  font-size: 20px;
}
#list-2016 .content .items .num span.big {
  height: 40px;
  font-size: 30px;
}
#list-2016 .content .items .num span.mini {
  height: 30px;
  font-size: 20px;
}
#list-2016 .content .items .brandname {
  font-weight: bold;
}
#list-2016 .content ul.items .price {
  text-align: left;
}
#list-2016 .content ul.items .price.off {
  color: #cccccc;
  text-decoration: line-through;
}
#list-2016 .content #itemList_L ul.items .price, #list-2016 .content #itemList ul.items .price {
  float: none;
}
#list-2016 .content .items .sale {
  color: #e70a1a;
}
#list-2016 .content .items ul {
  display: table;
  width: 224px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
}
#list-2016 .content .items ul {
    width: 298px;
}
#list-2016 .content .items ul li {
  height: 24px;
  width: 112px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  font-size: 11px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  line-height: 24px;
}
#list-2016 .content .items .top1 ul li, #list-2016 .content .items .top2 ul li, #list-2016 .content .items .top3 ul li {
  height: 30px;
  width: 149px;
  line-height: 30px;
}
#list-2016 .content .items .mgrt ul li {
  height: 18px;
  width: 85px;
  line-height: 18px;
}
#list-2016 .content #itemList .mgrt ul li {
  padding-bottom: 0px;
  width: 85px;
}
#list-2016 .content .items ul li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
#list-2016 .content .items ul .fav {
  color: #ffffff;
  background: #aaaaaa;
}
#list-2016 .content .items ul .view {
  border: 1px solid #bbbbbb;
}
#list-2016 .content .mid {
  float: left;
  position: relative;
  width: 210px;
  margin-right: 40px;
  margin-bottom: 45px;
}
#list-2016 .content ul.items li.fav {
  float: none;
}
#list-2016 .content ul.items .color {
  text-align: left;
}
#list-2016 .content #rankingTop30 {
  margin-bottom: 10px;
}
#list-2016 .content .type-search, #list-2016 .content .cat-search {
  width: 250px;
  margin-bottom: 30px;
  background: #f5f5f5;
  padding: 10px;
  height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  float: left;
  margin-right: 30px;
}
#list-2016 .content .type-search .inner, #list-2016 .content .cat-search .inner {
  width: 250px;
  margin: 0 auto;
}
#list-2016 .content #main .filter.ranking {
  border-bottom: none;
  margin-bottom: 50px;
  font-weight: none;
}
#list-2016 .content .filter ul .type-search > ul {
  left: 0px;
  top: 40px;
}
#list-2016 .content .filter ul .type-search ul li {
  width: 270px;
}
#list-2016 .content .filter ul .cat-search > ul {
  left: 300px;
  top: 40px;
}
#list-2016 .content .filter ul .cat-search ul li {
  width: 270px;
}
#list-2016 .content .filter ul .cat-search ul ul {
  left: 270px;
  position: absolute;
}
#list-2016 .content .filter ul .cat-search ul li ul li{
  width: 270px;
}
#list-2016 .content .filter ul ul li {
  border: none;
}
*/
/* ranking end */

/* 20160826 start */
.nav-area .nav1 .first-level:hover, .nav-area .nav2 .first-level:hover, .nav-area .nav4 .first-level:hover, .nav-area .nav6 .first-level:hover, .nav-area .nav7 .first-level:hover,
.nav-area .nav3 li.first-level a:hover, .nav-area .nav3 .second-level a:hover, #list-2016 .nav-area .nav3 .third-level a:hover {
  background-color: #dddddd;
}
#top-2016 .newsInfoContent #main, #top-2016 .mypage #main {
  width: auto;
}
#top-2016 #content.guide #main {
  width: 100%;
}
#top-2016 #content.guide #main .desc {
  width: 745px;
}
#top-2016 #featureArea2 h1  {
  float: none;
}
/*
#list-2016 .content-area .brandDesc {
    margin-top: -40px;
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
}
#list-2016 .content-area .brandDesc dl dt {
    width: 176px;
    padding-top: 84px;
    padding-left: 18px;
}
#list-2016 .content-area .brandDesc .inner {
    border-bottom: 1px solid #dddddd;
    border-top: none;
    height: 238px;
}
#list-2016 .content-area .brandDesc .figure {
    width: 428px;
    height: 200px;
    margin-bottom: 20px;
    position: absolute;
    top: 20px;
    left: 522px;
}
#list-2016 .content-area .brandDesc dl dd {
    line-height: 1.5;
    position: absolute;
    width: 300px;
    top: 20px;
    left: 204px;
    font-size: 91.667%;
}
#list-2016 .content-area .brandDesc a {
    margin: 7px 0 0 0;
    display: block;
    text-decoration: underline;
}
#list-2016 .content-area .brandDesc a.lt {
    display: none;
}
*/
.brandDesc {
    margin-top: -40px;
    position: relative;
    padding: 0;
    top: 0;
    left: 0;
}
.brandnewscontainer .brandDesc {
    margin-top: -20px;
}
.brandDesc dl dt {
    width: 166px;
    padding-top: 84px;
    padding-left: 18px;
}
.brandDesc .inner {
    border-bottom: 1px solid #dddddd;
    border-top: none;
    height: 238px;
}
.brandDesc .figure {
    width: 428px;
    height: 200px;
    margin-bottom: 20px;
    position: absolute;
    top: 20px;
    left: 570px;
}
.brandDesc dl dd {
    line-height: 1.5;
    position: absolute;
    width: 368px;
    top: 20px;
    left: 184px;
    font-size: 100%;
line-height:1.5;
}
.brandDesc a {
    margin: 7px 0 0 0;
    display: block;
    text-decoration: underline;
}
.brandDesc a.lt {
    display: none !important;
}
.include .brandNews {
    width: 100%;
    padding: 15px 0px;
}
.include .brandNews .title {
    float: left !important;
    line-height: 60px !important;
    width: 190px !important;
    background: url("/contents/images/common/ttl_brandnews.gif") no-repeat 15px 20px !important;
  border: none !important;
  margin-bottom: 0px !important;
  padding-bottom: 0px !important;
  vertical-align: middle !important;
 
}
.include .brandNews ul li {
    width: 255px;
    float: left;
}
.include .brandNews ul li .img {
    width: 90px;
    float: left;
}
.include .brandNews ul li .txt {
    font-size: 98%;
    width: 160px;
    float: left;
}

#top-2016 #container {
/*    width: 1016px;
    float: right;*/
    width: 100%;
/*    padding-top: 38px;*/
}
#top-2016 content.favpage #main {
    width: 910px;
}
#top-2016 #content .mypage .titlebar {
    font-size: 24px;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #dddddd;
    border-left: none;
    font-weight: initial;
}
#top-2016 #content.mypage, #top-2016 #content.column1 {
  width: 1016px;
  float: right;
  padding-top: 0px;
}
#top-2016 #content.shoppingCart {
  padding-top: 0px;
  border-top: 1px solid #dddddd;
}
#top-2016 .content .shoppingCart .slick-next {
  position: absolute;
  top: 100px;
  right: 0px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
}

#top-2016 .content .shoppingCart .slick-prev {
    position: absolute;
    top: 100px;
    left: 0px;
    width: 11px;
    height: 20px;
    background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
}


#container #top-2016 #content.mypage.userEntry {
/*  padding-top: 38px;*/
}
#top-2016 #content.mypage.userEntry #main, #top-2016 #content.mypage.column1 #main,  #top-2016 .contants-area #content.mypage #main {
  border-top: 1px solid #dddddd;
}
#top-2016 #content #main .titlebar {
  font-size: 36px;
  padding-bottom: 30px;
  padding-top: 30px;
  margin: 0px 0px 40px;
  border-bottom: 1px solid #dddddd;
  border-left: none;
  font-weight: normal;
  background-color: #fff;
  color: #494949;
  float: none;
  width: 100%;
  font-family:'Jost';
}
#top-2016 #content #main #errorArea h1 {
  float: none;
  width: 100%;
  margin: 0 !important;
}
#top-2016 #content {
  min-height: 700px;}

#top-2016 #loginmain > #content{
  min-height: 370px;}
}


#instagram li {
  display: initial;
}

#top-2016 .content #editor .slider li .img-area {
  float: left;
  padding: 60px 40px;
}
#top-2016 .content #editor .slider li .img-area img {
  padding: 0px 50px;
  background-color: #fff;
}

#top-2016 .content .ellejapon {
    padding: 20px 0 0;
    margin-bottom: 31px;
    overflow: hidden;
}
#top-2016 .content .ellejapon .elleJaponPresentsLeft {
    float: left;
    display: inline;
    overflow: hidden;
/*    width: 283px;*/
    margin: 0 6px 0 0;
}
#top-2016 .content .ellejapon .elleJaponPresentsLeft .figure {
    margin: 0px;
}
#top-2016 .content .ellejapon .elleJaponPresentsRight {
    float: left;
    width: 50%;/*226px;*/
    height:50%;/* 300px;*/
    overflow: hidden;
}
#top-2016 .content .ellejapon .elleJaponPresentsRight dd {
/*  background: url(/contents/images/16aw/top/ebook_bg.png) 50% 50% no-repeat;
  padding: 300px 0 0px 20px;*/
}
#top-2016 .content .ellejapon img {
/*  margin: 0;*/
}
#top-2016 .content .ellejapon .pageimg {
  float: left;
  margin-top: -273px;
  margin-left: 269px;
}
#top-2016 .content .ellejapon {
  padding: 0;
}
#top-2016 .content .ellejapon ul {
  margin-top: 322px;
}
#top-2016 .content #editor .slider li .img {
  width: 100px;
  text-align: center;
  position: absolute;
  top: 60px;
  left: 400px;
}
#top-2016 .content .bana-area ul {
  margin-top: 60px;
}
#top-2016 .content .kv-area {
  margin-bottom: 0px;
}
#top-2016 .content .bana {
  margin-bottom: 60px;
}
#top-2016 .content .bana.menparty {
  margin-bottom: 90px;
}
/*#main #brandIndexNav ul.kubun_tab li:last-child {
  display: none;
}*/
#main .header + .brandListHeader a {
  display: none;
}
/*
#top-2016 .content {
  padding-top: 36px;
}
*/
/* 20160826 end */
/* 20160831 start */
#list-2016 .content .item-list-area .new-item .price {
  line-height: 24px;
  margin-bottom: 24px;
font-family:'Jost';
}
#list-2016 .content .item-list-area .new-item .sale {
  line-height: 24px;
  margin-top: -24px;
font-family:'Jost';
}
#top-2016 #ft-cart, #list-2016 #ft-cart, #detail-2016 #ft-cart  {
  width: 60px;
  z-index: 10;
  display: none;
  position: fixed;
  right: 0;
}
#top-2016 .content #itemTOP3 img {
  width: 298px;
  height: 447px;
}
#top-2016 .content #itemTOP15 img {
  width: 224px;
  height: 336px;
}
#top-2016 .content #itemList img {
  width: 171px;
  height: 257px;
}
#top-2016 .content #main .filter.ranking {
  background: none;
}
#top-2016 #main #rankingTop30 .header {
  z-index: 0;
}
#top-2016 #main .filter ul {
  z-index: 10;
}

#list-2016 .content #mainImageCat {
  float: left;
  width: 100%;
  left: 0;
  position: relative;
  top: 0;
  zoom: 1;
  margin-bottom: 20px;
}
#list-2016 .content #mainImageCat > ul:first-child {
  float: left;
  margin: 0;
  padding: 0;
  width: 704px;
}


#list-2016 .content .banner {
  float: left;
  width: 254px !important;
  margin-left: 57px;
}

#list-2016 .content #mainImageCat > ul.oldbanner:first-child {
  width: 442px;
}
#list-2016 .content .oldbannerright {
  float: left;
  width: 270px !important;
  margin-left: 50px;
}

#list-2016 .content .include:after {
  content: '';
  display: block;
  clear: both;
}
#top-2016 .content .content-nav li.bana3 {
  width: 127px;
}
/*
#top-2016 #content.column1 {
  border-top: 1px solid #dddddd;
}
*/

.nav-other-site img {
  vertical-align: middle;
}

#top-2016 .content .ranking .info-box .brandname {
font-family:'Jost'!important;font-weight:600;
}

#list-2016 .content .info-box .brandname {
font-family:'Jost'!important;font-weight:450;
}

#top-2016 .content .ellejapon .elleJaponPresentsRight .text {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 10px;
}
#top-2016 .nav-other-site .otherarrow {
  margin-top: -2px;
}
#top-2016 #login .section .loginAreaWrapper .desc {
  width: 100%;
}
#cart .detail {
  padding-left: 0px;
}
 #detail-2016 .detail-area .description .title-area img, #detail-2016 .detail-area .size-guide .title-area img, #detail-2016 .detail-area .care-guide .title-area img {
  display: none !important;
}
/*
#list-2016 .text-area.size-map.on .list .title {
  background: #f5f5f5;
  display: table;
  height: 50px;
}
#list-2016 .text-area.size-map.on .list ul li {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 68px;
}

#light-box-contents .text-area.howtoclean {
    width: 100%;
}
#light-box-contents .text-area.howtoclean h5 {
  width: 20%;
  float: left;
  line-height: 26px;
  vertical-align: middle;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
  font-size: 12px;
}
#light-box-contents .text-area.howtoclean p {
  width: 75%;
  float: left;
  line-height: 26px;
  margin-bottom: 5px;
  vertical-align: middle;
  padding-bottom: 15px;
  margin-bottom: 15px;
  border-bottom: 1px solid #dddddd;
}
*/
#light-box-contents .color-list li.on {
  content: '';
  width: 64px;
  height: 140px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
/*  border: 2px solid #aaaaaa;*/
}
#light-box-contents .color-list {
  margin-bottom: 16px;
}
#detail-2016 .detail-area .slider-area {
  z-index: 15;
}
#noGnav #main, #main {
 width: 100% !important;
}

#buyee-area {
  margin-top: -36px;
}

/* 20160831 end */

/* --- [E] HFG add. */
/* --- [S] DIS E0841 add. */

.ranking-item ul .fav {
  color: #ffffff;
  background: #aaaaaa;
  position: relative;
}

.ranking-item ul .fav p {
  text-align: center;
  vertical-align: middle;
  position: absolute;
  top: 3px;
  left: 0;
  font-size: 11px;
}

.ranking-item ul .fav .done {
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  top: 0;
  background: url("/web/default/es_images/list/bg_fav_check.png") right center no-repeat #444444;
/*  height: 21px;*/
/*  padding-top: 3px;*/
  padding-left: 14px;
  width: 149px;
}

.ranking-item ul .fav .done.on {
  opacity: 1;
  filter: alpha(opacity=100);
}
.ranking-item ul .fav {
  position: relative;
  width: 112px;
  height: 24px;
}


/* s-size */
.ranking-item .fav {
  height: 20px;
}

.ranking-item .fav p {
  position: absolute;
  width: 100%;
  height: 20px;
  font-size: 11px;
}

.ranking-item .fav .done {
  background: #000000;
}

.ranking-item .hover-area, .ranking-item .d-cart-area {
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.ranking-item .d-cart-area, .ranking-item .hover-area {
/*  max-height: 341px;*/
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  position: absolute;
  padding: 15px 0;
  background: #333333;
  z-index: -2;
  opacity: 0;
  filter: alpha(opacity=0);
  color: #ffffff;
}
.ranking-item .d-cart-area.on, .ranking-item .hover-area.on {
  z-index: 30 !important;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ranking-item .d-cart-area .item-name, .ranking-item .hover-area .item-name {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid #ffffff;
}
.ranking-item .d-cart-area .item-name p, .ranking-item .hover-area .item-name p {
  font-size: 14px;
/*  width: 190px;
  width: 300px;*/
  margin: 0 5px;
  line-height: 22px;
}
.ranking-item .d-cart-area .text-area, .ranking-item .hover-area .text-area {
  position: relative;
  width: 224px;
  height: 24px;
}

.ranking-item .d-cart-area .lead, .ranking-item .hover-area .lead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  opacity: 1;
  filter: alpha(opacity=100);
}
.ranking-item .d-cart-area .announce, .ranking-item .hover-area .announce {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 24px;
  text-align: center;
  color: #e70a1a;
  opacity: 0;
  filter: alpha(opacity=0);
}
.ranking-item .d-cart-area dl, .ranking-item .hover-area dl {
  *zoom: 1;
  width: 184px;
  height: 250px;
/*  overflow: scroll;*/
  margin: 0 auto;
}
.ranking-item .d-cart-area dl:after, .ranking-item .hover-area dl:after {
  content: "";
  display: block;
  clear: both;
}
.ranking-item .d-cart-area dd, .ranking-item .hover-area dd {
  float: right;
/*  width: 85px;*/
  width: 80px;
  margin-bottom: 5px;
  display: table;
}
.ranking-item .d-cart-area dd p, .ranking-item .hover-area dd p {
  display: inline;
}
.ranking-item .d-cart-area dd:nth-child(even), .ranking-item .hover-area dd:nth-child(even) {
  float: left;
  clear: both;
}
.ranking-item .d-cart-area #cart,
.ranking-item .hover-area #cart {
position:relative;
}
.ranking-item .d-cart-area .size-box, .ranking-item .hover-area .size-box {
  height: 33px;
  display: table-cell;
  float: left;
  width: 30px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #ffffff;
  text-align: center;
  padding: 4px 0;
  color:#fff;
font-size:90%;
overflow: hidden;
-webkit-text-overflow: ellipsis;
text-overflow: ellipsis;
line-height: 1.1em;
}
.ranking-item .d-cart-area .size-box.on, .ranking-item .d-cart-area .size-box:hover, .ranking-item .d-cart-area .size-box.on:hover, .ranking-item .hover-area .size-box.on, .ranking-item .hover-area .size-box:hover, .ranking-item .hover-area .size-box.on:hover {
  background: #ffffff;
  color: #000000;
  cursor: pointer;
}
.ranking-item .d-cart-area .uketuke,
.ranking-item .hover-area .uketuke,
.ranking-item .d-cart-area .stock-num,
.ranking-item .hover-area .stock-num {
  height: 33px;
  display: table-cell;
  vertical-align: middle;
font-size:80%;
}
.ranking-item .d-cart-area dt, .ranking-item .hover-area dt {
  margin-bottom: 2px;
}

.ranking-item .hover-area .text-area {
  height: 48px;
  line-height: 20px;
}

.ranking-item .hover-area dl {
  height: 230px !important;
}
.ranking-item .hover-area, .ranking-item .d-cart-area {
  top: 0;
  left: -224px;
  width: 224px;
  z-index: -2;
/*  height: 332px;*/
}
.ranking-item .hover-area, .ranking-item .d-cart-area {
  top: -214px;
  right: 0;
  width: 333px;
}
.ranking-item .hover-area .text-area p, .ranking-item .d-cart-area .text-area p {
  text-align: left;
  left: 20px;
}
.ranking-item .hover-area dl, .ranking-item .d-cart-area dl {
  margin: 0 0 0 20px;
}
/* --- [E] DIS E0841 add. */

#list-2016 .containts .favpage #topic {
  margin-top: 20px;
  padding-bottom: inherit;
}
#content.favpage table.cmnTable th {
  height: 55px;
  padding: 0px;
}
#content.favpage table.cmnTable th .space {
  border-right: 1px solid #999999;
  line-height: 40px;
  height: 40px;
}
#content.favpage table.cmnTable td .space {
font-family: 'Jost';
  border-right: solid 1px #ccc;
  height: 270px;
padding-right:10px;
}
#content.favpage table.cmnTable td {
  padding: 10px 0px;
}

#content.favpage table.cmnTable td.cart .arrival_goods img{
width:128px;
height:35px;
}

#content.favpage table.cmnTable td.cart .arrival_goods img:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#content.favpage table.cmnTable tbody td.price {
  vertical-align: middle;
  line-height: 270px;
}
#content.favpage .favorite {
  display: none;
}
.top1.ranking-item .hover-area, .top1.ranking-item .d-cart-area,
.top2.ranking-item .hover-area, .top2.ranking-item .d-cart-area,
.top3.ranking-item .hover-area, .top3.ranking-item .d-cart-area {
  left: -298px !important;
  top: 2px !important;
  width: 298px;
  height: 447px;
}
.mid.ranking-item .hover-area, .mid.ranking-item .d-cart-area {
  left: -224px !important;
  top: -25px !important;
  width: 224px;
  height: 357px;
}
.mgrt.ranking-item .hover-area, .mgrt.ranking-item .d-cart-area {
  left: -171px !important;
  top: -33px !important;
  width: 171px;
  height: 280px;
}

.top1.ranking-item ul .fav p, .top2.ranking-item ul .fav p, .top3.ranking-item ul .fav p {
  width: 149px;
}
.mid.ranking-item ul .fav p {
  width: 110px;
}
.mgrt.ranking-item ul .fav p {
  width: 85px;
  line-height: 20px;
  vertical-align: middle;
  font-size: 10px;
  text-align: center;
}
.mgrt.ranking-item ul .fav p.done {
  width: 81px;
  text-align: left;
  padding-left: 4px;
}
.mgrt.ranking-item ul .fav p.default {
  top: 0px;
}
.top1.ranking-item ul .fav .done, .top2.ranking-item ul .fav .done, .top3.ranking-item ul .fav .done {
  height: 32px;
  width: 147px;
  padding-left: 0px;
  line-height: 32px;
  vertical-align: middle;
}
.mid.ranking-item ul .fav .done {
  height: 26px;
  width: 110px;
  padding-left: 0px;
  line-height: 26px;
  vertical-align: middle;
}
.mgrt.ranking-item ul .fav .done {
  width: 85px;
  padding-left: 0px;
}
.brandnews_detail .article_info {
  overflow: inherit !important;
}

.sns-list img {
/*  zoom: 80%;*/
  height: 29px;
}

#list-2016 .containts table.cmnTable tbody td.name span.image img {
  height: 257px;
  width: 171px;
}
/*faborite item lazy*/
#list-2016 .containts table.cmnTable tbody td.name span.image img.loading{
padding-left:80px!important;
width:16px!important;
height:16px!important;}



#main .filter ul {
    z-index: 10;
}


#detail-2016 .detail-area .description div > a {
  color: #e50083 !important;
}


#top-2016 .content .bana-area.udmv {
  margin-top: -35px;
  margin-bottom: 30px;
}



/* 左ナビ ipad 対応 2016.10 */
.nav-area #all-list li {
/* width:100%;*/
 position:relative;
 padding:2px 0;
 font-size:14px;}

/* 左ナビ ipad 対応 2017.01 */
#all-list,
.nav-area,
.nav-area .nav3,
.nav-area .nav3 ul,
.nav-area .nav3 li{
z-index:10;}
#all-list,
.nav-area,
.nav-area .nav3{
  position: relative;}


/*
.nav-area #all-list .nav3 li.more a:after{
content:" ＞";}
*/

.nav-area #all-list .nav3 li.more a {
    padding-right: 12px;
    display: inline-block;
    background: url("/web/default/es_images/common/icon_arrow.png") no-repeat 100% 50%;
}


.nav-area #all-list li a{display:block;}

.nav-area #all-list li:hover{
  background: #dddddd;
  filter: alpha(opacity=100);
  cursor:auto;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}


.nav-area #all-list #searchCategoryTree li > a:hover{
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;}

.nav-area #all-list .nav5 ul a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}
.nav-area #all-list .nav5 ul li:hover{
background:none;}


.nav-area #all-list .nav7 li > a img{margin-top:3px;}
.nav-area #all-list .nav7 ul a:hover img{
  opacity: 1;
  filter: alpha(opacity=100);
  cursor: pointer;}

.nav-area #all-list ul ul{
z-index:20;
  position: absolute;
  top: 0;
  left: 224px;
  width: 224px;
/*padding-left:4px;*/
    margin-top: -30px;
    padding: 30px 30px 30px 0;}

.nav-area #all-list ul.nav1 > li:first-child > ul,
.nav-area #all-list ul.nav1 > li:nth-child(2) > ul,
.nav-area #all-list ul.nav1 > li:nth-child(2) > ul ul,
.nav-area #all-list ul.nav1 > li:nth-child(3) > ul{
width:144px;
    margin-top: -30px;
    padding: 30px 30px 30px 0;
}

.nav-area #all-list ul.nav1 > li:nth-child(2) > ul ul,
.nav-area #all-list ul.nav1 > li:nth-child(3) > ul ul{
/*left:154px;*/
left:142px;
    margin-top: -30px;
    padding: 30px 30px 30px 0;
}

.nav-area #all-list ul.nav1 > li:nth-child(2) > ul li.kana ul{
width:190px;
padding-right:30px;}
.nav-area #all-list ul.nav1 li.kana li{
float:left;
width:25px;
margin-bottom:1px;
margin-right:1px;}

.nav-area #all-list ul.nav1 > li:nth-child(5) > ul{
width:626px;
    margin-top: -30px;
    padding: 30px 30px 30px 0;}
.nav-area #all-list ul.nav1 > li:nth-child(5) > ul:after {
  content: "";
  display: block;
  clear: both;}
.nav-area #all-list ul.nav1 > li:nth-child(5) > ul li{
width:300px;
float:left;
margin-right:1px;}


.nav-area #all-list ul ul li{
  background: #f5f5f5;
  padding-left:12px;
}

.nav-area #all-list ul ul{
display: none;
opacity: 0;}

.nav-area #all-list #searchCategoryTree ul.second-level,
.nav-area #all-list #searchCategoryTree ul.third-level{
position:static!important;
}
.nav-area #all-list #searchCategoryTree ul.third-level,
.nav-area #all-list #searchCategoryTree ul.second-level{
opacity:1.0!important;}

.nav-area #all-list #searchCategoryTree ul.second-level,
.nav-area #all-list #searchCategoryTree ul.third-level{
padding-left:0;
margin-left:0;}

.nav-area #all-list #searchCategoryTree ul.third-level{
width:203px;}


.nav-area #all-list #searchCategoryTree ul.first-level li,
.nav-area #all-list #searchCategoryTree ul.second-level li,
.nav-area #all-list #searchCategoryTree ul.third-level li{
background:#fff;}

.nav-area #all-list #searchCategoryTree li.first-level:hover{
background:#fff;}




@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
@keyframes del{
    from{
        opacity: 1;
    }
    to{
        opacity: 0;
    }
}

.nav-area #all-list ul ul.show{
    animation: show  ease-in 0.2s;
display: block;opacity: 1.0;}


.nav-area #all-list ul ul.del{
    animation: del ease-in 0.2s;
display: block;opacity: 0;}


.nav-area #all-list ul div.nav6 ul{
display: block!important;
opacity: 1.0!important;}






/* ページ上部マイページ 2016.10 */
#log_in li {
 position:relative;
z-index:19;}
#log_in li.login a{display:block;}

#log_in li.login ul{
z-index:19;
  position: absolute;
  width: 180px;}
#log_in li.login ul{display: none;opacity: 0;}

#log_in li.login ul li{
padding:4px 0;
width:100%;
  background: #f5f5f5;}

#log_in li.login ul li:hover{
  background: #dddddd;
  filter: alpha(opacity=100);
  cursor:auto;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

#log_in li.login:hover{
  opacity: 1.0!important;
  filter: alpha(opacity=100);
  cursor: pointer;}

#log_in li.login:hover a{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;}

#log_in li.login:hover li:hover{
  opacity: 1.0!important;
  filter: alpha(opacity=100);
  cursor: pointer;}


#log_in li.login ul.show{
    animation: show  ease-in 0.2s;
display: block;opacity: 1.0;}


#log_in li.login ul.del{
    animation: del ease-in 0.2s;
display: block;opacity: 0;}







/* staff recommend 2016.10 */
#detail-2016 .detail-area .recommend {
  margin-top: 30px;
    z-index: 10;
}
#detail-2016 .detail-area .recommend .rec-comment {
  font-size: 12px;
  line-height: 45px;
  height: 45px;
  width: 585px;
  border-bottom: 1px solid #dddddd;
}
#detail-2016 .slider-area .recommend .slider {
    float: left;
}
#detail-2016 .detail-area .slider-area .recommend .slider .slick-prev {
position: absolute;
    top: 40px;
    left: -20px;
    width: 11px;
    height: 20px;
    background: url("/web/default/es_images/detail/btn_slider_prev_s.gif") top left no-repeat;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area .recommend .slider .slick-next {
    position: absolute;
    top: 40px;
    right: -20px;
    width: 11px;
    height: 20px;
    background: url("/web/default/es_images/detail/btn_slider_next_s.gif") top left no-repeat;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#detail-2016 .detail-area .slider-area .recommend .slider .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#detail-2016 .detail-area .slider-area .recommend .slider .slick-next {
    border: none;
    text-indent: -9999px;
    z-index: 10;
    outline: none;
}
#detail-2016 .detail-area .slider-area .recommend .slider{
    float: none;
}

#detail-2016 .detail-area .recommend h2 {
  font-size: 24px;
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  letter-spacing: 0.04em;
  clear: both;
  font-size: 24px;
font-family:'Jost';font-weight:200;
}
#detail-2016 .detail-area .slider-area #main-slider li > p,
#detail-2016 .detail-area .slider-area .inner > p {
  padding-top: 10px;
}

#detail-2016 .detail-area #sub-slider, 
#detail-2016 .detail-area .slider-area .recommend .slider {
  width: 565px;
}
#detail-2016 .detail-area .recommend .title-area {
  margin-bottom: 15px;
}



/* STATIC 2016.10 */

#list-2016 .content .pankuzu, #top-2016 .content #topicpath {
    display: table;
    padding-top: 15px;
    border-top: 1px solid #dddddd;
    font-size: 12px;
    margin-bottom: 15px;
    width: 100%;
    height: 12px;}

#top-2016 .content #main.newsInfoArticle{
width:605px!important;}


#list-2016 .content .pankuzu img, #top-2016 .content #topicpath img {
    display: inline-block;
    margin: 0 10px;
    padding-bottom: 4px;}

#tempc .content-left {
    float: left !important;
    border-right: 1px solid #cccccc !important;
    box-sizing: border-box !important;
}

#tempc .content-right {
    float: right !important;
}

#tempc .content {
  width: 434px !important;
  border-top: 1px solid #cccccc !important;
}

#new_sets #slick .slick-prev, #new_sets #slick .slick-next {
    text-indent: 0px !important;
}
/* detail-add start*/
#detail-2016 .content .shop-blog li:nth-child(2n) {
    float: right;
}

#detail-2016 .content .shop-blog .photo img {
    width: 163px;
    border-right: 1px solid #cccccc !important;
}

#detail-2016 .content .brand-news .photo img {
    width: 163px;
}
#detail-2016 .content .brand-news .lead {
    font-size: 14px;
}
#detail-2016 .content .shop-blog .lead {
    font-size: 14px;
    margin: 50px 10px 5px;
}
#detail-2016 .content .editors ul {
    margin-bottom: 50px;
}
#detail-2016 .content .editors li .photo {
    width: 239px;
    height: 239px;
    overflow: hidden;
}
#detail-2016 .content .editors li img {
    width: 239px;
    margin-bottom: 10px;
}
#detail-2016 .content .editors a {
-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    display: block;
}
#detail-2016 .containt .editors .name {
    font-size: 20px;
    margin-top: 15px;
    margin-bottom: 4px;
}
#detail-2016 .containt .editors .lead {
    font-size: 12px;
}

#detail-2016 .content .shop-blog .date, #detail-2016 .content .editors .date,#detail-2016 .content .hot-style .date {
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'Jost';
}
#detail-2016 .content .brand-news .date {
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'Jost';
    position: absolute;
    bottom: 0;
}
#detail-2016 .hot-style h2 {
font-family:'Jost'!important;font-weight:200;
}

#detail-2016 .brand-news .slick-prev {
    position: absolute;
    top: 60px;
    left: -10px;
    width: 11px;
    height: 20px;
    background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
#detail-2016 .brand-news .slick-next {
    position: absolute;
    top: 60px;
    right: -10px;
    width: 11px;
    height: 20px;
    background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
#detail-2016 .brand-news .info {
    width: 140px;
    float: left;
    height: 163px;
    position: relative;
    line-height: 1.9em;
    font-size: 12px;
    margin: 0 15px;
}
#detail-2016 .brand-news .slider {
    padding: 0px 5px;
    margin-bottom: 50px;
}
#detail-2016 .content .brand-news .lead {
    width: 140px;
}
/* detail-add end*/

/* brand-top start*/
#list-2016 .brandnewscontainer {
    margin-top: 20px;
}
#list-2016 .brandnewscontainer h3 {
    margin: 20px 0;
    text-align: center;
    font-size: 40px;
}
#list-2016 .brandnewscontainer .slider {
    margin-bottom: 40px;
    padding: 0px 10px;
}
#list-2016 .brandnewscontainer .photo {
    width: 120px;
    float: left;
    margin-right: 20px;
}
#list-2016 .brandnewscontainer .photo img {
    width: 120px;
}
#list-2016 .brandnewscontainer .info {
    width: 166px;
    float: left;
    height: 120px;
    position: relative;
    line-height: 1.9em;
    font-size: 14px;
}
#list-2016 .brandnewscontainer .date {
    font-size: 16px;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 12px;
    color: #aaaaaa;
    font-family: 'Jost';
}
#list-2016 .brandnewscontainer .slick-prev {
  position: absolute;
  top: 60px;
  left: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_prev.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
#list-2016 .brandnewscontainer .slick-prev:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
#list-2016 .brandnewscontainer .slick-prev:hover {
  cursor: pointer;
}
#list-2016 .brandnewscontainer .slick-next {
  position: absolute;
  top: 60px;
  right: -10px;
  width: 11px;
  height: 20px;
  background: url("/web/default/es_images/top/rank_next.gif") top left no-repeat;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}
#list-2016 .brandnewscontainer .slick-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}
#list-2016 .brandnewscontainer .slick-next:hover {
  cursor: pointer;
}

#list-2016 .pageing-area .arrow-next, #list-2016 .pageing-area .arrow-back {
    width: 100px;
    top: 40px;
}
#list-2016 .pageing-area .arrow-next img, #list-2016 .pageing-area .arrow-back img{
    display: none;
}
#list-2016 .content h3 {
    font-family: 'Jost' !important;
    line-height: 40px;
    margin: 0px !important;
    text-align: center;
    font-size: 40px;
}
#list-2016 .category-rank h3, #features h3 {
    padding: 50px 0px;
}
#list-2016 .recently h3 {
    padding: 50px 0px 0px 0px;
}
#list-2016 .brand-item-category {
    margin-bottom: 40px !important;
}
#list-2016 #features {
    border-top: none;
    padding-top: 0px;
}
#list-2016 .pageing-area {
    border-top: none !important;
}
#list-2016 .category-rank {
    border-bottom: none !important;
    padding-bottom: 40px !important;
}
#list-2016 .recently {
    margin-bottom: 90px;
    padding-top: 0px
}
#list-2016 .content .brand-area .about-brand .text {
  font-size: 12px !important;
  line-height: 1.5em !important;
}
#list-2016 .content .brand-area .about-brand {
  margin-bottom: 0px !important;
}
#features .more, #list-2016 .pageing-area .arrow-next, #list-2016 .pageing-area .arrow-back {
    line-height: 1em;
    display: table;
    font-size: 14px;
    text-indent: -8px;
}
#features .more a:hover, #list-2016 .pageing-area .arrow-next a:hover, #list-2016 .pageing-area .arrow-back a:hover {
    background: url("/web/default/es_images/top/btn_arrow_black.png") 85% center no-repeat #f5f5f5 !important;
    color: #000000 !important;
    border: 1px solid #000000;
}
#features .more a, #list-2016 .pageing-area .arrow-next a, #list-2016 .pageing-area .arrow-back a {
    width: 130px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url("/web/default/es_images/top/btn_arrow_white.png") 85% center no-repeat #000000 !important;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#list-2016 .pageing-area .arrow-back a:hover {
    background: url("/contents/images/16aw/common/btn_arrow_black_l.png") 15% center no-repeat #f5f5f5 !important;
}
#list-2016 .pageing-area .arrow-back a {
    background: url("/contents/images/16aw/common/btn_arrow_white_l.png") 15% center no-repeat #000000 !important;
    padding-left: 15px;
}
#list-2016 .containts .mypageLead.mailmsg {
    height: 100px;
    overflow: scroll;
    overflow-x: hidden;
}

/** 2017AW lazyload **/
/*bottom banner*/
/*bottom banner*/
#features.latesttopics img{
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

/*
#features li:nth-child(1),
#features li:nth-child(2){width:274px;}

#features li.bok:nth-child(1){margin-right:42px;}

#features li.bom{margin-right:31px!important;}
#features li.bom:last-child{margin-right:0!important;}
*/

#features li{padding-bottom:10px;float: left; }

#features li.bok {width:490px;height:280px;margin-right:36px;}
#features li.bok:nth-child(2n){margin-right:0;}

#features li.bom{width:320px;margin-right:28px;}
#features li.bom:nth-child(3n){
  margin-right: 0;}

#features li img {width:100%;}


#features li span.text {
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    display: -webkit-box;
    overflow: hidden;
height:40px;}

#features .figure{min-height:200px;}
#features .figure img.loading{
padding-top:85px;
padding-left:48%;
width:16px!important;
height:16px!important;
}

.bana-area .bana-big{min-height:200px;}
.bana-area .bana-big img.loading{
padding-top:90px;
padding-bottom:90px;
padding-left:48%;
width:16px!important;
height:16px!important;
}

#eolLinkInner .eolLeft h2{min-height:53px;width:183px;}
#eolLinkInner .eolLeft h2 img.loading{
padding-top:20px;
padding-left:50px;
width:16px!important;
height:16px!important;
}

#eolLinkInner .eolBanner img.loading{
padding-top:54px;
padding-bottom:54px;
padding-left:48%;
width:16px!important;
height:16px!important;
}
/** 2017AW lazyload **/


/* 201803 change START*/
ul#topicpath {
  display: table;
  padding-top: 20px!important;
  border-top: 1px solid #dddddd;
  font-size: 12px;
  margin-bottom: 30px!important;
  width: 100%;
  height: 12px;
}

ul#topicpath:after{
    display: block;
    content: "";
    clear: both; }

ul#topicpath li {
float:left;
}

ul#topicpath li span{
display:none;}

ul#topicpath a {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
margin-right:15px;
}

ul#topicpath a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
text-decoration:underline;
}

ul#topicpath a:after{
padding-left:15px;
    content: url("/web/default/es_images/detail/text_arrow_right.gif");
    position: relative;
}

#list-2016 .content .pankuzu img, #top-2016 .content #topicpath img{
display:none;}

/* 201803 change END */

#errorArea p a{text-decoration:underline;}

/* 20180607 BN youtube start */
.brandnews_detail .item-block .desc .mov {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 20px;
}
.brandnews_detail .item-block .desc .mov iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/* 20180607 BN youtube end */



/* 201903 Mypage/お気に入りアイテム　絞り込みブロック追加  START*/
#list-2016 #content.favpage .narrow-search {
  margin-top: 10px;
  margin-bottom: 30px;
  padding: 20px 0 20px 0;


  background: #f5f5f5;
/*  height: 90px;*/
  overflow: hidden;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 #content.favpage .narrow-search.open {
  height: 534px;
}

#list-2016 #content.favpage .narrow-search.open .title-area p {
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_narrow_search_up.gif") left top no-repeat;
}

#list-2016 #content.favpage .narrow-search.open .closed-area {
  display: none;
}

#list-2016 #content.favpage .narrow-search .inner {
  width: 936px;
  margin: 0 auto;
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .inner:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .title-area {
  padding-bottom: 12px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 33px;
  *zoom: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#list-2016 #content.favpage .narrow-search .title-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .title-area:hover {
  cursor: pointer;
  color:#000;
  border-bottom: 1px solid #000;
}

#list-2016 #content.favpage .narrow-search .title-area .h3,
#list-2016 #content.favpage .narrow-search .title-area h3 {
  float: left;
  display: block;
  font-size: 20px;
}

#list-2016 #content.favpage .narrow-search .title-area p {
  display: block;
  float: right;
  width: 20px;
  height: 20px;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_narrow_search.gif") left top no-repeat;
  text-indent: -9999px;
  margin-right: 5px;
}

#list-2016 #content.favpage .narrow-search .title-area p:hover {
  cursor: pointer;
}


#list-2016 #content.favpage .narrow-search .closed-area {
  *zoom: 1;
  margin: -17px auto 0 auto;
/*  width: 936px;*/
padding:10px;
width:912px;}



#list-2016 #content.favpage .narrow-search ul.on{
border:2px solid #999;}


#list-2016 #content.favpage .narrow-search .closed-area:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .closed-area li {
  float: left;
  margin-right: 25px;
}

#list-2016 #content.favpage .narrow-search .closed-area dl {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .closed-area dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .closed-area dt {
  float: left;
  padding-right: 4px;
}

#list-2016 #content.favpage .narrow-search .closed-area dd {
font-size:105%;
  float: left;
  font-weight: bold;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 #content.favpage .narrow-search .closed-area dd:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .closed-area dd:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .closed-area dd img {
  padding-bottom: 4px;
  padding-left: 4px;
  margin-right: 8px;
width:13px; height:13px;}

#list-2016 #content.favpage .narrow-search .box {
  width: 204px;
  float: left;
  margin-left: 37px;
}

#list-2016 #content.favpage .narrow-search .first-box {
  margin-left: 0;
}

#list-2016 #content.favpage .narrow-search .brand-category {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  float: left;
}

#list-2016 #content.favpage .narrow-search .brand-category:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .category-clear,
#list-2016 #content.favpage .narrow-search .brand-category-clear {
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  float: right;
}

#list-2016 #content.favpage .narrow-search .category-clear:hover,
#list-2016 #content.favpage .narrow-search .brand-category-clear:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .detail {
  font-size: 12px;
  margin-bottom: 10px;
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .detail:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .detail h4,
#list-2016 #content.favpage .narrow-search .detail .h4 {
  font-size: 15px;
  padding-bottom: 4px;
  border-bottom: 1px solid #aaaaaa;
  margin-bottom: 10px;
}

#list-2016 #content.favpage .narrow-search .type ul {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .type ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .type ul li {
  padding-left: 16px;
  float: left;
  margin-right: 19px;
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_circle_off.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 #content.favpage .narrow-search .type ul li.on, #list-2016 #content.favpage .narrow-search .type ul li:hover {
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_circle_on.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 #content.favpage .narrow-search .type ul li:hover {
  cursor: pointer;
}


#list-2016 #content.favpage .narrow-search .category {
  display: block;}

#list-2016 #content.favpage .narrow-search .category ul > p{
margin-top:10px;
font-weight:bold;
font-size:110%;}
#list-2016 #content.favpage .narrow-search .category ul > p:first-child{
margin-top:0;}


#list-2016 #content.favpage .narrow-search .category .h4{
margin-top:-6px;}
#list-2016 #content.favpage .narrow-search .color .h4{
margin-top:19px;}


#list-2016 #content.favpage .narrow-search .brand ul, #list-2016 #content.favpage .narrow-search .category ul {
  height: 184px;
  overflow: scroll;
  margin-bottom: 10px;
}

#list-2016 #content.favpage .narrow-search .brand ul li, #list-2016 #content.favpage .narrow-search .category ul li {
  margin-bottom: 4px;
  padding-left: 24px;
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_off.png") no-repeat;
  background-position: 0 2px;
}

#list-2016 #content.favpage .narrow-search .brand ul li.on, #list-2016 #content.favpage .narrow-search .brand ul li:hover, #list-2016 #content.favpage .narrow-search .category ul li.on, #list-2016 #content.favpage .narrow-search .category ul li:hover {
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_on.png") no-repeat;
  background-position: 0 2px;
}

#list-2016 #content.favpage .narrow-search .brand ul li:hover, #list-2016 #content.favpage .narrow-search .category ul li:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .color ul, #list-2016 #content.favpage .narrow-search .pattern ul {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .color ul:after, #list-2016 #content.favpage .narrow-search .pattern ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .color li, #list-2016 #content.favpage .narrow-search .pattern li {
  float: left;
  width: 19px;
  margin-left: 7px;
  margin-bottom: 8px;
  position: relative;
  line-height: 0;
}

#list-2016 #content.favpage .narrow-search .color li:first-child, #list-2016 #content.favpage .narrow-search .color li:nth-child(9), #list-2016 #content.favpage .narrow-search .color li:nth-child(17), #list-2016 #content.favpage .narrow-search .pattern li:first-child, #list-2016 #content.favpage .narrow-search .pattern li:nth-child(9), #list-2016 #content.favpage .narrow-search .pattern li:nth-child(17) {
  margin-left: 0;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .color li.on:after, #list-2016 #content.favpage .narrow-search .pattern li.on:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #000;
}

#list-2016 #content.favpage .narrow-search .color li:hover, #list-2016 #content.favpage .narrow-search .pattern li:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .color li:hover:after, #list-2016 #content.favpage .narrow-search .pattern li:hover:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 19px;
  height: 19px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 2px solid #000;
}

#list-2016 #content.favpage .narrow-search .status ul, #list-2016 #content.favpage .narrow-search .stock ul {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .status ul:after, #list-2016 #content.favpage .narrow-search .stock ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .status ul li, #list-2016 #content.favpage .narrow-search .stock ul li {
  padding-left: 16px;
  float: left;
  margin-bottom: 6px;
  margin-right: 19px;
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_circle_off.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 #content.favpage .narrow-search .status ul li.on, #list-2016 #content.favpage .narrow-search .status ul li:hover, #list-2016 #content.favpage .narrow-search .stock ul li.on, #list-2016 #content.favpage .narrow-search .stock ul li:hover {
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_check_circle_on.png") no-repeat;
  background-position: 0 4px;
}

#list-2016 #content.favpage .narrow-search .status ul li:hover, #list-2016 #content.favpage .narrow-search .stock ul li:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .size dl {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .size dl:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .size dt {
  margin-bottom: 4px;
}

#list-2016 #content.favpage .narrow-search .size dd {
  margin-bottom: 10px;
  float: left;
  margin-left: 14px;
  width: 29px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #aaaaaa;
  text-align: center;
  padding: 4px 0;
  letter-spacing: -0.1em;
}

#list-2016 #content.favpage .narrow-search .size dd.first-box {
  margin-left: 0;
}

#list-2016 #content.favpage .narrow-search .size dd:hover, #list-2016 #content.favpage .narrow-search .size dd.on, #list-2016 #content.favpage .narrow-search .size dd.on:hover {
  cursor: pointer;
  background: #000000;
  color: #ffffff;
  border: 1px solid #000000;
}

#list-2016 #content.favpage .narrow-search .price .price-box {
  position: relative;}

#list-2016 #content.favpage .narrow-search .price .price-box .errMsg{
    font-size: 11px;
    color: #f00;
}


/* DIS mod. */
#list-2016 #content.favpage .narrow-search .price #jquery-ui-slider
, #list-2016 #content.favpage .narrow-search .price #jquery-ui-slider_first
, #list-2016 #content.favpage .narrow-search .price #jquery-ui-slider_second {
  border: none;
  background: #cccccc;
  color: #333333;
  margin-top: 19px;
  margin-bottom: 17px;
}

#list-2016 #content.favpage .narrow-search .price .ui-corner-all {
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

#list-2016 #content.favpage .narrow-search .price .ui-slider-horizontal {
  height: 4px;
}

#list-2016 #content.favpage .narrow-search .price .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.2em;
  display: block;
  border: 0;
  background-position: 0 0;
  background: #000000;
}

#list-2016 #content.favpage .narrow-search .price .ui-slider-handle {
  width: 12px;
  height: 12px;
  background: url("//img.elleshop.jp/web/default/es_images/list/btn_slider_point.png") center center no-repeat;
  border: none;
}

#list-2016 #content.favpage .narrow-search .price .ui-slider-handle:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .price .ui-slider-handle:focus {
  outline: 0;
}

#list-2016 #content.favpage .narrow-search .price .line {
  position: absolute;
  top: 15px;
  left: 98px;
  height: 1px;
  width: 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #aaaaaa;
}

#list-2016 #content.favpage .narrow-search .price ul {
  *zoom: 1;
}

#list-2016 #content.favpage .narrow-search .price ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .price li {
  float: right;
}

#list-2016 #content.favpage .narrow-search .price li:first-child {
  float: left;
}

#list-2016 #content.favpage .narrow-search .price li input {
  text-align: center;
  background: #f5f5f5;
  width: 92px;
  border: 1px solid #aaaaaa;
  padding: 5px 0;
}

#list-2016 #content.favpage .narrow-search .price li input:focus {
  outline: 0;
}

#list-2016 #content.favpage .narrow-search .price li input:hover {
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .btn-area {
  clear: both;
  border-top: 1px solid #aaaaaa;
  padding-top: 20px;
}

#list-2016 #content.favpage .narrow-search .btn-area ul {
  *zoom: 1;
  width: 234px;
  margin: 0 auto;
}

#list-2016 #content.favpage .narrow-search .btn-area ul:after {
  content: "";
  display: block;
  clear: both;
}

#list-2016 #content.favpage .narrow-search .btn-area li {
  width: 108px;
  float: right;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 #content.favpage .narrow-search .btn-area li:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .narrow-search .btn-area li:first-child {
  float: left;
  margin-right: 18px;
}


#list-2016 #content.favpage #favCart{
float:right;
margin:30px 0;
}
#list-2016 #content.favpage #favCart:after{
  content: "";
  display: block;
  clear: both;
}

/*
#list-2016 #content.favpage .pagination{
width:100%;
display:inline-block;}
*/










#list-2016 #content.favpage .pageing-area {
  border-top: 1px solid #dddddd;
  position: relative;
  width: 100%;
  padding-top: 36px;
/*
  margin-bottom: 40px;
*/
  font-size: 14px;
  line-height: 14px;
}

#list-2016 #content.favpage .pageing-area .arrow-back {
  height: 14px;
  position: absolute;
  left: 0;
  top: 50px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 #content.favpage .pageing-area .arrow-back:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .pageing-area .arrow-back img {
  padding-right: 6px;
  padding-bottom: 2px;
}

#list-2016 #content.favpage .pageing-area .arrow-next {
  height: 14px;
  position: absolute;
  right: 0;
  top: 50px;
  -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
}

#list-2016 #content.favpage .pageing-area .arrow-next:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
}

#list-2016 #content.favpage .pageing-area .arrow-next img {
  padding-left: 6px;
  padding-bottom: 2px;
}

#list-2016 #content.favpage .pageing-area ul {
  text-align: center;
  margin: 0 auto 6px auto;
}

#list-2016 #content.favpage .pageing-area ul li a {
  width: 35px;
  height: 35px;
  display: table-cell;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #000000;
  text-align: center;
  vertical-align: middle;
}

#list-2016 #content.favpage .pageing-area ul li {
  display: inline-block;
  border-spacing: 4px;
}

#list-2016 #content.favpage .pageing-area ul li.skip {
  vertical-align: middle;
  margin-top: -24px;
}

#list-2016 #content.favpage .pageing-area ul li.on a, 
#list-2016 #content.favpage .pageing-area ul li:hover a, 
#list-2016 #content.favpage .pageing-area ul li.on:hover a {
  background: #000000;
  color: #ffffff;
}

#list-2016 #content.favpage .pageing-area p {
  font-size: 11px;
  text-align: center;
}
#list-2016 #content.favpage .arrow-next, #list-2016 .pageing-area .arrow-back {
    width: 100px;
    top: 40px;
}
#list-2016 #content.favpage .pageing-area .arrow-next img, 
#list-2016 #content.favpage .pageing-area .arrow-back img{
    display: none;
}
#list-2016 #content.favpage .pageing-area .arrow-next, 
#list-2016 #content.favpage .pageing-area .arrow-back {
    line-height: 1em;
    display: table;
    font-size: 14px;
    text-indent: -8px;
}
#list-2016 #content.favpage .pageing-area .arrow-next a:hover, 
#list-2016 #content.favpage .pageing-area .arrow-back a:hover {
    background: url("//img.elleshop.jp/web/default/es_images/top/btn_arrow_black.png") 85% center no-repeat #f5f5f5 !important;
    color: #000000 !important;
    border: 1px solid #000000;
}
#list-2016 #content.favpage .pageing-area .arrow-next a, 
#list-2016 #content.favpage .pageing-area .arrow-back a {
    width: 130px;
    height: 36px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: url("//img.elleshop.jp/web/default/es_images/top/btn_arrow_white.png") 85% center no-repeat #000000 !important;
    color: #ffffff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#list-2016 #content.favpage .pageing-area .arrow-back a:hover {
    background: url("//img.elleshop.jp/contents/images/16aw/common/btn_arrow_black_l.png") 15% center no-repeat #f5f5f5 !important;
}
#list-2016 #content.favpage .pageing-area .arrow-back a {
    background: url("//img.elleshop.jp/contents/images/16aw/common/btn_arrow_white_l.png") 15% center no-repeat #000000 !important;
    padding-left: 15px;
}


#list-2016 #content.favpage .mypageLead + .pageing-area{
padding-top:0;}

#list-2016 #content.favpage .mypageLead + .pageing-area > p{
text-align: right;
    margin-bottom: 10px;}

/* 201903 Mypage/お気に入りアイテム END*/



/** 202007 product-review **/
.review-information {
margin-top:45px;}

#content.favpage table.cmnTable td .space .review-information{
margin-top:10px;
display:inline-block;
}


.send-rev {
margin-top:15px;}

.rev-link a{
    -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
    transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);}

.rev-link a:before{
    content: "";
    padding-left: 17px;
    background: url("https://backstage.elleshop.jp/wp-content/plugins/wp-customer-reviews/css/newstars.png") left center no-repeat;
    background-size: auto auto;}

.rev-link{
display:block;}

.rev-link a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  cursor: pointer;
text-decoration:underline;}
/** 202007 product-review **/


/* 202010 contents new-img disable */
#hotstyle_list #sets_detail .comment .title img{
display:none!important;}

#suisei_widgets #resultArea .box, #sets_ranking .box{
background: #fff url(https://elleshop.jp/contents/hotstyle/img/photo_more.gif) no-repeat 0 0!important;}

#editorsClosetArea .newicon img{
display:none!important;}



/* 以下202403 grourment/decor*/
#top-2016 .nav-area ul.genre,
#list-2016 .nav-area ul.genre {
	li {
		a {
			color: #000;
		}
		a:hover {
			color: #fff;
		}
	}
	li#all-menu.on,
	li#all-menu:hover {
		background: #000;
	}
	li#women-menu.on,
	li#women-menu:hover {
		background: #E50083;
		color: #fff;
	}
	li#men-menu.on,
	li#men-menu:hover {
		background: #0083E5;
		color: #fff;
	}
	li#gourmet-menu.on,
	li#gourmet-menu:hover {
		background: #BDAA76;
		color: #fff;
	}
	li#decor-menu.on,
	li#decor-menu:hover {
		background: #2A303E;
		color: #fff;
	}
	&+h1 {
		margin-block: 10px 5px;
		color: #000;
		font-size: 11px;
		font-weight: 400;
		line-height: 17px;
		span {
			display: inline-block;
			margin-left: 3px;
			font-size: 10px;
			font-weight: 800;
			line-height: 10px;
			letter-spacing: 0.05em;
			padding: 3px;
			color: #FFF;
			background: #E50083;
		}
		&+ul.genre {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			align-items: stretch;
			gap: 1px;
			height: auto;
			li {
				width: 100%;
				display: block;
				height: auto;
				background: #ddd;
				a {
					width: 100%;
					display: block;
					height: auto;
					padding: 4px;
					box-sizing: border-box;
				}
			}
		}
	}
}

/* for slick */
.l-lifestyle .rank-list,
#top-2016.lifestyle-base .head-cards,
#top-2016.lifestyle-base .editor-list,
#top-2016.lifestyle-base .second-cards .items,
#top-2016.lifestyle-base .third-cards .items,
#top-2016.lifestyle-base .lifestyle_ranking .items,
#top-2016.lifestyle-base .brand-list {
	display: none;
	&.slick-slider {
		display: block;
	}
}

/* for top page */
#top-gourmet {
	background: var(--gourmet-bg-1, #F3F1EB);
	margin-block: 120px;
}
#top-decor {
	background: #F6F6F7;
	margin-bottom: 120px;
	border-radius: 0;
	&>h2 {
		font-size: 48px;
		font-weight: 700;
		line-height: 72px;
		font-family: 'Futura LT W01 Bold Condensed', sans-serif;
	}
	.ls-cards a {
		background: var(--decor-bg-1, #E7EAEE);
		border-radius: 0;
		&:first-child {
			flex-direction: row-reverse;
		}
		figure img {
			border-radius: 0;
		}
	}
	.ls-cards-list-link {
		a {
			background: #fff url(/contents/images/lifestyle/common/button-link-arrow-black.svg) no-repeat right 10px center;
			color: #000;
			border: 1px solid #fff;
			&:hover {
				background-color: #000;
				background-image: url(/contents/images/lifestyle/common/button-link-arrow-white.svg);
				color: #fff;
			}
		}
	}
	.ls-ranking {
		background: var(--decor-bg-1, #E7EAEE);
		border-radius: 0;
		.rank-list .quick_view figure img {
			border-radius: 0;
		}
	}
}
.l-lifestyle {
	padding: 60px 43px;
	border-radius: 30px;
	img[src="//img.elleshop.jp/web/default/image/loading-small.gif"] {
		object-fit: none !important;
		background: white;
	}
	&>h2 {
		text-align: center;
		font-size: 39px;
		font-weight: 400;
		line-height: 59px;
		letter-spacing: 0.03em;
		margin-bottom: 30px;
		color: #333;
		font-family: 'Jost', sans-serif;
		span {
			margin-bottom: 30px;
			font-size: 48px;
			font-weight: 400;
			line-height: 72px;
		}        
	}
	&>p {
		font-size: 16px;
		font-weight: 300;
		line-height: 27px;
		letter-spacing: 0em;
		text-align: center;
		margin-bottom: 60px;
		color: #4D4D4D;
	}
	a:hover {
		transition: 0.2s;
		opacity: 0.7;
	}
	.ls-cards {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		align-items: flex-start;
		a {
			display: flex;
			flex-flow: row nowrap;
			justify-content: space-between;
			align-items: center;
			background: var(--gourmet-bg-2, #EBE7D9);
			border-radius: 10px;
			margin-bottom: 40px;
			width: 448px;
			figure {
				font-size: 0;
				width: 149px;
				height: 100%;
				margin: 0;
				img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					border-radius: 10px 0 0 10px;
				}
			}
			&>div {
				width: 298px;
				padding: 32px 16px;
				box-sizing: border-box;
				text-align: center;
				h3 {
					color: #333333;
					margin-bottom: 3px;
					font-size: 14px;
					font-weight: 300;
					line-height: 21px;
					letter-spacing: 0.04em;
				}
				.date {
					color: #A0A0A0;
					font-family: Futura LT;
					font-size: 12px;
					font-weight: 400;
					line-height: 20px;
					letter-spacing: 0em;
					text-align: center;
					font-family: 'Jost', sans-serif;
				}
			}
			&:first-child {
				width: 100%;
				border-radius: 20px;
				figure {
					width: 468px;
					height: 468px;
					img {
						border-radius: 20px 0 0 20px;
					}
				}
				&>div {
					width: 467px;
					padding: 140px 60px;
					h3 {
						font-size: 20px;
						line-height: 36px;
						letter-spacing: 0em;
						margin-bottom: 10px;                        
					}
					.date {
						margin-bottom: 10px;
					}
					&::after {
						content: 'もっと見る';
						display: inline-block;
						font-size: 14px;
						font-weight: 300;
						line-height: 21px;
						letter-spacing: 0em;
						color: #333333;
						padding: 8px 22px 8px 0;
						border-bottom: 1px solid #A0A0A0;
						background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) no-repeat right center;
					}
				}
			}
		}
	}
	.ls-cards-list-link {
		margin-bottom: 60px;
		text-align: right;
		a {
			width: 120px;
			background: #000 url(/contents/images/lifestyle/common/button-link-arrow-white.svg) no-repeat right 10px center;
			color: #fff;
			font-size: 14px;
			font-weight: 300;
			line-height: 21px;
			letter-spacing: 0em;
			text-align: center;
			padding: 8px 30px 8px 20px;
			border: 1px solid #000000;
			box-sizing: border-box;
			&:hover {
				background-color: #fff;
				background-image: url(/contents/images/lifestyle/common/button-link-arrow-black.svg);
				color: #000;
			}
		}
	}
	.ls-ranking {
		background: #FFF;
		padding: 45px;
		border-radius: 20px;
		h2 {
			text-align: center;
			margin-bottom: 45px;
			font-family: 'Jost', sans-serif;
			font-size: 38px;
			font-weight: 400;
			line-height: 34px;
			letter-spacing: -0.76px;
			color: #333;            
		}
		.rank-list {
			margin-bottom: 15px;
			.quick_view {
				display: block;
				/* width: 212px; */
				padding: 0 20px;
				box-sizing: border-box;
				figure {
					margin: 0 0 12px;
					position: relative;
					font-size: 0;
					width: 100%;
					text-align: center;
					img {
						width: 100%;
						height: auto;
						border-radius: 10px;
					}
					figcaption {
						font-size: 20px;
						font-weight: 800;
						line-height: 20px;
						letter-spacing: 0em;
						position: absolute;
						left: 0;
						top: 0;
						font-family:'Jost';font-weight:600;font-style:italic;
						span {
							font-size: 14px;
							line-height: 23px;
						}
					}
				}
				.view {
					cursor: pointer;
					border: 1px solid #bbb;
					padding: 7px;
					text-align: center;
					font-family: 'Jost', sans-serif;
					font-size: 12px;
					font-weight: 400;
					line-height: 12px;
					letter-spacing: 0em;
					margin-bottom: 12px;
					transition: 0.2s;
					&:hover {
						background-color: #000;
						color: #fff;
					}
				}
				&>h3 {
					font-size: 13px;
					font-weight: 600;
					line-height: 20px;
					letter-spacing: 0.04em;
					width: 100%;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					span {
					font-family:'Jost';font-weight:600;font-style:italic;
					}
				}
				&>p {
					font-size: 14px;
					line-height: 21px;
					letter-spacing: 0.1em;
					text-align: left;
					font-family:'Jost';font-weight:600;
				}
			}
		}
		#top-2016 .content & .slick-prev {
			position: absolute;
			top: 180px;
			left: -30px;
			width: 30px;
			height: 60px;
			background: url("//img.elleshop.jp/web/default/es_images/top/prev.png") top left no-repeat;
			transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
			cursor: pointer;
			&:hover {
				opacity: 0.7;
			}
		}
		#top-2016 .content & .slick-next {
			position: absolute;
			top: 180px;
			right: -30px;
			width: 30px;
			height: 60px;
			background: url("//img.elleshop.jp/web/default/es_images/top/next.png") top left no-repeat;
			transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
			cursor: pointer;
			&:hover {
				opacity: 0.7;
			}
		}
		.ls-rank-more {
			text-align: right;
			a {
				display: inline-block;
				border-bottom: 1px solid #AAA;
				padding: 8px 20px 8px 0;
				font-family: 'Jost';
				background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) right center no-repeat !important;
				color: #333333;
			    box-sizing: border-box;
				transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
				&:hover {
					opacity: 0.7;
				}
    		}
		}
	}
}
#top-2016 .content #information2 {
	zoom: 1;
	margin-bottom: 47px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	&::after {
		content: "";
		display: block;
		clear: both;
	}
	.intro {
		border: 1px solid #dddddd;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		margin-bottom: 60px;
		padding-bottom: 60px;
		width:1016px;
		.inner {
			width: 896px;
			margin: 0 60px;
			h2,
			.h2 {
				color: #000000;
				padding-top: 25px;
				margin-bottom: 25px;
				font-size: 48px;
				font-family:'Jost';
			}
		}
		ul {
			margin-bottom: 14px;
		}
		li {
			font-size: 16px;
			margin-bottom: 15px;
			-webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
			transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
			&:hover {
				opacity: 0.7;
				filter: alpha(opacity=70);
				cursor: pointer;
			}
		}
	}
}
  
/* gourmet, decor top */
#top-2016.lifestyle-base {
	.sub_header {
		padding-block: 50px 0;
		background: var(--gourmet-bg-1, #f3f1eb);
		height: 550px;
		box-sizing: border-box;
		z-index: 0;
		position: relative;
	}
	.sub_header_banner {
		height: 500px;
		position: fixed;
		top: 50px;
		left: 0;
		right: 0;
		margin: auto;
		.sub_header_logo {
			position: absolute;
			top: -20px;
			left: calc(50% - 640px);
		}
		.sub_header_text {
			position: absolute;
			bottom: 50px;
			right: calc(50% - 640px);
			color: var(--gourmet-txt-1, #333);
			font-size: 18px;
			font-weight: 400;
			line-height: 40px;
			letter-spacing: 0.05em;
			text-align: right;
			span {
				display: inline-block;
				background: var(--gourmet-bg-2, #EBE7D9);
				padding-inline: 10px;
				border-radius: 2px;
				margin-top: 5px;
			}
		}
	}
	header {
		position: relative;
		top: 0;
	}
	.nav-area {
		position: sticky;
		top: 60px;
		#all-list {
			background: transparent;
		}
	}
	.main-area {
		padding-top: 60px;
		.content {
			&>h1 {
				color: var(--gourmet-txt-1, #333);
				font-family: 'Jost';
				font-size: 48px;
				font-weight: 400;
				line-height: 72px;
				letter-spacing: 0.03em;
				text-align: center;
				margin-bottom: 30px;
				span {
					/*font-size: 39px;*/
					line-height: 59px;
				}
			}
			&>p {
				color: var(--gourmet-txt-2, #4d4d4d);
				font-size: 16px;
				font-weight: 300;
				line-height: 27px;
				letter-spacing: 0em;
				text-align: center;
				margin-bottom: 60px;
			}
			.head-cards {
				margin-bottom: 60px;
				.card {
					border-radius: 20px;
					background: var(--gourmet-bg-2, #EBE7D9);
					position: relative;
					display: block;
					figure {
						font-size: 0;
						margin: 0;
						img {
							height: 508px;
							width: 100%;
							object-fit: cover;
							border-radius: 20px 20px 0 0;
						}
					}
					h3 {
						padding: 30px 60px 0;
						margin-bottom: 15px;
						font-size: 20px;
						font-weight: 300;
						line-height: 36px;
						letter-spacing: 0em;
						color: var(--gourmet-txt-1, #333);
					}
					.link {
						padding: 0 60px 30px;
						span {
							display: inline-block;
							border-bottom: 1px solid #A0A0A0;
							padding-block: 8px;
							font-size: 14px;
							font-weight: 300;
							line-height: 21px;
							letter-spacing: 0em;
							color: var(--gourmet-txt-1, #333);
							&::after {
								content: '';
								display: inline-block;
								vertical-align: middle;
								margin-left: 6px;
								background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) no-repeat center;
								width: 12px;
								height: 12px;
							}
						}
					}
					.indicator {
						position: absolute;
						right: 60px;
						bottom: 39px;
						text-align: right;
						span {
							margin: 6px;
							border-radius: 4px;
							border: 1px solid #000;
							display: inline-block;
							width: 7px;
							height: 7px;
							box-sizing: border-box;
							&.ind {
								background: #000;
								border-color: transparent;
							}
						}
					}
				}
				.slick-prev {
					position: absolute;
					top: 0;
					bottom: 0;
					left: -33px;
					margin: auto;
					width: 30px;
					height: 60px;
					background: url("//img.elleshop.jp/web/default/es_images/top/prev.png") top left no-repeat;
					transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
					cursor: pointer;
					&:hover {
						opacity: 0.7;
					}
				}
				.slick-next {
					position: absolute;
					top: 0;
					bottom: 0;
					right: -33px;
					margin: auto;
					width: 30px;
					height: 60px;
					background: url("//img.elleshop.jp/web/default/es_images/top/next.png") top left no-repeat;
					transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
					cursor: pointer;
					&:hover {
						opacity: 0.7;
					}
				}
			}
			.second-cards,
			.third-cards {
				background: var(--gourmet-bg-2, #EBE7D9);
				border-bottom: 1px solid #333;
				padding: 75px 43px;
				&>h2 {
					font-family: 'Jost';
					font-size: 48px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					text-align: center;
					color: var(--gourmet-txt-1, #333);
					margin-bottom: 30px;					
				}
				&>p {
					color: var(--gourmet-txt-2, #4d4d4d);
					font-size: 16px;
					font-weight: 300;
					line-height: 27px;
					letter-spacing: 0em;
					text-align: center;
					margin-bottom: 60px;
				}
				.items {
					margin-bottom: 60px;
				}
				.cards {
					display: flex;
					flex-flow: row wrap;
					justify-content: space-between;
					align-items: flex-start;
					margin-bottom: -40px;
					&>a {
						display: flex;
						flex-flow: row nowrap;
						justify-content: space-between;
						align-items: center;
						background: var(--gourmet-bg-1, #F3F1EB);
						border-radius: 10px;
						width: 448px;
						margin-bottom: 40px;
						figure {
							font-size: 0;
							width: 149px;
							margin: 0;
							img {
								width: 100%;
								height: auto;
								border-radius: 10px 0 0 10px;
							}
						}
						&>div {
							width: 298px;
							box-sizing: border-box;
							padding: 16px;
							text-align: center;
							h3 {
								font-size: 14px;
								font-weight: 300;
								line-height: 21px;
								letter-spacing: 0.04em;
								color: var(--gourmet-txt-1, #333);
								margin-bottom: 3px;								
							}
							.date {
								font-family: 'Jost';
								font-size: 12px;
								font-weight: 400;
								line-height: 20px;
								letter-spacing: 0em;
								color: var(--gourmet-txt-3, #a0a0a0);								
							}
						}
					}
				}
			}
			.third-cards {
				margin-bottom: 60px;
				border-bottom: none;
			}
			/* lifestyle top pages items standard settings */
			.second-cards,
			.third-cards,
			.lifestyle_ranking {
				.items {
					margin-inline: -43px;
					padding-inline: 43px;
					.quick_view {
						width: 172px;
						margin-right: 19px;
						figure {
							margin: 0 0 12px;
							font-size: 0;
							img {
								width: 100%;
								height: auto;
								border-radius: 10px;
							}
						}
						.view {
							cursor: pointer;
							border: 1px solid #bbb;
							padding: 7px;
							text-align: center;
							font-family: 'Jost', sans-serif;
							font-size: 12px;
							font-weight: 400;
							line-height: 12px;
							letter-spacing: 0em;
							margin-bottom: 12px;
							transition: 0.2s;
							color: var(--gourmet-txt-1, #333);
							&:hover {
								background-color: #000;
								color: #fff;
							}
						}
						h3 {
							margin-bottom: 2px;
							width: 100%;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
							a {
								color: var(--gourmet-txt-1, #333);
								font-size: 13px;
								font-weight: 600;
								line-height: 20px;
								letter-spacing: 0.04em;
								text-align: left;
								span {
								font-family:'Jost';font-weight:600;
								}
							}
						}
						p {
							color: var(--gourmet-txt-1, #333);
							font-size: 14px;
							line-height: 21px;
							letter-spacing: 0.1em;
							text-align: left;
							font-family:'Jost';font-weight:600;
						}
					}
					.slick-prev {
						position: absolute;
						top: 140px;
						left: 6px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/prev.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
					.slick-next {
						position: absolute;
						top: 140px;
						right: 6px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/next.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
				}
			}
			.udmv {
                margin-bottom: 50px;
				&>a {
					margin-bottom: 10px;
					display: block;
				}
				&>div {
					font-size: 14px;
					font-weight: 300;
					line-height: 21px;
					letter-spacing: 0.04em;
					color: var(--gourmet-txt-1, #333);
				}
			}
			.editor {
				margin-bottom: 80px;
				.editor-list {
					.closet {
						display: flex;
						flex-flow: row-reverse nowrap;
						justify-content: space-between;
						align-items: center;
						position: relative;
						figure {
							font-size: 0;
							margin: 0;
							width: 468px;
							img {
								border-radius: 10px;
								width: 100%;
								height: auto;
							}
						}
						&>div {
							padding-inline: 60px;
							width: 554px;
							box-sizing: border-box;
							h3 {
								font-family: 'Jost', sans-serif;
								font-size: 38px;
								font-weight: 400;
								line-height: 48px;
								letter-spacing: 0em;
								text-align: center;
								margin-bottom: 5px;
								color: var(--gourmet-txt-1, #333);
							}
							h4 {
								font-size: 20px;
								font-weight: 300;
								line-height: 36px;
								letter-spacing: 0em;
								text-align: center;
								color: var(--gourmet-txt-1, #333);
								margin-bottom: 30px;
							}
							.prop {
								display: flex;
								flex-flow: row nowrap;
								justify-content: center;
								align-items: center;
								margin-bottom: 30px;
								.date {
									margin-right: 30px;
									font-family: 'Jost', sans-serif;
									font-size: 14px;
									font-weight: 400;
									line-height: 20px;
									letter-spacing: 0em;
									color: var(--gourmet-txt-3, #a0a0a0);
								}
								.icon {
									margin-right: 8px;
									font-size: 0;
									img {
										height: 40px;
										width: auto;
										border-radius: 5px;
									}
								}
								.editor-name {
									font-family: 'Jost', sans-serif;
									font-size: 14px;
									font-weight: 400;
									line-height: 18px;
									letter-spacing: 0em;
									text-align: center;
									color: var(--gourmet-txt-1, #333);
								}
							}
						}
						p {
							font-size: 16px;
							font-weight: 300;
							line-height: 27px;
							letter-spacing: 0em;
							text-align: left;
							color: var(--gourmet-txt-2, #4d4d4d);
							margin-bottom: 40px;
							overflow: hidden;
							display: -webkit-box;
							text-overflow: ellipsis;
							-webkit-box-orient: vertical;
							-webkit-line-clamp: 2;
							max-height: 54px;
						}
						.link {
							text-align: center;
							a {
								display: inline-block;
								font-size: 14px;
								font-weight: 300;
								line-height: 21px;
								letter-spacing: 0em;
								color: var(--gourmet-txt-1, #333);
								border-bottom: 1px solid #A0A0A0;
								padding-block: 8px 7px;
								&::after {
									content: '';
									display: inline-block;
									vertical-align: middle;
									margin-left: 6px;
									background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) no-repeat center;
									width: 12px;
									height: 12px;
								}
							}
						}
						.link-list {
							position: absolute;
							right: 508px;
							bottom: 0;
							a {
								display: block;
								padding: 8px 8px 7px 20px;
								background: #000;
								font-family: Hiragino Kaku Gothic Pro;
								font-size: 14px;
								font-weight: 300;
								line-height: 21px;
								letter-spacing: 0em;
								text-align: center;
								color: #fff;
								transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
								&::after {
									content: '';
									display: inline-block;
									vertical-align: middle;
									margin-left: 6px;
									background: url(/contents/images/lifestyle/common/button-link-arrow-white.svg) no-repeat center;
									width: 12px;
									height: 12px;
								}
								&:hover {
									background: #fff;
									color: #000;
									&::after {
										background-image: url(/contents/images/lifestyle/common/button-link-arrow-black.svg);
									}
								}
							}
						}
					}
					.slick-prev {
						position: absolute;
						top: 243px;
						left: -28px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/prev.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
					.slick-next {
						position: absolute;
						top: 243px;
						right: -28px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/next.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
				}
			}
			.lifestyle_ranking {
				padding-block: 80px 0;
				border-top: 1px solid #A0A0A0;
				h2 {
					font-family: 'Jost', sans-serif;
					font-size: 38px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					text-align: center;
					color: var(--gourmet-txt-1, #333);
					margin-bottom: 60px;
				}
				.items {
					padding-inline: 0;
					margin-inline: 0;
					margin-bottom: 30px;
					.quick_view {
						margin-right: 40px;
						figure {
							position: relative;
							figcaption {
								position: absolute;
								left: 0;
								top: 0;
								font-size: 20px;
								font-weight: 800;
								line-height: 20px;
								letter-spacing: 0em;
								color: var(--gourmet-txt-1, #333);
								font-family:'Jost';font-weight:600;font-style:italic;
								span {
									font-size: 14px;
									line-height: 23px;
								}
							}
						}
					}
				} 
				.more {
					text-align: right;
					margin-bottom: 60px;
					a {
						display: inline-block;
						border-bottom: 1px solid #AAA;
						padding: 8px 0 7px;
						font-size: 14px;
						font-weight: 300;
						line-height: 21px;
						letter-spacing: 0em;
						color: var(--gourmet-txt-1, #333);
						&::after {
							content: '';
							display: inline-block;
							vertical-align: -1px;
							background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) no-repeat center;
							width: 12px;
							height: 12px;
							margin-left: 6px;
						}
					}
				}
			}
			.lifestyle-categories {
				background: var(--gourmet-bg-2, #EBE7D9);
				padding: 75px 40px;
				margin-bottom: 60px;
				h2 {
					margin-bottom: 60px;
					color: var(--gourmet-txt-1, #333);
					font-family: 'Jost', sans-serif;
					font-size: 48px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					text-align: center;
				}
				ul {
					list-style-type: none;
					display: flex;
					flex-flow: row wrap;
					justify-content: center;
					align-items: center;
					margin-bottom: -10px;
					li {
						margin: 0 5px 10px;
						a {
							display: flex;
							align-items: center;
							justify-content: center;
							width: 175px;
							height: 60px;
							box-sizing: border-box;
							background: var(--gourmet-bg-3, #fff);
							border-radius: 57px;
							padding: 10px 15px;
							font-family: 'Jost', sans-serif;
							font-size: 15px;
							font-weight: 500;
							line-height: 19px;
							letter-spacing: 0em;
							text-align: center;
							color: var(--gourmet-txt-1, #333);
						}
					}
				}
			}
			.lifestyle-brand {
				padding-block: 30px;
				margin-bottom: 60px;
				h2 {
					font-family: 'Jost', sans-serif;
					font-size: 48px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					text-align: center;
					color: var(--gourmet-txt-1, #333);
					margin-bottom: 60px;
				}
				.brand-list {
					width: 924px;
					margin-inline: auto;
					a {
						display: block;
						width: 172px;
						margin-right: 15px;
						figure {
							margin: 0 0 10px;
							font-size: 0;
							img {
								border: 1px solid #CCC;
								border-radius: 5px;
								width: 100%;
								height: auto;
							}
						}
						p {
							text-align: center;
							font-family: 'Jost', sans-serif;
							font-size: 12px;
							font-weight: 400;
							line-height: 18px;
							letter-spacing: 0em;
							color: var(--gourmet-txt-1, #333);
							span {
								display: block;
							}
						}
					}
					.slick-prev {
						position: absolute;
						top: 35px;
						left: -48px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/prev.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
					.slick-next {
						position: absolute;
						top: 35px;
						right: -48px;
						width: 30px;
						height: 60px;
						background: url("//img.elleshop.jp/web/default/es_images/top/next.png") top left no-repeat;
						transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
						cursor: pointer;
						&:hover {
							opacity: 0.7;
						}
					}
					.slick-list {
						height: 132px;
					}
				}
			}
			.lifestyle-news {
				padding-block: 30px;
				margin-bottom: 30px;
				h2 {
					font-family: 'Jost', sans-serif;
					font-size: 48px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					text-align: center;
					color: var(--gourmet-txt-1, #333);
					margin-bottom: 60px;
				}
				&>div {
					display: flex;
					flex-flow: row wrap;
					justify-content: space-between;
					align-items: flex-start;
					a {
						display: flex;
						flex-flow: row nowrap;
						justify-content: space-between;
						align-items: center;
						margin-bottom: 40px;
						background: var(--gourmet-bg-2, #EBE7D9);
						border-radius: 10px;
						width: 491px;
						figure {
							font-size: 0;
							margin: 0;
							width: 149px;
							img {
								width: 100%;
								height: auto;
								border-radius: 10px 0 0 10px;
							}
						}
						&>div {
							padding-inline: 16px;
							text-align: center;
							width: 341px;
							h3 {
								font-size: 14px;
								font-weight: 300;
								line-height: 21px;
								letter-spacing: 0.04em;
								color: var(--gourmet-txt-1, #333);
								margin-bottom: 3px;
							}
							.date {
								font-family: 'Jost', sans-serif;
								font-size: 12px;
								font-weight: 400;
								line-height: 20px;
								letter-spacing: 0em;
								color: var(--gourmet-txt-3, #a0a0a0);
							}
						}
					}
				}
			}
			.insta {
				list-style-type: none;
				text-align: center;
				font-size: 0;
				margin-bottom: 60px;
				li {
					display: inline-block;
				}
				#instagram img {
					object-fit: cover;
					width: 100%;
					height: 100%;
				}
				#instagram .instagram_photo {
					width: 254px;
					height: 254px;
				}
			}
			.intro {
				background: var(--gourmet-bg-2, #EBE7D9);
				padding: 60px;
				margin-bottom: 60px;
				h2 {
					font-family: 'Jost', sans-serif;
					font-size: 48px;
					font-weight: 400;
					line-height: 40px;
					letter-spacing: 0em;
					color: var(--gourmet-txt-1, #333);
					margin-bottom: 35px;
				}
				ul {
					list-style-type: none;
					margin-bottom: -3px;
					li {
						font-size: 16px;
						font-weight: 300;
						line-height: 24px;
						letter-spacing: 0.04em;
						margin-bottom: 20px;
						a {
							color: var(--gourmet-txt-1, #333);
						}
					}
				}
				p {
					a {
						display: inline-block;
						width: 120px;
						background: #000 url(/contents/images/lifestyle/common/button-link-arrow-white.svg) no-repeat right 10px center;
						color: #fff;
						font-size: 14px;
						font-weight: 300;
						line-height: 21px;
						letter-spacing: 0em;
						text-align: center;
						padding: 8px 28px 8px 18px;
						border: 1px solid #000000;
						box-sizing: border-box;
						transition: 0.2s;
						&:hover {
							background-color: #fff;
							background-image: url(/contents/images/lifestyle/common/button-link-arrow-black.svg);
							color: #000;
						}
					}
				}
			}
			.magazine {
				background: var(--gourmet-bg-2, #EBE7D9);
				padding-block: 45px;
				margin-bottom: 60px;
				display: flex;
				flex-flow: row nowrap;
				justify-content: center;
				align-items: center;
				&>div:first-child {
					width: 350px;
					h2 {
						font-family: 'Jost', sans-serif;
						font-size: 28px;
						font-weight: 400;
						line-height: 50px;
						letter-spacing: 0em;
						text-align: center;
						color: var(--gourmet-txt-1, #333);
						margin-bottom: 14px;
					}
					p {
						font-size: 16px;
						font-weight: 400;
						line-height: 17px;
						letter-spacing: 0em;
						text-align: center;
						color: var(--gourmet-txt-1, #333);
						span {
							font-family: 'Jost', sans-serif;
						}
					}
				}
				&>div:not(:first-child) {
					width: 300px;
					figure {
						font-size: 0;
						text-align: center;
						margin: 0 0 11px;
						img {
							height: 280px;
							width: auto;
						}
					}
					p {
						text-align: center;
						a {
							display: inline-block;
							border-bottom: 1px solid #A0A0A0;
							padding: 8px 22px 7px 0;
							background: url(/contents/images/lifestyle/common/button-link-arrow-black.svg) right center no-repeat !important;
							color: var(--gourmet-txt-1, #333);
							font-size: 14px;
							font-weight: 300;
							line-height: 21px;
							letter-spacing: 0em;
							text-align: center;
							box-sizing: border-box;
							transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
							&:hover {
								opacity: 0.7;
							}
						}
					}
				}
			}
			.bana-big {
				margin-bottom: 40px;
			}
			.bana-mini {
				display: flex;
				flex-flow: row nowrap;
				justify-content: space-between;
				align-items: center;
				li {
					display: block;
					margin-right: 0;
					width: auto;
				}
			}
		}
	}
	&.lifestyle-gourmet {
		background: var(--gourmet-bg-1, #F3F1EB);
		.main-area {
			background: var(--gourmet-bg-1, #F3F1EB);
			padding-inline: calc(50% - 640px);
		}
	}
	&.lifestyle-decor {
		background: var(--decor-bg-1, #E7EAEE);
		.main-area {
			background: var(--decor-bg-1, #E7EAEE);
			padding-inline: calc(50% - 640px);
		}
		.sub_header {
			background: var(--decor-bg-1, #e7eaee);
		}
		.sub_header_banner {
			.sub_header_text {
				span {
					color: var(--decor-txt-1, #333);
					background: var(--decor-bg-2, #F6F6F7);
				}
			}
		}
		.main-area .content {
			&>h1 {
				font-family: 'FuturaLTPro-BoldCond', sans-serif;
				font-weight: 700;
				color: var(--decor-txt-1, #333);
			}
			&>p {
				width: 600px;
				margin-inline: auto;
				color: var(--decor-txt-2, #666);
			}
			.head-cards {
				margin-bottom: 60px;
				.card {
					border-radius: 0;
					background: transparent;
					figure {
						img {
							border-radius: 0;
						}
					}
					&>div {
						padding: 30px 40px;
						background: var(--decor-bg-5, rgba(42, 48, 62, 0.5));
						position: absolute;
						bottom: 0;
						left: 0;
						right: 0;
						margin: auto;
					}
					h3 {
						padding: 0;
						color: var(--decor-txt-4, #fff);
					}
					.link {
						padding: 0;
						span {
							border-bottom-color: #fff;
							color: var(--decor-txt-4, #fff);
							&::after {
								background-image: url(/contents/images/lifestyle/common/button-link-arrow-white.svg);
							}
						}
					}
					.indicator {
						bottom: 30px;
						right: 40px;
						span {
							border-color: #fff;
							&.ind {
								background: #fff;
							}
						}
					}
				}
			}
			.second-cards,
			.third-cards {
				background: var(--decor-bg-2, #F6F6F7);
				&>h2 {
					color: var(--decor-txt-1, #333);
				}
				&>p {
					color: var(--decor-txt-2, #666);
					width: 600px;
					margin-inline: auto;
				}
				.cards {
					&>a {
						background: var(--decor-bg-1, #E7EAEE);
						border-radius: 0;
						figure {
							img {
								border-radius: 0;
							}
						}
						&>div {
							h3 {
								color: var(--decor-txt-1, #333);
							}
							.date {
								color: var(--decor-txt-3, #a0a0a0);
							}
						}
					}
				}
			}
			.third-cards {
				margin-bottom: 60px;
				border-bottom: none;
			}
			.second-cards,
			.third-cards,
			.lifestyle_ranking {
				h2 {
					color: var(--decor-txt-1, #333);
				}
				.items {
					.quick_view {
						figure {
							img {
								border-radius: 0;
							}
							figcaption {
								color: var(--decor-txt-1, #333);
							}
						}
						.view,
						h3 a,
						p {
							color: var(--decor-txt-1, #333);
						}
					}
				}
				.more a {
					color: var(--decor-txt-1, #333);
				}
			}
			.udmv>div {
				color: var(--decor-txt-1, #333);
			}
			.editor {
				margin-bottom: 80px;
				.editor-list {
					.closet {
						figure {
							img {
								border-radius: 0;
							}
						}
						&>div {
							h3,
							h4,
							.link a {
								color: var(--decor-txt-1, #333);
							}
							.prop {
								.date {
									color: var(--decor-txt-3, #a0a0a0);
								}
								.editor-name {
									color: var(--decor-txt-1, #333);
								}
							}
							p {
								color: var(--decor-txt-2, #666);
							}
						}
					}
				}
			}
			.lifestyle-categories {
				background: var(--decor-bg-2, #F6F6F7);
				h2 {
					color: var(--decor-txt-1, #333);
				}
				ul {
					li {
						a {
							background: var(--decor-bg-1, #E7EAEE);
							color: var(--decor-txt-1, #333);
						}
					}
				}
			}
			.lifestyle-brand {
				h2 {
					color: var(--decor-txt-1, #333);
				}
				.brand-list a p {
					color: var(--decor-txt-1, #333);
				}
			}
			.lifestyle-news {
				h2 {
					color: var(--decor-txt-1, #333);
				}
				&>div {
					a {
						border-radius: 0;
						background: var(--decor-bg-2, #F6F6F7);
						figure {
							img {
								border-radius: 0;
							}
						}
						&>div {
							h3 {
								color: var(--decor-txt-1, #333);
							}
							.date {
								color: var(--decor-txt-3, #a0a0a0);
							}
						}
					}
				}
			}
			.intro {
				background: var(--decor-bg-2, #F6F6F7);
				h2,
				ul li a {
					color: var(--decor-txt-1, #333);
				}
			}
			.magazine {
				background: var(--decor-bg-2, #F6F6F7);
				&>div:first-child {
					h2,
					p {
						color: var(--decor-txt-1, #333);
					}
				}
				&>div:last-child p {
					color: var(--decor-txt-1, #333);
				}
			}
		}
	}
}

#top-2016.lifestyle-gourmet .content h1{
        font-family: "FuturaLTPro-Book", 'Jost'!important;
}


/* for search page */
#list-2016 .content .narrow-search .type ul li {
	margin-right: 10px;
	&:first-child {
		margin-right: 100px;
	}
	&:last-child {
		margin-right: 0;
	}
}

/* decor 非表示 
.narrow-search .elledecor,
ul.genre #decor-menu{
display:none!important;
}*/

/* NaviPLus suggest調整*/
.search a#searchSubmit{
margin-top:-32px!important;
}