/** Shopify CDN: Minification failed

Line 416:1 Expected ")" to go with "("

**/
/* ========================================
   モバイルカートページ カスタマイズCSS
   ======================================== */

/* モバイルビューのみに適用 */
@media screen and (max-width: 749px) {
  
  /* ----------------------------------------
     1. 「あなたのカート」の文字を小さく
     ---------------------------------------- */
  .cart__heading,
  .cart-items h1,
  .title--primary,
  h1.title {
    font-size: 18px !important;
    font-weight: 500 !important;
    margin-bottom: 10px !important;
  }
  
  /* ----------------------------------------
     お買い物を続けるリンク
     ---------------------------------------- */
  .continue-shopping-wrapper {
    margin: 8px 0 15px 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #e5e5e5;
  }
  
  .continue-shopping-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7fb8a6;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all 0.3s ease;
  }
  
  .continue-shopping-link svg {
    width: 14px;
    height: 14px;
    transition: transform 0.3s ease;
  }
  
  .continue-shopping-link:active {
    color: #6aa294;
  }
  
  /* ----------------------------------------
     2. グリーンバー（テーブルヘッダー）を非表示
     ---------------------------------------- */
  .cart-items thead,
  table thead,
  .cart__items thead,
  .cart-items table thead tr {
    display: none !important;
  }
  
  /* テーブルのボーダーも削除 */
  .cart-items table,
  .cart__items table {
    border-top: none !important;
  }
  
  /* ----------------------------------------
     3. 送料無料バーの下にスペースを追加
     ---------------------------------------- */
  .free-shipping-bar {
    margin-bottom: 10px !important;  /* 余白を縮小 */
  }
  
  /* カートアイテムリストの上部余白も調整 */
  .cart-items,
  .cart__items {
    padding-top: 5px !important;  /* 余白を縮小 */
  }
  
  /* ----------------------------------------
     3. 金額とカラーの文字を小さくする
     ---------------------------------------- */
  
  /* 商品価格の文字サイズ */
  .cart-item__price,
  .cart-item__totals,
  .price,
  .price--end,
  .custom-product-price {
    font-size: 16px !important;
    font-weight: 600 !important;
  }
  
  /* 小計（10,560円）のサイズ調整 */
  .cart-item__price-wrapper .price--end {
    font-size: 12px !important;
    font-weight: 500 !important;
  }
  
  /* カラー/バリアント情報の文字サイズ */
  .cart-item__variant,
  .product-option,
  .cart-item__variant-title,
  dl.cart-item__variant-options {
    font-size: 11px !important;
    color: #666 !important;
    line-height: 1.4 !important;
  }
  
  /* カラー表記の具体的なターゲット */
  .cart-item__variant-options dt,
  .cart-item__variant-options dd {
    font-size: 12px !important;
  }
  
  /* ----------------------------------------
     4. その他の調整
     ---------------------------------------- */
  
  /* 商品名のサイズも少し調整 */
  .cart-item__name,
  .cart-item__name a {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }
  
  /* 数量セレクターのサイズ調整 */
  .quantity__input {
    font-size: 14px !important;
    padding: 4px 8px !important;
  }
  
  /* 小計や合計のラベル */
  .totals__subtotal-label,
  .totals__total-label {
    font-size: 14px !important;
  }
  
  /* 小計や合計の金額 */
  .totals__subtotal-value,
  .totals__total-value {
    font-size: 16px !important;
  }
  
  /* チェックアウトボタンの調整（必要に応じて） */
  .cart__checkout-button {
    font-size: 13px !important;
    padding: 12px 20px !important;
  }
  
  /* 「予約注文のお支払い」セクションのテキスト */
  .cart__dynamic-checkout-buttons h3,
  .additional-checkout-buttons__title {
    font-size: 13px !important;
  }
}

/* ----------------------------------------
   追加: タブレット用の微調整（必要に応じて）
   ---------------------------------------- */
@media screen and (min-width: 750px) and (max-width: 989px) {
  .cart__heading {
    font-size: 28px !important;
  }
  
  .free-shipping-bar {
    margin-bottom: 25px !important;
  }
}
/* ----------------------------------------
   注文備考欄を中央配置
   ---------------------------------------- */
