<?xml version="1.0" encoding="utf-8"?>
<rdf:RDF
    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    xmlns="http://purl.org/rss/1.0/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:cc="http://web.resource.org/cc/"
    xmlns:foaf="http://xmlns.com/foaf/0.1/"
    xml:lang="ja">

    <channel rdf:about="https://luarni.com/?mode=rss">
    <title>LUARNI</title>
    <link>https://luarni.com/</link>
    <description>主にヨーロッパ産皮革を使用したオリジナルの革製品をひとつ一つ手作りにて製造・販売しております。</description>
    <dc:language>ja</dc:language>
    <dc:creator>Color Me Shop!pro</dc:creator>
    <items>
      <rdf:Seq>
        <rdf:li rdf:resource="https://luarni.com/?pid=192510971" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192510954" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192510912" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192510214" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192510135" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192510017" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192499233" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192499089" />
        <rdf:li rdf:resource="https://luarni.com/?pid=192497722" />
      </rdf:Seq>
    </items>
    </channel>

  <item rdf:about="https://luarni.com/?pid=192510971">
    <link>https://luarni.com/?pid=192510971</link>
    <title>FINA picco - フィーナ・ピッコ　ミニレザートレイ｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    170px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
      <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDJGSU5BcGlfUEJfbWFpbjAy.jpg?cmsp_timestamp=20260705224529" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
外出先から帰り、時計や鍵をそっと置く。そんな何気ない動作を優雅な時間に変えてくれるハーフサイズのレザートレイです。デスクや玄関のわずかなスペースにも美しく馴染むサイズ感。毎日モノを置くたびに上品な艶を纏い、空間に端正な佇まいを添えてくれます。お二人の名前や結婚記念日を刻印でき、日々の暮らしに寄り添いながら共に時を重ねていく、特別なギフトとしても選ばれています。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDJGSU5BcGlfUEJfZGV0YWlsX1BU.jpg?cmsp_timestamp=20260705224544" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDJGSU5BcGlfUEJfZGV0YWlsX0dH.jpg?cmsp_timestamp=20260725125527" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
         <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDJGSU5BcGlfUEJfZGV0YWlsX0JL.jpg?cmsp_timestamp=20260705224630" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->



<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">物が置けるスペース</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">10.5 × 8.0 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">12.1 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">14.5 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.5 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 70 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFGSU5BX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725125558" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大20文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFGSU5BX1BCX1BFUjAx.jpg?cmsp_timestamp=20260725132220" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            左：1行刻印例 ｜ 右：2行刻印例
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707220507" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ こちらの製品は手縫いで縫製されています。手縫い糸は当初、蝋により色が濃くなっています。</span><br>
        ・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。<br>
        ・ モニター環境により、実際の色と異なる場合がございます。
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T22:47:40+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510971_th.jpg?cmsp_timestamp=20260725125211" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192510954">
    <link>https://luarni.com/?pid=192510954</link>
    <title>FINA - フィーナ　レザートレイ｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    170px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
      <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFGSU5BX1BCX21haW4wMg.jpg?cmsp_timestamp=20260705222658" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
外出先から帰り、お気に入りの小物をそっと置く。そんな何気ない動作を優雅な時間に変えてくれるレザートレイです。1万円札を折らずに収められるサイズ感で、お店の会計シーンを演出するマネートレイとしても活躍します。毎日使うたびに上品な艶を纏い、空間に端正な佇まいをプラス。店名などの名入れ刻印にも対応しており、大切な方への開店祝いや周年記念の贈り物としても喜ばれる逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFfUEJfZGV0YWlsX1BU.jpg?cmsp_timestamp=20260705222713" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFfUEJfZGV0YWlsX0dH.jpg?cmsp_timestamp=20260705222725" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
         <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFfUEJfZGV0YWlsX0JL.jpg?cmsp_timestamp=20260705222736" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->



<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">物が置けるスペース</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">17.0 × 8.0 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">12.1 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">21.1 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.5 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 106 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFGSU5BX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725130051" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大20文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/VFI5MDFGSU5BX1BCX1BFUjAx.jpg?cmsp_timestamp=20260725130546" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            左：1行刻印例 ｜ 右：2行刻印例
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260725130518" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ こちらの製品は手縫いで縫製されています。手縫い糸は当初、蝋により色が濃くなっています。</span><br>
        ・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。<br>
        ・ モニター環境により、実際の色と異なる場合がございます。
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T22:28:31+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510954_th.jpg?cmsp_timestamp=20260725125858" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192510912">
    <link>https://luarni.com/?pid=192510912</link>
    <title>ROLO - ロロ　箱型名刺入れ｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    170px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
      <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX21haW4wMg.jpg?cmsp_timestamp=20260705221422" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
名刺を交換する、その一瞬の手元に端正な気品を添えてくれる名刺入れです。大切な名刺を折り曲げずに美しく収める立体的な箱型構造で、背面のポケットを使えば頂いた名刺をその場ですぐに仕分けることができます。毎日使うたびに上品な艶を纏い、深みのある色合いへ。名入れは開いた内側にだけ現れる大人の設計で、ビジネスの始まりの時間をちょっとだけ特別に変えてくれる逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260705221453" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725133326" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
         <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260705221522" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->



<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">メインポケット</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1 箇所</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">背面ポケット</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1 箇所</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">名刺収納枚数</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 30 枚</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">6.4 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">10.6 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.4 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 38 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725133352" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q0M3MjFST0xPX1BCX1BFUjAx.jpg?cmsp_timestamp=20260705221600" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707220153" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T22:12:12+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510912_th.jpg?cmsp_timestamp=20260725133156" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192510214">
    <link>https://luarni.com/?pid=192510214</link>
    <title>CILIE - チリエ　Wリングループキーホルダー｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    70px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9tYWluMDI.jpg?cmsp_timestamp=20260705185532" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
複数の鍵をスマートにまとめ、持ち歩く姿まで美しく整えてくれるキーホルダーです。独立した二つのリングが備わっており、「自宅と車」「仕事とプライベート」など、鍵の役割を瞬時に使い分けることができます。指を掛けやすく取り出しもスムーズ。毎日手にするたびに上品な艶を纏い、鍵を回すその一瞬の動作まで心地よくサポートします。ビジネスシーンにも美しくマッチする洗練された逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9kZXRhaWxfUFQ.jpg?cmsp_timestamp=20260705185549" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9kZXRhaWxfR0c.jpg?cmsp_timestamp=20260725135023" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9kZXRhaWxfQks.jpg?cmsp_timestamp=20260705185622" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->


