@charset "utf-8";

/*
  /css/usr/page_edelweiss.cssの内容を流用
  https://shopdemo.lacasta.jp/css/usr/page_edelweiss.css
*/

@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Noto+Sans+JP:wght@100..900&display=swap");

:root {
  --main_color: #7e2c2c;
  --btn_color: #3c3c3c;

  /* /css/usr/base.cssのroot以下の通り */
  /* --base: #7E2C2C;
  --border: #A2A2A2;
  --alert: #cc0101;
  --gold: #b39b75;
  --link: #0096c8;
  --lightColor: #985656;
  --placeholder: #B8B8B8;
  --bgGray: #f6f6f6;
  --deepGray: #cacaca;

  --fontDefault: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
  --fontUnna: "Unna", "游ゴシック Medium", YuGothic, YuGothicM, メイリオ, Meiryo, sans-serif;
  --fontMincho: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", YuMincho, "Yu Mincho", serif; */
}

body {
  font-family: "Inter", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}

body * {
  font-weight: normal;
}

/* .pane-header,
.pane-footer,
.pane-globalnav {
  display: none;
} */

/* --------------------------------------------------
    ボタン
-------------------------------------------------- */
.btn-primary {
  border-color: var(--base);
  background-color: var(--base);
}

.btn-primary:hover {
  color: var(--main_color);
  background-color: #fff;
}

.btn-danger {
  border: solid 1px var(--main_color);
  background-color: var(--main_color);
}

.btn-danger:hover {
  color: var(--main_color);
}

.block-common-alert {
  color: var(--main_color);
  border-color: var(--main_color);
}

.pagination li.pager-first a,
.pagination li.pager-previous a,
.pagination li.pager-next a,
.pagination li.pager-last a {
  border-color: var(--main_color);
  background-color: var(--main_color);
}

/* --------------------------------------------------
    入力支援
-------------------------------------------------- */
.required::after {
  background-color: var(--main_color);
}

/* ----モーダル---- */
.modal-header {
  background: var(--main_color);
}

/* --------------------------------------------------
    商品詳細
-------------------------------------------------- */
/* 商品トップ */
.block-goods--icon.icon-primary {
  background: var(--main_color);
}

.block-goods--contact-btn {
  color: var(--main_color);
  border: 1px solid var(--main_color);
}

.block-goods--contact-btn:hover {
  background-color: var(--main_color);
}

.block-goods--actions .block-list-add-cart-btn:hover:before {
  background: var(--main_color);
}

.block-goods--thumbnail-slide.slick-current:before {
  box-shadow: 0 0 0 2px var(--main_color) inset;
}

.block-goods-favorite-registed--btn {
  background-image: url("../../img/usr/common/edelweiss_btn_fav_on.png");
  background-size: cover;
  height: 27px;
}

.block-goods--head *,
.block-goods--content *,
#goodsdetail_itemhistory * {
  font-weight: normal;
}

.block-goods--actions {
  margin-top: 15px;
}

.block-goods--actions .block-list-add-cart-btn {
  width: 350px;
  justify-content: center;
  align-items: center;
  padding: 0;
  gap: 1em;
}

.block-goods--actions .block-list-add-cart-btn:before {
  position: static;
  transform: none;
}

.block-goods--contact-fav {
  gap: 15px;
  margin-top: 16px;
}

.block-goods--actions .block-goods--float .block-goods--comment1 {
  display: none;
}

.block-goods--size dt {
  display: none;
}

.block-goods--size-list li>span {
  border-radius: 0.4em;
  border-color: #a5a5a5;
  background-color: #7c7c7c;
  color: white;
}

.block-goods--size-list li>a {
  color: #a5a5a5;
  border-radius: 0.4em;
}

/* 商品コメント */
.block-goods--description-title,
.goods--description-title {
  border-top: 0;
}

.block-goods--content-subtitle {
  color: var(--main_color);
}

.block-goods--content-accordion-trigger::after {
  border-color: var(--main_color);
}

[data-browse-mode="S"] .block-goods--contact-fav {
  width: 100%;
}

[data-browse-mode="S"] .block-goods--actions .block-list-add-cart-btn,
[data-browse-mode="S"] .block-goods--actions .block-goods--subscription―btn,
[data-browse-mode="S"] .block-outside-sales-period--message,
[data-browse-mode="S"] .block-variation-no-stock--message,
[data-browse-mode="S"] .block-no-stock {
  width: 100%;
}

[data-browse-mode="S"] .block-goods--actions .block-list-add-cart-btn,
[data-browse-mode="S"] .block-goods--actions .block-goods--subscription―btn {
  padding-left: 0;
  padding-right: 0;
  display: flex;
  justify-content: center;
  gap: 0.6em;
}

[data-browse-mode="S"] .block-goods--actions .block-list-add-cart-btn:before,
[data-browse-mode="S"] .block-goods--actions .block-goods--subscription―btn:before {
  position: static;
  transform: none;
}

[data-browse-mode="S"] .block-goods--thumbnail-slider .slick-list {
  width: auto;
}

[data-browse-mode="S"] .block-goods-detail {
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
}

[data-browse-mode="S"] .block-goods--name {
  width: auto;
  margin: 10px 0 0;
}

[data-browse-mode="S"] .block-goods--thumbnail-slider {
  margin: 20px 20px 0;
}

