/** Shopify CDN: Minification failed

Line 100:0 Unexpected "#"

**/
/* ================================
   /apps/wishlist ページ専用
   ================================ */

/* 0) ページ全体の基点（安全に強める） */
#th_wishlist_page_id { color: #fff; }

/* 1) ウィッシュリストの切り替えボタン（タブ）を分かりやすく */
#th_wishlist_page_id .th-wl-tab {
  display: flex; gap: 8px; flex-wrap: wrap; padding: 8px 0; margin: 0 0 12px;
  list-style: none;
}
#th_wishlist_page_id .th-wl-tab .tab-link {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 6px 10px; 
  border: 1px solid #597d93; background: transparent; color: #fff;
  transition: background .15s ease, color .15s ease, border-color .15s ease;
}
#th_wishlist_page_id .th-wl-tab .tab-link .tab-link-label { 
  font-size: 13px; line-height: 1; color: inherit; font-weight: 400;
}
#th_wishlist_page_id .th-wl-tab .tab-link:hover { 
  background: #ffffff22; 
}
#th_wishlist_page_id .th-wl-tab .tab-link.current,
#th_wishlist_page_id .th-wl-tab .tab-link[aria-current="true"] {
  background: #597d93; border-color: #597d93;
}
#th_wishlist_page_id .th-wl-tab .tab-link-delete {
  /* タブ右側のアイコンボタンを控えめに */
  background: transparent; border: 0; padding: 0; display: inline-flex; 
  align-items: center; justify-content: center; opacity:.85;
}
#th_wishlist_page_id .th-wl-tab .tab-link-delete:hover { opacity: 1; }

/* 2) 商品画像 1:1（はみ出しは cover） */
#th_wishlist_page_id .th-wl-product-item figure a,
#th_wishlist_page_id .th-wl-product-item figure {
  display:block; position: relative; overflow: hidden; 
  aspect-ratio: 1 / 1; /* ← ご希望の1:1 */
}
#th_wishlist_page_id .th-wl-product-item figure img {
  width:100% !important; height:100% !important; object-fit: cover !important; display:block;
}

/* 3) 商品名・価格の文字色を白に */
#th_wishlist_page_id .th-wl-product-title a,
#th_wishlist_page_id .th-wl-product-title span,
#th_wishlist_page_id .th-wl-product-price,
#th_wishlist_page_id .th-wl-product-price * {
  color:#fff !important;
}

/* 4) 商品カードの枠を透明に（枠・影のリセット） */
#th_wishlist_page_id .th-wl-product-item,
#th_wishlist_page_id .th-wl-product-col-4,
#th_wishlist_page_id .th-wl-product-item * {
  box-shadow: none !important;
}
#th_wishlist_page_id .th-wl-product-item {
  border: 1px solid transparent !important; 
  background: #ffffff12; /* うっすら載せたい場合。完全透明にしたければ次行を有効化 */
  /* background: transparent !important; */
}

/* 5) 共有ボタン：背景透明＆一部非表示（WhatsApp/Email/SMS） */
/* 背景の黒丸を透明化（いろいろな実装に対応） */
#th_wishlist_page_id .th-wl-share_on svg .wl-bg-social-icon,
#th_wishlist_page_id .th-wl-share_on svg .wl-bg-icon,
#th_wishlist_page_id .th-wl-share_on svg circle[fill="black"],
#th_wishlist_page_id .th-wl-share_on svg path[fill="black"] {
  fill: transparent !important;
}
/* WhatsApp / Email / SMS を非表示 */
#th_wishlist_page_id #ShareViaWhatsapp,
#th_wishlist_page_id #ShareViaEmail,
#th_wishlist_page_id #ShareViaSMS {
  display: none !important;
}
/* 残すボタン（Facebook / X / コピー）のトーン微調整（任意） */
#th_wishlist_page_id .th-wl-share_on button { 
  background: transparent !important; border: 0; padding: 4px; 
}
#th_wishlist_page_id .th-wl-share_on svg { height: 24px; width: 24px; }