<!-- ==========================================================================
         &#128279; 【新設】付属品セクション（コックピットツマミ27番・28番完全連動版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-27」が、3色目スペック &#10132; 付属品見出し までの上の隙間（ツマミ27番）を制御します -->
    <!-- &#128161; 「tsumami-28」が、付属品キャプション &#10132; 見出しSize/Weight までの下の隙間（ツマミ28番）を制御します -->
    <div class="tsumami-27 tsumami-28" style="max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; box-sizing: border-box !important;">
      
      <!-- &#9997;&#65039; 1. 一番上に静かに佇む見出しタイトル（LUARNI大文字・極細ウェイト300） -->
      <div style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0 0 25px 0; text-align: center !important;">
        Accessories ｜ 付属品
      </div>

      <!-- &#128444;&#65039; 2. 中央の主役となる付属品画像：520pxの垂直直線グリッドに完全同期 -->
      <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto 15px auto !important; box-sizing: border-box !important;">
        <!-- ★【画像差し替え箇所】ここに「付属品（ミニキーリング）の画像」のURLを貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q09NX0tIX0tBTkFHVTAx.jpg?cmsp_timestamp=20260703170907" alt="">
      </div>

      <!-- &#9997;&#65039; 3. 画像の真下にキュッと密着する内訳キャプション（線を使わない、純粋な空気の空間クッション） -->
      <div style="width: 100%; padding: 0; font-size: 11px; line-height: 1.8; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; text-align: center !important;">
        <div style="font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing: 0.02em;">
          ミニキーリング 4個セット x 2セット ※ご注文いただいた色と同色<br>
          <span style="font-size: 10px; color: #888888;">( 内訳：&#8960;10mm ×3 / &#8960;12mm ×1 )</span>
        </div>
      </div>

    </div>
    <!-- ==========================================================================
         &#128279; 付属品セクション終了
         ========================================================================== -->


<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">ループ仕様</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">固定式 （カシメ留め ・ 開閉はできません）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">付属品</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">ミニキーリング （4 個セット × 2）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.8 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">13.8 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 33 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9QVF9HRw.jpg?cmsp_timestamp=20260725135049" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MjFDSUxJRV9QQl9QRVIwMQ.jpg?cmsp_timestamp=20260705185718" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707220042" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T18:58:20+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510214_th.jpg?cmsp_timestamp=20260725134855" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192510135">
    <link>https://luarni.com/?pid=192510135</link>
    <title>LUVE - ルーヴェ　折パスケース｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    170px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
<img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX21haW4wMg.jpg?cmsp_timestamp=20260725135529" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
ケースを開く、ふとした動作に大人の気品を添えてくれる二つ折りパスケースです。計4つのポケットを備え、左側を「仕事」、右側を「プライベート」と物理的に分けることで、二つの日常をスマートに使い分けることができます。スーツの胸ポケットにもすっきりと収まるミニマルなサイズ感。毎日使うたびに上品な艶を纏い、オンとオフの時間をどちらも優雅に整えてくれる逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260705184451" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725135607" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260705184526" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->



<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">カード収納</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">4 箇所 （各ポケット 1 枚 ・ 計 4 枚）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">9.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">7.1 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅（開いた際）</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">14.6 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1.1 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 45 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725135632" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNjFMVVZFX1BCX1BFUjAx.jpg?cmsp_timestamp=20260725135711" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707215902" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T18:47:17+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510135_th.jpg?cmsp_timestamp=20260725135304" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192510017">
    <link>https://luarni.com/?pid=192510017</link>
    <title>VANT - ヴァント　単パスケース｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    170px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
<img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX21haW4wMg.jpg?cmsp_timestamp=20260705183051" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
改札を通る、決済端末にかざす。そんな日中の一瞬の手元をスマートに格上げしてくれる単パスケースです。中央に凹みを持たせた独自のポケット設計により、カードを守りながらも、指を掛けて即座にスライド可能。毎日触れるたびに滑らかな革質から上品な艶を纏い、深みのある色合いへ。ビジネスシーンにも美しくマッチし、移動や支払いの時間を優雅に変えてくれる逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX1BCX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260705183142" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX1BCX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725140032" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX1BCX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260705183210" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->



<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">カード収納</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">3 箇所 （各ポケット 1 枚 ・ 計 3 枚）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">6.6 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">10.5 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">0.6 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 28 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725140056" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/UEMzNTFWQU5UX1BCX1BFUjAx.jpg?cmsp_timestamp=20260705183302" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707215704" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-05T18:31:09+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192510017_th.jpg?cmsp_timestamp=20260725135852" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192499233">
    <link>https://luarni.com/?pid=192499233</link>
    <title>ALVO - アルヴォ　靴べらキーホルダー｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    70px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
<img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDFBTFZPX1BCX21haW4wMg.jpg?cmsp_timestamp=20260624115532" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
        お気に入りの小物は「靴を履く」という日常の動作にも小さな豊かさを生んでくれます。毎日お使い頂くことで足に当たる箇所にはいつのまにか上品な艶を纏い、色にも深みが出てきます。少しずつ育っていく経年変化をお楽しみ頂けるこだわりの逸品です。ビジネスシーンにもマッチするシンプルなデザイン。名入れも可能でプレゼントとしても大変ご好評を頂いております。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDFBTFZPX1BCX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260624120134" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDFBTFZPX1BCX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725140441" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDFBTFZPX1BCX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260624120207" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->


<!-- ==========================================================================
         &#128279; 【新設】付属品セクション（コックピットツマミ27番・28番完全連動版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-27」が、3色目スペック &#10132; 付属品見出し までの上の隙間（ツマミ27番）を制御します -->
    <!-- &#128161; 「tsumami-28」が、付属品キャプション &#10132; 見出しSize/Weight までの下の隙間（ツマミ28番）を制御します -->
    <div class="tsumami-27 tsumami-28" style="max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; box-sizing: border-box !important;">
      
      <!-- &#9997;&#65039; 1. 一番上に静かに佇む見出しタイトル（LUARNI大文字・極細ウェイト300） -->
      <div style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0 0 25px 0; text-align: center !important;">
        Accessories ｜ 付属品
      </div>

      <!-- &#128444;&#65039; 2. 中央の主役となる付属品画像：520pxの垂直直線グリッドに完全同期 -->
      <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto 15px auto !important; box-sizing: border-box !important;">
        <!-- ★【画像差し替え箇所】ここに「付属品（ミニキーリング）の画像」のURLを貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q09NX0tIX0tBTkFHVTAx.jpg?cmsp_timestamp=20260703170907" alt="">
      </div>

      <!-- &#9997;&#65039; 3. 画像の真下にキュッと密着する内訳キャプション（線を使わない、純粋な空気の空間クッション） -->
      <div style="width: 100%; padding: 0; font-size: 11px; line-height: 1.8; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; text-align: center !important;">
        <div style="font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing: 0.02em;">
          ミニキーリング 4個セット ※ご注文いただいた色と同色<br>
          <span style="font-size: 10px; color: #888888;">( 内訳：&#8960;10mm ×3 / &#8960;12mm ×1 )</span>
        </div>
      </div>

    </div>
    <!-- ==========================================================================
         &#128279; 付属品セクション終了
         ========================================================================== -->


<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">ループ仕様</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">固定式 （カシメ留め ・ 開閉はできません）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">付属品</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">ミニキーリング （4個セット × 1）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">12.0 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">5.0 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 23 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDBBTFZPX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725140504" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4NDFBTFZPX1BFUjAx.png?cmsp_timestamp=20260703175450" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 1.5;">
            左：1行刻印例 ｜ 右：2行刻印例
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707214630" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ こちらの製品は手縫いで縫製されています。手縫い糸は当初、蝋により色が濃くなっています。</span><br>
        ・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。<br>
        ・ モニター環境により、実際の色と異なる場合がございます。

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-03T22:19:48+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192499233_th.jpg?cmsp_timestamp=20260725140304" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192499089">
    <link>https://luarni.com/?pid=192499089</link>
    <title>CARO picco - カーロ・ピッコ　ミニループキーホルダー｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    70px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
<img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfbWFpbjAy.jpg?cmsp_timestamp=20260703221046" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
鍵を手に取り、ドアを開ける。そんな何気ない一瞬を心地よく、優雅な時間に変えてくれるキーホルダーです。カーロの持つ上質な佇まいはそのままに、小さなバッグやポケットにもすっきりと収まるミニマルなサイズに仕上げました。指にサッと掛けやすく、取り出しもスムーズ。毎日使うたびに上品な艶を纏い、小さな手のひらにもすっと心地よく馴染んでいく、収まりの良い逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260703215948" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725140949" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260703220017" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->


<!-- ==========================================================================
         &#128279; 【新設】付属品セクション（コックピットツマミ27番・28番完全連動版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-27」が、3色目スペック &#10132; 付属品見出し までの上の隙間（ツマミ27番）を制御します -->
    <!-- &#128161; 「tsumami-28」が、付属品キャプション &#10132; 見出しSize/Weight までの下の隙間（ツマミ28番）を制御します -->
    <div class="tsumami-27 tsumami-28" style="max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; box-sizing: border-box !important;">
      
      <!-- &#9997;&#65039; 1. 一番上に静かに佇む見出しタイトル（LUARNI大文字・極細ウェイト300） -->
      <div style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0 0 25px 0; text-align: center !important;">
        Accessories ｜ 付属品
      </div>

      <!-- &#128444;&#65039; 2. 中央の主役となる付属品画像：520pxの垂直直線グリッドに完全同期 -->
      <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto 15px auto !important; box-sizing: border-box !important;">
        <!-- ★【画像差し替え箇所】ここに「付属品（ミニキーリング）の画像」のURLを貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q09NX0tIX0tBTkFHVTAx.jpg?cmsp_timestamp=20260703170907" alt="">
      </div>

      <!-- &#9997;&#65039; 3. 画像の真下にキュッと密着する内訳キャプション（線を使わない、純粋な空気の空間クッション） -->
      <div style="width: 100%; padding: 0; font-size: 11px; line-height: 1.8; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; text-align: center !important;">
        <div style="font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing: 0.02em;">
          ミニキーリング 4個セット ※ご注文いただいた色と同色<br>
          <span style="font-size: 10px; color: #888888;">( 内訳：&#8960;10mm ×3 / &#8960;12mm ×1 )</span>
        </div>
      </div>

    </div>
    <!-- ==========================================================================
         &#128279; 付属品セクション終了
         ========================================================================== -->


<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->
          <tr style="border-bottom: 1px dotted #cccccc;">

            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">ループ仕様</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">固定式 （カシメ留め ・ 開閉はできません）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">付属品</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">ミニキーリング （4個セット × 1）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.8 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">8.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 16 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfUFRfR0c.jpg?cmsp_timestamp=20260725141017" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDJDQUxPcGlfUEJfUEVSMDE.jpg?cmsp_timestamp=20260725141047" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707214442" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-03T21:24:41+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192499089_th.jpg?cmsp_timestamp=20260725140747" /></foaf:topic>
  </item>

  <item rdf:about="https://luarni.com/?pid=192497722">
    <link>https://luarni.com/?pid=192497722</link>
    <title>CARO - カーロ　ループキーホルダー｜プエブロ</title>
    <description>




  /* &amp;#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !...</description>
<content:encoded><![CDATA[
<!-- ==========================================================================
     LUARNI：PRODUCT DETAIL - MASTER HTML（余白完全支配・トリプルカラー完全密着版）
     ========================================================================= -->

<!-- &#128204; 【余白コントロール・コックピット】
     ここでパソコン版（min-width: 768px）とスマホ版（max-width: 767px）の余白や行間をすべて個別に調整できます。
     数値（pxや倍率など）を書き換えるだけで、下のすべての隙間が自動的に同期します。 -->
<style type="text/css">

  /* &#128680; システム側のグレー背景干渉を強制リセット（触らなくてOKです） */
  .p-product-img__main-item:before { background: transparent !important; }
  .p-product-explain__start-container { padding-top: 0px !important; margin-top: 0px !important; }

  /* &#128187; 【パソコン環境：画面幅768px以上】の上下余白（隙間）＆行間の設定 */
  @media screen and (min-width: 768px) {
    .p-product-explain { padding-top:   30px !important; } /* 背景スタート &#10132; 見出しDETAIL */
    .tsumami-00 { padding-top:   20px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 25px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
    .tsumami-03 { margin-bottom: 100px !important; } /* コピー &#10132; 見出しColor Variations */
    
    /* &#9997;&#65039; 【メインコピー行間：PC版】 &#10132; パソコンの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.4 !important; }
    
    /* &#127912; 【カラーバリエーション共通ツマミ：PC版】 ---------------------------- */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */
    
    /* &#128161; 3色共通：それぞれの【カラー名】&#10132;【スペック詳細】までの隙間（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間 */
    .tsumami-07, .tsumami-10 { margin-bottom: 100px !important; } 
    /* ------------------------------------------------------------------------- */
    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：PC版】 */
    .tsumami-12 { margin-top:    100px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 100px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 15px !important; } /* アコーディオン同士の隙間（一括変更可能） */
    .tsumami-14 { margin-top:    10px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 20px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    10px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 20px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 10px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 50px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 0px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：PC版】 */
    .tsumami-21 { margin-top:    100px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 100px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    0px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 50px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
/* &#128279; 【付属品専用ツマミ：PC版】 ------------------------------------------ */
    .tsumami-27 { margin-top:    100px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 150px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */
  }

/* ================= ここからスマホ版設定 ===================== */

  /* &#128241; 【スマホ環境：画面幅767px以下】の上下余白（隙間）＆行間の設定 */
  @media screen and (max-width: 767px) {

    .p-product-explain { padding-top:   20px !important; } /* 背景スタート &#10132; 見出しDETAIL */

    .tsumami-00 { padding-top:   15px !important; } /* 見出しDETAIL &#10132; イメージ画像 */
    .tsumami-01 { margin-bottom: 0px !important; }   /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-02 { margin-bottom: 23px !important; } /* イメージ画像 &#10132; コピー（透明クッション連動） */
      
    /* &#9997;&#65039; 【メインコピー行間：スマホ版】 &#10132; スマホの行間だけを変えたいときは、この数値を書き換えてください */
    .p-product-explain__content .tsumami-03 { line-height: 2.0 !important; }


/* ========== Color Variations ========== */  
    .tsumami-03 { margin-bottom: 70px !important; } /* コピー &#10132; 見出しColor Variations */
  
    /* &#127912; 【カラーバリエーション共通ツマミ：スマホ版】 */
    .tsumami-04 { margin-bottom: 40px !important; } /* 見出しColor Variations &#10132; 1色目画像（透明クッション連動） */
    
    /* &#128161; 3色共通：それぞれの【画像】&#10132;【カラー名】までの隙間 */
    .tsumami-05, .tsumami-08, .tsumami-11 { margin-bottom: 0px !important; } /* &#10024; 【ここだけ触る！】3色共通で隙間を変えたいときは、この0pxを書き換えてください */
    .tsumami-05 p, .tsumami-08 p, .tsumami-11 p { margin-top: 0px !important; } /* &#9888;&#65039; 【触らない！】文字のズレを防ぐ安全装置（0px固定） */

    /* &#128161; 3色共通：カラー名 &#10132; スペック（全色強制完全リセット） */
    .tsumami-06 p, .tsumami-09 p, .tsumami-06 + div p, .tsumami-09 + div p, .tsumami-11 + div p { margin-bottom: 0px !important; } 
    
    /* &#128161; 共通：【上の色スペック】&#10132;【次の色の画像】までの隙間（&#10024; スマホ版に完全復活） */
    .tsumami-07, .tsumami-10 { margin-bottom: 60px !important; } 
/* ================================ */ 

/* &#128279; 【付属品専用ツマミ：スマホ版】 --------------------------------------- */
    .tsumami-27 { margin-top:    70px !important; } /* 3色目スペック &#10132; 付属品見出し（専用独立スイッチ） */
    .tsumami-28 { margin-bottom: 90px !important; } /* 付属品キャプション &#10132; 見出しSize/Weight（専用独立スイッチ） */
    /* ------------------------------------------------------------------------- */

    
    /* &#128204; 【サイズ表 ＆ アコーディオン周り：スマホ版】 */
    .tsumami-12 { margin-top:    70px !important; } /* 3色目スペック &#10132; 見出しSize/Weight（専用独立スイッチ） */
    .tsumami-13 { margin-top:    20px !important; } /* 見出しSize/Weight &#10132; サイズ表 */
    .tsumami-accordion-gap { margin-top: 50px !important; } /* サイズ表 &#10132; アコーディオン1 */
    
    /* &#128161; アコーディオン同士の隙間（&#10024; スマホ版に完全復活・一括変更可能） */
    .tsumami-accordion-gap .js-guide-item { margin-bottom: 10px !important; } 
    
    .tsumami-14 { margin-top:    15px !important; } /* アコーディオン1開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-15 { margin-bottom: 25px !important; } /* 最初の画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-16 { margin-top:    15px !important; } /* アコーディオン2開く &#10132; 最初の画像（上余白で制御） */
    .tsumami-17 { margin-bottom: 25px !important; } /* アコーディオン2画像 &#10132; コピーの始まり（クッション連動） */
    .tsumami-18 { margin-bottom: 15px !important; } /* アコーディオン3開く &#10132; 最初のコピー */
    .tsumami-19 { margin-bottom: 30px !important; } /* 最初のコピー &#10132; 画像1 */
    .tsumami-20 { padding-bottom: 15px !important; } /* 2つ目画像キャプション &#10132; 名入れ詳細について */

    /* &#128204; 【後半セクション：スマホ版】 */
    .p-product-explain__content .tsumami-21 { margin-top: 55px !important; } /* アコーディオン3 &#10132; 見出しAttention（透明クッション連動） */
    .tsumami-22 { margin-bottom: 10px !important; } /* 見出しAttention &#10132; 内容（透明クッション連動） */
    .tsumami-23 { margin-bottom: 50px !important; } /* 注意書き内容 &#10132; 見出しLead Time（登録完了） */
    .tsumami-24 { margin-top:    45px !important; } /* &#9888;&#65039; 【触らない！】どこにも繋がっていない予備スイッチです */
    .tsumami-25 { margin-bottom: 10px !important; } /* 見出しLead Time &#10132; ご注文確定日（透明クッション連動） */
    .tsumami-26 { padding-bottom: 25px !important; } /* ご注文確定日 &#10132; 全全体の最下部（グレー背景終わり） */
  }

  /* &#128737;&#65039; ベース構造ルール：PCコピー600px、その他520pxを完璧に維持 */
  .p-product-explain__content { width: 100% !important; margin: 0 auto !important; box-sizing: border-box !important; }
  @media screen and (min-width: 768px) {
    .p-product-explain__content { max-width: 600px !important; }
    .js-guide-item { max-width: 520px !important; margin: 0 auto !important; }
  }
  
  /* &#128241; スマホ環境：メイン画像の下からすべてを美しく 320pxの幅に制限 */
  @media screen and (max-width: 767px) {
    .p-product-explain__content { max-width: 320px !important; }
    .p-product-explain__content img { max-width: 100% !important; height: auto !important; }
    .p-product-explain__size-table table { width: 100% !important; max-width: 320px !important; }
  }

  .js-guide-item { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; }

/* &#128444;&#65039; メインイメージ画像：外枠のサイズ制限を強制突破して完全修復 */
  
  /* &#128187; パソコン環境（768px以上）：520pxの枠を無視して「幅700px」で中央配置 */
  @media screen and (min-width: 768px) {
    .tsumami-00 {
      width: 700px !important;
      max-width: 700px !important;
      /* 狭い外枠の中にいながら、700pxの幅を維持して画面中央に座らせる特殊計算 */
      margin-left: calc(50% - 350px) !important;
      margin-right: auto !important;
      padding: 0 !important;
    }
    .main-image-container {
      width: 100% !important;
      text-align: center !important;
    }
    .main-image-container img {
      width: 700px !important;
      max-width: 700px !important;
      height: auto !important;
      display: inline-block !important;
    }
  }

  /* &#128241; スマホ環境（767px以下）：狭い320pxの枠を突き破って「画面の左右いっぱいに100%」密着 */
  @media screen and (max-width: 767px) {
    .tsumami-00 {
      width: 100vw !important; /* 320pxの制限を完全に無視し、スマホの画面幅100%にする命令 */
      position: relative !important;
      left: 50% !important;
      transform: translateX(-50%) !important; /* 画面の真ん中を起点に左右いっぱいに広げる安全装置 */
      margin: 0 !important;
      padding: 0 !important;
      overflow: hidden !important;
    }
    .main-image-container {
      width: 100% !important;
      padding: 0 !important;
      margin: 0 !important;
    }
    .main-image-container img {
      width: 100% !important; /* 画面幅ぴったりに引き伸ばす */
      max-width: 100% !important;
      height: auto !important;
      margin: 0 !important;
      display: block !important;
    }
  }

</style>




  <!-- &#128161; 「tsumami-00」が、見出しDETAIL &#10132; イメージ画像 までの隙間（ツマミ00番）を制御します -->
  <div class="tsumami-00">
    <!-- &#128444;&#65039; 画像を中央に配置し、出し分けを可能にする外枠（別枠指定） -->
    <div class="main-image-container">
      <!-- ★【画像差し替え箇所】ここに「メインのルックブック画像」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
<img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX21haW4wMg.jpg?cmsp_timestamp=20260703193454" alt="">
    </div>
  </div>

  <!-- &#128161; 「tsumami-02」を独立したクッションとして配置し、イメージ画像 &#10132; コピー までの隙間を確実に押し広げます -->
  <div class="tsumami-02" style="display: block !important; width: 100% !important; clear: both !important;"></div>

  <!-- &#128204; 【項目2】コンテンツエリアの大枠 -->
  <div class="p-product-explain__content">

    <!-- &#128161; イントロ（明朝体エリア：情緒的な解説文ストーリー） -->
    <div style="font-family: 'Noto Serif JP', serif; text-align: center; max-width: 600px !important; margin: 0 auto !important; box-sizing: border-box !important;">
      <!-- &#128161; 「tsumami-03」が、コピー &#10132; 見出しColor Variations までの下の隙間を完全に制御します -->
      <div class="tsumami-03" style="font-family: 'Noto Sans JP', sans-serif; font-size: 12px; text-align: justify; line-height: 2.4; color: #555555; letter-spacing: 0.05em;">

        <!-- ★【テキスト変更箇所】ここへ製品の「イントロ解説文」を書き換えてください -->
鍵を手に取り、ドアを開ける。そんな何気ない一瞬を心地よく、優雅な時間に変えてくれるループキーホルダーです。毎日手の中に収まるたびに滑らかな革質から上品な艶を纏い、いつのまにか自分の一部のような安心感が馴染んできます。掌に収まる流線型のフォルムは、指を掛けやすくバッグからの取り出しもスムーズ。ビジネスシーンの佇まいにも美しくマッチする逸品です。

      </div>
    </div>

<!-- &#128161; 【項目3】カラーバリエーション（見出しタイトル） -->
    <div class="p-product-explain__section" style="max-width: 520px !important; margin: 0 auto !important; text-align: center; box-sizing: border-box !important;">
      <p style="font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; margin: 0;">Color Variations</p>
    </div>

    <!-- &#128161; 「tsumami-04」を独立したクッションとして配置し、見出しColor Variations &#10132; 1色目画像 までの隙間を確実に押し広げます -->
    <div class="tsumami-04" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- 各色スペックの並び -->
    <div style="text-align: center;">

      <!-- ▼ 【カラー1】PETROLIO（ペトローリオ）の塊 -->
      <div class="tsumami-05">
        <!-- ★【画像差し替え】ペトローリオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX2RldGFpbF9QVA.jpg?cmsp_timestamp=20260703183210" alt="">
      </div>

      <!-- &#128161; 「tsumami-06」が、1色目キャプション1 &#10132; 1色目キャプション2までの下余白（ツマミ6番）です -->
      <div class="tsumami-06">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Petrolio ｜ ペトローリオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-07」が、1色目キャプション2 &#10132; 2色目画像までの下余白（ツマミ7番）です -->
        <div class="tsumami-07" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃緑</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>

     <!-- ▼ 【カラー2】GRIGIO（グリージオ）の塊 -->
      
      <!-- &#128161; 「tsumami-08」が、2色目画像 &#10132; 2色目スペックキャプションまでの下余白（ツマミ8番）です -->
      <div class="tsumami-08">

        <!-- ★【画像差し替え】グリージオの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX2RldGFpbF9HRw.jpg?cmsp_timestamp=20260725141353" alt="">

      </div>

      <!-- &#128161; 「tsumami-09」が、2色目キャプション1 &#10132; 2色目キャプション2までの下余白（ツマミ9番）です -->
      <div class="tsumami-09">
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <!-- &#128161; 【余白調整】下の「margin-bottom: 12px;」の数字を小さくすると、すぐ下のスペック詳細との隙間が縮まります -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Grigio ｜ グリージオ</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <!-- &#128161; 「tsumami-10」が、2色目キャプション2 &#10132; 3色目画像までの下余白（ツマミ10番）です -->
        <div class="tsumami-10" style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：濃グレー</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>


<!-- ▼ 【カラー3】BLACK（ブラック）の塊（完全同期版） -->
      
      <!-- &#128161; コックピットの「tsumami-11」：画像 &#10132; カラー名 までの隙間 -->
      <div class="tsumami-11">
       
 <!-- ★【画像差し替え】ブラックの画像を貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX2RldGFpbF9CSw.jpg?cmsp_timestamp=20260703183236" alt="">

      </div>

      <!-- &#128161; コックピットの共通設定：カラー名 &#10132; スペック詳細 までの隙間（他色と完全自動同期） -->
      <div>
 
        <!-- ★【テキスト変更】カラー名英語 ｜ 日本語 -->
        <p style="font-size: 12px; letter-spacing: 0.15em; color: #333333; font-weight: 300; margin-top: 0px; margin-bottom: 10px; text-transform: uppercase; font-family: 'Inter', sans-serif;">Black ｜ ブラック</p>
        
        <!-- ★【テキスト変更】革・糸・コバのスペック詳細 -->
        <div style="font-size: 11px; letter-spacing: 0.06em; color: #666666; line-height: 2.0; font-weight: 300; white-space: nowrap !important;">

          <span style="letter-spacing: 0.44em; margin-right: -0.44em;">革</span>：プエブロ<span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">糸</span>：ブラック</span><span style="margin-left: 20px;"><span style="letter-spacing: 0.44em; margin-right: -0.44em;">コバ</span>：ブラック</span>

        </div>
      </div>
    </div> <!-- &#128072; カラーバリエーション全体の並び（text-align: center）の大枠をここで閉じます -->


<!-- ==========================================================================
         &#128279; 【新設】付属品セクション（コックピットツマミ27番・28番完全連動版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-27」が、3色目スペック &#10132; 付属品見出し までの上の隙間（ツマミ27番）を制御します -->
    <!-- &#128161; 「tsumami-28」が、付属品キャプション &#10132; 見出しSize/Weight までの下の隙間（ツマミ28番）を制御します -->
    <div class="tsumami-27 tsumami-28" style="max-width: 520px; margin-left: auto; margin-right: auto; text-align: center; box-sizing: border-box !important;">
      
      <!-- &#9997;&#65039; 1. 一番上に静かに佇む見出しタイトル（LUARNI大文字・極細ウェイト300） -->
      <div style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0 0 25px 0; text-align: center !important;">
        Accessories ｜ 付属品
      </div>

      <!-- &#128444;&#65039; 2. 中央の主役となる付属品画像：520pxの垂直直線グリッドに完全同期 -->
      <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto 15px auto !important; box-sizing: border-box !important;">
        <!-- ★【画像差し替え箇所】ここに「付属品（ミニキーリング）の画像」のURLを貼ってください -->
        <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/Q09NX0tIX0tBTkFHVTAx.jpg?cmsp_timestamp=20260703170907" alt="">
      </div>

      <!-- &#9997;&#65039; 3. 画像の真下にキュッと密着する内訳キャプション（線を使わない、純粋な空気の空間クッション） -->
      <div style="width: 100%; padding: 0; font-size: 11px; line-height: 1.8; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; text-align: center !important;">
        <div style="font-family: 'Noto Sans JP', sans-serif; font-weight: 300; letter-spacing: 0.02em;">
          ミニキーリング 4個セット ※ご注文いただいた色と同色<br>
          <span style="font-size: 10px; color: #888888;">( 内訳：&#8960;10mm ×3 / &#8960;12mm ×1 )</span>
        </div>
      </div>

    </div>
    <!-- ==========================================================================
         &#128279; 付属品セクション終了
         ========================================================================== -->


<!-- &#128161; 【項目4】サイズ見出しタイトル（LUARNI大文字・PC/スマホ別余白ルール適用） -->
    <!-- &#128161; 「tsumami-12」が、3色目スペック（キャプション2） &#10132; 見出し「Size / Weight」までの下余白（ツマミ12番専用スイッチ）です -->
    <div class="p-product-explain__section tsumami-12" style="text-align: center;">
      <p style="font-size: 13px; color: #555555; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Spec / Size</p>
    </div>

    <!-- &#128161; サイズ・重さセクション（520px等幅点線テーブル：両端寄せホテルライクスタイル） -->
    <!-- &#128161; 「tsumami-13」で、見出しSize/Weight &#10132; サイズ表 までの上の隙間を1px単位で完全に支配します -->
    <div class="p-product-explain__size-table tsumami-13" style="font-size: 11px; line-height: 2.4; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; clear: both !important;">
      <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">

        <table style="width: 100%; border-collapse: collapse; margin-top: 0 !important; margin-bottom: 0 !important;">
          <!-- ★【数値変更箇所】それぞれの製品サイズを書き換えてください -->

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">ループ仕様</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">固定式 （カシメ留め ・ 開閉はできません）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">付属品</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">ミニキーリング （4個セット × 1）</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">縦幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">2.8 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">横幅</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">10.7 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">厚み</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">1.9 cm</td>
          </tr>

          <tr style="border-bottom: 1px dotted #cccccc;">
            <td style="padding: 10px 0; text-align: left; letter-spacing: 0.44em; font-weight: 300;">重さ</td>
            <td style="padding: 10px 0; text-align: right; font-family: 'Inter', sans-serif; font-weight: 300; letter-spacing: 0.05em;">約 18 g</td>
          </tr>

        </table>
      </div>
    </div>


    <!-- ==========================================================================
         &#128450;&#65039; 【アコーディオン格納エリア】（パソコン版：520px直線同期 ＆ 超極細下線版）
         ========================================================================== -->
    <!-- &#128161; 「tsumami-accordion-gap」が、アコーディオン同士の上下の隙間（ツマミ共通）です -->
    <div class="p-shopguide-column tsumami-accordion-gap" style="padding: 0 !important; margin: 0 auto;">
      <style>
        /* &#128737;&#65039; 高級感を演出する超極細の下線ルール */
        .js-guide-item {
          border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; /* 空気のように薄い極細線 */
        }
        
        /* &#128187; パソコン環境（画面幅768px以上）でサイズ表（520px）と完全直線同期させる */
        @media screen and (min-width: 768px) {
          .js-guide-item {
            max-width: 520px !important; /* アコーディオンの横幅を520pxに制限 */
            margin: 0 auto !important;   /* 中央寄せ */
          }
        }
      </style>


      <!-- &#128274; 【アコーディオン 2】MATERIAL -->
      <div class="p-shopguide-box js-guide-item">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">

          <!-- ★【テキスト変更】見出しタイトル（スマホ対応スリム版） -->
          <span>Pueblo Leather ｜ 素材について</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-16」が、アコーディオン2開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-16">

            <!-- ★【画像エリア】 -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/TUFURVJJQUxfUEI.jpg?cmsp_timestamp=20260624115642" alt="">

          </div>

          <!-- &#128161; 「tsumami-17」を独立したクッションとして配置し、最初の画像 &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-17" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【テキスト変更】素材のこだわり文章（最下部に自動で1行分の余白を持たせています） -->
          <div style="font-family: 'Noto Serif JP', serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #444444; padding-bottom: 2.4em !important;">
            イタリアの伝統的なバケッタ製法をベースに、革の表面をあえて真鍮ブラシで毛羽立たせた「プエブロ」。最初の状態は、和紙のようなマットで独特の質感が特徴です。しかし、使い込むほどに表面の毛羽立ちが寝ていき、中からオイルが染み出すことで、驚くほど短期間で劇的な変化を見せてくれます。<br><br>
            艶やかな光沢を纏い、色は深く、重厚感のある表情へ。他の革では味わえない「育てる楽しみ」を、最もダイレクトに感じていただける希少な皮革です。
          </div>
        </div>
      </div>



      <!-- &#128274; 【アコーディオン 1】PUEBLO COLOR -->
      <div class="p-shopguide-box js-guide-item">
        <!-- &#128161; line-height: 1.6 !important; を追加し、スマホでの2行改行時の行間を美しく広げました -->
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important; line-height: 1.6 !important;">

          <!-- &#9997;&#65039; 見出しタイトル -->
          <span>Petrolio & Grigio ｜ ペトローリオとグリージオについて</span>

          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>

        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128161; 「tsumami-14」が、アコーディオン開く &#10132; 最初の画像 までの上の隙間を制御します -->
          <div class="tsumami-14">
            <!-- ★【画像エリア】ここにペトローリオとグリージオが並んだ画像を貼ってください -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX1BUX0dH.jpg?cmsp_timestamp=20260725141434" alt="">
          </div>

          <!-- &#10024;【新設キャプション】名入れ仕様の画像下1行テキスト（余白連動ルール内蔵） -->
<p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 0 auto; font-weight: 300; line-height: 1.5;">
  左：ペトローリオ ｜ 右：グリージオ
</p>

          <!-- &#128161; 「tsumami-15」を独立したクッションとして配置し、キャプション &#10132; コピーの始まり までの隙間を確実に押し広げます -->
          <div class="tsumami-15" style="display: block !important; width: 100% !important; clear: both !important;"></div>

          <!-- &#9997;&#65039; ストーリー解説文（最下部のアコーディオン線との「1行分のゆとり空間」を自動維持しています） -->
          <div style="font-family: 'Noto Sans JP', sans-serif; text-align: justify; max-width: 520px; margin: 0 auto; font-size: 12px; line-height: 2.4; letter-spacing: 0.05em; color: #555555; padding-bottom: 2.4em !important;">
            
            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Petrolio（ペトローリオ）</span>
            深みのある青緑から、徐々に熟成された深緑を帯びたダークトーンへと深化します。室内の穏やかな光と太陽光の下で全く異なる表情を見せる、最も神秘的なカラーです。画面越しではすべてを表現しきれない実物の奥深さをお愉しみください。<br><br>

            <span style="font-weight: 400; color: #333333; display: block; margin-bottom: 5px;">■ Grigio（グリージオ）</span>
            グレーの中にほんのりとカーキ（新緑色）やブラウンのニュアンスを混ぜ込んだ非常に繊細なアースカラーです。画面の環境や撮影時の光（太陽光か室内の灯りか）によって、時には茶色っぽく、時には深みのあるオリーブのようにも映ります。「一般的な無機質のグレー」とは異なり、天然の土や植物を連想させる温かみのある複雑な発色であるため、お届け時に画面との色味のギャップを最も感じやすいカラーでもあります。しかし、ひとたび使い込めば、元の色が想像つかないほど深みのある「艶やかなダークブラウン」へと劇的な深化を遂げます。実物だけが持つ、言葉で表現しきれない奥深いニュアンスをぜひ五感でお愉しみください。<br><br>

            これら2つのカラーは、数ある革の中でも「特にエイジングのスピードが早い」という個性を持っています。和紙のようなマットな質感が、驚くほど短期間で潤いのある上品な艶を纏い、急速に色に深みを増していきます。美しい初期カラーの期間が短いことは、ある種の贅沢な悩みかもしれません。しかし、日々手のひらの中で「今、この瞬間しか見られない色」へと変わりゆくそのスピード感は、プエブロレザーでしか味わえない育てる大人の愉しみです。

          </div>
        </div>
      </div>



<!-- &#128274; 【アコーディオン 3】PERSONALIZATION（URL一括丸ごと貼り替え対応 ＆ スマホはみ出し自動リセット版） -->
      <div class="p-shopguide-box js-guide-item" id="personalization-accordion">
        <h3 class="p-shopguide-box__ttl js-guide-toggle" style="width: 100%; padding: 16px 0; background: transparent; font-size: 13px; color: #333333; letter-spacing: 0.25em; text-transform: uppercase; font-family: 'Inter', sans-serif; text-align: left; cursor: pointer; font-weight: 300; margin: 0; display: flex !important; justify-content: space-between !important; align-items: center !important; border: none !important;">
          <span>Personalization ｜ 名入れ刻印について</span>
          <span class="l-accordion-icon" style="font-family: 'Inter', sans-serif; font-size: 14px; font-weight: 300; letter-spacing: 0; transition: transform 0.3s ease;">＋</span>
        </h3>
        
        <div class="p-shopguide-box__body js-guide-content" style="display: none; padding: 0; text-align: center;">
          
          <!-- &#128187;&#128241; コックピット連動ツマミ18番 -->
          <div class="tsumami-18" style="display: block !important; width: 100% !important; clear: both !important; height: 0px !important;"></div>

          <!-- ★【テキスト変更】名入れの導入文章 -->
          <p style="font-size: 12px; color: #555555; letter-spacing: 0.05em; line-height: 2.4; max-width: 520px; margin: 0 auto; text-align: left; font-weight: 300;">
            製品の一部に刻印による名入れが可能です。素押し、または箔押し（シルバー・ゴールド）にて一点一点丁寧に仕上げてお届けいたします。
          </p>
          
          <!-- &#128274; LUARNI 名入れの重要ルール（特注の丁寧な案内状スタイル：サイズ・行間完全同期版） -->
          <div style="max-width: 520px; margin: 25px auto 0 auto; text-align: left; font-family: 'Inter', 'Noto Sans JP', sans-serif; font-weight: 300; font-size: 11px; color: #555555; line-height: 2.2; letter-spacing: 0.05em;">
            <div style="margin-bottom: 8px;">【対応刻印文字・文字数について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・文字刻印は、アルファベット（大文字・小文字）、数字、記号（ 【.】 【,】 【&】 ）がご使用いただけます。</li>
              <li>・1行あたり【最大8文字】までとなります。</li>
              <li>・スペース（空白）やピリオド等もすべて1文字としてカウントされます。</li>
              <li>・ドットを使った日付などの【数字のみ】の場合は、【最大10文字】まで対応可能です。<br>※日付の区切りには【.】の使用を推奨しております。</li>
              <li>・上記文字数を超える場合は、製品構造による安全ラインを確認いたしますので【事前に一度ご相談】ください。</li>
            </ul>

            <div style="margin-bottom: 8px;">【刻印文字の在庫数制限について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・特定のアルファベットの連続や記号の重複など、文字内容によっては物理的な刻印文字の在庫数の関係で製作をお受けできない場合がございます。（記号の【&】は全体で1個まで、 【.】と【,】は各5個までの制限がございます）</li>
              <li>・その際は個別にご相談のメールをお送りいたします。（入力時にエラーが出た場合は上限数を超えています）</li>
            </ul>

            <div style="margin-bottom: 8px;">【お支払い方法に関する重要なお願い】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0 0 20px 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、製品の性質上【代金引換（お届け時払い）】はご利用いただけません。</li>
              <li>・お支払い方法は必ず【クレジットカード】または【銀行振込（前払い）】をお選びください。万が一、代引きを選ばれた場合は、前払いへの変更依頼メールをお送りいたします。</li>
            </ul>

            <!-- &#128274; 【完全同期】上の3ブロックとフォントサイズ・行間2.2・文字間0.05emを1pxの狂いもなく完全統一 -->
            <div style="margin-bottom: 8px;">【ご注文のキャンセル・変更について】</div>
            <ul style="list-style: none; padding-left: 0; margin: 0;">
              <li>・名入れ商品は完全受注生産（オーダーメイド）のため、お支払い手続きおよびご注文確定後のキャンセル・内容変更は製品の性質上承れません。</li>
              <li>・刻印する文字（大文字・小文字・スペル・ドットの位置など）に間違いがないか、カートに入れる前に今一度手元でのご確認をお願いいたします。</li>
            </ul>
          </div>

          <!-- &#128187;&#128241; コックピット連動ツマミ19番 -->
          <div class="tsumami-19" style="display: inline-block !important; width: 100% !important; clear: both !important;"></div>

          <!-- ★【画像エリア1】名入れ見本画像1（1行・2行刻印見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <style type="text/css">.main-image-container img { max-width: 100% !important; width: auto !important; margin: 0 auto !important; }</style>
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像1」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/S0g4MDFDQUxPX1BCX1BFUjAx.jpg?cmsp_timestamp=20260703210723" alt="">
          </div>
          
          <!-- ★【テキスト変更】1行・2行のサンプルキャプション -->
          <p style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 40px auto; font-weight: 300; line-height: 2.0;">
            こちらの製品の名入れは1行で最大8文字まで ※ドットを使った日付などの「数字のみ」の場合は、最大10文字まで対応可能です。
          </p>

          <!-- ★【画像エリア2】名入れ見本画像2（加工種類見本） -->
          <!-- &#128161; 外枠に「スマホ時のはみ出しリセット命令」を完全内蔵したため、下のimg行はURL入りを丸ごとコピペで100%きれいに収まります -->
          <div class="main-image-container" style="width: 100% !important; max-width: 520px !important; margin: 0 auto !important; box-sizing: border-box !important;">
            <!-- ★【画像差し替え箇所】ここに「名入れ見本画像2」のURLを貼ってください（クラス指定なしでそのまま貼れます） -->
            <img src="https://img09.shop-pro.jp/PA01041/100/etc_base64/REVUX1BFUjAx.png?cmsp_timestamp=20260707214204" alt="">
          </div>
          
          <!-- ★【テキスト変更】加工種類のサンプルキャプション -->
          <!-- &#128187;&#128241; コックピット連動ツマミ20番 &#10132; 開いた際の底辺線とのゆとり空間 -->
          <p class="tsumami-20" style="font-size: 11px; color: #666666; font-family: 'Inter', 'Noto Sans JP', sans-serif; letter-spacing: 0.08em; text-align: left; max-width: 520px; margin: 15px auto 45px auto; font-weight: 300; line-height: 1.5;">
            左：素押し ｜ 中央：シルバー箔押し ｜ 右：ゴールド箔押し
          </p>

        </div>
      </div>
    <!-- ==========================================================================
         &#128450;&#65039; アコーディオンエリア終了
         ========================================================================== -->


    <!-- &#128204; 【項目5】注意書きエリア（最終調律：四角枠排除＆見出し赤指定の完璧な垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-21」を独立したクッションとして配置し、アコーディオン3 &#10132; 見出しAttention までの上の隙間を確実に押し広げます -->
    <div class="tsumami-21" style="display: block !important; width: 100% !important; clear: both !important;"></div>
    
    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #b55d5d !important; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Attention ｜ ご注意</p>
    </div>

    <!-- &#128161; 「tsumami-22」を独立したクッションとして配置し、見出しAttention &#10132; 注意書き内容 までの下の隙間を確実に押し広げます -->
    <div class="tsumami-22" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <div style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】必要に応じて箇条書きの内容を修正してください -->
      <!-- &#128161; 「tsumami-23」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ23番）です -->
      <div class="tsumami-23" style="font-size: 12px; color: #555555; line-height: 2.2; letter-spacing: 0.05em; font-weight: 300;">

        <span style="color: #b55d5d;">・ 天然皮革のため、もともとの傷や筋が含まれる場合がございます。。</span><br>
        ・ モニター環境により、実際の色と異なる場合がございます。<br>
        

      </div>
    </div>

    <!-- &#128204; 【項目6】発送目安エリア（最終調律：LEAD TIME 案A・お支払い完了後・垂直直線グリッド） -->
    <!-- &#128161; 「tsumami-24」が、注意書き内容 &#10132; 見出し「Lead Time」までの下余白（ツマミ24番：現在は予備のため触らなくてOK）です -->
    <div class="p-product-explain__section tsumami-24" style="max-width: 520px; margin: 0 auto; text-align: left; box-sizing: border-box !important;">
      <p style="font-size: 13px; letter-spacing: 0.25em; color: #555555; text-transform: uppercase; font-family: 'Inter', sans-serif; font-weight: 300; margin: 0;">Lead Time ｜ 発送目安</p>
    </div>

    <!-- &#128161; 「tsumami-25」を独立したクッションとして配置し、見出しLead Time &#10132; 納期テキスト までの隙間を確実に押し広げます -->
    <div class="tsumami-25" style="display: block !important; width: 100% !important; clear: both !important;"></div>

    <!-- &#128161; 「tsumami-26」が、納期テキスト &#10132; グレー背景終わり（一番下）までの下余白（ツマミ26番）を単独で美しく制御します -->
    <div class="tsumami-26" style="max-width: 520px; margin: 0 auto; text-align: left; font-family: 'Noto Sans JP', sans-serif; box-sizing: border-box !important;">
      <!-- ★【テキスト変更】納期目安テキスト（お支払い完了後の文言追加済み） -->
      <p style="font-size: 13px; letter-spacing: 0.1em; color: #222222; line-height: 1.8; margin: 0; font-weight: 400;">
        ご注文確定日（お支払い完了後）より3週間 ｜ 受注生産
      </p>
    </div>

  </div> <!-- /.p-product-explain__content -->

</div> <!-- /.p-product-explain__start-container （薄グレー背景エリアの完全終了） -->


<!-- &#128736;&#65039; ＋とーを連動させるためのJavaScriptの追加（安全装置） -->
<script>
  document.querySelectorAll('.js-guide-toggle').forEach(toggle => {
    toggle.addEventListener('click', () => {
      const item = toggle.closest('.js-guide-item');
      const icon = toggle.querySelector('.l-accordion-icon');
      
      if (icon.textContent === '＋') {
        icon.textContent = '−';
      } else {
        icon.textContent = '＋';
      }
    });
  });
</script>
]]></content:encoded>
    <dc:date>2026-07-03T18:11:17+09:00</dc:date>
    <dc:creator>LUARNI</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img09.shop-pro.jp/PA01041/100/product/192497722_th.jpg?cmsp_timestamp=20260725141205" /></foaf:topic>
  </item>

</rdf:RDF>