@charset "UTF-8";

/* ----トピック---- */

.block-top-topic {
  margin: 5.8rem auto 4.4rem;
  max-width: calc(100vw - 2.0rem * 2);
  margin-left: auto!important;
  margin-right: auto!important;
}
.block-top-topic--header {
  margin: 0 0 3.0rem;
  padding: 0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 500;
}
.block-top-topic--container {
}
.block-top-topic--container > div:not(:first-child) {
  margin-top: 4rem;
  padding-top: 4rem;
  border-top: solid 1px #cccccc;
}
.block-topic-details {
}
.block-topic-details[data-current-topictype] .block-top-topic--container > div {
  border: none!important;
  margin: 0!important;
  padding: 0!important;
  display: none;
}
.block-topic-details[data-current-topictype="01"] .block-top-topic--container > div[data-topictype="01"],
.block-topic-details[data-current-topictype="02"] .block-top-topic--container > div[data-topictype="02"],
.block-topic-details[data-current-topictype="03"] .block-top-topic--container > div[data-topictype="03"],
.block-topic-details[data-current-topictype="04"] .block-top-topic--container > div[data-topictype="04"],
.block-topic-details[data-current-topictype="05"] .block-top-topic--container > div[data-topictype="05"] {
  display: block;
}

.block-top-topic--body {
}
.block-topic--banneritems {
  display: flex;
  flex-flow: wrap;
  gap: 3rem 1.8rem;
}
.block-topic--banneritems li {
  width: calc((100% - 1.8rem) / 2);
}
.block-topic--banneritems li .block-topic--item__st {
  margin: 0.8rem 0 0.5rem;
  display: flex;
  align-items: center;
  font-size: 1.2rem;
}
.block-topic--banneritems li .block-topic--item__st img {
  max-height: 1.6rem;
}
.block-topic--banneritems li .block-topic--item__st > p {
  flex: 1;
  text-align: right;
}
.block-topic--banneritems li .block-topic--item__text {
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .block-topic--banneritems {
    width: 900px;
    margin: 0 auto;
    gap: 3.2rem 4.2rem;
  }
  .block-topic--banneritems li {
    width: calc((100% - 4.2rem * 2) / 3);
  }
  
}

