@charset "utf-8";

/*@media(max-width: 1470px) and (min-width: 1231px){
  .container{
    width: 1200px;
  }
}
@media (max-width: 1292px) {
  .container{
    width: auto;
  }
}*/
/******************************
large device
*******************************/
@media (min-width: 1200px) {
  .list-layout {
    padding-top: 36px;
  }
    .list-layout .span3.side {
      width: 180px;
      margin: 0;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
         -moz-box-sizing: border-box;
          -ms-box-sizing: border-box;
    }
    .list-layout .span9.main {
      float: right;
      margin-left: auto;
      width: calc(100% - 240px - 40px);
      width: -webkit-calc(100% - 180px - 60px);
      width: -moz-calc(100% - 240px - 40px);
      width: -ms-calc(100% - 240px - 40px);
    }
      .list-layout .span9.main .breadcrumb {
        padding: 0;
        margin: 0;
      }
}

@media(max-width: 1292px) and (min-width: 768px){
  .container{
    width: 95%;
  }
  #global-navi .cascade-menu .container{
    width: 100%;
  }
  #global-navi .cascade-menu li.has-child > a:after{
    right: 0;
  }
  #global-navi .cascade-menu li.has-child > a.closed:before{
    right: 3px;
  }
  #sub-banners .slick-prev{
    left: -20px;
  }
  #sub-banners .slick-next{
    right: -20px;
  }
  #sub-banners .slick-prev:before{
    background-size: 60%;
    background-position: left;
  }
  #sub-banners .slick-next:before{
    background-size: 60%;
    background-position: right;
  }
  .guide .row{
    margin-left: 0;
  }
  .mypage #users-container,
  .logout #users-container,
  .logoutConfirm #users-container,
  .inquiry #users-container{
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  #page-body .list-layout .main.span9 .breadcrumb{
    padding-left: 0;
  }
  .customer .breadcrumb,
  .mypage .breadcrumb{
    padding: 10px 16px;
  }
  /*#global-navi > .nav > li a {
    padding: 0 15px;
    width: 150px;
  }*/
  #global-navi > .nav > li a {
    padding: 0 5px;
    width: 128px;
  }

}
@media(max-width: 1370px){
  #pagetop-area{
    right: 0;
  }
}
@media(max-width: 1200px) and (min-width: 768px){
  .cart-area{
    width: auto;
    padding-left: 16px;
    padding-right: 16px;
  }
  .sort-wrap .sort table select{
    width: 130px;
  }

}


/******************************
smartphone only
*******************************/
@media (max-width: 767px) {
/*レイアウト*/
.list-layout > .span9{
  float:none;
}

/*フッター*/
#page-footer .navbar .nav{
  float: none;
  margin: 0px 10px;
  width: auto;
  display: block;
}
#page-footer .navbar .nav > li{
  float:none;
}

/*詳細検索*/
.sel-rate-set > li{
  width:45%;
}
.sel-rate-set > li.to{
  width:10%;
  padding:0;
}
#searchDetailArea .select-color td{
  width:50%;
  float:left;
}

/*ソート*/
.newarrival-date{
  padding-right: 5px;
  margin-bottom: 20px;
}
.newarrival-date select{
  width: 100%;
}
.sort table{
  margin-left: 0;
  width: 100%;
}
.sort table td{
  padding:0 5px 5px 0;
  width: 50%;
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
}
.sort select{
  width: 100%;
  padding-left: 0;
}
/* ニュース */
#news-list > .row-fluid > div{
  height:auto;
}

/*マイページ*/
.mail_address_area{
  clear:both;
  float:none;
  margin-left:5px;
}
/*カート*/
.cart-area .form-edit-style{
  width: 100%;
}
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:100%;
}
/*住所登録・変更　& 配送先リスト登録・変更*/
.form-edit-style{
  border-bottom: 0;
}
.control-group .controls .top-input,
.control-group .controls .second-input{
  width: 100%;
}
.control-group .controls .top-input .input-front,
.control-group .controls .second-input .input-front{
  width: 10%;
}
.form-horizontal .controls #prefecture_id{
  width: 100%;
}
.docs-input-sizes select:first-child{
  width: 25%;
}
/*メールアドレス一覧 お気に入り*/
.list-layout .table.liquid-table .form-part{
  margin-top: 10px;
}
.list-layout .table.liquid-table .form-part form,
.list-layout .table.liquid-table .form-part .delete-part{
  padding: 2px 8px;
}
.list-layout .btn.btn-small{
   width: 100%;
   padding: 6px 0;
}

/*規約系*/
.style-guide .sentence table th,
.style-guide .sentence table td{
  padding:0 0 10px;
  vertical-align:top;
}


.style-guide .sentence table th{
  width:15%;
}

.style-guide .sentence table td{
  width:85%;
}
.style-guide .sentence p,
.style-guide .sentence li{
  line-height: 20px;
}
/*サブナビ*/
.subnav .nav-list{
  margin: 0 -10px;
  border-top: 1px solid #dddddd;
}
.subnav .nav-list > li > a{
  border-bottom: 1px solid #ccc;
  padding: 10px 15px;
}
/*form-actions*/
.form-actions{
  margin: 20px -10px;
}
/*action-steps*/
.action-steps.step6 li{
  width: 32%;
  float: left;
  margin-right: 0;
  margin-bottom: 1px;
  border-right: 0;
  border-left: solid 1px #fff;
}
.action-steps.step6 li:nth-child(3n+1){
  border-left: 0;
}
/*お問い合わせ*/
#inquiry h3{
  padding: 10px 40px 10px 10px;
　text-indent: 0;
}
.inquiry-index .lead p{
  line-height: 20px;
}
/* btn */
input#btn_add, input.btn.btn-small.btn-delete{
  width: 100%;
  }
}

