@charset "utf-8";

/******************************
商品一覧
******************************/
body.item .page-title {
  margin-bottom: 10px;
}
.listSetting {
  overflow: visible;
}
@media (min-width: 980px) {
  .listSetting > li {
    width: 24.25%;
    margin-left: 1%;
    float: left;
  }
  .listSetting > li:first-child {
    margin-left: 0;
  }
  .l-item_list .container {
    margin-bottom: 50px;
  }
}
.tab-content .list-item-text {
  min-height: auto;
}
.topArea .condition li > a {
  background-color: transparent;
  border: 0;
}
.topArea .condition li > a > .release {
  color: #fff;
  margin-left: 5px;
  width: 13px;
  height: 13px;
  line-height: 13px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  border-radius: 20px;
  background: url("/assets/images/icon/cancel.svg") center center #fff no-repeat;
}
@media (max-width: 979px) {
  .topArea .condition li > a > .release {
    top: -1px;
    position: relative;
  }
}
.list-category-visual {
  margin-bottom: 0;
}
.list-category-visual img {
  margin-bottom: 40px;
}

/* DH_FRONT_DEPT-1170 ブランドページバナー・テキスト */
.list-parent-visual img {
  width: 100%;
}
.cat-img-text {
  margin: 20px 0 30px;
}

/*ソート*/
.sortby {
  color: #fff;
  margin: 0;
  height: 43px;
  line-height: 43px;
  padding-left: 10px;
  background: url("/assets/images/icon/arrow_smp_up_w.png") no-repeat left 90px
    center #b5b9bc;
  background-size: 13px 8px;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.sortby.box-close {
  background: url("/assets/images/icon/arrow_smp_down_w.png") no-repeat left
    90px center #b5b9bc;
  background-size: 13px 8px;
}

#sort table {
  width: 100%;
}
#sort table label {
  display: inline;
  margin-bottom: 0;
  margin-right: 8px;
  font-size: 12px;
}
#sort h3 {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 15px;
  margin-bottom: 10px;
}
#sort ul.type {
  margin: 0 auto 15px;
}
#sort ul.type > li {
  float: left;
  width: 32.66%;
  text-align: center;
  border: 1px solid #b5b9bc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 4px;
  margin-left: 1%;
}
#sort ul.type > li:first-child {
  margin-left: 0;
}
#sort .list-category ul.type > li > a {
  display: block;
  background: none;
  padding: 17px 10px;
  font-size: 14px;
}
#sort ul.type > li.active a {
  display: block;
  background: #b5b9bc;
  color: #fff;
}
#sort .list-category .side-caption {
  background: none;
  color: #000;
  padding: 0;
  font-weight: normal;
  border: none;
}
/**
 * perfect-scrollbar
*/
.list-brand > .nav-list,
.list-category.brand > .nav-list {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  overflow: hidden;
  max-height: 280px;
}
.list-brand > .nav-list .amount,
.list-category.brand > .nav-list .amount {
  display: none;
}
.ps-container .ps-scrollbar-y-rail,
.ps-container .ps-scrollbar-y-rail.hover,
.ps-container .ps-scrollbar-y-rail:hover,
.ps-container .ps-scrollbar-y-rail:focus,
.ps-container .ps-scrollbar-y-rail:active {
  right: 0 !important;
  background-color: transparent;
}

.ps-container .ps-scrollbar-y-rail .ps-scrollbar-y {
  width: 3px;
  background-color: #a3a3a3;
}

