@charset "utf-8";
.modalArea .cart #heading-favorite::before{
    content: '';
  background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20transform%3D%22translate(-8887%20-7122)%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20transform%3D%22translate(8887%207122)%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M13.125%2C25a47.641%2C47.641%2C0%2C0%2C0%2C7.454-6.867%2C21.849%2C21.849%2C0%2C0%2C0%2C3.888-6.238%2C10.529%2C10.529%2C0%2C0%2C0%2C.752-4.648%2C6.947%2C6.947%2C0%2C0%2C0-1.186-3.385A6.68%2C6.68%2C0%2C0%2C0%2C18.612%2C1a5.734%2C5.734%2C0%2C0%2C0-4.687%2C2.354l-.8%2C1.069-.8-1.069A5.734%2C5.734%2C0%2C0%2C0%2C7.638%2C1%2C6.68%2C6.68%2C0%2C0%2C0%2C2.217%2C3.861%2C6.948%2C6.948%2C0%2C0%2C0%2C1.031%2C7.246a10.527%2C10.527%2C0%2C0%2C0%2C.752%2C4.648%2C21.848%2C21.848%2C0%2C0%2C0%2C3.888%2C6.238A47.641%2C47.641%2C0%2C0%2C0%2C13.125%2C25m0%2C1.251C6.068%2C21.009%2C2.367%2C16.241.849%2C12.25-3.218%2C1.556%2C8.4-3.559%2C13.125%2C2.754c4.728-6.313%2C16.343-1.2%2C12.276%2C9.5C23.883%2C16.241%2C20.182%2C21.009%2C13.125%2C26.25Z%22%20transform%3D%22translate(8887%207125.75)%22%20fill%3D%22%23333%22%2F%3E%3Ccircle%20cx%3D%224%22%20cy%3D%224%22%20r%3D%224%22%20transform%3D%22translate(8909%207122)%22%20fill%3D%22%23df0068%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat 0 0;
  display: inline-block;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  margin-right: 10px;
  background-size: contain;
  }
.products-list .product-item .parts_btn.btn_important.btn_icon_heart {
  background: #fff url(/shared/assets/img/icon_btn_heart_fv.png) !important;
  background-position: calc(100% - 13px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
  padding-left: 12px !important;
  padding-right: 24px !important;
  bottom: 70px !important;
  color: #df0068 !important;
  font-size: 13px !important;
}

.products-list .product-item .parts_btn.btn_important.btn_icon_heart.btn_icon_heart_disabled {
  background: #888888 url(/shared/assets/img/icon_btn_heart_fv_w.png) !important;
  background-position: calc(100% - 13px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 13px !important;
  color: #ffff !important;
  border: #ffff 1px solid !important;
  padding: 4px 0;
}

.products-list .product-item .parts_btn.btn_detail{
  bottom: 110px;
}

.ptn-all #block-product-details-content .view-content .favorite-button{
  display: block;
  width: 326px;
  margin: auto;
  margin-top: 10px;
  margin-right: 0;
  margin-bottom: 20px;
}

.ptn-all #block-product-details-content .view-content .favorite-button .btn_icon_heart {
  background: #fff url(/shared/assets/img/icon_btn_heart_fv.png) !important;
  background-position: right 28px center !important;
  background-repeat: no-repeat !important;
  background-size: 17px !important;
  padding: 12px !important;
  padding-right: 24px !important;
  padding-left: 25px !important;
  color: #df0068 !important;
  min-width: auto!important;
  font-size: 16px !important;
}

.ptn-all #block-product-details-content .view-content .favorite-button .btn_icon_heart.btn_icon_heart_disabled{
  background: #888888 url(/shared/assets/img/icon_btn_heart_fv_w.png) !important;
  background-repeat: no-repeat !important;
  color: #ffff !important;
  border: #ffff 1px solid !important;
  background-position: right 28px center !important;
  background-size: 17px !important;
}

.ptn-all.ptn-3 #block-views-block-product-data-allpattern-block-2 .color-simulation{
  height: 63px;
}