/******************************
smartphone to tablet
*******************************/
@media (max-width: 979px) {
.item.search .box-title,
.item.list .box-title,
.newArrivalList .box-title{
  text-indent: -200px;
}
.shop #main-banners{
  margin: 0 0 30px;
}
.top #main-banners{
  margin: 0 -10px;
  width: auto;
}
  #main-banners .flex-viewport {
    overflow: hidden !important;
  }
  #main-banners .slick-slide{
    opacity: 1;
  }
/*cascade-menu*/
/*.cascade-menu {
    background-color: #f2f2f2;
}*/
  .menu .nav > li > a,
  .menu .cascade-menu a {
    padding: 9px 15px;
    font-weight: bold;
    color: #777777;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  }
  .menu .btn {
    padding: 4px 10px 4px;
    font-weight: normal;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  }
  .menu .cascade-menu li + li a {
    margin-bottom: 2px;
  }
  .menu .nav > li > a:hover,
  .menu .nav > li > a:focus,
  .menu .cascade-menu a:hover,
  .menu .cascade-menu a:focus {
    background-color: #f2f2f2;
  }
  .navbar-inverse .menu .nav > li > a,
  .navbar-inverse .menu .cascade-menu a {
    color: #999999;
  }
  .navbar-inverse .menu .nav > li > a:hover,
  .navbar-inverse .menu .nav > li > a:focus,
  .navbar-inverse .menu .cascade-menu a:hover,
  .navbar-inverse .menu .cascade-menu a:focus {
    background-color: #111111;
  }
  .menu .cascade-menu {
    position: static;
    top: auto;
    left: auto;
    display: none;
    float: none;
    max-width: none;
    padding: 0;
    margin: 0 15px;
    background-color: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
  }
  .menu .open > .cascade-menu {
    display: block;
  }
  .menu .cascade-menu:before,
  .menu .cascade-menu:after {
    display: none;
  }
  .menu .cascade-menu .divider {
    display: none;
  }
  .menu .nav > li > .cascade-menu:before,
  .menu .nav > li > .cascade-menu:after {
    display: none;
  }

/*smp menu*/
  .navbar-inner .logo_search a[href*="cart"] .quantity{
    width: 20px;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    color: #fff;
    background-color: #000;
    display: inline-block;
    text-align: center;
    border-radius: 20px;
    border: 1px solid #fff;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    position: relative;
    top: 10px;
    right: -4px;
  }
.drawer-nav .smp-menu .common_menu{
  width: 100%;
  display: inline-block;
  margin: 15px 0 30px;
}
  .drawer-nav .smp-menu .common_menu li{
    width: 25%;
    float: left;
    font-size: 10px;
    height: 60px;
    border-right: 1px solid #dcdcdc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .drawer-nav .smp-menu .common_menu li:last-child{
    border-right: none;
  }
  .drawer-nav .smp-menu .common_menu li span{
    display: block;
    margin: 5px -10px 0;
    text-align: center;
    color: #000;
  }
  .drawer-nav .smp-menu .common_menu li:first-child img{
    width: 34px;
  }
  .drawer-nav .smp-menu .common_menu li:nth-child(3) img{
    width: 22px;
  }
  .drawer-nav .smp-menu .common_menu li:last-child img{
    width: 19px;
  }
  .drawer-nav .smp-menu .common_menu li img{
    display: block;
    width: 20px;
    margin: 0 auto;
    text-align: center;
  }
  #menu-category li{
   width: 100%;
   border-top: 1px solid #dcdcdc;
  }

  #menu-category li.pulldown08{
   border-bottom: 1px solid #dcdcdc;
  }
  #menu-category li a{
    height: 30px;
    line-height: 30px;
    position: relative;
    color: #000;
  }
  #menu-category li a:after{
    content: '';
    display: block;
    position: absolute;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    top: 48%;
    right: 14px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  #menu-category li.has_child > a:after{
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
  }
  #menu-category li.has_child a.cascade-toggle.open:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
    #menu-category li.has_child.brands .cascade-menu a:after{
    display: none;
  }
  #menu-category .child-category > li{
    width: 100%;
    float: left;
    background-color: #f2f2f2;
  }
    #menu-category .child-category > li a:after{
      border-right: 1px solid #000;
      border-top: 1px solid #000;
    }
    #menu-category .child-category > li:nth-child(2n+1){
      border-right: 1px solid #dcdcdc;
      box-sizing: border-box;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
    }
    #menu-category .child-category.brandNav > li:nth-child(4) {
      border-bottom: 1px solid #dcdcdc;
    }
    #menu-category .brands .brandNav li{
      width: 50%;
      float: left;
    }
    #menu-category .brands .brandNav li a{
      text-align: center;
      height: 55px;
      line-height: 55px;
    }
/*ヘッダー*/
#head-bar > .top-lead {
  background-color: #555;
}
  #head-bar > .top-lead > p a {
    color: #FFF;
  }
#head-bar .sub-nav {
  display: none;
}
  .navbar .brand {
    height: auto;
    margin: 0;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
  }
  .navbar .brand > a, .navbar .brand > .head-search {
    position: static;
    margin: 0;
  }
  .navbar .brand > .head-search {
    margin: 20px 0;
  }