[data-browse-mode="S"] .block-goods--content p,
[data-browse-mode="S"] .block-goods--comment2 {
  padding-inline: 0;
  font-size: 14px;
}

[data-browse-mode="S"] .goods--description-title {
  font-size: 17px;
}

/* --------------------------------------------------
    商品一覧
-------------------------------------------------- */
.block-product--list-icon.icon-primary {
  background: var(--main_color);
}


/* --------------------------------------------------
    配合成分部分のタイトルのあしらい
    エーデルワイスに合わせる
-------------------------------------------------- */
[data-browse-mode="S"] {
  .block-goods--comment5>.block-goods--comment5 {
    margin-top: 3.1rem;
  }
}

[data-browse-mode="P"] {
  .block-goods--comment5>.block-goods--comment5 {
    margin-top: 15rem;
  }
}

.block-goods--comment5>.block-goods--comment5 .block-goods--content-title {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9F9F9F;
}

.block-goods--comment5:has(.block-goods--comment5) .block-goods--content-title {
  font-size: 16px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9F9F9F;
}

/* --------------------------------------------------
    レビュー
    PC時の左右の余白がないので調整
-------------------------------------------------- */
[data-browse-mode="P"] {
  #revico-comment .revico-logo {
    font-size: 13px;
  }

  .revico-logo:before {
    margin-right: 55px;
  }

  .revico-review-comment-row .revico-review-comment-detail--sns {
    display: flex;
  }

  #revico-comment .revico-comment-header .revico-comment-filter,
  #revico-comment .revico-comment-header .revico-comment-sort {
    padding: 10px 0 10px;
  }

  /* 絞り込み・並び替えボタンの色変更 */
  #revico-comment .revico-comment-header .revico-comment-filter,
  #revico-comment .revico-comment-header .revico-comment-sort,
  #revico-comment button.revico-comment-footer--sort,
  #revico-comment button.revico-comment-footer--filter,
  #revico-comment .revico-comment-footer .revico-comment-footer--writebutton:hover,
  #revico-comment .revico-review-comment-footer--more button {
    background-color: #7E2C2C;
  }

  /* 絞り込みボタン重複調整 */
  .revico-comment-header-modal .revico-comment-filter--block-item-select label {
    white-space: nowrap;
    padding: 10px 0px 10px 30px;
  }

  .revico-comment-header-modal input[type="checkbox"]+label:before,
  .revico-comment-header-modal input[type="checkbox"]:checked+label:after {
    top: 5px;
  }

  #revico-comment .revico-comment-footer {
    padding-bottom: 70px;
  }

  /* 購入確認済みバッチ非表示 */
  .revico-review-comment-row .revico-review-comment-head--reviewer-purchased {
    display: none !important;
  }

  #revico-comment .revico-review-comment-row .revico-review-comment-head--reviewer-purchased+.revico-review-comment-head--reviewer-evaluationanswer {
    margin-left: 55px;
    top: 10px;
  }

  .revico-picture-slide-wrapper {
    top: -3px;
  }

  /* ----新環境用---- */
  .pane-main #revico-comment .revico-logo {
    font-size: 13px;
    background-position: top -1px right 20px;
  }

  .pane-main .revico-logo:before {
    margin-right: 55px;
  }

  .pane-main .revico-review-comment-row .revico-review-comment-detail--sns {
    display: flex;
  }

  .pane-main #revico-comment .revico-comment-header .revico-comment-filter,
  .pane-main #revico-comment .revico-comment-header .revico-comment-sort {
    padding: 10px 0 10px;
  }

  /* 絞り込み・並び替えボタンの色変更 */
  .pane-main #revico-comment .revico-comment-header .revico-comment-filter,
  .pane-main #revico-comment .revico-comment-header .revico-comment-sort,
  .pane-main #revico-comment button.revico-comment-footer--sort,
  .pane-main #revico-comment button.revico-comment-footer--filter,
  .pane-main #revico-comment .revico-comment-footer .revico-comment-footer--writebutton:hover,
  .pane-main #revico-comment .revico-review-comment-footer--more button {
    background-color: #7E2C2C;
  }

  /* 絞り込みボタン重複調整 */
  .pane-main .revico-comment-header-modal .revico-comment-filter--block-item-select label {
    white-space: nowrap;
    padding: 10px 0px 10px 30px;
  }

  .pane-main .revico-comment-header-modal input[type="checkbox"]+label:before,
  .pane-main .revico-comment-header-modal input[type="checkbox"]:checked+label:after {
    top: 5px;
  }

  .pane-main #revico-comment .revico-comment-footer {
    padding-bottom: 70px;
  }

  /* 購入確認済みバッチ非表示 */
  .pane-main .revico-review-comment-row .revico-review-comment-head--reviewer-purchased {
    display: none !important;
  }

  .pane-main #revico-comment .revico-review-comment-row .revico-review-comment-head--reviewer-purchased+.revico-review-comment-head--reviewer-evaluationanswer {
    margin-left: 55px;
    top: 10px;
  }

  .pane-main .revico-picture-slide-wrapper {
    top: -3px;
  }

  .pane-main #revico-comment .revico-comment-header .revico-comment-header-wrapper {
    padding-inline: 20px;
  }

  .pane-main .revico-review-comment-row-wrapper {
    width: 100%;
    border-inline: 20px solid #f5f5f5;
  }

  .pane-main .revico-widget .revico-review-comment-row {
    width: 100%;
  }
}