@media (max-width: 767px) {
  .list-brand > .nav-list,
  .list-category.brand > .nav-list {
    max-height: 376px;
  }
}
/*カラバリ*/
.product-color-set {
  visibility: hidden;
  position: absolute;
  top: -15px;
  left: auto;
  right: -45px;
  z-index: 0;
  height: auto;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.p-itemlist__item:hover .product-color-set {
  visibility: visible;
}
.product-color-tip {
  padding: 0 5px;
  list-style: none;
  float: left;
  position: static;
  top: auto;
  left: auto;
}
.product-color-set[class*="max-colset"] {
  width: auto;
}
.product-color-set[class*="max-colset"] a {
  transition: none;
}
.product-color-set[class*="max-colset"] ul {
  display: none;
}
.product-color-set[class*="max-colset"] ul.colset1 {
  display: block;
  margin-left: auto;
}

.product-color-tip > li {
  width: 60px;
  padding-top: 5px;
}
.product-color-tip > li:first-child {
  padding-top: 0;
}
/*ページ*/
.pages {
  margin: 0;
}
.pagination ul {
  border-radius: 0;
  box-shadow: none;
}

.pagination ul > li > span {
  border: none;
  font-size: 18px;
  padding: 5px;
  margin: 0 11px;
}

@media (max-width: 767px) {
  .pagination ul > li > a {
    padding: 4px 7px;
  }
}

.pagination ul > li > a:hover {
  background-color: #ffffff;
}
#wrapper .pagination ul > .active > a,
.pagination ul > .active > span {
  background: #ffffff;
  color: #111111;
}
#change-gender .gender-inner li,
#brand-change-gender .gender-inner li {
  width: 100%;
  height: 35px;
  line-height: 30px;
  margin: 5px 0 0 0;
}
#change-gender .gender-inner li > a,
#brand-change-gender .gender-inner li > a {
  text-align: center;
  display: block;
  font-size: 14px;
  color: #000;
  background-color: #fff;
  border: 1px solid #bcbcbc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#change-gender .gender-inner li.active > a,
#brand-change-gender .gender-inner li.active > a {
  background-color: #a1a1a1;
  color: #fff;
}

.newarrival-date {
  margin-top: 20px;
}
/*category*/
.list-category li > a {
  position: relative;
  background: #ffffff !important;
}
.list-category li > a:after {
  position: absolute;
  top: 50%;
  right: 11px;
  display: block;
  content: "";
  width: 6px;
  height: 13px;
  margin-top: -6px;
}

.list-category li.active:not(.no-cancle) > a:after {
  background: url("/assets/images/icon/cancel.svg") center center no-repeat;
  top: 40%;
  right: 10px;
  display: block;
  content: "";
  width: 17px;
  height: 17px;
}
.list-category.brand li > a:after {
  content: none;
}
.list-category .has_child > a {
  position: relative;
}
.list-category .has_child > a:after {
  content: "";
  position: absolute;
  background: url(/assets/images/icon/bottom-arrow.svg) center center no-repeat;
  top: 12px;
  right: 0px;
  display: block;
  width: 13px;
  height: 6px;
  margin-top: -6px;
}

.list-category .child-category .has_child > a:after {
  top: 16px;
}
@media (min-width: 980px) {
  .list-category li.active:not(.no-cancle) > a:after {
    right: -1px;
  }
}
@media (max-width: 979px) {
  .list-category .has_child > a:after {
    content: "";
    position: absolute;
    background: url(/assets/images/icon/left-arrow.svg) center/8px 15px
      no-repeat;
    top: 0px;
    right: 0px;
    display: block;
    width: 16px;
    height: 30px;
    transform: rotate(270deg);
  }
}

.list-category .has_child > .open:after {
  transform: rotate(180deg);
}

@media (max-width: 979px) {
  .list-category .has_child > .open:after {
    transform: rotate(90deg);
  }
}
.list-category .has-child.select > a:after {
  margin-top: -3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
#sp-nav .list-category {
  margin-bottom: 0;
}
.list-category .toggle-btn,
.list-category .select .toggle-btn {
  background-image: none;
}
.child-category.brand-list li > a {
  position: relative;
}
.list-category li:not(.has_child) .child-category {
  display: none !important;
}
body[class*=secretsale] .page-title {
  font-size: 0;
  height: 0;
}

@media (max-width: 1200px) {
  #sort table {
    width: 100%;
  }
  body.shop #newarrival-items ul > li,
  #hit_list ul > li {
    width: 23.333%;
  }
  #sort select {
    width: auto;
  }
}