.navbar-inner{
  padding-right: 0;
  padding-left: 0;
}
.navbar-inner .btn.btn-navbar{
  margin: 0;
}
#head-sub-menu{
  float:none;
  border-top: 1px solid #ccc;
}
.menu .nav{
  margin-bottom: 0;
}
.menu .nav > li > a,
.menu .cascade-menu a{
  position: relative;
  margin-bottom: 0;
  font-weight: normal;
  padding: 10px 15px;
  border-bottom: solid 1px #ccc;
 -webkit-border-radius: 0;
    -moz-border-radius: 0;
     -ms-border-radius: 0;
         border-radius: 0;
}
.menu .nav > li > a:after,
.menu .cascade-menu a:after{
  position: absolute;
  top: 50%;
  right: 10px;
  display: block;
  content: '';
  width: 8px;
  height: 8px;
  margin-top: -8px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
  -webkit-transform: rotate(45deg);
     -moz-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.menu .nav > .cascade.open > a:after{
  -webkit-transform: rotate(135deg);
     -moz-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}
.menu .cascade-menu{
  margin: 0;
}
.menu .nav > li > a:hover,
.menu .nav > li > a:focus,
.menu .cascade-menu a:hover,
.menu .cascade-menu a:focus{
  background-image: none;
  color: #777;
}
.cascade-menu > .active > a,
.cascade-menu > .active > a:hover,
.cascade-menu > .active > a:focus{
  background-image: none;
  background-color: #eee;
  color: #777;
}
.menu .cascade-menu a{
  padding-left: 25px;
  margin-bottom: 0;
  font-size: 11px;
}
.menu .cascade-menu li + li a{
  margin-bottom:0;
}
.topSearch{
  margin: 10px;
}
.head-search{width:100%;}
.head-search li:first-child{
  position: relative;
  width: 76%;
}
.head-search .navbar-form{
  border-top:none;
  border-bottom: none;
  margin: 0;
}
.head-search input.head-search-text{
  height: 30px;
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
.head-search .btn.head-search-btn{
  line-height: 12px;
}
.head-search li.refine-search{
  width: 22%;
  padding: 0;
  margin-left: 2%;
}
.head-search li.refine-search .btn{
  width:100%;
  margin-top: 0;
  padding:4px;
  font-size: 11px;
 -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     -ms-border-radius: 3px;
         border-radius: 3px;
  -webkit-box-sizing:border-box;
     -mos-box-sizing:border-box;
      -ms-box-sizing:border-box;
          box-sizing:border-box;
}
#searchDetailArea .form-actions .btn{
  width: 220px;
}

/*住所登録・変更　& 配送先リスト登録・変更*/
.form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode1.input-small,
.form-edit-style .control-group:nth-child(3) .controls .inline input#Zip1.input-small{
  width: 33px;
}
.form-edit-style .control-group:nth-child(3) .controls .inline input#zipcode2.input-small,
.form-edit-style .control-group:nth-child(3) .controls .inline input#Zip2.input-small{
  width: 46px;
}
.form-edit-style .control-group:nth-child(3) .controls .post-search-btn{
  width: 49%;
  padding-right: 0;
}
.form-edit-style .control-group:nth-child(3) .controls .post-search-btn .btn-small{
  width: 100%;
  padding: 2px 7px;
}

#grandtop-main {
  margin: 0 -10px;
}

/*#newarrival-items{
  margin-bottom: 40px;
}*/
#ranking-items,
#coordinate,
#checked-items{
  margin-bottom: 50px;
}
  #sub-banners .slick-slider{
    margin-bottom: 30px;
  }
  #sub-banners.pickup{
    margin: 0 0 24px;
  }
}

/******************************
tablet only
*******************************/
@media (min-width:768px) and (max-width: 979px) {
/*商品詳細 スライド*/
#view-slider .flex-direction-nav a{
  opacity:0.8;
}
/*サイドエリア*/
.side-colorsearch .select-color ul{
  width:86%;
}
/*カート*/
.cart-area .form-edit-style{
  width: 532px;
}
.cart-area .form-edit-style .controls .top-input,
.cart-area .form-edit-style .controls .second-input{
  width:50%;
}

}



/******************************
2016/05/18 改修
*******************************/
@media (max-width: 1200px){
  .guide .container{
    width:auto;
  }
  .guide .row{
    margin-left: 0;
  }
  #users-container{
    width: auto;
  }
}
@media (min-width: 980px){
  #page-header .smp-menu{
    display: none;
  }
}
@media (max-width: 979px) and (min-width: 768px){
  .guide.index .span3,
  .guide.faq .span3{
    width: 200px;
  }
}

@media (max-width: 979px){
  body.menuOpen{
    overflow: hidden;
  }
  /*ヘッダー*/
  #head-bar > .top-lead{
    background-color: #000;
  }
  .navbar .brand > a{
    position: relative;
    width: 240px;
    height: 30px;
    left: auto;
    margin: 0 auto;
  }
  .navbar-static-top .navbar-inner{
    padding-top: 18px;
    border-bottom: none;
  }