.modalArea .modal-favorite-button .btn_icon_heart{
  background: #fff url(/shared/assets/img/icon_btn_heart_fv.png) !important;  background-position: calc(100% - 11px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 11px !important;
  padding: 6px !important;
  padding-right: 24px !important;
  padding-left: 15px !important;
  transition-duration: 0.4s! important;
  margin-bottom: 10px !important;
  font-size: 9px !important;
  pointer-events: auto !important;
}
.modalArea .modal-favorite-button .btn_icon_heart:hover{
  color: #ffff !important;
  background: #df0068 url(/shared/assets/img/icon_btn_heart_fv_w.png) !important;
  background-position: calc(100% - 11px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 11px !important;
  transform: translateY(-6px) !important;
}
.modalArea .modal-favorite-button .btn_icon_heart_disable{
  background: #888888 url(/shared/assets/img/icon_btn_heart_fv_w.png) !important;
  background-position: calc(100% - 11px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 11px !important;
  color: #ffff !important;
  border: #ffff 1px solid !important;
}
.modalArea .modal-favorite-button .btn_icon_heart_disable:hover{
  background: #A6A6A6 url(/shared/assets/img/icon_btn_heart_fv_w.png) !important;
  background-position: calc(100% - 11px) 41% !important;
  background-repeat: no-repeat !important;
  background-size: 11px !important;
  color: #ffff !important;
  border: #ffff 1px solid !important;
}
.modalArea .modal-favorite-button .btn_icon_heart:hover,
.modalArea .modal-favorite-button .btn_icon_heart:focus,
.modalArea .modal-favorite-button .btn_icon_heart:visited{
  text-decoration: none;
}
.product-ptn-01 .modal-favorite-button {
  width: 300px;
  margin-left: auto;
  margin-right: 35px;
}
.modalArea .product-ptn-01{
  margin-bottom: 0;
}
.modalArea .product-ptn-01 .modal-favorite-button .parts_btn.btn_icon_heart{
  width: 100% !important;
  padding: 12px !important;
  min-width: 300px !important;
  font-size: 14px !important;
  background-position: calc(100% - 16px) 50% !important;
  background-size: 15px !important;
  margin-top: 10px !important;
  margin-bottom: 5px !important;
}
.product-ptn-01 .modal-favorite-button .btn_icon_heart{
  width: 50%;
  margin-right: 0;
}
.product-ptn-01 .product-select-wrap .modal-favorite-button .btn_icon_heart{
  background-position: calc(100% - 11px) 39% !important;
}
.product-ptn-02 .modal-favorite-button{
  float: right;
  width: 25%;
  margin-right: 15px;
}
.product-ptn-02 .modal-favorite-button{
  min-width: 130px !important;
}
.product-ptn-02 .product-select-panel .panel-item .views-field-field-campaign-tag span{
  margin: 0 0 3px;
  }

.product-ptn-03 .modal-favorite-button {
  width: 90%;
  margin: auto;
  pointer-events: auto;
}
.product-ptn-03 .modal-favorite-button .parts_btn.btn_icon_heart{
  padding-left: 7px !important;
  padding-right: 23px !important;
}
.product-ptn-03 .product-select-wrap .modal-favorite-button .btn_icon_heart,
.product-ptn-03 .product-select-wrap .modal-favorite-button .btn_icon_heart:hover,
.product-ptn-03 .product-select-wrap .modal-favorite-button .btn_icon_heart_disable
.product-ptn-03 .product-select-wrap .modal-favorite-button .btn_icon_heart_disable:hover{
  background-position: calc(100% - 8px) 39% !important;
}

.modalArea .modal-favorite-button .parts_btn{
  min-width: 0 !important;
}

/* 商品一覧ハッシュタグ */
.product-list-wrapper.item-list ol li.product-item.item-list__item {
    padding-bottom: 60px;
}
.productlist-hashtag-button.product-tag.product-not-display-tile .item-list{
  overflow: hidden;
  height: 37px;
}
.productlist-hashtag-button.product-tag.product-not-display-tile .item-list .item-list__item{
  background-color: #FDF7F9;
  border-radius: 25px;
  padding: 6px 10px;
  height: 30px;
  line-height: 19px;
  margin-top: 5px;
}
.productlist-hashtag-button.product-tag.product-not-display-tile .item-list .item-list__item a{
  color: #333;
}
.productlist-hashtag-button.product-tag.product-not-display-tile .item-list .item-list__item a:hover{
  color: #DF0068;
}

/* 商品詳細ハッシュタグ */
.product-tag.productdetail-hashtag-button .item-list{
  overflow: hidden;
  max-height: 162px;
  height: auto;
}
.ptn-all #block-product-details-content .view-content .product-tag.productdetail-hashtag-button .item-list .item-list__item{
  background-color: #FDF7F9;
  border-radius: 25px;
  padding: 6px 10px;
  line-height: 19px;
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  height: 30px;
}
.ptn-all #block-product-details-content .view-content .product-tag.productdetail-hashtag-button .item-list .item-list__item a{
  padding: 0;
  margin: 0;
  color: #333;
}
.ptn-all #block-product-details-content .view-content .product-tag.productdetail-hashtag-button .item-list .item-list__item a:hover{
  color: #DF0068;
}