@media (max-width: 979px) {
  body.item .page-title {
    margin-bottom: 0;
    border-bottom: none;
  }
  .item .span3 {
    width: 100%;
    margin-left: 0;
  }
  .list .title {
    margin: 0;
  }
  .list-layout .span9 {
    width: 100%;
    margin-left: 0;
    float: none;
  }
  #sort table {
    width: 100%;
  }
  #sort select {
    width: calc(100% - 55px);
  }
  .detailPagerAreaTitle {
    width: 100%;
    text-align: center;
    padding-top: 20px;
    margin-bottom: 20px;
  }
  body.shop #newarrival-items ul > li,
  #hit_list ul > li {
    width: 32.333333%;
    margin-left: 1%;
  }
  body.item #page-footer {
    margin-top: 0;
  }
  /*category*/

  #sidearea .list-category {
    margin-top: 0;
    cursor: pointer;
  }
  #sidearea .side-caption {
    border-bottom: none;
    margin-bottom: 0;
    padding: 0;
    position: relative;
    font-size: 16px;
    letter-spacing: 2px;
    margin: 0 25px 10px;
  }
  .list-category .has_child > a:after {
    right: 25px;
  }

  .side-caption:after {
    content: "";
    position: absolute;
    background: url(/assets/images/icon/left-arrow.svg) center/8px 15px
      no-repeat;
    top: 0px;
    right: 0px;
    display: block;
    width: 16px;
    height: 30px;
    transform: rotate(270deg);
  }

  .side-caption.is-open:after {
    transform: rotate(90deg);
  }

  #sidearea .list-category > ul {
    border-top: none;
    display: none;
    padding: 20px 0;
  }
  #sidearea .list-category .child-category > li:last-child {
    border-bottom: none;
  }

  #sidearea .list-category a {
    padding: 5px;
    display: block;
    font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
      "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    background-color: #fff;
    text-align: center;
  }
  #sidearea .list-category .active a {
    font-weight: bold;
    color: #000;
    background-color: #e5e5e5;
    font-weight: normal;
  }
  #sidearea .list-category .child-category a {
    padding: 5px 0 15px;
    display: block;
  }
  #category-search {
    border-top: solid 1px #bcbcbc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #category-search li {
    float: left;
    width: 50%;
    font-weight: bold;
    background-color: white;
    line-height: 42px;
    font-size: 13px;
    cursor: pointer;
    position: relative;
  }
  #category-search li.categorySearch,
  #category-search li.detailSearch {
    border-bottom: solid 1px #bcbcbc;
  }
  #category-search li.categorySearch.active {
    border-bottom: 1px solid #f1f1f1;
  }
  #category-search li:after {
    position: absolute;
    top: 50%;
    right: 18px;
    width: 8px;
    height: 8px;
    display: block;
    content: "";
    border-top: solid 2px #555;
    border-right: solid 2px #555;
    margin-top: -7px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  #category-search li.detailSearch:after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 55%;
  }
  #category-search li.active:after {
    margin-top: -4px;
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  #category-search li:first-child {
    border-right: solid 1px #bcbcbc;
    border-bottom: solid 1px #bcbcbc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  #category-search li.categorySearch.active {
    border-bottom: 1px solid #c5c5c5;
  }
  #category-search li span {
    padding-left: 10px;
  }
  #category-search li span:nth-child(2) {
    padding-left: 5px;
  }
  #category-search li a {
    display: block;
    text-decoration: none;
  }
  body.item-search #category-search .detailSearch,
  body.item-newArrivalList #category-search .detailSearch,
  body.item-list #category-search .detailSearch.preorder {
    width: 100%;
  }
  #sidebar .categoryList {
    display: none;
  }
  #sidebar .side-detailsearch {
    display: none;
  }

  .side-detailsearch {
    margin-top: 0px;
    display: none;
  }

  /*DH_FRONT_DEPT-2758*/
  #sidearea .list-category.gender_secret li {
    margin-top: -1px;
    border: none;
  }
  #sidearea .list-category.gender_secret a {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
  }
  #sidearea .list-category.gender_secret .child-category .child-category li {
    width: 100%;
  }
  #sidearea .list-category.gender_secret .child-category > li > a {
    text-indent: 1em;
  }
  #sidearea
    .list-category.gender_secret
    .child-category
    .child-category
    > li
    > a {
    text-indent: 2em;
  }
}
@media (max-width: 767px) {
  /* DH_FRONT_DEPT-1170 ブランドページバナー・テキスト */
  .cat-header {
    padding: 0 10px;
  }
  .sortby {
    margin: 0 -10px;
  }
  #sort table {
    width: 100%;
  }
  .list .title {
    margin: 0 -10px;
  }
  .list .detailPagerArea {
    margin: 0 -10px;
    padding: 10px 10px 0;
  }
  .pages .itemNumber {
    font-size: 13px;
    font-weight: bold;
  }
  body.item .list-item-text {
    min-height: 65px;
  }
  /*アイコン*/
  #body .icon > span > img {
    width: 32px;
    margin: 0 auto;
  }
  #body .icon .label-soldout {
    width: 40px;
    font-size: 8px;
    -webkit-transform: scale(0.8);
    padding: 10px 0;
  }
  .icon .label {
    margin-top: 5px;
    letter-spacing: normal;
  }
  .list-parent-visual {
    margin-bottom: 20px;
  }
  .list-category-visual img {
    margin-bottom: 0;
  }
}
/*48006*/
@media (max-width: 979px) {
  body.item-search #category-search .detailSearch.brand_top {
    width: 50%;
  }
}