/*  .navbar-inner .inner-container{
    position: relative;
  }*/
  .menu{
    clear: both;
    overflow: hidden;
    position: relative;
  }
  .menu .smp-menu{
    overflow: hidden;
    display: none;
  }
  .menu .smp-menu .nav{
    float: none;
  }
  .menu .smp-menu li{
    float: none;
  }
  .navbar-inner .smp-btn{
    overflow: hidden;
    position: absolute;
    display: inline-block;
    z-index: 1;
    padding: 4px;
    left: 0;
    top: 9px;
  }
  .drawer-open .navbar-inner .smp-btn{
    position: fixed;
    right: -5px;
  }
  .navbar-inner .btn.btn-navbar{
    float: left;
    background-color: transparent;
    border:none;
    background-image: none;
    display: inline-block;
    width: 18px;
    height: 20px;
    position: relative;
    padding: 0;
  }
  .navbar .btn-navbar .line{
    border: 1px solid #000;
    display: block;
    width: 100%;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    transition:all 0.3s ease;
  }
  .navbar .btn-navbar .line.b1{
    position: absolute;
    top:0;
  }
  .navbar .btn-navbar .line.b2{
    position: absolute;
    top:7px;
  }
  .navbar .btn-navbar .line.b3{
    position: absolute;
    top:14px;
  }
  .navbar-inner .logo_search{
    display: inline-block;
    position: absolute;
    right: 12px;
    top: 5px;
  }
  .navbar-inner .top-lead + .header_inner .smp-btn{
    top: 30px;
  }
  .navbar-inner .top-lead + .header_inner .logo_search{
    top: 30px;
  }
  #page-header .header_inner.fixed .smp-btn {
    top: 0;
  }
  #page-header .header_inner.fixed .logo_search {
    top: 6px;
  }
  .navbar-inner .logo_search a{
    width: 28px;
    height: auto;
    display: inline-block;
    padding-left: 5px;
  }

  /*SMPメニュー*/
  .menu .nav > li > a,
  .menu .cascade-menu a{
    color: #c3c3c3;
    border-bottom: 1px solid #282828;
    padding-left: 20px;
  }
  .menu .nav > li > a:after,
  .menu .cascade-menu a:after{
    right: 20px;
  }
  .menu .nav > li > a:hover,
  .menu .cascade-menu a:hover{
    background-color: transparent;
    color: #c3c3c3;
  }
  .menu{
    margin-top: 16px;
  }
  .menu .common_menu{
    background-color: #111;
  }
  .menu .common_menu .first-child a:after{
    top: 55%;
  }
  .menu #menu-category{
    background-color: #1d1d1d;
  }
  .menu .nav > li.has_child > a:after,
  .menu .cascade-menu > li > a.cascade-toggle:after{
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  .menu .nav > .cascade > a.open:after,
  .menu .cascade-menu > li > a.select:after,
  .menu .cascade-menu > li > a.open:after,
  .menu li.pulldown02 > a.open:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    top:60%;
  }
  .menu .nav > .cascade > .open + .child-category{
    background-color: #272727;
  }
  .menu .nav > .cascade > .open + .child-category a{
    border-bottom: 1px solid #343434;
  }
  .menu .nav > .cascade.pulldown02.open .child-category{
    overflow: hidden;
  }
  .menu .nav > .cascade.pulldown02.open .child-category li{
    width: 50%;
    float: left;
  }
  .menu .nav > .cascade.pulldown02.open .child-category a{
    border-right: 1px solid #343434;
    box-sizing:border-box;
  }
  .menu .nav > .cascade.pulldown02 a.open + .child-category a:after{
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  .navbar .nav li.cascade.open > .cascade-toggle{
    color: #fff;
    font-weight: bold;
  }
  .menu .nav > li > a:hover,
  .menu .nav > li > a:focus,
  .menu .cascade-menu a:hover,
  .menu .cascade-menu a:focus{
    background-color: transparent;
  }
  #menu-category .cascade .child-category > li .nav-list{
    display: none;
    overflow: hidden;
    background-color: #343434;
  }
  #menu-category .cascade .child-category > li .nav-list a{
    width: 100%;
    float: left;
    box-sizing: border-box;
    text-indent: 15px;
    height: 45px;
  }
  #menu-category .newarrival-days{
    /*display: none;*/
    overflow: hidden;
  }
  #menu-category .newarrival-days li > a{
    border-bottom: 1px solid #343434;
    border-right: 1px solid #343434;
    box-sizing:border-box;
    background-color: #282828;
    color: #c3c3c3;
    padding: 10px 15px;
    text-decoration: none;
    padding-left: 20px;
  }
  .menu .nav > li.cascade.pulldown02 > a:hover,
  .menu .nav > li.cascade.pulldown02 > a:focus,
  .menu .nav > li.cascade.pulldown02 > a:visited{
    color: #c3c3c3;
  }
  .menu .nav > .cascade.pulldown02.open .child-category.newarrival-days > li{
    width: 100%;
    float: none;
  }
  #menu-category .newarrival-days > li{
    display: block;
    float: left;
    width: 50%;
  }
  .drawer-open #page-header .header_inner.fixed{
    position: static;
  }
  #page-header .header_inner.fixed{
    width: 100%;
    height: auto;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 990;
    margin-bottom: 0;
    transition:all 500ms ease-in-out;
    -webkit-transition:all 500ms ease-in-out;
    -moz-transition:all 500ms ease-in-out;
    -ms-transition:all 500ms ease-in-out;
  }
  #page-header .brand{
    height: 90px;
  }
  #page-header .brand > a{
    height: 90px;
  }
  #sub-banners .slick-track{
    width: 100%!important;
    position: static;
  }
  #sub-banners .slick-prev,
  #sub-banners .slick-next{
    display: none!important;
  }
  #sub-banners li{
    width: 49%!important;
    margin: 0 2% 2% 0;
    float: left;
  }
  #sub-banners li:nth-child(2n){
    margin-right: 0;
  }
  #sub-banners li:nth-child(2n+1){
    clear: both;
  }
  #sub-banners li img{
    width: 100%;
  }
  #sub-banners .lookMore{
    clear: both;
    margin: 0 auto;
    text-align: center;
  }
  #sub-banners li:nth-child(n+5){
    display: none;
  }
    #sub-banners .lookMore a{
      border-radius: 3px;
      font-size: 10px;
      background-color: #f8f8f8;
      width: 160px;
      height: 30px;
      line-height: 28px;
      padding: 0;
      position: relative;
      border: 1px solid #dddddd;
    }
    #sub-banners .lookMore a:hover,
    #sub-banners .lookMore a:focus{
      color: #000;
    }
    #sub-banners .lookMore a:after{
      position: absolute;
      top: 55%;
      right: 43px;
      display: block;
      content: '';
      width: 5px;
      height: 5px;
      margin-top: -5px;
      border-top: 1px solid #000;
      border-right: 1px solid #000;
      -webkit-transform:rotate(135deg);
      -moz-transform:rotate(135deg);
      -ms-transform:rotate(135deg);
      transform:rotate(135deg);
  }
  .brandNav li svg{
    vertical-align: middle;
  }
  .brandNav li:first-child svg{
    width: 60%;
    vertical-align: middle;
    color: #fff;
  }
  .brandNav li:nth-child(2) svg{
    width: 33%;
    vertical-align: middle;
    height: auto;
  }
  .brandNav li:nth-child(3) svg{
    width: 48%;
    vertical-align: middle;
  }
  .brandNav li:nth-child(4) svg{
    width: 54%;
    vertical-align: middle;
  }
  .brandNav li:last-child svg{
    width: 47%;
    vertical-align: middle;
  }

  /*footer*/
  #page-footer .navbar,
  #page-footer .copyright{
    float: none;
    width: 100%;

  }

  /*slick-items*/
  .slick-items ul{  
    width: calc(100% - 90px);
    padding-left: 10px;
    padding-right: 10px;
  }
  .slick-items .slick-prev{
    left: -20px;
  }
  .slick-items .slick-next{
    right: -35px;
  }
}