.block-topic--items {
}
.block-topic--items li {
  padding: 0 0;
}
.block-topic--items li + li {
  margin-top: 2.8rem;
}
.block-topic--items dt,
.block-topic--items dd {
  display: block;
}
.block-topic--items dt {
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0 0 1.0rem;
}
.block-topic--items dt > span img {
  max-height: 1.6rem;
  margin-right: 0.8rem;
}
.block-topic--items dd {
  display: block;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
@media screen and (min-width: 960px) {
  .block-topic--items li + li {
    margin-top: 2.8rem;
  }
  .block-topic--items dl {
    display: flex;
    align-items: flex-start;
    gap: 3rem;
  }

  .block-topic--items dt,
  .block-topic--items dd {
    display: block;
    font-size: 1.4rem;
    font-weight: 500;
  }
  .block-topic--items dt {
    margin: 0 0 1.0rem;
    min-width: 20rem;
  }
  .block-topic--items dt > span img {
    max-width: 9rem;
    max-height: 2.1rem;
    margin-right: 1.4rem;
  }
  .block-topic--items dd {
    display: block;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.block-top-topic--next-page {
  text-align: right;
  margin-top: 2.2rem;
}
.block-top-topic--next-page a {
  position: relative;
  padding: 0 1.5rem 0 0;
  text-decoration: underline;
}
.block-top-topic--next-page a::before {
  display: block;
  content: '';
  width: 0.8rem;
  height: 0.8rem;
  border-top: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
  transform: rotate(45deg);
  position: absolute;
  right: 0.2rem;
  top: 0.7rem;
}

.block-topic--items img {
  vertical-align: middle;
}

.block-topic-page--article-icon {
  vertical-align: middle;
}

.block-topic-page--article figure {
  font-size: 0;
}

.block-topic-page--article figure img {
  padding-bottom: 1.0rem;
}

@media screen and (min-width: 960px) {
  .block-top-topic {
    margin: 50px auto;
    max-width: 1240px;
    margin-left: auto!important;
    margin-right: auto!important;
  }
  .block-top-topic--header {
    text-align: left;
    margin: 0 0 20px;
    font-size: 21px;
  }
  .block-top-topic--next-page {
    margin-top: 18px;
  }
  .block-top-topic--next-page a {
    padding: 0 14px 0 0;
  }
  .block-top-topic--next-page a:hover {
    text-decoration: none;
  }
  .block-top-topic--next-page a::before {
    width: 6px;
    height: 6px;
    right: 3px;
    top: calc(50% - 3px);
  }
  
}
/* ----最近見た製品---- */

.block-recent-item {
  width: calc(100vw - 4.0rem);
  margin: 0 auto;
}

.block-recent-item .block-recent-item--header {
  margin: 0 0 3.0rem;
  font-weight: 500;
}

.block-recent-item--items {
  position: relative;
  margin: 0 -2.0rem;
  padding: 0 0 0 2.0rem;
  overflow: hidden;
}

.block-recent-item--keep-history {
  text-align: right;
  margin-top: 2.0rem;
}

.block-recent-item--keep-history a {
  text-decoration: underline;
}

@media screen and (min-width: 960px) {
  .block-recent-item {
    width: 100%;
  }
  
  .block-recent-item .block-recent-item--header {
    margin-bottom: 24px;
  }
  
  .block-recent-item--items {
    margin: 0;
    padding: 0;
  }
  .block-recent-item--items .block-goods-list-c--prev,
  .block-recent-item--items .block-goods-list-c--next {
    display: none!important;
  }
}
/* CM */
.block-recent-item--body {
  position: relative;
}
.block-recent-item {
  width: calc(100vw - 4.0rem);
  margin: 5.0rem auto;
}

.block-recent-item .block-recent-item--header {
  margin: 0 0 1.8rem;
  font-family: var(--font-family-serif);
  font-weight: 500;
}
.block-recent-item--empty-message {
  text-align: center;

}

.block-recent-item--items {
  position: relative;
  margin: 0 -2.0rem;
  padding: 0 2.0rem 2.0rem;
  overflow: hidden;
}
.block-recent-item--keep-history {
}
.block-recent-item .swiper-button-prev {
  left: -2.0rem;
  width: 2.0rem;
}
.block-recent-item .swiper-button-next {
  right: -2.0rem;
  width: 2.0rem;
}
body .block-recent-item .swiper-pagination-bullet-active {
  background: #000000;
}
@media screen and (min-width: 960px) {
  .block-recent-item .block-recent-item--header {
    margin: 0 0 30px;
    font-size: 24px;
    font-weight: normal;
    text-align: center;
  }
  .block-recent-item {
    width: auto;
    margin: 50px auto;
  }
  .block-recent-item--items {
    margin: 0 0 0;
    padding: 0 0 0 0;
  }
  .block-recent-item--keep-history {
  }
  .block-recent-item--body {
    position: relative;
  }
  
  .block-recent-item--body .block-goods-list-c--prev, .block-recent-item--body .block-goods-list-c--next {
    display: block!important;
  }
  body .block-recent-item .swiper-pagination-bullets {
    display: none!important;
  }
  body .block-recent-item .swiper-button-next, body .block-recent-item .swiper-button-prev {
  }
  .block-recent-item .swiper-button-prev {
    left: 0;
    width: 2.0rem;
  }
  .block-recent-item .swiper-button-next {
    right: 0;
    width: 2.0rem;
  }
    
}
@media screen and (min-width: 1241px) {
  .block-recent-item--body {
    max-width: 1240px;
    margin: 0 auto;
  }
  .block-recent-item .swiper-button-prev {
    left: calc((1200px - var(--vw) * 100) / 2 + 20px);
  }
  .block-recent-item .swiper-button-next {
    right: calc((1200px - var(--vw) * 100) / 2 + 20px);
  }
}
@media screen and (min-width: 1340px) {
  .block-recent-item .swiper-button-prev {
    left: -40px;
  }
  .block-recent-item .swiper-button-next {
    right: -40px;
  }
}
/* ----最近チェックした製品(ブランド)---- */

.block-brand-recent-item {
  width: 900px;
}

.block-brand-recent-item--header {
  font-size: 28px;
  text-align: center;
  border-top: #444 2px solid;
  padding: 19px 0 30px;
}

.block-brand-recent-item--items {
  width: 900px;
}

.block-brand-recent-item--keep-history {
  text-align: right;
  margin-top: 20px;
}

.block-brand-recent-item--keep-history a {
  color: #6fb4c3;
  text-decoration: underline;
  font-size: 14px;
}

/* ----最近チェックした製品(カート)---- */

.block-cart-recent-item {
  width: 1200px;
}

.block-cart-recent-item--header {
  font-size: 28px;
  text-align: center;
  border-top: #444 2px solid;
  padding: 19px 0 30px;
}

.block-cart-recent-item--items {
  width: 1200px;
}

.block-cart-recent-item--keep-history {
  text-align: right;
  margin-top: 20px;
}

.block-cart-recent-item--keep-history a {
  color: #6fb4c3;
  text-decoration: underline;
  font-size: 14px;
}

/* ----検索サジェスト---- */

.block-search-suggest {
  position: absolute;
  display: block;
  z-index: 10000;
  text-align: left;
  margin: 0;
  padding: 5px;
  width: 100%;
  background-color: #fff;
  border: 1px solid #000;
  left: 0!important;
  top: 100%!important;
}
/*
.block-search-suggest {
  position: absolute;
  display: block;
  z-index: 10000;
  text-align: left;
  margin: 4px 0 0 -26px;
  padding: 5px;
  width: 370px;
  background-color: #fff;
  border: 1px solid #000;
}

*/

.block-search-suggest--keyword {
  padding: 2px;
}

.block-search-suggest--keyword-entry {
  display: block;
  text-decoration: none;
}

.block-search-suggest--goods {
  min-height: 60px;
  padding: 2px;
  display: block;
  clear: both;
}

.block-search-suggest--goods-img {
  display: block;
  float: left;
  width: 60px;
  margin-right: 10px;
}

.block-search-suggest--goods-img img {
  width: 100%;
  height: 100%;
}

.block-search-suggest--goods-name,
.block-search-suggest--goods-comment,
.block-search-suggest--goods-price-items {
  width: 100%;
}

.block-search-suggest--keyword:hover,
.block-search-suggest--goods:hover {
  background-color: #dedede;
  cursor: pointer;
}

/* ----パンくず---- */
.pane-topic-path {
  margin: 0 0 3.2rem;
  background: #F7F7F7;
}
.pane-topic-path + .pane-footer,
.pane-contents:has(.pane-topic-path) + .pane-footer,
.pane-contents:has(.pane-topic-path) + .pane-footer #footer-body,
.pane-topic-path + .pane-footer #footer-body {
  margin-top: 0;
}
.pane-contents:has(.pane-topic-path) {
  position: relative;
  padding-bottom: 4.5rem;
}
.pane-contents:has(.pane-topic-path) .pane-topic-path {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.pane-topic-path > .container {
  overflow: auto;
}
.block-topic-path {
  margin: 0 auto;
  padding: 1.0rem 2.0rem;
  max-width: 1240px;
}
.block-topic-path:empty {
  display: none;
}
.block-topic-path * {
  color: var(--main-color);/* カラー変更 */
  color:var(--text-color );
  white-space: normal;
}
.block-topic-path--list {
  display: flex;
  flex-flow: wrap;
}
.block-topic-path--list li + li {
  position: relative;
  padding-left: 1.8em;
}
.block-topic-path--list li + li::before {
  display: inline-block;
  content: '';
  margin: 0;
  content:"";
  width: 5px;
  height: 5px;
  border-top: solid 1px var(--main-color);/* カラー変更 */
  border-right: solid 1px var(--main-color);/* カラー変更 */
  border-top: solid 1px var(--text-color);
  border-right: solid 1px var(--text-color);
  transform: rotate(45deg);
  position: absolute;
  left: 0.7em;
  top: calc(50% - 2px);
}
.block-topic-path--list a {
  text-decoration: underline;
}
.block-topic-path--list .block-topic-path--delimiter {
  display: none;
}

@media screen and (min-width: 960px) {
  .block-topic-path {
    max-width: none;
    width: 100%;
    margin: 0;
  }
  .block-topic-path--list {
    font-size: 12px;
  }
  .block-topic-path--list::before,
  .block-topic-path--list::after {
    display: none;
  }
  
  .block-topic-path--list a {
    text-decoration: none;
  }

  .block-topic-path--list a:hover {
    text-decoration: underline;
  }
  
}
/* ----左メニューブロック共通---- */

.pane-block--title {
  margin: 0;
  font-size: 2.0rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .pane-block--title {
    font-size: 21px;
    text-align: left;
  }
}


.pane-left-menu .pane-block--subtitle {
  font-size: 14px;
  padding: 8px 0;
  font-weight: bold;
  border-bottom: #eee 1px solid;
  margin-bottom: 5px;
  cursor: pointer;
}

.pane-block--subtitle {
  margin: 10px 0;
  font-size: 21px;
  font-weight: normal;
}

/* ----キーワード検索ブロック---- */

.block-search-box--search-detail a {
  color: #6fb4c3;
  text-decoration: underline;
}

.block-search-box--form {
  background-color: #eee;
  display: flex;
}

input.block-search-box--keyword:hover,
input.block-search-box--keyword {
  border: none;
  background-color: transparent;
  flex-grow: 1;
}

button.block-search-box--search-submit {
  border: none;
  background-color: transparent;
  width: 33px;
}

.block-search-box--search-detail {
  margin: 5px 0;
}

/* ----Ajaxカートブロック---- */

.block-jscart-rules-list {
  margin-bottom: 15px;
}

.block-jscart--rules-name {
  text-decoration: underline;
  margin-bottom: 5px;
}

.block-jscart--items {
  border-bottom: #eee 1px solid;
  margin-bottom: 5px;
}

.block-jscart--items dd {
  display: flex;
  padding-bottom: 5px;
}

.block-jscart--price {
  margin: auto 0;
}

.block-jscart--total {
  display: flex;
}

.block-jscart--total dt {
  width: 33px;
}

.block-jscart--total dd {
  word-break: break-all;
}

.block-jscart--delete {
  text-align: right;
  margin-left: auto;
}

.block-jscart--cart-to-order {
  text-align: center;
  margin-top: 15px;
}

.block-jscart--postage-comment {
  margin-bottom: 10px;
}

/* ----エラー画面---- */

.block-validation-alert {
  text-align: center;
  margin: 100px auto;
  padding: 30px;
  width: 500px;
  border: 1px solid #808080;
}

.block-validation-alert--title {
  font-weight: bold;
  margin-bottom: 10px;
}

.block-validation-alert--link {
  display: block;
  margin-top: 10px;
}

.block-common-alert {
  margin-top: 40px;
  margin-bottom: 10px;
  padding: 2.4rem 2rem;
  border: 1px solid #ebccd1;
  color: #a94442;
  background-color: #f2dede;
  text-align: center;
  font-size: 1.2rem;
  letter-spacing: -0.06em;
  border: 1px solid #DB0000;
}
@media screen and (min-width: 960px) {
  .block-common-alert {
    padding: 20px;
    font-size: 14px;
    letter-spacing: 0em;
  }
}

.block-common-alert--link {
  display: block;
  margin-top: 10px;
  color: var(--text-color);
  text-decoration: underline;
}

.block-common-alert-list {
  margin: 0 auto 2.4rem;
  padding: 2.4rem 2rem;
  border: 1px solid var(--main-color);
  background-color: #fff;
  max-width: 800px;
  text-align: center;
  font-size: 1.2rem;
}
@media screen and (min-width: 960px) {
  .block-common-alert-list {
    padding: 2rem;
    font-size: 14px;
  }
}
.block-common-alert-list--items {
  color: var(--main-color);
  margin-top: 15px;
}
/* ----郵便番号サジェスト---- */

.block-ziplist--ziplist-frame {
  z-index: 2000;
}

/* ----サイクル情報編集---- */

.block-regular-cycle--cycle-type dd {
  position: relative;
  display: flex;
  flex-flow: wrap;
  gap: 0.8rem;
}
.block-regular-cycle--cycle-type dd br {
  display: none;
}
.block-regular-cycle--cycle-type dd input[type="radio"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.block-regular-cycle--cycle-type dd label {
  position: relative;
  margin: 0;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  background: #ffffff;
  border: solid 1px #cccccc;
}
.block-regular-cycle--cycle-type dd input[type="radio"]:checked + label {
  border: solid 2px var(--main-color);
  color: var(--main-color);
  font-weight: 500;
}

.block-regular-cycle--cycle-sub-type {
  margin: 0;
}
.block-regular-cycle--cycle-sub-type dd select {
  width: 5em;
}
.block-regular-cycle--cycle-sub-type dd select ~ .help-block {
display: none;
}

.block-regular-cycle--cycle-sub-type dd > div {
  text-align: left;
}
.block-regular-cycle--select--sub_type {
  margin: 1.0rem 0;
  display: flex;
}
.block-regular-cycle--deliv_date {
  width: 100%;
  margin: 0 0 2.4rem;
}
.block-regular-cycle--deliv_date--prev-expected-dt {
  margin: 0!important;
}
.block-regular-cycle--deliv_date--next-expected-dt {
  margin: 0!important;
}
.block-regular-cycle--deliv_date--prev-expected-dt,
.block-regular-cycle--deliv_date--next-expected-dt {
  position: relative;
  padding-top: 4.0rem;
}
.block-regular-cycle--deliv_date--prev-expected-dt::before,
.block-regular-cycle--deliv_date--next-expected-dt::before {
  display: block;
  content: '';
  position: absolute;
  left: -1.25rem;
  right: -1.25rem;
  top: 2.0rem;
  height: 1px;
  background: #f2f2f2;
}
.block-regular-cycle--cycle-type dt,
.block-regular-cycle--cycle-sub-type dt,
.block-regular-cycle--deliv_date--prev-expected-dt-title,
.block-regular-cycle--deliv_date--next-expected-dt-title {
  margin: 0 0 0.8rem;
  font-weight: 500;
}
.block-regular-cycle--cycle-sub-type {
  position: relative;
  margin: 0;
  padding: 4.0rem 0 0;
}
.block-regular-cycle--cycle-sub-type::before {
  display: block;
  content: '';
  position: absolute;
  left: -1.25rem;
  right: -1.25rem;
  top: 2.0rem;
  height: 1px;
  background: #f2f2f2;
}
.block-regular-cycle--deliv_date--prev-expected-dt-date:empty,
.block-regular-cycle--deliv_date--next-expected-dt-date:empty {
  min-height: 1em;
}

@media screen and (min-width: 960px) {
  .block-regular-cycle--cycle-type,
  .block-regular-cycle--cycle-sub-type,
  .block-regular-cycle--deliv_date--prev-expected-dt,
  .block-regular-cycle--deliv_date--next-expected-dt {
    display: flex;
    align-items: center;
  }
  .block-regular-cycle--cycle-type dt,
  .block-regular-cycle--cycle-sub-type dt,
  .block-regular-cycle--deliv_date--prev-expected-dt-title,
  .block-regular-cycle--deliv_date--next-expected-dt-title {
    width: 200px;
    min-width: 200px;
    margin: 0;
    padding: 0 24px;
  }
  .block-regular-cycle--cycle-type dd {
    flex: 1;
    gap: 16px
  }
  .block-regular-cycle--cycle-type dd label {
    width: auto;
    min-width: 160px;
  }
  
}


.order-payment-selectlist {
  display: flex;
  flex-flow: column;
  gap: 0.8rem;
}
.order-payment-selectlist li label {
  position: relative;
  margin: 0;
  padding: 0.5rem 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 4.5rem;
  background: #ffffff;
  border: solid 1px #cccccc;
}
.order-payment-selectlist li label input[type="radio"] {
  position: absolute;
  left: 0;
  right: 0;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.order-payment-selectlist li label:has(input[type="radio"]:checked) {
  border: solid 2px var(--main-color);
  color: var(--main-color);
  font-weight: 500;
}
.order-payment-selectlist li help-block {
  display: none;
}
.order-payment-selectlist-captions {
}
@media screen and (min-width: 960px) {
  .order-payment-selectlist {
    flex-flow: wrap;
    gap: 16px;
    margin-left: 25px;
  }
  .order-payment-selectlist li label {
    min-width: 160px;
    min-height: 60px;
  }
  .order-payment-selectlist-captions {
    margin-left: 25px;
  }
  
    
}
/* ----ワンタイムパスワード送信---- */

.block-onetimepassword-certify--resend-message {
  margin-top: 10px;
}
.block-onetimepassword-certify--resend-link {
  cursor: pointer;
  color: #333;
  font-size: 14px;
  border: none;
  text-decoration: underline;
  background: none;
}

/* ----絞り込み項目チェックマーク---- */
.block-filter-checkmark {
  width: auto;
  height: auto;
  position: absolute;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* ----お気に入り製品スライダー表示---- */
.block-bookmarkslider {
  padding-bottom: 50px;
}

.block-bookmarkslider .block-bookmarklist-content {
  position: relative;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist {
  overflow: hidden;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist .swiper-wrapper {
  z-index: 0;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-prev {
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  left: -16px;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-next {
  position: absolute;
  cursor: pointer;
  top: 50%;
  margin-top: -16px;
  outline: 0;
  width: 32px;
  height: 32px;
  right: -16px;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-prev::before,
.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-next::before {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  background-color: #444;
  opacity: 0.6;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  box-sizing: border-box;
  content: "";
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-prev::after {
  color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 12px;
  width: 10px;
  height: 10px;
  border-style: solid;
  transform: rotate(45deg);
  border-width: 0 0 3px 3px;
  box-sizing: border-box;
  content: "";
}

.block-bookmarkslider .block-bookmarklist-content .swiper-bookmarklist-next::after {
  color: #fff;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 9px;
  width: 10px;
  height: 10px;
  border-style: solid;
  transform: rotate(45deg);
  border-width: 3px 3px 0 0;
  box-sizing: border-box;
  content: "";
}

.block-bookmarkslider .block-bookmarklist-content .swiper-pagination {
  bottom: -40px !important;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,10px)) !important;
  height: var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,10px)) !important;
}

.block-bookmarkslider .block-bookmarklist-content .swiper-pagination-bullet-active {
  --swiper-theme-color: #666 !important;
}

.block-bookmarkslider--header {
  font-size: 24px;
  padding: 12px 0;
  text-align: left;
  border-top: 0;
}

.block-bookmarkslider--item-body {
  display: flex;
  width: 400px;
  height: 100%;
}

.block-bookmarkslider--image {
  width: 142px;
}

.block-bookmarkslider--image figure {
  background: #f5f5f5;
  width: 142px;
  height: 142px;
}

.block-bookmarkslider--item-description {
  display: flex;
  flex-direction: column;
  width: 235px;
  padding-left: 20px;
  padding-right: 20px;
}

.block-bookmarkslider--comment {
  padding: 10px 0;
}

.block-bookmarkslider--goods-name {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  word-break: break-word;
}

.block-bookmarkslider--goods-name a {
  color: #000;
  text-decoration: underline;
}

.block-bookmarkslider--price .block-icon--auto-on-sales img {
  display: inline;
}

.block-bookmarkslider--price-infos {
  margin-bottom: 10px;
}

.block-bookmarkslider--add-cart {
  margin-top: auto;
}

.block-bookmarkslider--add-cart .block-add-cart-btn {
  display: block;
  padding: 8px 0;
  width: 160px;
}

.block-bookmarkslider--add-cart .block-custom-order-btn {
  display: block;
  padding: 8px 0;
  width: 160px;
  margin-bottom: 5px;
}

.block-bookmarkslider .price {
  font-weight: bold;
}

.block-bookmarkslider .sale-price {
  color: #c30;
}

.block-bookmarkslider .default-price {
  font-size: 11px;
  font-weight: normal;
}

.block-bookmarkslider .price,
.block-bookmarkslider .net-price,
.block-bookmarkslider .default-price,
.block-bookmarkslider .exchange-price,
.block-bookmarkslider .block-exchange-price--rate-dt {
  text-align: right;
}

.block-bookmarkslider--scomment {
  color: #cc3302;
}