@media (max-width: 979px) {
  /*検索一覧・カテゴリ一覧*/
  #category-search li {
    width: 100%;
    line-height: 45px;
    font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
      "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    letter-spacing: 0.1em;
    color: #444;
  }
  #category-search li:first-child {
    border-right: none;
  }
  #category-search li:after {
    width: 6px;
    height: 6px;
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    right: 16px;
  }
  #category-search li a {
  }
  #sidearea .list-category a {
    font-size: 14px;
    font-weight: normal;
    color: #707070;
    letter-spacing: 2px;
  }
  #sidearea .list-category .active a {
  }
  #sidearea .list-category .child-category a {
    background-color: #eeeeee;
  }

  /*検索一覧のジェンダーGタブ部分修正*/
  .item-search #gender-navi {
    font-size: 0;
    margin: 0;
    line-height: 0;
    margin: 0 0 -1px;
  }
  .item-search #gender-navi .gender-nav {
    line-height: 0;
  }
  .item-search #gender-navi.brand_top_gender:after {
    display: none;
  }
  .item-search #gender-navi .gender-nav > a {
    background-color: #bcbcbc;
    padding: 24px 0;
    color: #ffffff;
    font-size: 12px;
    border: none;
    margin-left: 1px;
    cursor: pointer;
  }
  .item-search #gender-navi .gender-nav > a {
    border: 1px solid #bcbcbc;
    font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
      "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    letter-spacing: 0.1em;
  }
  .item-search #gender-navi .gender-nav.all a {
    margin-left: 0;
  }
  .item-search #gender-navi .gender-nav.kids {
    border-right: 0;
  }
  .item-search #gender-navi .gender-nav.active > a {
    background-color: #ffffff;
    color: #000000;
  }
  .item-search #gender-navi.brand_top_gender {
    height: 50px;
  }
  .item-search #change-gender.item_content {
    margin-bottom: 0;
  }
  .item-search #change-gender.item_content .gender-inner .nav {
    margin: 0;
  }
  .item-search #change-gender.item_content .gender-inner li {
    width: 23%;
    margin-top: 0;
    margin-left: 1px;
    font-size: 12px;
    height: 75px;
    line-height: 50px;
    background-color: transparent;
    position: relative;
  }
  .item-search #change-gender.item_content .gender-inner .nav-tabs {
    padding: 0 0 10px;
    border-bottom: none;
  }
  .item-search #change-gender.item_content .gender-inner li:last-child {
    width: 30%;
  }
  .item-search #change-gender.item_content .gender-inner li:first-child {
    margin-left: 0;
  }
  .item-search #change-gender.item_content .gender-inner li a {
    font-size: 12px;
    padding: 15px 0;
    margin: 0;
    font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
      "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    letter-spacing: 0.1em;
    color: #fff;
    background-color: #bcbcbc;
    display: block;
    text-decoration: none;
    border-radius: 0;
    text-align: center;
    border: 1px solid #bcbcbc;
    box-sizing: border-box;
    height: 50px;
  }
  .item-search #change-gender.item_content .gender-inner li.active span {
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    display: block;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 5px);
    transform: rotate(-135deg);
  }
  .item-search #change-gender.item_content .gender-inner li:last-child a {
    border: 1px solid #bcbcbc;
  }
  .item-search #change-gender.item_content .gender-inner li.active > a {
    background-color: #ffffff;
    color: #000;
    position: relative;
    border-top: 1px solid #bcbcbc;
    border-left: 1px solid #bcbcbc;
    border-right: 1px solid #bcbcbc;
  }
  .item-search #change-gender.item_content .gender-inner .slide-open {
    padding-bottom: 1px;
  }
  .item-search #change-gender.item_content .gender-inner .slide-open li {
    height: 50px;
    padding-bottom: 0px;
  }
  .item-search #change-gender.item_content .gender-inner .slide-open li span {
    display: none;
  }
  .item-search #change-gender.item_content .gender-inner .nav-kids-content li,
  .item-search
    #change-gender.item_content
    .gender-inner
    .nav-kids-content
    li:last-child {
    width: calc(25% - 1px);
  }
}
@media (max-width: 461px) {
  .item-search #change-gender.item_content .gender-inner li:last-child a {
    padding: 6px 0;
  }
  .item-search
    #change-gender.item_content
    .gender-inner
    .nav-kids-content
    li:last-child
    a {
    padding: 15px 0;
  }
}