@media (max-width: 767px){
  .item.list .box-title,
  .item.search .box-title,
  .newArrivalList .box-title{
    text-indent: 0;
  }
  .box-title {
    padding: 22px 0;
    margin: 0;
    font-size: 18px;
    border-top: 1px solid #efefef;
  }
  .item .box-title{
    margin: 0 0 14px;
    border-top: none;
    border-bottom: 1px solid #efefef;
  }
    .box-title .sub, h1 .sub {
      font-size: 10px;
    }
  .box-title .sub:first-child:after {
    content: none;
  }
  .btn{
    width: 100%;
    height: auto;
    line-height: 20px;
  }
  .form-actions{
    margin: 20px 0;
    text-align: center;
    padding: 0;
  }
  .form-horizontal .form-actions{
    padding: 0;
  }
  #searchDetailArea .form-actions .btn{
    padding: 12px;
    width: 100%;
    max-width: 300px;
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .top.index #page-body{
    margin-right: -10px;
    margin-left: -10px;
  }
  .list-item-text{
    min-height: auto;
    padding-bottom: 22px;
    text-indent: 10px;
  }
  .side-caption{
    background-color: transparent;
  }
  #page-body .list-layout{
    padding-top: 0;
    /*border-bottom: 1px solid #dddddd;*/
  }

  /*ヘッダー*/
  #head-bar > .top-lead{
    background-color: #000;
  }
  #page-header .inner-container {
    padding: 0;
  }
  #page-header .brand{
    height: 70px;
  }
  #page-header .brand a{
    width: 140px;
    height: 76px;
    background-size: 100% auto;
    background-position-y: 50%;
    -webkit-background-position-y: 50%;
       -moz-background-position-y: 50%;
        -ms-background-position-y: 50%;
  }
  #page-header .menu{
    overflow-y: scroll;
    -webkit-overflow-scrolling:touch;
    display: block;
    transform: translateZ(0);
  }
  .menu{
    margin-top: 0;
  }
  .navbar .brand > a{
    width: 160px;
    height: 28px;
  }
  .navbar-inner .smp-btn,
  .navbar-inner .logo_search{
    top: 9px;
  }
  .navbar-inner .logo_search a {
    padding: 0 2px;
  }
  .navbar-inner .logo_search a[href*="cart"] {
    width: 30px;
  }
    .navbar-inner .logo_search a[href*="cart"] img {
      vertical-align: middle;
    }
  .navbar-inner .logo_search a[href*="search"] {
    width: 18px;
  }
  .shop #page-header{
    margin: 0;
  }
  #page-header{
    margin:0 -10px;
  }
  .navbar-inner{
    background-color: #fff;
  }
  .shop .crumbs.visible-phone{
    margin: 0;
  }
  .crumbs.visible-phone{
    margin: 0 -10px;
  }
  .crumbs.visible-phone .breadcrumb{
    padding: 16px;
    box-sizing:border-box;
    width: auto;
    margin: 0;
  }
  #sidebar #get-count{
    margin: 6px 0 16px;
  }
  .search #page-body .list-layout,
  .shop #page-body .list-layout,
  .list  #page-body .list-layout{
    padding-top: 0;
  }
  .count .num{
    font-size: 26px;
    padding-right: 3px;
    line-height: 28px;
  }
