﻿@charset "UTF-8";

/* ----最近見た商品---- */

.block-recent-item--header {
  padding: 10px;
}
.block-recent-item--empty-message{
  padding: 0 var(--sp-padding-left-or-right);
}
/* ----検索サジェスト---- */

.block-search-suggest {
  /*position: absolute;*/
  position: fixed!important;
  display: block;
  z-index: 1000;
  text-align: left;
  padding: 0 10px;
  width: 50vw;
  background-color: #fff;
  border: solid 1px var(--table-border-color);
}
.block-search-suggest--list{
  display: flex;
  flex-direction: column;
  gap: 4px 0;
  margin: 8px 0;
}
.block-search-suggest--keyword-entry {
  display: block;
  text-decoration: none;
  font-size: 0.8125rem;
}

.block-search-suggest--goods {
  min-height: 60px;
  font-size: 0.8125rem;
}
.block-search-suggest--goods-img-wrapper{
  display: flex;
  gap: 0 5px;
}
.block-search-suggest--goods-img {
  display: block;
  width: 60px;
}

.block-search-suggest--goods-img img {
  width: 60px;
  aspect-ratio: 1;
  object-fit: cover;
}

.block-search-suggest--goods-name,
.block-search-suggest--goods-comment,
.block-search-suggest--goods-price-items {
  width: 100%;
  display: block;
}
.block-search-suggest--goods-price-items{
  margin-top: 4px;
  display: flex;
}
.block-search-suggest--goods-price.price:after{
  display: none;
}
.block-search-suggest--keyword:hover,
.block-search-suggest--goods:hover {
  background-color: #dedede;
  cursor: pointer;
}


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

.block-search-box--keyword {
  width: 100%;
  height: 38px;
}

.block-search-box--form {
  padding: 10px;
  position: relative;
  background: #eee;
}

.block-search-box--placeholder {
  position: absolute;
  top: 20px;
  left: 20px;
  color: #999;
  font-size: 14px;
}

.block-search-box--search-submit {
  margin-left: 10px;
  width: 65px;
  height: 38px;
  background: #666;
  color: #fff;
  font-size: 18px;
}

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

.block-validation-alert {
  text-align: center;
  margin: 100px 10px;
}

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

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

.block-common-alert {
  padding: 10px;
  color: var(--text-color-alert);
  background-color: var(--theme-color-alert);
}

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

.block-common-alert-list {
  padding: 10px;
  margin-bottom: 10px;
  border: 1px solid #666;
  background-color: #fff;
}

.block-common-alert-list--items {
  color: var(--text-color-alert);
}

/* ----郵便番号サジェスト---- */

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

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

.block-regular-cycle--cycle-sub-type {
  margin-bottom: 10px;
  padding: 10px;
  background: var(--theme-color-tertiary);
  border: 1px solid var(--table-border-color);
}

.block-regular-cycle--deliv_date {
  width: 100%;
  margin: 20px 0;
}
.block-regular-cycle--deliv_date--prev-expected-dt {
  border:1px solid var(--table-border-color);
}

.block-regular-cycle--deliv_date--next-expected-dt {
  border: 1px dotted var(--table-border-color);
}

.block-regular-cycle--deliv_date--prev-expected-dt-title,
.block-regular-cycle--deliv_date--next-expected-dt-title {
  padding: 8px;
  font-weight: bold;
  vertical-align: top;
  background-color: var(--theme-color-tertiary);
  border-bottom: 1px solid var(--table-border-color);
}

.block-regular-cycle--deliv_date--prev-expected-dt-date,
.block-regular-cycle--deliv_date--next-expected-dt-date {
  padding: 8px;
}

/* ----ワンタイムパスワード送信---- */

.block-onetimepassword-send,
.block-onetimepassword-certify {
  margin: 10px;
}

.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;
}

/* ----LightningRecommendトップページ表示---- */
.block-ranking-lightningrecommend--header {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  background-color: #dcdcdc;
}

/* ----LightningRecommend共通表示---- */
.block-common-lightningrecommend {
  margin-top: 10px;
}

.block-common-lightningrecommend--header {
  background: var(--theme-color-quaternary);
  padding: 6px 10px 4px;
  margin: 5px -10px 0;
}

/* ----LightningRecommendランキング表示---- */
.block-top-lightningrecommend--header {
  padding: 10px;
  font-size: 18px;
  font-weight: bold;
  background-color: #dcdcdc;
}

/* ----お気に入り商品スライダー表示---- */
.block-bookmarkslider h2 {
  padding: 16px 20px;
  border: 0;
  font-size: 19px;
  background: none;
}

.block-bookmarkslider .bx-wrapper {
  position: relative;
  margin: 0 auto;
  background-color: transparent;
  border: none;
  box-shadow: none;
  width: 100%;
}

.block-bookmarkslider .bx-wrapper .bx-prev {
  left: 0;
}

.block-bookmarkslider .bx-wrapper .bx-next {
  right: 0;
}

.block-bookmarkslider--item {
  padding: 10px;
}

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

.block-bookmarkslider--goods-image {
  width: 145px;
  display: table-cell;
  vertical-align: top;
}

.block-bookmarkslider--goods-image figure {
  width: 145px;
  height: 145px;
}

.block-bookmarkslider--goods-description {
  display: table-cell;
  vertical-align: top;
  padding-left: 10px;
  word-break: break-all;
  font-size: 14px;
  width: 100%;
}

.block-bookmarkslider--goods-name {
  font-weight: bold;
}

.block-bookmarkslider--comment {
  font-size: 12px;
}

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

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

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

.block-bookmarkslider--cart-btn {
  margin-top: 10px;
}

.block-bookmarkslider--cart-btn .block-list-add-cart-btn {
  padding: 10px;
  width: 100%;
}

.block-bookmarkslider--custom-order {
  margin-top: 10px;
  width: 100%;
}

.block-bookmarkslider--custom-order .block-list-custom-order-btn {
  padding: 10px;
  width: 100%;
}
