@charset "UTF-8";

/* この商品を買った人はこちらの商品も買っています */

.block-accessory-list {
  margin-top:50px;
}


.block-accessory-list--name{
  text-align:center;
  font-size:26px!important;
  font-family:
  "Zen Old Mincho",
  "Hiragino Mincho ProN",
  "Yu Mincho",
  "MS PMincho",
   serif;
  font-weight:normal!important;
  margin-bottom:40px;
  line-height:1.3;
}

.block-accessory-list--name span{
  display:block;
  font-size:14px;
  font-weight:400;
  color:#bf292a;
  letter-spacing:.15em;
  margin-top:5px;
}


/* cart_pc_cv：パネル */
.block-accessory-list[data-tagscode="cart_pc_cv"]{
  background:none!important;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d{
  max-width:1180px!important;
  padding:0;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--item-body{
  margin:20px 10px;
  background:#fff;
  border-radius:8px;
}

/* cart_pc_cv：画像 */
.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--image{
  display:block;
  width:100%;
  max-width:none;
  margin:0;
  padding:3px 4px 0;
  aspect-ratio:4 / 3;
  overflow:hidden;
  border-radius:8px;
  background:transparent;
  box-sizing:border-box;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--image > a > figure{
  width:100%;
  height:100%;
  margin:0;
  padding:0;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--image > a > figure > img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  padding:0;
  border-radius:8px;
}

/* cart_pc_cv：説明 */
.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--item-description{
  width:90%;
  margin:6px auto 0;
  padding:0 2px 15px;
  display:flex;
  flex-direction:column;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-icon{
  order:-1;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--goods-comment{
  display:none;
}

/* cart_pc_cv：商品名 */
.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--goods-name{
  font-size:16px;
  font-weight:700;
  line-height:1.4;
  color:#333;
  min-height:3em;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  overflow:hidden;
  text-overflow:ellipsis;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--goods-name a{
  color:#333;
}

/* cart_pc_cv：価格 */
.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--price-title{
  display:none;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--price{
  text-align:right;
  font-size:16px;
  font-weight:700;
}

/* cart_pc_cv：カートボタン */
.block-accessory-list[data-tagscode="cart_pc_cv"] a.block-list-add-cart-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px;
  width:100%!important;
  max-width:100%!important;
  margin:10px 0 0!important;
  padding-left:0!important;
  padding-right:0!important;
  box-sizing:border-box!important;
  border-radius:8px!important;
  background:#bf292a!important;
  text-align:center!important;
  font-size:14px;
  font-weight:700;
  color:#fff!important;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] a.block-list-add-cart-btn::before{
  content:"";
  width:18px;
  height:18px;
  display:inline-block;
  background:url("/img/usr/common/icon_cart_white.png") no-repeat center;
  background-size:contain;
  transform:translateY(-1px);
}

/* cart_pc_cv：矢印 */
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next{
  width:44px;
  height:44px;
  border:2px solid #bf292a;
  border-radius:999px;
  background:#fff;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:5;
  padding:0;
  cursor:pointer;
  font-size:0;
  line-height:0;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev{
  left:-56px!important;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next{
  right:-56px!important;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev:before,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next:before{
  content:"";
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev::after,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next::after{
  content:"";
  width:12px;
  height:12px;
  border-right:3px solid #bf292a;
  border-bottom:3px solid #bf292a;
  display:block;
  margin:0 auto;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev::after{
  transform:translateX(2px) rotate(135deg);
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next::after{
  transform:translateX(-2px) rotate(-45deg);
}

/* cart_pc_cv：ドット */
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:10px;
  position:absolute;
  bottom:-40px;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots li{
  margin:0;
  padding:0;
  width:auto;
  height:auto;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots li button{
  width:12px;
  height:12px;
  padding:0;
  border-radius:50%;
  background:#cccccc;
  border:none;
  text-indent:-9999px;
  cursor:pointer;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots li.slick-active button{
  background:#bf292a;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots li button:hover,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-dots li button:focus{
  outline:none;
}

/* 余白・ポジ調整 */ 
.block-accessory-list--list .block-goods-list-d--item-description{
    height:180px;
    display:flex;
    flex-direction:column;
}
.block-accessory-list--list .block-goods-list-d--item-details{
    margin-top:auto;
}



@media (min-width: 768px) and (max-width: 949px){
  .block-accessory-list--list .block-goods-list-d--item-description
  .block-icon img {
    height:2.3vw!important;
    max-height:22px;
  }

  .block-accessory-list--list
  .block-icon
  .block-icon--auto-on-sales img {
    /* セール (sale) */
    height:2.3vw!important;
    max-height:22px;
  }
}

@media (max-width: 767px){

  .block-accessory-list--list .block-goods-list-d--item-description
  .block-icon{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start!important;
    align-items:center;
    column-gap:2px!important;
    row-gap:1px!important;
  }

  /* span側の余白・伸びを潰す */
  .block-accessory-list--list .block-goods-list-d--item-description
  .block-icon > span{
    flex:0 0 auto!important;
    width:auto!important;
    margin:0!important;
    padding:0!important;
  }

  .block-accessory-list--list .block-goods-list-d--item-description
  .block-icon img {
    height:3vw!important;
    max-height:60px;
  }

  .block-accessory-list--list
  .block-icon
  .block-icon--auto-on-sales img {
    /* セール (sale) */
    height:3vw!important;
    max-height:60px;
  }
}

@media (max-width: 481px){
  .block-accessory-list--list .block-goods-list-d--item-description
  .block-icon img {
    height:5vw!important;
  }

  .block-accessory-list--list
  .block-icon
  .block-icon--auto-on-sales img {
    /* セール (sale) */
    height:5vw!important;
  }
}







@media (max-width:767px){
  .block-accessory-list--name {
    font-size:22px!important;
  }
  .block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev,
  .block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next{
    display:block!important;
    opacity:1!important;
    visibility:visible!important;
    z-index:20!important;
    top:calc(100% + 10px)!important;
    transform:none!important;
  }

  .block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev{
    left:5px!important;
  }

  .block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next{
    right:5px!important;
  }

  .block-accessory-list[data-tagscode="cart_pc_cv"] .block-goods-list-d--item-description{
    width:95%;
    margin-top:10px;
  }
}



/* hoverを発生させるために、disabledでもポインターを受ける */
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev.slick-disabled,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next.slick-disabled{
  pointer-events: auto !important;
}

/* hover反転（左右共通） */
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev:hover,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next:hover{
  background: #bf292a !important;
}

.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-prev:hover::after,
.block-accessory-list[data-tagscode="cart_pc_cv"] .slick-next:hover::after{
  border-right-color: #fff !important;
  border-bottom-color: #fff !important;
}