.menu .nav > li > a, .menu .cascade-menu a{
  padding-left: 15px;
}
.menu .nav > li > a:after, .menu .cascade-menu a:after{
  right: 15px;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 6px;
}
  #menu-category .brands .brandNav li img{
    width: 90px;
  }

  /*footer*/
   .shop #page-footer {
    margin-left: 0;
    margin-right: 0;
  }
  #page-footer{
    padding-top: 0;
    margin-top: 20px;
  }
  #page-footer a{
    color: #fff;
    font-size: 1em;
  }
  #page-footer{
    background-color: transparent;
  }
  #page-footer .container{
    position: static;
  }
  #page-footer .navbar{
    float: none;
    background-color: #000;
  }
  #page-footer .navbar .nav > li a{
    position: relative;
    padding: 10px 0 10px 20px;
  }
  #page-footer .navbar .nav.footer-area > li{
    border-bottom: none;
    margin: 0;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #666666;
    height: auto;
  }
  #page-footer .copyright{
    background-color: #000;
    color: #fff;
    height: 40px;
    line-height: 40px;
    text-align: center;
    margin: 0;
    float: none;
  }
  #pagetop-area{
    float: none;
    position: static;
    text-align: right;
    margin-top: 0;
  }
  #pagetop{
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    float: none;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: static;
    text-align: right;
    position: relative;
    right: 10px;
    top: 18px;
    opacity: 0.8;
  }
  #pagetop.fixed{
    display: inherit;
    position: fixed;
    bottom: 8px;
    right: 8px;
  }
  #page-footer .navbar #foot-category li{
    position: relative;
    margin: 0;
    border-bottom: none;
  }
  #page-footer .navbar #foot-category li.has_child.open{
    border-bottom: none;
  }
  #page-footer .navbar li a:after,
  #page-footer .navbar li.has_child .cascade-menu a:after,
  #page-footer .navbar li.has_child.open .cascade-menu a:after{
    position: absolute;
    top: 55%;
    right: 10px;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    margin-top: -5px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg);
  }
  #page-footer  #foot-category li.has_child a:after{
    position: absolute;
    top: 50%;
    right: 8px;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    margin-top: -8px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform:rotate(135deg);
    -moz-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    transform:rotate(135deg);
  }
  #page-footer  #foot-category li.has_child.open a:after{
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg);
    margin-top: -2px;
  }
  #page-footer .cascade-menu{
    position: static;
    float: none;
    overflow: hidden;
    background-color: #fff;
    padding: 0;
    margin: 0;
    display: none;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
  }
  #page-footer .cascade-menu li{
    float: left;
    width: 50%;
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
    box-sizing:border-box;
  }
  #page-footer .navbar #foot-category .cascade-menu li{
    border-bottom: 1px solid #eee;
  }
  #page-footer .navbar #foot-category .cascade-menu li:last-child,
  #page-footer .navbar #foot-category .cascade-menu li:nth-last-child(2):nth-child(odd){
    border-bottom: none;
  }
  #page-footer .cascade-menu li:nth-child(even){
    border-right: none;
  }
  #page-footer .cascade-menu li a{
    display: block;
  }
  #page-footer .navbar{
    text-align: left;
    padding-top: 30px;

  }
  #page-footer .footer-area.sns_logo{
    float: none;
    display: inline-block;
    width: 100%;
    margin: 25px 0;
    text-align: center;
    position: static;
  }
  #page-footer .footer-area.sns_logo li{
    width: 35px;
    margin: 0 12px 0;
    clear: both;
    border-top: none;
    float: none;
    display: inline-block;
  }
  #page-footer .footer-area.sns_logo li a:after{
    display: none;
  }
  #page-footer .copyright span{
    background-color: #000;
    padding: 20px 0 60px;
  }

  /*メインビジュアル*/
  body.shop{
    padding: 0;
  }
  #brandsns{
    margin-bottom: 25px;
  }
  #brandsns svg{
    width: 30%;
  }
  #brandsns span,
  #brandsns p{
    margin-bottom: 15px;
  }
  #sub-banners .box-title{
    padding-top: 22px;
    width: auto;
  }
  #main-banners .flex-control-nav{
    bottom: -4px;
  }
  #main-banners .flex-control-navs li{
    margin: 0 4px;
    width: 10px;
    height: 14px;
  }
  #main-banners .flex-control-nav li > a{
    width: 4px;
    height: 4px;
    padding: 2px;
    background: #cccccc;
  }
  #main-banners .flex-control-nav li > a.flex-active{
    background: #000;
  }
  #main-banners .flex-direction-nav li:first-child > a{
    left: 10px;
  }
  #main-banners .flex-direction-nav li > a{
    display: none;
  }
    #main-banners .flex-direction-nav li > a:after{
      display: none;
    }

  /*sidebar*/
  .item.list .span9.main .breadcrumb{
    display: none;
  }
  .item.list #page-body > .breadcrumb{
    display: block;
  }
  #sidebar{
    width: 100%;
  }
  .shop #sidebar,
  .list #sidebar,
  .search #sidebar,
  .item #sidebar{
    padding: 0;
    margin: 0;
    width: auto;
  }
  /*sub-banners*/
  #sub-banners.pickup ul li p {
    margin: 0;
    font-size: 10px;
    margin-left: 10px;
  }
  #sub-banners ul li a p.bx-txt{
    white-space: normal;
    text-overflow:clip;
    -webkit-text-overflow:clip;
    -moz-text-overflow:clip;
    -ms-text-overflow:clip;
    margin-bottom: 13px;
  }
  #detail-search{
    display: none;
  }
  #detail-search.active,
  .item #moreSearch.active{
    display: block;
  }
  .list-category ul{
    width: auto;
  }
  .list-category li{
    width: 50%;
    float: left;
  }
  #side-category li.all_items{
    display: none;
  }
  .list .list-layout > .span3{
    margin: 0 -10px 25px;
    width: auto;
  }
  #sidebar > .categorySearch{
    margin-right: 1px;
  }
  #sidebar > .visible-phone{
    background-color: #dcdcdc;
    width: 49.8%;
    height: 40px;
    line-height: 40px;
    text-indent: 10px;
    float: left;
    position: relative;
  }
  #sidebar > .visible-phone:after{
    content: '';
    display: block;
    position: absolute;
    border-right: 1px solid #000000;
    border-top: 1px solid #000000;
    top: 40%;
    right: 10px;
    width: 5px;
    height: 5px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
  }
  #sidebar .visible-phone.open:after{
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
  }
  .sidearea .list-category > ul li a{
    color: #000;
    padding: 8px 0;
  }
  .sideMenu-tab{
    padding-bottom: 20px;
  }
  .sideMenu-tab li{
    border-top: 1px solid #ebebeb;
    float: left;
    width: 50%;
    line-height: 42px;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #ebebeb;
    box-sizing:border-box;
  }
  .sideMenu-tab li:first-child{
    border-right: 1px solid #ebebeb;
  }
  .sideMenu-tab li span{
    padding-left: 15px;
  }
  .sideMenu-tab li.active{
    border-bottom: none;
  }
  .item .span9.main > .breadcrumb{
    display: none;
  }
  #get-count .count,
  #get-count .count-tit{
    text-align: center;
  }
  #sidebar .side-caption{
    display: none;
  }
  #sidebar .side-caption:after{
    width: 6px;
    height: 6px;
  }
  form#detail-search{
    margin: 0 -10px;
    padding: 0 10px;
  }
  .side-detailsearch{
    margin-top: 0;
  }
  .side-detailsearch .detailsearch-btn-area .btn-primary,
  .side-detailsearch .detailsearch-btn-area .btn.clearForm{
    background-position-x: 30%;
  }
  .item.search .select-keyword input[name="keyword"]{
    width: 100%;
  }
  .side_wrap,
  #brandNav{
    clear: both;
  }
  .side_wrap section{
    display: none;
  }
  #category, #brandNavi, #brandNav{
    display: none;
  }
  #brandNav li,
  #category li{
    width: 50%;
    float: left;
    border-bottom: 1px solid #999999;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    background-color: #444444;
  }
  #category ul ul + li:nth-child(4n) {
    border-left: none;
  }
  /*#brandNav li:nth-child(2n),*/
  #category li:nth-child(2n+1){
    border-left: 1px solid #999999;
  }
  #brandNav li:nth-child(2n+1){
    border-right: 1px solid #999999;
  }
  #brandNav li a{
    text-align: center;
    padding: 3px 20px;
    height: 70px;
    line-height: 70px;
    display: block;
    color: #fff;
  }
  #brandNav li a:hover{
    background-color: transparent;
  }
  #category li a {
    padding: 3px 20px;
    height: 30px;
    line-height: 30px;
    display: block;
    color: #fff;
    position: relative;
  }
  #category li a:hover{
    text-decoration: none;
  }
  #category li a:after{
    content: '';
    display: block;
    position: absolute;
    border: none;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    top: 50%;
    right: 10px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  #brandNav li:nth-child(1) img{
    vertical-align: middle;
    width: 100px;
  }
  #brandNav li:nth-child(2) img{
    vertical-align: middle;
    width: 110px;
  }
  #brandNav li:nth-child(3) img{
    vertical-align: middle;
    width: 85px;
  }
  #brandNav li:nth-child(4) img{
    vertical-align: middle;
    width: 95px;
  }

  /*top-newarrival*/
  /*top-ranking*/
  /*top-checked*/
  .slick-items{
    margin-bottom: 0;
  }
  .slick-items ul{
    width: 100%;
    margin: 0 0 10px;
    clear: both;
  }
  .slick-items .slick-track{
    position: relative;
  }
  .slick-items [class*="span"]{
    float: left;
  }
  .slick-items .slick-prev{
    left: 5px;
    z-index: 1;
  }
  .slick-items .slick-next{
    right: 5px;
  }
  .slick-items .slick-prev,
  .slick-items .slick-next{
    top: 33%;
    height: 200px;
  }
  .shop.index .slick-items .slick-next{
    right: 0;
  }
  .slick-items .slick-prev:before,
  .slick-items .slick-next:before{
    font-size: 35px;
  }
  #newarrival-items{
    margin-bottom: 50px;
    clear: both;
    display: inline-block;
  }
  #newarrival-items li{
    width: 32.6666%;
  }
  #newarrival-items li:nth-child(4n+1){
    clear: none;
  }
  #ranking-items li,
  #coordinate li{
    width: 49%;
    margin: 0 0 2% 2%;
  }
  #checked-items li,
  #ranking-items li:nth-child(n+3){
    width: 32%;
    margin: 0 0 2% 2%;
  }
  #newarrival-items li:nth-child(3n+1),
  #ranking-items li:first-child,
  #ranking-items li:nth-child(3n),
  #coordinate li:nth-child(2n+1),
  #checked-items li:nth-child(3n+1){
    margin-left: 0;
    clear: both;
  }
  #newarrival-items li:nth-child(n+10){
    display: none;
  }
  .shop #newarrival-items li{
    width: 49%;
  }
  .shop #newarrival-items li:nth-child(2n+1){
    clear: both;
  }
  .shop #newarrival-items li:nth-child(3n+1){
    float: left;
    clear: none;
  }
  .shop #newarrival-items li:nth-child(n+7){
    display: none;
  }
  #ranking-items .rank-num{
    top: 5px;
    left: 5px;
  }
  #checked-items{
    margin-bottom: 0;
  }
  #checked-items li:nth-child(6){
    display: block;
  }
  #related-items{
    margin-bottom: 28px;
  }
  #related-items li{
    width: 49.5%;
  }
  #related-items li:nth-child(2n+1){
    clear: both;
    margin-left: 0;
  }
  #related-items li:nth-child(n+5){
    display: none;
  }
  #ranking-items li:nth-child(n+11){
    display: block;
  }


  .viewList{
    font-size: 10px;
    text-align: center;
    background-color: #000;
    width: 76%;
    text-align: center;
    margin: 0 12%;
    position: static;
  }
  .viewList > a{
    color: #fff;
    display: block;
    height: 40px;
    line-height: 40px;
  }
  .viewList img {
    top: -1px;
    width: 12px;
}

  .shop.index .slick-items ul{
    padding: 0;
  }

  .shop.index .slick-items ul{
    width: 100%;
  }

  /*sort*/
  .sort-wrap,
  .sort, .sort > table,
  .sort > table > tbody,
  .sort > table > tbody > tr{
    display: block;
    width: 100%;
    min-width: 0;
  }
  .sort-wrap{
    width: auto;
    box-sizing:border-box;
    margin: 0 -10px;
  }
  .sort{
    float: none;
    max-width: inherit;
    padding: 0 0 14px;
    margin: 0 12px 14px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: 1px solid #efefef;
    width: initial;
  }
  .sort table td{
    padding: 0 2px;
    margin: 0 0 4px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
  }
  .sort table td:focus,
  select:focus,
  input[type="file"]:focus,
  input[type="radio"]:focus,
  input[type="checkbox"]:focus{
    outline: none;
  }
  .sort-wrap .sort table label{
    display: none;
  }
  .sort-wrap .sort table select{
    margin-right: 0;
    outline: none;
    padding: 5px 8px;
    width: 100%;
  }
  .sort-wrap .pages,
  .list-setting .pages{
    padding: 0 14px 10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
    width: 100%;
    min-width: 0;
  }
  .list-setting .pages{
    border-top: 1px solid #dddddd;
    padding: 14px 0 0;
    margin: 0;
    width: 100%;
    text-align: center;
  }
  .sort-wrap .pages .itemNumber{
    float: left;
    margin-right: 0;
    height: 24px;
    line-height: 24px;
  }
  .pages .pagination ul li,
  .pages .pagination ul li a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
  }
  .pages .itemNumber {
    margin-bottom: 12px;
  }

  /*guide*/
  .guide.index #page-body{
    margin-right: -10px;
    margin-left: -10px;
  }
  .guide .row{
    padding-top: 20px;
  }
  .guide .title{
    font-size: 16px;
    margin-bottom: 20px;
  }
  .guide .subnav .nav-list{
    margin: 0 -16px;
  }
  .guide .subnav .nav-list > li > a{
    padding: 10px 15px;
    background: url("/assets/images/icon/guide/arrow_smp.png")no-repeat 96% 50% #eee;
    background-size: 5px;
    font-size: 11px;
    font-weight: normal;
  }
  .guide.index .span9{
    width: auto;
    float: none;
  }
  .style-guide section{
    padding-bottom: 0;
  }
  .style-guide .page-header{
    margin: 0 -10px 0;
    text-align: left;
    padding: 10px 0;
    background-color: #f2f2f2;
    border-top: 1px solid #dddddd;
    position: relative;
  }
  .style-guide .page-header:after{
    content: '';
    display: block;
    position: absolute;
    border-right: 1px solid #999999;
    border-top: 1px solid #999999;
    top: 48%;
    right: 14px;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
  }
  .style-guide .page-header h2{
    font-size: 11px;
    text-indent: 10px;
  }
  .style-guide .sentence{
    margin: 10px 0 15px;
    display: none;
  }
  .style-guide .sentence *{
    font-size: 11px;
    line-height: 18px;
    margin-left: 0;
  }
  .style-guide h3{
    text-align: center;
    margin: 0 0 10px;
  }
  .style-guide h3:before{
    content: "";
  }
  .style-guide .smpnav{
    margin: -16px -16px 15px;
    /*border-top: 1px solid #eee;*/
    border-bottom: 1px solid #eee;
    padding-top: 1px;
  }
  .style-guide .smpnav ul{
    margin: 0;
  }
  .style-guide .smpnav li{
    border-top: 1px solid #eee;
  }
  .style-guide .smpnav li:first-child{
    border-top: none;
  }
  .style-guide .smpnav li a{
    text-decoration: none;
    padding: 6px 15px;
  }
  .guide .smpnav .nav-list > .active > a{
    background-color: transparent;
    font-weight: normal;
  }
  .style-guide .sentence .guide3{
    display:block;
  }
    .style-guide .sentence ol{
    list-style:none;
  }

  /*faq*/
  .guide.faq .span3{
    margin-top: 0;
  }
  .guide.faq .span9{
    float: none;
    width: auto;
  }
  .guide.faq .row{
    padding: 6px;
  }

  #hot_keywords {
    height: auto;
    line-height: 22px;
    padding: 0 10px 45px;
    width: auto;
  }
  #hot_keywords p{
    text-align: center;
    margin-right: 0;
    width: 100%;
    padding: 22px 0;
  }
  #hot_keywords li{
    line-height: 45px;

  }
  body .flexslider{
    margin-bottom: 0;
  }
  .top #sidebar{
    margin: 0 -10px 25px;
    width: auto;
    padding: 0;
  }
  .top #sidebar ul.nav{
    margin: 0;
  }
  #sidebar .brandNav li svg .cls-1{
    fill: #fff;
  }
  .item.search .span3.side{
    display: none;
  }
  .top #wrapper{
    overflow: visible;
  }
  #cd-area {
    margin-bottom: 50px;
  }
  #cd-area .cd-list-item-text{
    text-indent: 12px;
  }
  #cd-list li{
    margin-bottom: 20px;
  }
}
@media(max-width: 480px){
  .brandNav li:first-child svg{
    width: 80%;
    vertical-align: middle;
    color: #fff;
  }
  .brandNav li:nth-child(2) svg{
    width: 57%;
    height: auto;
    vertical-align: middle;
  }
  .brandNav li:nth-child(3) svg{
    width: 70%;
    vertical-align: middle;
  }
  .brandNav li:nth-child(4) svg{
    width: 62%;
    vertical-align: middle;
  }
  .brandNav li:last-child svg{
    width: 62%;
    vertical-align: middle;
  }
  #brandsns svg{
    width: 45%;
  }
}
@media(max-width: 767px) {
  .style-guide .smpnav{
    display: none!important;
  }
  #foot-category li.has_child ul{
    position: static;
    width: 100%;
  }
  #foot-category li.has_child ul li{
    width: 100%;
    border-top: 1px solid #666666;
  }
  #page-footer #foot-category li.has_child ul li a{
    display: block;
    padding: 10px 0 10px 30px;
  }
  #page-footer #foot-category li.has_child.open ul li a:after{
    position: absolute;
    top: 55%;
    right: 10px;
    display: block;
    content: '';
    width: 5px;
    height: 5px;
    margin-top: -5px;
    border-top: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
}