/* DH_FRONT_DEPT-3939 */
#category-search ul {
  overflow: visible;
}
@media (max-width: 979px) {
  #category-search li {
    float: none;
  }
  #category-search .categoryList li:after {
    display: none;
  }
}

/* DH_FRONT_DEPT-6073 */
#change-gender[class*="shop"] {
  border-bottom: 1px solid #bcbcbc;
  margin-bottom: 50px;
  margin-left: calc(-50vw + 51%);
  margin-right: calc(-50vw + 51%);
}
#change-gender[class*="shop"] .nav-tabs {
  margin: 0;
  border: none;
  text-align: center;
}
#change-gender[class*="shop"] .gender-inner {
  margin: 0 auto;
  padding-top: 40px;
}
#change-gender[class*="shop"] .gender-inner ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: wrap;
}
#change-gender[class*="shop"] .gender-inner li {
  margin-left: 0;
  height: auto;
  line-height: 1;
  width: calc(25% - 4.5px);
  width: -webkit-calc(25% - 4.5px);
  margin-left: 6px;
  margin-right: 0;
  height: 65px;
  line-height: 65px;
}
#change-gender[class*="shop"] .gender-inner li a {
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#change-gender[class*="shop"] .gender-inner li:first-child {
  margin-left: 0;
}
#change-gender[class*="shop"] .gender-inner li.active > a {
  background-color: #ffffff;
  color: #000;
  position: relative;
  border-top: 1px solid #bcbcbc;
  border-left: 1px solid #bcbcbc;
  border-right: 1px solid #bcbcbc;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
#change-gender[class*="shop"] .gender-inner li a {
  font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
    "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  letter-spacing: 0.1em;
  font-size: 18px;
  color: #fff;
  background-color: #bcbcbc;
  display: block;
  text-decoration: none;
  padding: 22px 0;
  border-radius: 0;
}

.l-item_list .container {
  width: 86.11vw;
}
@media (max-width: 979px) {
  .l-item_list .container {
    width: auto;
  }
}

