@charset "utf-8";

/******************************
商品一覧
******************************/
.list-item-text{
  padding:5px 0 20px;
  /*min-height:100px;*/
}
.topArea .condition li > a{
  background-color: transparent;
  border: 0;
}
.topArea .condition li > a > .release{
  background-color: #ddd;
  color: #fff;
  margin-left: 6px;
  width: 17px;
  height: 17px;
  line-height: 17px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
      -ms-border-radius: 20px;
          border-radius: 20px;
}
/*ソート*/
.sort + .empty_message {
  margin-top: 32px;
}
.sort table {
  margin:0 0 0 auto;
  width: 100%;
}
.sort table label {
  display:inline;
  margin-bottom:0;
  margin-right:8px;
}
/*カラバリ*/
.listSetting > li .product-color-set {
  display: none;
}
.listSetting > li.shown .product-color-set {
  display: block;
}
.listSetting > li, .listSetting > li .list-item-text {
  z-index: 0;
}
.listSetting > li.shown, .listSetting > li.shown .list-item-text {
  z-index: 100;
}
.product-color-set {
  display:none;
  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);
}
  .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'] ul{
    display:none;
  }
  .product-color-set[class*='max-colset'] ul.colset1{
    display:block;
  }

.product-color-tip > li{
  width:60px;
}
.item .product-color-set{
  left:-5px;
}
.item .product-color-set.max-colset1{
  width: 370px;
}
.item .product-color-tip{
  left: 300px;
}
.item .product-color-tip > li{
  margin-top: 5%;
}
.item .product-color-tip > li:first-child{
  margin-top: 0;
}