/* #55036 */
@media(max-width: 767px) {
  .secret_banner {
    margin-bottom: 16px;
  }
}

/*DH_FRONT_DEPT-2045 【MEN'S BIGI】Gナビ「雑誌掲載」の非表示*/
@media (max-width: 979px) {
  #menu-category li.cascade.pulldown05.has_child.magazine {
    display: none;
  }
}
@media (max-width: 767px) {
  #category li.business01,
  #category li.category-business02,
  #category li.business03,
  #category li.category-business04,
  #category li.business05 {
    border-left: 1px solid #999999;
  }
  #category li.mensbigi_mens_specialprice,
  #category li.unionstation_mens_specialprice,
  #category li.crowdedcloset_mens_specialprice,
  #category li.additional_mens_specialprice,
  #category li.rattletrap_mens_specialprice {
    border-left: none;
  }
}

/* DH_FRONT_DEPT-2110 【MEN'S BIGI】Gナビ「スペシャルプライス」の非表示 */
@media (max-width: 979px) {
  .drawer-nav .cascade.pulldown10.has_child.sale {
    display: none;
  }
}

/* DH_FRONT_DEPT-3954 */
@media (max-width: 1200px) and (min-width: 768px) {
  .sort-wrap .sort table select {
      width: 128px;
  }
}

/* DH_FRONT_DEPT-3954 */
@media (max-width: 979px) {
  .top #main-banners {
    margin: 0 auto;
  }
}
@media (max-width: 900px) {
  .top #main-banners {
    margin: 0 -10px;
  }
}