.l-item_list .p-box-title {
  letter-spacing: 2px;
}

#sidearea #change-gender[class*="shop"],
#sidearea #change-gender[class*="shop"] .container {
  width: 100%;
  margin: 0;
  border: none;
}
#sidearea #change-gender[class*="shop"] .container ul {
  border-bottom: none;
}
#sidearea #change-gender[class*="shop"] .container ul li {
  width: 100%;
  height: 30px;
  line-height: 30px;
  margin: 0;
  margin-bottom: 5px;
  border: solid 1px #666;
  color: #000;
  height: 30px;
  line-height: 30px;
  background: white;
}
#sidearea #change-gender[class*="shop"] .container ul li a {
  padding: 0;
  height: 30px;
  line-height: 30px;
  display: block;
  font-size: 15px;
  color: #888888;
  margin: 0;
  border: none;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
  background: white;
  letter-spacing: 0em;
}
#sidearea #change-gender[class*="shop"] .container ul li.active a {
  background-color: #888888;
  color: #fff;
}
.list-layout .span9 .empty_message {
  text-align: center;
  margin-top: 60px;
  margin-bottom: 60px;
}

@media (max-width: 979px) {
  .list-layout .span9 .empty_message {
    margin-top: 40px;
    margin-bottom: 60px;
  }
  .outletsale_banner {
    margin: 0 0 20px;
  }
  .outletsale_banner + #fair {
    margin-left: 10px;
    margin-right: 10px;
  }
  #sidearea #change-gender[class*="shop"] {
    margin: 0;
  }
  #sidearea #change-gender[class*="shop"] .gender-inner {
    padding: 0;
  }
  #sidearea #change-gender[class*="shop"] .gender-inner.container ul {
    padding: 0 0 10px;
  }
  #sidearea #change-gender[class*="shop"] .gender-inner.container ul li {
    width: 23%;
    margin: 0;
    height: 75px;
    line-height: 75px;
    position: relative;
    border: none;
  }
  #sidearea
    #change-gender[class*="shop"]
    .gender-inner.container
    ul
    li:last-child {
    width: 30%;
  }
  #sidearea #change-gender[class*="shop"] .gender-inner.container ul li a {
    margin-left: 1px;
    font-size: 12px;
    background-color: #bcbcbc;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    color: white;
    -webkit-justify-content: center;
    height: 50px;
    line-height: 1.6;
  }
  #sidearea
    #change-gender[class*="shop"]
    .gender-inner.container
    ul
    li.active
    a,
  #sidearea #change-gender[class*="shop"] .gender-inner.container ul li.here a {
    background-color: #ffffff;
    color: #000;
    position: relative;
    border: 1px solid #bcbcbc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
  }
  #sidearea
    #change-gender[class*="shop"]
    .gender-inner.container
    ul
    li.active
    span,
  #sidearea
    #change-gender[class*="shop"]
    .gender-inner.container
    ul
    li.here
    span {
    width: 10px;
    height: 10px;
    border-left: 2px solid #000;
    border-top: 2px solid #000;
    display: block;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 5px);
    transform: rotate(-135deg);
    cursor: pointer;
  }
  #change-gender.category_kids_outlet + #category-search,
  #change-gender.category_householdgoods_outlet + #category-search {
    display: none !important;
  }
  /* DH_FRONT_DEPT-6190 for OUTLET/SECRET SALE SP tab */
  #sidearea #change-gender.shop_outletsale .gender-inner.container ul li,
  #sidearea #change-gender.shop_secretsale .gender-inner.container ul li {
    height: 52px;
  }
  #sidearea #change-gender.shop_outletsale .container ul li a,
  #sidearea #change-gender.shop_secretsale .container ul li a {
    font-family: "GillSans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
      "メイリオ", Meiryo, "ＭＳ Ｐゴシック", MS PGothic, sans-serif;
    letter-spacing: 0.1em;
    font-size: 18px;
  }
  .grandtop #top-smp-category,
  .outlet_top_sp_cat #top-smp-category,
  .secretsale_top_sp_cat #top-smp-category {
    margin-bottom: 20px;
    border-bottom: 1px solid #e5e5e5;
  }
  .outlet_top_sp_cat #top-smp-category .nav-women_outlet > li > a,
  .outlet_top_sp_cat #top-smp-category .nav-men_outlet > li > a,
  .secretsale_top_sp_cat #top-smp-category .nav-women_secret > li > a,
  .secretsale_top_sp_cat #top-smp-category .nav-men_secret > li > a {
    background: none !important;
  }
}