/* renewal */
.list-item-text {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  font-size: 12px;
}
.list-item-text .name {
  font-weight: 600;
}
.size_color {
  flex-basis: 100%;
  font-size: 10px;
  margin-top: 1px;
  padding-top: 5px;
  font-weight: 500;
  letter-spacing: 0.05em;
}
.size_color > div {
  border-top: 1px solid #000;
  max-width: 280px;
  margin: 0 auto;
}
.size_color ul {
  display: flex;
  justify-content: flex-start;
}
.size_color ul li:not(:first-of-type) {
  margin-left: 10px;
}
.size_color__color ul li:not(:first-of-type) {
  margin-left: 4px;
}
.visibility_content {
  visibility: hidden;
}
.size_color__color {
  display: flex;
}
.size_color__color .size_color__color-tip {
  flex-grow: 1;
  display: flex;
}
.size_color__color ul {
  position: relative;
  flex-basis: 100%;
}
.size_color__color li {
  line-height: 1;
  align-self: center;
}
.size_color__color ul p {
  position: absolute;
  width: 100%;
  text-align: left;
  top: 20px;
  left: 0;
  visibility: hidden;
}
.size_color__color .size_color__color-tip ul li div:hover > p {
  visibility: visible;
}
.size_color__color img {
  width: 19px;
  height: 10px;
}
.size_color__color-title {
  margin-right: 12px;
}
.listSetting {
  display: flex;
  flex-wrap: wrap;
}
.listSetting > li[class*="span"] {
  margin-left: 0;
}
.listSetting > li.span3 {
  flex-basis: calc( 100% / 4 );
  max-width: calc( 100% / 4 );
}
.listSetting > li.span4 {
  flex-basis: calc( 100% / 3 );
  max-width: calc( 100% / 3 );
}
.listSetting > li.span7 {
  flex-basis: calc( 100% / 7 );
  max-width: calc( 100% / 7 );
}
.listSetting > li.span2 {
  flex-basis: calc( 100% / 6 );
  max-width: calc( 100% / 6 );
}
.is_view_product_category .listSetting h1.box-title,
.is_smallsize_category .listSetting h1.box-title {
  flex-basis: 100%;
  text-align: left;
  padding-left: 20px;
  font-size: 30px;
  font-weight: 500;
  position: sticky;
  top: 45px;
  z-index: 1;
}
.is_view_product_category .listSetting,
.is_smallsize_category .listSetting {
  margin-top: 23px;
}
.is_view_product_category .listSetting:first-of-type,
.is_smallsize_category .listSetting:first-of-type {
  /*margin-top: 74px;*/
}
.list-item-text .name a {
  margin: 0 12px 0 0;
  padding: 0;
  text-decoration: none;
}
.is_smallsize_category .list-item-text {
  visibility: hidden;
}
.is_view_product_category .listSetting > li:hover .list-item-text,
.is_smallsize_category .listSetting > li:hover .list-item-text {
  visibility: visible;
}
/*body:not(.search) .is_view_product_category .listSetting > li:hover .list-item-text .name a,
body:not(.search)  .is_smallsize_category .listSetting > li:hover .list-item-text .name a {
  text-decoration: underline;
}*/
@media ( min-width: 768px ) {
  .listSetting > li:hover .visibility_content {
    visibility: visible;
  }
}
@media ( max-width: 767px ) {
  .item.list .container {
    padding: 0;
  }
  .list-setting {
    padding: 0 5px;
  }
  .visibility_content {
    display: none;
  }
  .list-item-text.visibility_content {
    display: block;
    visibility: visible;
  }
  #wrapper ul.liquid-column3 > li.span2 {
    flex-basis: calc( 100% / 3 );
    max-width: calc( 100% / 3 );
    margin-left: 0;
  }
  #wrapper ul.liquid-column3 > li.span7 {
    flex-basis: calc( 100% / 2 );
    max-width: calc( 100% / 2 );
    margin-left: 0;
  }
  #wrapper ul.liquid-column2 > li.span4 {
    flex-basis: calc( 100% / 2 );
    max-width: calc( 100% / 2 );
    margin-left: 0;
  }
  #wrapper ul.liquid-column2 > li.span3 {
    flex-basis: calc( 100% / 2 );
    max-width: calc( 100% / 2 );
    margin-left: 0;
  }
  .is_view_product_category .list-item-text,
  .is_smallsize_category .list-item-text {
    visibility: visible;
  }
  .is_smallsize_category .list-item-text .name {
    display: none;
  }
  .is_view_product_category .listSetting:first-of-type,
  .is_smallsize_category .listSetting:first-of-type {
    /*margin-top: 30px;*/
  }
  .is_view_product_category .listSetting h1.box-title,
  .is_smallsize_category .listSetting h1.box-title {
    border-top: 0;
    padding-left: 7px;
    line-height: 1.2em;
    margin-top: 27px;
  }
  .is_view_product_category .listSetting,
  .is_smallsize_category .listSetting {
    margin-top: 0;
  }
  .list-item-text .name {
    flex-basis: 100%;
  }
}
.item_list_image_top + #moreSearch {
  display: none;
}
.item_list_image_top__text {
  padding: 32px 20px 19px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.7;
}
.category-banner {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 80px;
  height: auto;
  aspect-ratio: 1;
}
.category-banner .category-link {
  text-decoration: none;
  display: block;
  position: absolute;
  top: 0;
  padding: 0 20px;
}
.category-banner .caption {
  position: sticky;
  width: max-content;  
  top: 45px;
  left: 45px;
  z-index: 2;
  padding: 20px 0;
}
.category-banner .category-link img {
  width: 100%;
  display: block;
}
.category-banner .caption .caption-title {
  font-size: 26px;
  font-weight: 600;
  line-height: 30px;
  padding-right: 100px;
  background-image: url("/assets/images/top/top-next-btn.svg");
  background-size: 50px;
  background-position: right 60%;
  background-repeat: no-repeat;
  width: max-content;
}
.category-banner .caption .caption-box-buttons {
  width: max-content;
}
.category-banner .caption .caption-box-inner {
  background-color: #fff;
  font-weight: 600;
  text-align: left;
  text-transform: uppercase;
  max-width: 100%;
  width: max-content;
  padding: 20px;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media ( min-width: 768px ) {
  .item_list_image_top__text p {
    max-width: 50%;
  }
}
@media ( max-width: 767px ) {
  .item_list_image_top__text {
    font-size: 14px;
  }
  .list-item-text .name a {
    margin-right: 0;
  }
}
.list-setting .empty_message {
  padding: 20px 20px;
  font-weight: bold;
}
@media ( max-width: 767px ) {
  .list-setting .empty_message {
    padding: 15px 15px;
  }
  .category-banner .category-link .caption .caption-title {
    font-size: 30px;
    padding: 0;
    padding-right: 60px;
  }
}
.listSetting.row-fluid:before,
.listSetting.row-fluid:after {
  display: none;
}

.product-image[data-c_code='QUILTS'],
.product-image[data-c_code='object-candle'],
.product-image[data-c_code='object-book'],
.product-image[data-c_code='object-roomspray'] {
  padding: 0 8%;
}
.product-image[data-c_code='femme_pret-a-porter'],
.product-image[data-c_code='homme_pret-a-porter'] {
  padding: 0 10px;
}
@media ( min-width: 768px ) {
  .listarea[data-c_code='QUILTS'] li:hover .name a,
  .listarea[data-c_code='object'] li:hover .name a,
  .listarea[data-c_code='music'] li:hover .name a {
    border-bottom: 1px solid #000;
  }
}

/* DH_FRONT_DEPT-8818 */
.list-setting .denim-category-area,
.list-setting .sac-category-area {
  display: flex;
}
.list-setting .denim-category-description,
.list-setting .sac-category-description {
  position: sticky;
  top: 40px;
  width: 33.33333333%;
  height: 100%;
  padding: 17px;
}
.list-setting .denim-category-textarea {
  padding: 27px 30px;
  position: absolute;
  bottom: 0;
}
.list-setting .sac-category-textarea {
  padding: 27px 0;
}
.list-setting [data-c_code='デニム femme'] .denim-category-textarea {
  position: static;
}
.list-setting .denim-category-name,
.list-setting .sac-category-name {
  font-size: 29px;
  font-weight: 700;
  line-height: 33px;
  margin-bottom: 9px;
}
.list-setting .denim-category-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 23.4px;
}
.list-setting .sac-category-text {
  font-size: 17px;
  line-height: 23.4px;
}
.list-setting .denim-category-description .denim-category-img,
.list-setting .sac-category-description .sac-category-img {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  font-size: 0;
  object-fit: cover;
}
.list-setting [data-c_code='デニム femme'] .denim-category-description .denim-category-img,
.list-setting .sac-category-description .sac-category-img {
  height:80%;
}
.list-setting .denim-category-list,
.list-setting .sac-category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.list-setting .sac-category-list {
  align-items: flex-start;
}
/* .list-setting .denim-category-list .size_color {
  display: none;
} */
.list-setting .denim-category-list > li:hover .visibility_content,
.list-setting .sac-category-list > li:hover .visibility_content {
  visibility: visible;
}
.list-setting .denim-category-list.denim-flex,
.list-setting .sac-category-right-area.sac-flex {
  width: 66.66666667%;
  min-height: 100vh;
  padding: 53px 0;
}
.list-setting .sac-category-right-area.sac-flex {
  display: flex;
  align-items: center;
}
.list-setting .denim-category-list .product-list:nth-child(3n+1),
.list-setting .sac-category-list .product-list:nth-child(3n+1) {
  margin-left: 0;
}
.sac-category-textarea .caption-box-buttonss {
  margin-top: 15px;
}
@media ( max-width: 768px ) {
  .list-setting .denim-category-area,
  .list-setting .sac-category-area {
    display: block;
  }
  .list-setting .sac-category-area {
    margin-bottom: 30px;
  }
  .list-setting .denim-category-description,
  .list-setting .sac-category-description {
    position: static;
    width: 100%;
    height: auto;
    padding: 12px;
  }
  .list-setting .sac-category-description {
    margin-bottom: 25px;
  }
  .list-setting .denim-category-text,
  .list-setting .sac-category-text {
    font-size: 16px;
    line-height: 20.8px;
  }
  .list-setting .denim-category-textarea,
  .list-setting .sac-category-textarea {
    position: static;
    padding: 17px 0;
  }
  .list-setting .denim-category-description .denim-category-img {
    height: 65vw;
  }
  .list-setting [data-c_code='デニム femme'] .denim-category-description .denim-category-img {
    height: 80vw;
  }
  .list-setting .sac-category-description .sac-category-img {
    height: auto;
  }
  .list-setting .denim-category-description .denim-category-img.top,
  .list-setting .sac-category-description .sac-category-img.top {
    object-position: top;
  }
  .list-setting .denim-category-description .denim-category-img.bottom,
  .list-setting .sac-category-description .sac-category-img.bottom {
    object-position: bottom;
  }
  .list-setting .denim-category-list,
  .list-setting .sac-category-list {
    justify-content: left;
    align-items: normal;
  }
  .list-setting .denim-category-list.denim-flex,
  .list-setting .sac-category-right-area.sac-flex {
    width: 100%;
    min-height: auto;
    padding: 0;
  }
  .list-setting .sac-category-right-area.sac-flex {
    display: block;
  }
  .sac-category-textarea .button.button-s {
    width: 100%;
    padding: 20px 14px 14px;
    line-height: 1em;
  }
}

.list-setting [data-c_code="femme_bag"],
.list-setting [data-c_code="homme_bag"] {
  padding-bottom: 40px;
}
.bag-item-list li:nth-child( n + 6 ) {
  display: none;
}
.bag-item-list.is-open li:nth-child( n + 6 ) {
  display: block;
}
.list-setting .view-more {
  display: block;
  width: 100%;
  text-align: center;
  webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
  appearance: none;
  background: #fff;
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  font-weight: 700;
  padding: 11px 10px 9px;
  font-size: 12px;
  box-sizing: border-box;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  max-width: 360px;
  width: 25%;
  margin: 0 auto;
}
.list-setting .view-more:hover {
  background: #000;
  border: 1px solid #000;
  color: #fff;
  outline: 1px solid #fff;
  outline-offset: -3px;
}

@media ( max-width: 768px ) {
  .list-setting .view-more {
    width: 50%;
  }
}
.category-seo-container {
  padding: 20px;
}
.category-seo-container .seo-title,
.category-seo-container .seo-description,
.category-seo-container .seo-links li {
  font-weight: 500;
  font-size: 14px;
}
.category-seo-container .seo-links {
  margin-top: 6px;
}
.category-seo-container .seo-links ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0 15px;
}