/** Shopify CDN: Minification failed

Line 184:14 Unexpected "{"
Line 184:23 Expected ":"
Line 185:18 Unexpected "{"
Line 185:27 Expected ":"

**/
/* ==========================================
   共通の「テキストリンク型」ボタン (強制上書き)
   ========================================== */

/* ラッパー（外枠）の位置調整（ベース値。各セクションで上書き可能） */
.view-more-wrapper,
.styling-grid-view-more-container {
  margin-top: 0px;
  text-align: center !important;
  padding: 0 20px !important;
  width: 100% !important;
  display: block !important;
}

/* ボタン本体のデザイン */
.view-more-button, 
.styling-grid-view-more-btn {
  /* レイアウト */
  display: inline-block !important;
  min-width: auto !important;
  width: auto !important;
  
  /* 余白とサイズ */
  padding: 0 0 4px 0 !important; /* 下線との距離 */
  margin: 0 !important;
  
  /* 背景・枠線のリセットと再定義 */
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  border-bottom: 1px solid #000 !important; /* 下線を追加 */
  border-radius: 0 !important;
  box-shadow: none !important;
  
  /* テキストスタイル */
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.15em !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  line-height: 1.5 !important;
  cursor: pointer !important;
  transition: opacity 0.3s ease !important;
}

/* ホバー時の挙動 */
.view-more-button:hover,
.styling-grid-view-more-btn:hover {
  background: transparent !important;
  background-color: transparent !important;
  opacity: 0.6 !important;
  box-shadow: none !important;
  color: #000 !important;
}

/* ------------------------------------------
   「>」記号の制御
   ------------------------------------------ */

/* 1. 元々HTMLにある矢印アイコンを非表示にする (重複防止) */
.view-more-arrow,
.icon-arrow-right,
.view-more-button svg,
.styling-grid-view-more-btn svg {
  display: none !important;
}

/* 2. CSSで「>」を自動追加する */
.view-more-button::after,
.styling-grid-view-more-btn::after {
  content: ">" !important;
  display: inline-block !important;
  margin-left: 10px !important; /* テキストとの距離 */
  font-weight: 500 !important;
  font-size: 14px !important; /* 本体と同じサイズ */
  position: relative !important;
  top: -1px !important; /* 位置の微調整 */
  text-decoration: none !important;
}

/* ------------------------------------------
   モバイル用調整
   ------------------------------------------ */
@media screen and (max-width: 749px) {
  .view-more-button, 
  .styling-grid-view-more-btn {
    font-size: 12px !important;
  }
  
  /* モバイルでも「>」のサイズを合わせる */
  .view-more-button::after,
  .styling-grid-view-more-btn::after {
    font-size: 12px !important;
  }
}

/* ==========================================
   セクションタイトル: 英数字と日本語を横並びに
   (section-header 共通の上書き)
   ========================================== */
.section-header--has-subtitle {
  display: flex !important;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start !important;
  text-align: left !important;
  gap: 0;
  padding-bottom: 40px;
}

.section-header--has-subtitle h2.section-title {
  border-bottom: none !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* 英数字と日本語の間にスラッシュを追加 */
.section-header--has-subtitle h2.section-title::after {
  content: " / ";
  font-size: 0.7em;
  color: #666;
  font-weight: 400;
}

.section-header--has-subtitle .section-subtitle {
  font-size: 0.85em !important;
  color: #383838 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  opacity: 1;
}

/* item-tags-section 用の margin 調整 */
.item-tags-section .section-header--has-subtitle {
  padding-bottom: 20px; 
}


/* インベントリー表示の共通スタイル */
.inventory-status {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px; /* アイコンと文字の間隔 */
  font-size: 1.5rem; /* 文字サイズ（画像に合わせて少し大きめ） */
  font-weight: 600; /* 太字 */
  line-height: 1.5;
  margin-bottom: 1rem;
  background: none; /* 背景なし */
  padding: 0; /* 余白なし */
  border: none; /* 枠線なし */
}

/* アイコンのサイズ調整 */
.inventory-status .icon-inventory {
  width: 20px; /* 画像に合わせて少し大きめ */
  height: 20px;
  flex-shrink: 0;
}

/* パターン1：在庫あり（緑） */
.status--success {
  color: #2e7d32; /* 濃い緑（画像に近い色） */
}

/* パターン2：残り僅か（オレンジ/茶色系） */
.status--warning {
  color: #d97706; /* 濃いオレンジ/黄土色 */
}

/* パターン3：在庫なし（赤） */
.status--out {
  color: #c62828; 
}
#StaffDetail-{{ section.id }} .staff-detail__product-image-wrapper,
    #StaffDetail-{{ section.id }} .staff-detail__product-image {
      aspect-ratio: 5 / 6 !important;
      height: auto !important;
      object-fit: cover;
    }