/* DH_FRONT_DEPT-6853 */
body.ec .category-icon {
  display: none;
}
body.outletsale .category-icon_outlet {
  display: none;
}

.p-detail-search__label {
  position: relative;
  padding-left: 31px;
  margin: 0;
  font-weight: 500;
}

.p-detail-search__label:before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border: 0;
  width: 21px;
  height: 21px;
  top: -8px;
  left: 20px;
}

.p-detail-search__section input {
  display: none;
}

.p-detail-search__section--color {
  margin-bottom: 30px;
}
@media (max-width: 979px) {
  .p-detail-search__section--color {
    margin: 0;
    cursor: pointer;
  }
}

.p-detail-search__color-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(25px, 1fr));
  row-gap: 10px;
  column-gap: 10px;
}
@media screen and (max-width: 979px) {
  .p-detail-search__color-wrapper {
    display: none;
  }
}

.p-detail-search__color-tip {
  display: block;
  width: 28px;
  height: 28px;
}

.p-detail-search__section--color
  .p-detail-search__input.active
  .p-detail-search__label:before {
  background-color: transparent;
  background-image: url("/assets/images/icon/color-tip-checked.svg");
  background-repeat: no-repeat;
}

.p-detail-search__section--color .p-detail-search__label {
  padding-left: 0;
  display: block;
}

.p-detail-search__color-tip-white {
  background-color: #ffffff;
  border: solid 1px #dfdfdf;
}

.p-detail-search__color-tip-blue {
  background-color: #4dbee9;
}

.p-detail-search__color-tip-black {
  background-color: #000000;
}

.p-detail-search__color-tip-purple {
  background-color: #ad8eef;
}

.p-detail-search__color-tip-gray {
  background-color: #bebebe;
}

.p-detail-search__color-tip-yellow {
  background-color: #fed14b;
}

.p-detail-search__color-tip-brown {
  background-color: #81604d;
}

.p-detail-search__color-tip-pink {
  background-color: #f8afd7;
}

.p-detail-search__color-tip-red {
  background-color: #d1404d;
}

.p-detail-search__color-tip-green {
  background-color: #9ed563;
}

.p-detail-search__color-tip-orange {
  background-color: #f98040;
}

.p-detail-search__color-tip-navy {
  background-color: #000f78;
}

.p-detail-search__color-tip-beige {
  background-color: #e0d1ad;
}

.p-detail-search__color-tip-silver {
  background: transparent linear-gradient(180deg, #d2d5d3 0%, #8d8d8d 100%) 0%
    0% no-repeat padding-box;
}

.p-detail-search__color-tip-gold {
  background: transparent linear-gradient(180deg, #edd26a 0%, #c09b0c 100%) 0%
    0% no-repeat padding-box;
}

.p-detail-search__color-tip-white {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* DH_FRONT_DEPT-7912 */
.list-parent-visual img {
  margin-bottom: 10px;
}

@media (max-width: 979px) {
  #sort {
    padding: 0;
  }
}

@media (min-width: 980px) {
  .p-itemlist-leftarea #sidearea #gender-navi{
    margin-bottom: 30px;
  }
  .p-itemlist-leftarea #sidearea #category{
    margin-bottom: 30px;
  }
  .p-itemlist-leftarea #sidearea .p-leftarea__product-type{
    margin-bottom: 30px;
  }
  .p-itemlist-leftarea #sidearea .side-detailsearch{
    margin-top: 30px;
  } 
}