#th_wishlist_page_id .th-wl-product-add-to-cart {
  background:#597d93 !important; color:#fff !important; 
  text-align:center; padding:.6em 1em; font-weight:400; font-family: "Hina Mincho", serif;
}

#th_wishlist_page_id .qut-val {
  color: #000 !important;
}

##th_wishlist_page_id .th-wl-share_on {
  display: flex;
  align-items: center;  /* 縦位置を中央に */
  gap: 6px;             /* アイコンとの間隔を適度に */
}

#th_wishlist_page_id .th-wl-share_on h3 {
  margin: 0;
  font-weight: normal; /* デザインに合わせて調整可 */
}

#th_wishlist_page_id .th-wl-product-add-to-cart {
    border-top: 0px !important;
}

#th_wishlist_page_id .spinner circle,
#th_wishlist_page_id .spinner .path {
  stroke: #fff !important; /* 白に変更 */
}

/* --- PC共通：切り替えボタンの前に文字を表示 --- */
#th_wishlist_page_id .th-wl-tab::before {
  content: "作成済みのリスト：" !important;
  display: inline-block;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  margin-right: 6px;
  vertical-align: middle;
}

/* --- スマホで改行させたい --- */
@media (max-width: 749px) {
  #th_wishlist_page_id .th-wl-tab {
    display: block !important; /* ← 横並びを解除 */
    text-align: left;          /* ← または center に変更可 */
  }

  #th_wishlist_page_id .th-wl-tab::before {
    content: "作成済みのリスト：" !important;
    display: block !important; /* ← 強制的に改行させる */
    color: #fff;
    font-size: 1.3rem;
    font-weight: 500;
    margin-bottom: 8px;
  }
}

/* お気に入りページタイトル（h3）の下に余白を追加 */
#th_wishlist_page_id .th-wl-container-header h3 {
  margin-bottom: 24px !important; 
}

/* タブ内の並び＆余白を整える */
#th_wishlist_page_id .th-wl-tab .tab-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

/* 2つある削除系ボタンのうち、最後のもの（×）を“確実に表示” */
#th_wishlist_page_id .th-wl-tab .tab-link .tab-link-delete:last-of-type {
  display: inline-flex !important;
  visibility: visible !important;
  opacity: 1 !important;
  cursor: pointer;
}

/* ×アイコンを白＆少し太くして視認性UP */
#th_wishlist_page_id .th-wl-tab .tab-link .tab-link-delete:last-of-type svg {
  width: 18px; height: 18px;
}
#th_wishlist_page_id .th-wl-tab .tab-link .tab-link-delete:last-of-type svg path {
  stroke: #fff !important;
  stroke-width: 1.6 !important;   /* 0.9 → 1.6 に太く */
  stroke-linecap: round;           /* 既定を踏襲 */
}

/* ホバー時のフィードバック（任意） */
#th_wishlist_page_id .th-wl-tab .tab-link .tab-link-delete:last-of-type:hover {
  opacity: .85;
}

#th_wishlist_page_id .th-wl-no-wishlist {
  margin-bottom: 50px;
}

@media (min-width: 749px) {
#th_wishlist_page_id .th-wl-no-wishlist {
  margin-bottom: 50px;
  padding: 30px;
}

#th_wishlist_page_id .th-wl-container-header p {
  padding: 30px;
}
}

/* ================================
   ポップアップ専用
   ================================ */

/* モーダルタイトルとラベルの色を変更 */
h5.th_wl_modal_title, label.th_wl_lbl, h5.wcBsiHeaderTitle, label.wcBsiFormLabel {
    color: #6c757d;
}

div.wcBsiModalHeader {
  padding: 16px 16px 0px 16px;
}

/* ================================
   ヘッダーメニュー
   ================================ */

/* a.th_wlc_position_relative.header__icon.link.focus-inset > .th_wlc_product_count {
  background-color: #EBFF00 !important;
  color: #000 !important;
  top: -6px !important;
  right: 0px !important;
}
*/