@media screen and (max-width: 749px) {
  /* 注文備考欄全体を中央配置 */
  .cart-note,
  .cart__note {
    text-align: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
    margin: 20px auto !important;
  }
  
  /* ラベルを中央配置 */
  .cart-note__label {
    text-align: center !important;
    margin: 0 auto 10px auto !important;
    display: block !important;
  }
  
  /* テキストエリアも中央配置 */
  .cart-note__input,
  .field__input {
    margin: 0 auto !important;
    width: 90% !important;
    max-width: 400px !important;
    text-align: left !important; /* 入力テキストは左寄せ */
  }
  
  /* フィールド全体も中央配置 */
  .field,
  .cart-note .field {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
  }
}
/* お買い物を続けるボタンのスタイル */
.continue-shopping-button-wrapper {
  margin-top: 15px;
  text-align: center;
}

.continue-shopping-btn {
  display: inline-block;
  width: 100%;
  max-width: 400px;
  padding: 12px 20px;
  background: #fff;
  color: #7fb8a6;
  border: 2px solid #7fb8a6;
  border-radius: 6px;
  text-decoration: none;
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  transition: all 0.3s ease;
}

.continue-shopping-btn:hover,
.continue-shopping-btn:active {
  background: #7fb8a6;
  color: #fff;
}

/* モバイル用調整 */
@media screen and (max-width: 749px
/* ----------------------------------------
   モバイル表示のレイアウト修正
   ---------------------------------------- */
@media screen and (max-width: 749px) {
  /* カート全体のパディング調整 */
  .cart__items,
  .cart-items {
    padding: 10px !important;
  }
  
  /* テーブルレイアウトの修正 */
  .cart-items table {
    width: 100% !important;
    table-layout: fixed !important;
  }
  
  /* 商品画像と詳細のレイアウト */
  .cart-item__media {
    width: 80px !important;
    min-width: 80px !important;
    margin-right: 10px !important;
  }
  
  .cart-item__details {
    flex: 1 !important;
    padding-right: 10px !important;
  }
  
  /* 数量セレクターの位置調整 */
  .cart-item__quantity {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px 0 !important;
  }
  
  .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1px solid #ddd !important;
    border-radius: 4px !important;
    background: white !important;
  }
  
  /* 削除ボタンの位置調整 */
  .cart-item__remove {
    position: absolute !important;
    right: 10px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
  }
  
  /* 価格表示を右寄せ */
  .cart-item__totals {
    text-align: right !important;
    padding-right: 40px !important; /* 削除ボタン分のスペース */
  }
  
  /* tdセルの幅調整 */
  td.cart-item__media {
    width: 90px !important;
  }
  
  td.cart-item__details {
    width: auto !important;
  }
  
  td.cart-item__quantity {
    width: 120px !important;
    text-align: center !important;
  }
  
  td.cart-item__totals {
    width: 100px !important;
  }
  
  /* 行の高さ調整 */
  .cart-items tr {
    position: relative !important;
  }
  
  /* カートアイテムの間隔 */
  .cart-items tbody tr {
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 15px 0 !important;
  }
}
/* ----------------------------------------
   よく一緒に購入される商品 - レイアウト修正
   ---------------------------------------- */
@media screen and (max-width: 749px) {
  /* セクション全体を中央寄せ */
  .product-recommendations,
  .cart-recommendations,
  section[data-section-type="product-recommendations"] {
    padding: 15px !important;
    margin: 20px auto !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  
  /* グリッドレイアウトを修正 */
  .product-recommendations .grid,
  .product-recommendations__inner {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
  }
  
  /* カード全体の調整 */
  .product-recommendations .card-wrapper,
  .product-recommendations .card {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  
  /* リンクとボタンの調整 */
  .product-recommendations a {
    display: block !important;
    width: 100% !important;
  }
  
  /* 画像コンテナの調整 */
  .product-recommendations .media,
  .product-recommendations .card__media {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 !important;
    overflow: hidden !important;
  }
  
  /* テキストの調整 */
  .product-recommendations .card__content {
    padding: 8px !important;
    text-align: center !important;
  }
  
  /* 商品名 */
  .product-recommendations .card__heading {
    font-size: 15px !important;
    line-height: 1.3 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }
  
  /* 価格 */
  .product-recommendations .price {
    font-size: 13px !important;
    margin: 5px 0 !important;
  }
  
  /* 今すぐ購入ボタン */
  .product-recommendations .quick-add__submit,
  .product-recommendations .button {
    width: 100% !important;
    font-size: 8px !important;
    padding: 6px 5px !important;
    white-space: nowrap !important;
  }
  
  /* スクロール防止 */
  .product-recommendations {
    overflow-x: hidden !important;
    overflow-y: visible !important;
  }
}