<?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://quatrogats.com/?mode=rss">
    <title>小さい財布の小さいふ。クアトロガッツ　公式Webshop</title>
    <link>https://quatrogats.com/</link>
    <description>小さい財布・ミニ財布の「小さいふ」クアトロガッツ公式通販。お財布が小さくなればあなたはもっと自由になれる。「旅、遊び、アート」をコンセプトに様々なアート、カルチャーとコラボを行うミニ財布・コンパクト財布のリーディングブランドです。栃木レザーをメインに本物の革にこだわり、大阪にある革工房ですべてハンドメイドで製作しています。本革の小さい財布「小さいふ」のカラーバリエーションは1000色以上。カラフルな革財布・革小物を製作しています。</description>
    <dc:language>ja</dc:language>
    <dc:creator>Color Me Shop!pro</dc:creator>
    <items>
      <rdf:Seq>
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192875250" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192732135" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192621131" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192455212" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192324436" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=192308692" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976480" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976475" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976467" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976458" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976416" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976412" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191976379" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191975084" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=191975078" />
      </rdf:Seq>
    </items>
    </channel>

  <item rdf:about="https://quatrogats.com/?pid=192875250">
    <link>https://quatrogats.com/?pid=192875250</link>
    <title>小さいふ。コンチャ｜PEACE IS THE WAY 平和こそ道｜栃木レザー・本革｜小さい財布・ミニ財布・コンパクト財布</title>
    <description>
#peace-lp{
  --pl-wall:#d2d4d3; --pl-paper:transparent; --pl-ink:#12181d;
  --pl-gold:#d19c4e; --pl-green:#0d3928; --pl-red:#dd141c;
  --pl-en:&#039;Avenir Next Condensed&#039;,&#039;Arial Narrow&#039;,&#039;Helvetica Neue&#039;,sans-serif;
  --pl-jp:&#039;Hiragino Kaku Gothic Pro...</description>
<content:encoded><![CDATA[
<style>
#peace-lp{
  --pl-wall:#d2d4d3; --pl-paper:transparent; --pl-ink:#12181d;
  --pl-gold:#d19c4e; --pl-green:#0d3928; --pl-red:#dd141c;
  --pl-en:'Avenir Next Condensed','Arial Narrow','Helvetica Neue',sans-serif;
  --pl-jp:'Hiragino Kaku Gothic ProN','Hiragino Sans',sans-serif;
  --pl-jpw:'Hiragino Sans','Hiragino Kaku Gothic ProN',sans-serif;
  --pl-ease:cubic-bezier(.23,1,.32,1);
  font-family:var(--pl-jp);
  color:var(--pl-ink);
  background:var(--pl-paper);
  margin:0 auto;
  max-width:760px;
  line-height:1.9;
}
#peace-lp *{margin:0;padding:0;box-sizing:border-box}
#peace-lp blockquote,#peace-lp figure,#peace-lp p,#peace-lp h1,#peace-lp h2,#peace-lp h3{
  background:none;border:0;border-radius:0;box-shadow:none;text-indent:0}
#peace-lp blockquote::before,#peace-lp blockquote::after{content:none;display:none}
#peace-lp img{max-width:100%;height:auto;display:block}
#peace-lp figure{margin:0}
#peace-lp .pl-herotype{position:relative;overflow:hidden;padding:58px 26px 46px;background:var(--pl-paper)}
#peace-lp .pl-heromark{position:absolute;top:-66px;right:-70px;width:300px;transform:rotate(8deg)}
#peace-lp .pl-heromark img{width:100%;height:auto}
@media (max-width:480px){
  #peace-lp .pl-heromark{top:-47px;right:-52px;width:203px}
}
#peace-lp .pl-herodate{font-family:var(--pl-en);font-weight:600;font-size:13px;letter-spacing:.5em;color:rgba(18,24,29,.55);margin-bottom:18px;position:relative}
#peace-lp .pl-heroh{font-family:var(--pl-en);font-weight:700;font-size:clamp(58px,16vw,96px);line-height:.92;letter-spacing:.01em;position:relative}
#peace-lp .pl-heroh .pl-red{color:var(--pl-red)}
#peace-lp .pl-heroh .pl-outline{color:transparent;-webkit-text-stroke:1.5px var(--pl-ink)}
#peace-lp .pl-banner img{width:100%;height:auto}
#peace-lp .pl-lead{background:var(--pl-wall);padding:44px 26px;text-align:center}
#peace-lp .pl-lead .pl-eyebrow{margin-bottom:16px}
#peace-lp .pl-lead h2{font-size:19px;font-weight:600;letter-spacing:.12em;line-height:2}
#peace-lp .pl-lead .pl-anchor{font-size:13px;letter-spacing:.2em;color:rgba(18,24,29,.62);margin-top:14px}
#peace-lp .pl-lead .pl-leadbody{font-size:13.5px;line-height:2.3;color:rgba(18,24,29,.88);margin-top:24px;text-align:left;max-width:560px;margin-left:auto;margin-right:auto}
#peace-lp .pl-eyebrow{font-family:var(--pl-en);font-weight:600;font-size:14px;letter-spacing:.42em;color:var(--pl-gold)}
#peace-lp .pl-badge{width:34px;height:34px;border-radius:50%;background:var(--pl-green);color:#f2eddd;font-family:var(--pl-en);font-size:14px;font-weight:600;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
#peace-lp .pl-goldline{display:block;margin:26px 0 0}
#peace-lp .pl-story{background:var(--pl-paper);padding:54px 26px 30px;position:relative;overflow:hidden}
#peace-lp .pl-story .pl-badge,
#peace-lp .pl-story .pl-eyebrow,
#peace-lp .pl-story .pl-enh,
#peace-lp .pl-story .pl-jph,
#peace-lp .pl-story .pl-body{position:relative;z-index:1}
#peace-lp .pl-step{position:absolute;z-index:0;opacity:0;pointer-events:none}
#peace-lp .pl-step img{width:100%;height:auto;transform:scale(1.2)}
#peace-lp.pl-js .pl-step.pl-on{opacity:var(--fpop,.13);transition:opacity .28s ease-out}
#peace-lp.pl-js .pl-step.pl-on img{transform:scale(1);transition:transform .28s ease-out}
#peace-lp:not(.pl-js) .pl-step,
#peace-lp.pl-static .pl-step{opacity:var(--fpop,.13)}
#peace-lp:not(.pl-js) .pl-step img,
#peace-lp.pl-static .pl-step img{transform:scale(1)}
#peace-lp .pl-enh{font-family:var(--pl-en);font-weight:700;font-size:clamp(42px,11.5vw,60px);line-height:.96;letter-spacing:.01em;margin:6px 0 8px;position:relative;z-index:1}
#peace-lp .pl-enh .pl-outline{color:transparent;-webkit-text-stroke:1.4px var(--pl-ink)}
#peace-lp .pl-story .pl-jph{font-family:var(--pl-jpw);font-size:18px;font-weight:800;letter-spacing:.03em;margin:18px 0 18px;line-height:1.9}
#peace-lp .pl-story p.pl-body{font-size:13.5px;font-weight:300;line-height:2.3;color:rgba(18,24,29,.88);margin-bottom:18px}
#peace-lp .pl-story p.pl-body:last-of-type{margin-bottom:0}
#peace-lp .pl-inpic{position:relative;z-index:1;margin:34px 0 32px;box-shadow:0 12px 30px rgba(18,24,29,.16)}
#peace-lp .pl-inpic img{width:100%;height:auto}
#peace-lp .pl-dove{padding:26px 26px 0;background:var(--pl-paper)}
#peace-lp .pl-dove figure{box-shadow:0 12px 30px rgba(18,24,29,.16)}
#peace-lp .pl-walksec{background:var(--pl-paper);padding:60px 0 40px;overflow:hidden}
#peace-lp .pl-walkhead{padding:0 26px}
#peace-lp .pl-stage{position:relative;height:340px;margin-top:8px}
#peace-lp .pl-qmask{position:absolute;left:0;right:0;top:54px;padding:0 26px;clip-path:inset(-20% calc((1 - var(--pl-p,0)) * 100%) -20% -5%)}
#peace-lp .pl-quote-big{font-family:var(--pl-jpw);font-weight:800;font-size:clamp(32px,13vw,62px);line-height:1.34;letter-spacing:.02em;color:var(--pl-ink)}
#peace-lp .pl-quote-big .pl-gold-t{color:var(--pl-gold)}
#peace-lp .pl-walker{position:absolute;left:12px;bottom:0;height:230px;transform:translateX(var(--pl-x,0px));will-change:transform}
#peace-lp .pl-walker img{height:100%;width:auto;animation:pl-bob 1.6s ease-in-out infinite}
@keyframes pl-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
#peace-lp .pl-groundline{position:absolute;left:26px;right:26px;bottom:6px;height:2px;background:linear-gradient(90deg,rgba(209,156,78,.0),rgba(209,156,78,.65) 12%,rgba(209,156,78,.65) 88%,rgba(209,156,78,0))}
#peace-lp .pl-walkquote{padding:34px 26px 0;text-align:center}
#peace-lp .pl-walkquote .pl-qen{font-family:Georgia,'Times New Roman',serif;font-style:italic;font-size:17px;letter-spacing:.04em;color:rgba(18,24,29,.92)}
#peace-lp .pl-walkquote .pl-qja{font-size:12.5px;letter-spacing:.14em;color:rgba(18,24,29,.62);margin-top:10px}
#peace-lp .pl-walkbody{padding:26px 26px 0;font-size:13.5px;font-weight:300;line-height:2.3;color:rgba(18,24,29,.88);max-width:560px;margin:0 auto}
#peace-lp .pl-walkbody + .pl-walkbody{padding-top:18px}

#peace-lp:not(.pl-js) .pl-qmask,
#peace-lp.pl-static .pl-qmask{clip-path:none}
#peace-lp:not(.pl-js) .pl-walker,
#peace-lp.pl-static .pl-walker{left:auto;right:12px;transform:none}
#peace-lp.pl-static .pl-walker img{animation:none}
#peace-lp .pl-photos{padding:34px 26px 0;background:var(--pl-paper)}
#peace-lp .pl-photos figure{box-shadow:0 12px 30px rgba(18,24,29,.16);margin-bottom:26px}
#peace-lp .pl-photos figure:last-child{margin-bottom:0}

#peace-lp .pl-swap{position:relative;aspect-ratio:1100/720;overflow:hidden;background:var(--pl-paper)}
#peace-lp .pl-swap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#peace-lp .pl-swap .pl-swap2{opacity:var(--pl-sw,0)}
#peace-lp.pl-static .pl-swap .pl-swap2{opacity:0}
#peace-lp .pl-msg{background:var(--pl-paper);padding:60px 26px 30px}
#peace-lp .pl-msg .pl-enh .pl-outline{color:var(--pl-ink);-webkit-text-stroke:0}
#peace-lp .pl-msg .pl-lay2{position:absolute;inset:0;color:transparent;-webkit-text-stroke:1.4px var(--pl-ink);transform:translate(0,0);transition:transform 1.4s var(--pl-ease)}
#peace-lp .pl-msg .pl-lay2::before{content:"CHANGE\A THE WORLD";white-space:pre}
#peace-lp.pl-js .pl-msg .pl-lay2{transform:translate(7px,6px)}
#peace-lp.pl-js.pl-mjoin .pl-msg .pl-lay2{transform:translate(0,0)}
#peace-lp.pl-js .pl-final .pl-finalmark{opacity:0;transition:opacity .8s var(--pl-ease)}
#peace-lp.pl-js.pl-mfocus .pl-final .pl-finalmark{opacity:1}
#peace-lp.pl-js .pl-finalword .pl-w1,
#peace-lp.pl-js .pl-finalword .pl-w2{opacity:0;transition:opacity .7s var(--pl-ease)}
#peace-lp.pl-js.pl-mfin .pl-finalword .pl-w1{opacity:1}
#peace-lp.pl-js.pl-mfin2 .pl-finalword .pl-w2{opacity:1}
#peace-lp.pl-js .pl-final .pl-sign{opacity:0;transition:opacity .8s var(--pl-ease)}
#peace-lp.pl-js.pl-mfin2 .pl-final .pl-sign{opacity:1}
#peace-lp.pl-static .pl-msg .pl-lay2{transform:translate(0,0)}
#peace-lp.pl-static .pl-final .pl-finalmark,
#peace-lp.pl-static .pl-finalword .pl-w1,
#peace-lp.pl-static .pl-finalword .pl-w2,
#peace-lp.pl-static .pl-final .pl-sign{opacity:1}
#peace-lp .pl-msg .pl-msgbody{font-size:13.5px;font-weight:300;line-height:2.4;color:rgba(18,24,29,.9);max-width:560px;margin:22px auto 0}
#peace-lp .pl-msg .pl-msgbody p{margin-bottom:20px}
#peace-lp .pl-final{background:var(--pl-paper);padding:78px 26px 70px;text-align:center}
#peace-lp .pl-final .pl-finalmark{margin:0 auto 26px;width:72px;height:auto}
#peace-lp .pl-final .pl-finalword{font-family:var(--pl-jpw);font-size:clamp(20px,5.6vw,26px);font-weight:800;letter-spacing:.12em;padding-left:.66em}
#peace-lp .pl-final .pl-sign{font-family:var(--pl-en);font-size:11px;letter-spacing:.3em;color:rgba(18,24,29,.5);margin-top:18px;padding-left:.3em}
#peace-lp.pl-js .pl-tw{opacity:0}
#peace-lp.pl-js .pl-tw.pl-on{opacity:1}
#peace-lp.pl-static .pl-tw{opacity:1}
#peace-lp.pl-js .pl-heromark{opacity:0}
#peace-lp.pl-js .pl-heromark.pl-stamped{opacity:1;animation:pl-markin 1.1s cubic-bezier(.23,1,.32,1) both}
@keyframes pl-markin{
  0%{opacity:0;transform:rotate(8deg) scale(1.06);filter:blur(6px)}
  100%{opacity:1;transform:rotate(8deg) scale(1);filter:blur(0)}
}
#peace-lp.pl-static .pl-heromark{opacity:1}
#peace-lp.pl-js .pl-rev{opacity:0;transform:translateY(14px)}
#peace-lp.pl-js .pl-rev.pl-in{opacity:1;transform:translateY(0);transition:opacity .8s var(--pl-ease),transform .8s var(--pl-ease)}
#peace-lp.pl-static .pl-rev,#peace-lp.pl-static .pl-markdraw [data-d]{opacity:1;transform:none;stroke-dashoffset:0}
#peace-lp .pl-hist{position:relative;z-index:1;margin:30px auto 34px;max-width:420px;padding:0;background:none;border:0;border-radius:0;box-shadow:none}
#peace-lp .pl-hist::before,#peace-lp .pl-hist::after{content:none;display:none}
#peace-lp .pl-hist img{width:100%;height:auto;display:block;box-shadow:0 8px 20px rgba(18,24,29,.14)}
#peace-lp .pl-hist figcaption{margin:8px 0 0;padding:0;font-size:11px;font-weight:300;line-height:1.9;letter-spacing:.04em;color:rgba(18,24,29,.5);text-align:center;background:none;border:0}
#peace-lp .pl-hist figcaption::before,#peace-lp .pl-hist figcaption::after{content:none;display:none}
</style>
<div id="peace-lp">

  <!-- 0. HERO タイポ -->
  <section class="pl-herotype">
    <span class="pl-heromark" aria-hidden="true"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-mark.webp" alt=""></span>
    <p class="pl-herodate">08.15</p>
    <h1 class="pl-heroh">PEACE<br><span class="pl-red">IS THE</span><br><span class="pl-outline">WAY</span></h1>
  </section>
  <script>
  (function(){
    var lp = document.getElementById('peace-lp');
    if(!lp) return;
    if(lp.className.indexOf('pl-js') < 0) lp.className += ' pl-js';
    if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
      lp.className += ' pl-static';
      return;
    }
    var twChars = [];
    function twWrap(node){
      var kids = Array.prototype.slice.call(node.childNodes);
      for(var i=0;i<kids.length;i++){
        var n = kids[i];
        if(n.nodeType === 3){
          var frag = document.createDocumentFragment();
          var txt = n.nodeValue;
          for(var c=0;c<txt.length;c++){
            var s = document.createElement('span');
            s.className = 'pl-tw';
            s.textContent = txt.charAt(c);
            frag.appendChild(s);
            twChars.push(s);
          }
          node.replaceChild(frag, n);
        } else if(n.nodeType === 1 && n.tagName !== 'BR'){
          twWrap(n);
        }
      }
    }
    
    var twHead = lp.querySelector('.pl-heroh');
    if(twHead) twWrap(twHead);
    function twRun(){
      var twIdx = 0;
      for(var i=0;i<twChars.length;i++) twChars[i].className = 'pl-tw';
      var hm = lp.querySelector('.pl-heromark');
      if(hm) hm.className = 'pl-heromark';
      function twStep(){
        if(twIdx >= twChars.length){
          if(hm){ setTimeout(function(){ hm.className += ' pl-stamped'; }, 300); }
          return;
        }
        twChars[twIdx].className = 'pl-tw pl-on';
        twIdx++;
        setTimeout(twStep, 130);
      }
      setTimeout(twStep, 200);
    }
    function twStart(){
      var hero = lp.querySelector('.pl-herotype');
      if(!hero || !('IntersectionObserver' in window)){ twRun(); return; }
      var o = new IntersectionObserver(function(es){
        for(var i=0;i<es.length;i++){
          if(es[i].isIntersecting){ o.disconnect(); twRun(); }
        }
      }, {threshold:0.35});
      o.observe(hero);
    }
    twStart();
    window.addEventListener('pageshow', function(e){ if(e.persisted) twStart(); });
  })();
  </script>

  <!-- 1. バナー -->
  <section class="pl-banner">
    <figure><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-banner.jpg" width="1100" height="825" alt="「平和」と書かれた壁の前で、ピースマークの小さいふ。コンチャを差し出す人。Tシャツに「PEACE IS THE WAY」"></figure>
  </section>

  <!-- 3. STORY 01 ピースマーク -->
  <section class="pl-story">
    <!-- 鳩の足跡: JSが実寸から軌跡を計算して置く（右上→左下・見出しから「一方で」の段落まで） -->
    <div class="pl-trail" aria-hidden="true"></div>
    <div class="pl-badge">01</div>
    <p class="pl-eyebrow">THE PEACE MARK</p>
    <h3 class="pl-enh pl-rev">ONE MARK,<br><span class="pl-outline">THREE STORIES</span></h3>
    <p class="pl-jph pl-rev">絶望から生まれ、<span style="white-space:nowrap">平和のしるしへ。</span></p>
    <p class="pl-body pl-rev">普段なにげなく目にしている「ピースマーク」。<br>この形の中に、手旗信号の文字や「平和の鳩の足跡」が隠されているのを<span style="white-space:nowrap">ご存じですか？</span></p>
    <p class="pl-body pl-rev">1958年、イギリスのデザイナー、ジェラルド・ホルトムが核軍縮運動のために<span style="white-space:nowrap">考案しました。</span></p>
    <p class="pl-body pl-rev">その後、反戦運動やヒッピーカルチャーとともに世界へ広がり、ホルトムが著作権を放棄したことで、誰もが自由に使える平和のシンボルと<span style="white-space:nowrap">なりました。</span></p>
    <figure class="pl-hist pl-rev">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-history-march.jpg" width="1280" height="826"
           alt="「BRING ALL THE TROOPS HOME NOW」の横断幕を掲げて行進する学生たち" loading="lazy">
      <figcaption>1971年 サンディエゴの反戦行進</figcaption>
    </figure>
    <p class="pl-body pl-rev">線は、手旗信号の「N（核）」と「D（軍縮）」を重ねたもの。そこには、絶望する人の姿も重ねられていたと<span style="white-space:nowrap">いわれています。</span></p>
    <p class="pl-body pl-rev">一方で、その線は「平和の鳩が残した足跡」にも見立てられるように<span style="white-space:nowrap">なりました。</span></p>
    <figure class="pl-inpic pl-rev"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-wallet-hands.jpg" width="1100" height="733" alt="栃木レザーのアイボリー色の革に、「PEACE IS THE WAY」の緑の輪と赤い地球を描いたピースマーク" loading="lazy"></figure>
    <p class="pl-body pl-rev">絶望から生まれたマークが、国境を越え、平和を願う人たちのしるしに<span style="white-space:nowrap">なっていく。</span></p>
    <p class="pl-body pl-rev">ひとつのマークの中に、過去の悲しみと、これからの願いが<span style="white-space:nowrap">刻まれています。</span></p>
  </section>

  <!-- 財布の写真 -->
  <div class="pl-dove pl-rev">
    <figure><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-wallet-pocket.jpg" width="1100" height="733" alt="ズボンのポケットに入る、手のひらサイズのコンパクト財布" loading="lazy"></figure>
  </div>

  <!-- 4. WALK 02 ガンジー -->
  <section class="pl-walksec">
    <div class="pl-walkhead">
      <div class="pl-badge">02</div>
      <p class="pl-eyebrow">THE WAY</p>
    </div>
    <div class="pl-stage">
      <div class="pl-qmask">
        <p class="pl-quote-big">平和こそが<br><span class="pl-gold-t">道なのだ。</span></p>
      </div>
      <div class="pl-walker"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-gandhi-walk.webp" alt="杖をついて歩く人のシルエット"></div>
      <div class="pl-groundline" aria-hidden="true"></div>
    </div>
    <blockquote class="pl-walkquote pl-rev">
      <p class="pl-qen">"There is no way to peace, <span style="white-space:nowrap">peace is the way."</span></p>
    </blockquote>
    <p class="pl-walkbody pl-rev">この財布に記した「PEACE IS THE WAY.」</p>
    <p class="pl-walkbody pl-rev">非暴力（アヒムサー）を貫き、インド独立を導いたマハトマ・ガンジー。その思想と重なる一文として、広く<span style="white-space:nowrap">知られています。</span></p>
  </section>

  <!-- 5. 写真の帯 -->
  <div class="pl-photos">
    <figure class="pl-swap pl-rev">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-wallet-mint.jpg" alt="ミントグリーンの壁の前で片手に持つ、アイボリーのミニ財布" loading="lazy">
      <img class="pl-swap2" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-wallet-chest.jpg" alt="胸の前で両手に持った、ピースマークの小さい財布" loading="lazy">
    </figure>
  </div>

  <!-- 6. MESSAGE ナギサ -->
  <section class="pl-msg">
    <div class="pl-badge">03</div>
    <p class="pl-eyebrow">MESSAGE</p>
    <h3 class="pl-enh pl-rev">CHANGE<br><span class="pl-outline">THE WORLD</span><span class="pl-lay2" aria-hidden="true"></span></h3>
    <div class="pl-msgbody pl-rev">
      <p>世界中ではいまも争いが絶えず、小さな力では何も変わらないように思えてしまうこともあります。</p>
      <p>けれど、一人ひとりが平和を願い、日常の中で小さな思いやりを重ねていくことこそが、平和への道そのものになると私たちは信じています。</p>
      <p>この「小さいふ。」を手にする時間が、あなたの日常に小さな平和の芽を育てるきっかけになれば幸いです。</p>
    </div>
  </section>

  <section class="pl-final">
    <img class="pl-finalmark" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-mark.webp" alt="" aria-hidden="true" style="display:block">
    <p class="pl-finalword"><span class="pl-w1">君が</span><span class="pl-w2">世界を変えていく。</span></p>
    <p class="pl-sign">DESIGNER ナギサ</p>
  </section>

</div>

<script>
(function(){
  var lp = document.getElementById('peace-lp');
  if(!lp) return;
  if(lp.className.indexOf('pl-js') < 0) lp.className += ' pl-js';
  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){
    lp.className += ' pl-static';
    return;
  }
  
  var stage = lp.querySelector('.pl-stage');
  var walker = lp.querySelector('.pl-walker');
  var run = 0;
  function measure(){
    if(!stage || !walker) return;
    run = stage.clientWidth - walker.offsetWidth - 24;
    if(run < 0) run = 0;
  }
  
  var story = lp.querySelector('.pl-story');
  var trail = lp.querySelector('.pl-trail');
  var TOE_FRONT = 82;     
  var STRIDE = 44;        
  var STRADDLE = 12;      
  var FOOT_L = 'https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-footprint-l.webp';
  var FOOT_R = 'https://blog.quatrogats.com/wp-content/uploads/2026/08/peace-footprint-r.webp';
  
  var PATH = [[.87,0],[.82,.13],[.74,.26],[.65,.38],[.58,.50],[.55,.61],[.51,.71],[.43,.81],[.32,.90],[.20,.96],[.13,1]];

  function catmull(p0, p1, p2, p3, t){
    var t2 = t*t, t3 = t2*t;
    return [
      .5*((2*p1[0])+(-p0[0]+p2[0])*t+(2*p0[0]-5*p1[0]+4*p2[0]-p3[0])*t2+(-p0[0]+3*p1[0]-3*p2[0]+p3[0])*t3),
      .5*((2*p1[1])+(-p0[1]+p2[1])*t+(2*p0[1]-5*p1[1]+4*p2[1]-p3[1])*t2+(-p0[1]+3*p1[1]-3*p2[1]+p3[1])*t3)
    ];
  }
  function samplePath(w, y0, y1){
    var pts = [], i, k, s, a, b, c, d;
    for(i=0;i<PATH.length-1;i++){
      a = PATH[Math.max(0,i-1)]; b = PATH[i]; c = PATH[i+1]; d = PATH[Math.min(PATH.length-1,i+2)];
      for(k=0;k<24;k++){
        s = catmull(a,b,c,d,k/24);
        pts.push([s[0]*w, y0 + s[1]*(y1-y0)]);
      }
    }
    pts.push([PATH[PATH.length-1][0]*w, y1]);
    return pts;
  }
  function layoutTrail(create){
    if(!story || !trail) return;
    var eb = story.querySelector('.pl-eyebrow');
    var bodies = story.querySelectorAll('p.pl-body');
    if(!eb || bodies.length < 4) return;
    var pic = story.querySelector('.pl-inpic');   
    var anchor = (pic && pic.previousElementSibling) || bodies[bodies.length - 1];
    var y0 = eb.offsetTop + 30;
    var y1 = anchor.offsetTop + anchor.offsetHeight - 10;
    var w = story.clientWidth;
    if(w < 200 || y1 <= y0) return;   
    var pts = samplePath(w, y0, y1);
    
    var cum = [0], i, dx, dy;
    for(i=1;i<pts.length;i++){
      dx = pts[i][0]-pts[i-1][0]; dy = pts[i][1]-pts[i-1][1];
      cum.push(cum[i-1] + Math.sqrt(dx*dx+dy*dy));
    }
    var total = cum[cum.length-1];
    var n = Math.max(6, Math.round(total / STRIDE));
    var els = trail.children;
    if(create || els.length !== n){        
      trail.innerHTML = '';
      for(i=0;i<n;i++){
        var sp = document.createElement('span');
        sp.className = 'pl-step';
        var im = document.createElement('img');
        im.src = (i % 2) ? FOOT_R : FOOT_L;
        im.alt = '';
        sp.appendChild(im);
        trail.appendChild(sp);
      }
      els = trail.children;
    }
    var cnt = els.length;
    for(i=0;i<cnt;i++){
      var want = total * (i / Math.max(1, cnt - 1)) * .995;
      var j = 1;
      while(j < cum.length - 1 && cum[j] < want) j++;
      var seg = Math.max(.0001, cum[j] - cum[j-1]);
      var f = (want - cum[j-1]) / seg;
      var x = pts[j-1][0] + (pts[j][0]-pts[j-1][0]) * f;
      var y = pts[j-1][1] + (pts[j][1]-pts[j-1][1]) * f;
      var tx = pts[j][0]-pts[j-1][0], ty = pts[j][1]-pts[j-1][1];
      var dir = Math.atan2(ty, tx) * 180 / Math.PI;   
      var side = (i % 2) ? 1 : -1;                     
      var prad = (dir + 90) * Math.PI / 180;
      x += Math.cos(prad) * STRADDLE * side;
      y += Math.sin(prad) * STRADDLE * side;
      var wob = ((i * 37) % 11 - 5) * 1.1;             
      var size = 27 + (i % 3);
      var el = els[i];
      var lx = x - size/2;
      if(lx < 4) lx = 4;                               
      if(lx > w - size - 4) lx = w - size - 4;
      el.style.left = lx + 'px';
      el.style.top = (y - size/2) + 'px';
      el.style.width = size + 'px';
      el.style.setProperty('--fpop', '0.30');
      el.style.transform = 'rotate(' + (dir - TOE_FRONT + wob).toFixed(1) + 'deg)';
      el.setAttribute('data-t', (y / story.offsetHeight).toFixed(3));
    }
    steps = lp.querySelectorAll('.pl-step');   
  }
  var swap = lp.querySelector('.pl-swap');
  var steps = [];
  layoutTrail(true);
  var relayout;
  window.addEventListener('resize', function(){
    clearTimeout(relayout);
    relayout = setTimeout(function(){ layoutTrail(false); onScroll(); }, 180);
  }, {passive:true});
  window.addEventListener('load', function(){ layoutTrail(false); onScroll(); });
  var ticking = false;
  function update(){
    ticking = false;
    var vh = window.innerHeight || 1;
    if(stage){
      var r = stage.getBoundingClientRect();
      var p = (vh - r.top) / (vh + r.height);
      if(p < 0) p = 0; else if(p > 1) p = 1;
      p = (p - 0.22) / 0.40;
      if(p < 0) p = 0; else if(p > 1) p = 1;
      stage.style.setProperty('--pl-p', p.toFixed(4));
      walker.style.setProperty('--pl-x', (p * run).toFixed(1) + 'px');
    }
    
    if(swap){
      var wr = swap.getBoundingClientRect();
      var q = (vh - wr.top) / (vh + wr.height);
      if(q < 0) q = 0; else if(q > 1) q = 1;
      q = (q - 0.42) / 0.16;                 
      if(q < 0) q = 0; else if(q > 1) q = 1;
      swap.style.setProperty('--pl-sw', q.toFixed(3));
    }
    
    if(story && steps.length){
      var sr = story.getBoundingClientRect();
      for(var i=0;i<steps.length;i++){
        var el = steps[i];
        if(el.className.indexOf('pl-on') !== -1) continue;
        var t = parseFloat(el.getAttribute('data-t') || '0');
        if(sr.top + t * sr.height < vh * 0.82){
          el.className += ' pl-on';
        }
      }
    }
  }
  function onScroll(){
    if(!ticking){ ticking = true; requestAnimationFrame(update); }
  }
  window.addEventListener('scroll', onScroll, {passive:true});
  window.addEventListener('resize', function(){ measure(); onScroll(); }, {passive:true});
  var wimg = walker ? walker.querySelector('img') : null;
  if(wimg && !wimg.complete){ wimg.addEventListener('load', function(){ measure(); update(); }); }
  measure(); update();
  
  function once(el, cb, th){
    if(!el || !('IntersectionObserver' in window)){ cb(); return; }
    var o = new IntersectionObserver(function(es){
      for(var i=0;i<es.length;i++){ if(es[i].isIntersecting){ cb(); o.disconnect(); } }
    }, {threshold: th});
    o.observe(el);
  }
  var msgLast = lp.querySelector('.pl-msgbody p:last-child');
  var finalSec = lp.querySelector('.pl-final');
  once(msgLast, function(){ lp.className += ' pl-mjoin'; }, .8);
  
  if(finalSec && 'IntersectionObserver' in window){
    var revealed = false;
    new IntersectionObserver(function(es){
      for(var i=0;i<es.length;i++){
        if(es[i].isIntersecting){
          if(lp.className.indexOf('pl-mfocus') < 0) lp.className += ' pl-mfocus';
          if(!revealed){
            revealed = true;
            setTimeout(function(){ lp.className += ' pl-mfin'; }, 260);
            setTimeout(function(){ lp.className += ' pl-mfin2'; }, 840);
          }
        } else {
          lp.className = lp.className.replace(' pl-mfocus', '');
        }
      }
    }, {threshold:.25}).observe(finalSec);
  } else if(finalSec){
    lp.className += ' pl-mfin pl-mfin2';
  }

  
  if('IntersectionObserver' in window){
    var obs = new IntersectionObserver(function(es){
      for(var i=0;i<es.length;i++){
        if(es[i].isIntersecting){ es[i].target.classList.add('pl-in'); obs.unobserve(es[i].target); }
      }
    }, {threshold:0.15, rootMargin:'0px 0px -8% 0px'});
    var els = lp.querySelectorAll('.pl-rev');
    for(var j=0;j<els.length;j++) obs.observe(els[j]);
  } else {
    lp.className += ' pl-static';
  }
})();
</script>

<div class="product-accordion">

<div
data-embed-url="https://quatrogats.com/?mode=f301"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f214"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f219"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f276"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f328"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f293"
data-embed-selector=".embed-chunk">
</div>


</div>

<p class="js-freepage-embed"
data-free-id="270"
style="display:none;"></p><p class="js-api-group-list"
data-gid="3109242"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="3147232"
data-layout="carousel"
style="display:none;"></p>

]]></content:encoded>
    <dc:date>2026-07-30T17:16:56+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/192875250_th.png?cmsp_timestamp=20260805102337" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=192732135">
    <link>https://quatrogats.com/?pid=192732135</link>
    <title>【左利き LEFTY】小さいふ。ペケーニョ キャラメル キャメル×黒×白 ｜栃木レザー・本革｜小さい財布・ミニ財布・コンパクト財布</title>
    <description>
#lefty-lp,#lefty-lp *{box-sizing:border-box}#lefty-lp{max-width:980px;margin:0 auto;color:#333;font-size:15px;line-height:1.95;letter-spacing:.04em}#lefty-lp img{max-width:100%;height:auto;display:block}#lefty-lp a{color:inherit;text-decoration:none}...</description>
<content:encoded><![CDATA[
<style>
#lefty-lp,#lefty-lp *{box-sizing:border-box}#lefty-lp{max-width:980px;margin:0 auto;color:#333;font-size:15px;line-height:1.95;letter-spacing:.04em}#lefty-lp img{max-width:100%;height:auto;display:block}#lefty-lp a{color:inherit;text-decoration:none}#lefty-lp .lefty-hero{margin:0 auto 46px;text-align:center}#lefty-lp .lefty-hero>img{width:100%;margin:0 auto 28px}#lefty-lp .lefty-hero-copy{max-width:760px;margin:0 auto;padding:0 18px;text-align:center}#lefty-lp .lefty-eyebrow{display:inline-block;margin-bottom:10px;font-size:13px;letter-spacing:.16em;color:#777}#lefty-lp .lefty-hero h1{margin:0 0 16px;font-size:30px;line-height:1.5;font-weight:600}#lefty-lp .lefty-hero-copy p,#lefty-lp .lefty-lead,#lefty-lp .lefty-lead-short{max-width:760px;margin-left:auto;margin-right:auto;text-align:left;line-height:2;font-size:15px;letter-spacing:.04em;padding-left:64px!important;padding-right:64px!important}#lefty-lp .lefty-hero-copy p{max-width:680px;font-size:16px}#lefty-lp .lefty-lead p{margin:0}#lefty-lp .lefty-lead p+p{margin-top:1em}#lefty-lp .lefty-hero-sub-image,#lefty-lp .lefty-leather-image{max-width:760px;margin:28px auto 0}#lefty-lp .lefty-hero-sub-image img,#lefty-lp .lefty-leather-image img{width:100%;margin:0 auto;border-radius:8px}#lefty-lp .lefty-section{max-width:980px;margin:0 auto 64px;padding:0 18px}#lefty-lp .lefty-section-title{margin:0 0 22px;text-align:center}#lefty-lp .lefty-section-title .en{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.18em;color:#888}#lefty-lp .lefty-section-title h2{margin:0;font-size:24px;line-height:1.6;font-weight:600}#lefty-lp .lefty-scroll{display:flex;gap:18px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:4px 2px 18px;scroll-snap-type:x mandatory}#lefty-lp .lefty-scroll::-webkit-scrollbar{height:6px}#lefty-lp .lefty-scroll::-webkit-scrollbar-thumb{background:#d8d0c5;border-radius:10px}#lefty-lp .lefty-card{flex:0 0 270px;scroll-snap-align:start;background:#fff;border:1px solid #e6ded4;border-radius:10px;padding:28px 34px!important;box-shadow:none}#lefty-lp .lefty-card-number{display:block;margin-bottom:10px;font-size:12px;color:#a88c6d;letter-spacing:.16em}#lefty-lp .lefty-card h3{margin:0 0 12px;font-size:17px;line-height:1.65;font-weight:600}#lefty-lp .lefty-card p{margin:0;font-size:14px;line-height:1.95;letter-spacing:.04em}#lefty-lp .lefty-pictogram{margin:22px 0 2px;text-align:center}#lefty-lp .lefty-pictogram img{width:100%;max-width:280px;margin:0 auto}#lefty-lp .lefty-feature-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;max-width:900px;margin:30px auto 0;align-items:stretch}#lefty-lp .lefty-feature-compare-card{position:relative;display:grid;grid-template-rows:300px auto;background:#fff;border:1px solid #e6ded4;border-radius:12px;overflow:hidden;box-shadow:none}#lefty-lp .lefty-feature-compare-card img{width:100%;height:300px;object-fit:contain;object-position:center;background:#fff;padding:12px}#lefty-lp .lefty-feature-compare-right img{transform:scale(.96);transform-origin:center}#lefty-lp .lefty-feature-compare-label{position:absolute;top:12px;left:12px;z-index:2;display:inline-block;background:#333;color:#fff;border:1px solid #333;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;padding:4px 10px;box-shadow:0 2px 8px rgba(0,0,0,.12)}#lefty-lp .lefty-feature-compare-body{padding:24px 34px!important;background:#fff}#lefty-lp .lefty-feature-compare-card h3{margin:0 0 10px;font-size:17px;line-height:1.65;font-weight:600}#lefty-lp .lefty-feature-compare-card p{margin:0;font-size:14px;line-height:1.95;letter-spacing:.04em}#lefty-lp .lefty-leather-section .product-txtarea-ichi{max-width:760px;margin:0 auto;padding:28px 64px 0!important;font-size:15px;line-height:1.95;letter-spacing:.04em;text-align:left}#lefty-lp .lefty-leather-section .product-main-midashi{margin:0 0 26px!important;text-align:center!important;font-size:24px!important;line-height:1.6!important;font-weight:600!important}#lefty-lp .lefty-leather-section .product-sub-midashi{margin:26px 0 10px;font-size:17px;line-height:1.6;font-weight:600}#lefty-lp .lefty-voice-section .lefty-lead{margin-bottom:42px!important}#lefty-lp .lefty-customer-voice-card{flex:0 0 320px;scroll-snap-align:start;background:#f8f6f2!important;border-left:4px solid #b79a76!important;border-radius:12px!important;padding:28px 34px!important;box-shadow:none!important}#lefty-lp .lefty-customer-voice-card:before{content:"CUSTOMER";display:inline-block;margin-bottom:12px;padding:3px 9px;background:#333;color:#fff;border-radius:999px;font-size:10px;letter-spacing:.14em}#lefty-lp .lefty-customer-voice-card h3{margin:0 0 12px;font-size:17px;line-height:1.65}#lefty-lp .lefty-customer-voice-card p{margin:0;font-size:14px;line-height:1.95;letter-spacing:.04em}#lefty-lp .lefty-staff-name{margin-top:18px;text-align:right;font-size:13px;color:#777}@media screen and (max-width:768px){#lefty-lp{font-size:14px;line-height:1.9}#lefty-lp .lefty-hero{margin-bottom:42px}#lefty-lp .lefty-hero-copy{width:calc(100% - 28px);padding:16px 0 0}#lefty-lp .lefty-eyebrow{font-size:11px;letter-spacing:.14em}#lefty-lp .lefty-hero h1{font-size:23px;line-height:1.55;margin-bottom:14px}#lefty-lp .lefty-hero-copy p,#lefty-lp .lefty-lead,#lefty-lp .lefty-lead-short{width:100%;max-width:none;font-size:14px;line-height:1.9;padding-left:24px!important;padding-right:24px!important}#lefty-lp .lefty-section{margin-bottom:52px;padding:0 14px}#lefty-lp .lefty-section-title h2,#lefty-lp .lefty-leather-section .product-main-midashi{font-size:21px!important;line-height:1.55!important}#lefty-lp .lefty-section-title .en{font-size:11px;letter-spacing:.16em}#lefty-lp .lefty-hero-sub-image,#lefty-lp .lefty-leather-image{margin-top:22px}#lefty-lp .lefty-card{flex:0 0 245px;padding:22px 24px!important}#lefty-lp .lefty-card h3{font-size:16px}#lefty-lp .lefty-feature-compare{display:flex;gap:14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:4px 2px 18px;margin-top:24px}#lefty-lp .lefty-feature-compare-card{flex:0 0 82%;grid-template-rows:230px auto;scroll-snap-align:start;border-radius:10px}#lefty-lp .lefty-feature-compare-card img{height:230px;padding:8px}#lefty-lp .lefty-feature-compare-body{padding:20px 24px!important}#lefty-lp .lefty-feature-compare-label{top:9px;left:9px;font-size:10px;padding:3px 8px}#lefty-lp .lefty-feature-compare-card h3{font-size:15px;line-height:1.55}#lefty-lp .lefty-feature-compare-card p{font-size:13px;line-height:1.85}#lefty-lp .lefty-leather-section .product-txtarea-ichi{padding:24px 24px 0!important;font-size:14px;line-height:1.9}#lefty-lp .lefty-leather-section .product-sub-midashi{font-size:16px;margin-top:24px}#lefty-lp .lefty-voice-section .lefty-lead{margin-bottom:32px!important}#lefty-lp .lefty-customer-voice-card{flex:0 0 280px;padding:24px!important}#lefty-lp .lefty-customer-voice-card h3{font-size:16px}#lefty-lp .lefty-customer-voice-card p{font-size:13px;line-height:1.9}}@media screen and (max-width:420px){#lefty-lp .lefty-feature-compare-card{grid-template-rows:210px auto}#lefty-lp .lefty-feature-compare-card img{height:210px}}

/* LEATHER section final adjustment */
#lefty-lp .lefty-leather-section .lefty-leather-lead{
  max-width:760px;
  margin-left:auto;
  margin-right:auto;
  padding-left:64px!important;
  padding-right:64px!important;
  text-align:left;
}
#lefty-lp .lefty-leather-section .lefty-leather-lead h3{
  margin:0 0 12px;
  font-size:17px;
  line-height:1.6;
  font-weight:600;
}
#lefty-lp .lefty-leather-section .lefty-leather-lead p{
  margin:0;
  font-size:15px;
  line-height:1.95;
  letter-spacing:.04em;
  text-align:left;
}
#lefty-lp .lefty-leather-section .lefty-leather-image{
  max-width:760px;
  margin:32px auto 0;
}
#lefty-lp .lefty-leather-section .lefty-leather-image img{
  width:100%;
  margin:0 auto;
  border-radius:8px;
}
@media screen and (max-width:768px){
  #lefty-lp .lefty-leather-section .lefty-leather-lead{
    width:100%;
    max-width:none;
    padding-left:24px!important;
    padding-right:24px!important;
    font-size:14px;
    line-height:1.9;
  }
  #lefty-lp .lefty-leather-section .lefty-leather-lead h3{
    font-size:16px;
    line-height:1.6;
    margin-bottom:10px;
  }
  #lefty-lp .lefty-leather-section .lefty-leather-lead p{
    font-size:14px;
    line-height:1.9;
  }
  #lefty-lp .lefty-leather-section .lefty-leather-image{
    margin-top:26px;
  }
}


#lefty-lp .lefty-sp-break {
  display: none;
}

#lefty-lp .lefty-gift-lead {
  max-width: 760px;
  margin: 0 auto 22px;
  text-align: left;
  line-height: 2;
}

#lefty-lp .lefty-gift-lead p {
  margin: 0;
}

#lefty-lp .lefty-gift-image {
  max-width: 760px;
  margin: 0 auto 24px;
}

#lefty-lp .lefty-gift-image img {
  width: 100%;
  margin: 0 auto;
  border-radius: 8px;
}

#lefty-lp .lefty-campaign-box {
  max-width: 760px;
  margin: 0 auto;
  padding: 26px 26px 28px;
  background: #fff;
  border: 1px solid #e6ded4;
  border-radius: 12px;
  text-align: center;
  box-sizing: border-box;
}

#lefty-lp .lefty-campaign-box h3 {
  margin: 0 0 20px;
  font-size: 19px;
  line-height: 1.6;
}

#lefty-lp .lefty-campaign-spec {
  margin: 0;
}

#lefty-lp .lefty-campaign-spec dt {
  margin: 0 0 6px;
  font-size: 12px;
  letter-spacing: 0.16em;
  color: #8a6a48;
  font-weight: 600;
}

#lefty-lp .lefty-campaign-spec dd {
  margin: 0 0 18px;
  font-size: 15px;
  line-height: 1.7;
}

#lefty-lp .lefty-campaign-spec dd:last-child {
  margin-bottom: 0;
}

#lefty-lp .lefty-campaign-code {
  display: inline-block;
  padding: 9px 20px;
  background: #333;
  color: #fff;
  border-radius: 4px;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.14em;
}

#lefty-lp .lefty-campaign-box p.lefty-campaign-howto {
  margin: 30px 0 0;
  font-size: 14px;
  line-height: 1.85;
}

@media screen and (max-width: 768px) {
  #lefty-lp .lefty-sp-break {
    display: block;
  }

  #lefty-lp .lefty-gift-lead {
    margin-bottom: 18px;
    font-size: 14px;
    line-height: 1.9;
  }

  #lefty-lp .lefty-gift-image {
    margin-bottom: 20px;
  }

  #lefty-lp .lefty-campaign-box {
    padding: 22px 20px 24px;
  }

  #lefty-lp .lefty-campaign-box p.lefty-campaign-howto {
    margin-top: 26px;
    font-size: 13px;
    line-height: 1.8;
  }

  #lefty-lp .lefty-campaign-box h3 {
    font-size: 18px;
  }

  #lefty-lp .lefty-campaign-code {
    font-size: 17px;
  }
}

</style>

<div id="lefty-lp">
  <section class="lefty-hero">
    <img src="https://img07.shop-pro.jp/PA01030/401/etc/lefty.bana.2.png?cmsp_timestamp=20210623115731" alt="栃木レザーを使用した左利き用財布 LEFTYのメインバナー">
    <div class="lefty-hero-copy">
      <span class="lefty-eyebrow">SMALL WALLET FOR LEFT-HANDED</span>
      <h1>左手で、もう迷わない。<br>左利き用の小さいふ。</h1>
      <p>
        右利き用の財布に感じる、小さな使いにくさを少しでも自然に。
        小さいふ「LEFTY」は、左手で開きやすく、お札・小銭・カードを出し入れしやすいよう考えた、左利き専用の本革ミニ財布です。
      </p>
      <div class="lefty-hero-sub-image">
        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cGVxX2xlZnRfY2FtZWw0.jpg?cmsp_timestamp=20260721144020" alt="栃木レザーの小さいふ ペケーニョ キャラメル キャメル お札の出し入れイメージ">
      </div>
    </div>
  </section>
  <section class="lefty-section">
    <div class="lefty-section-title">
      <span class="en">LEFTY DAY</span>
      <h2>左利きの日を記念して<br class="lefty-sp-break">1000円オフキャンペーン開催中</h2>
    </div>

    <div class="lefty-gift-lead">
      <p>
        8月13日の左利きの日にあわせて、左利き用アイテム全品でお使いいただけるクーポンを配布中です。
        ペケーニョには、人気のキャメルを合わせた「キャラメル」が新しく加わりました。
      </p>
    </div>

    <div class="lefty-gift-image">
      <a href="https://quatrogats.com/?pid=192732135">
        <picture>
          <source media="(max-width: 768px)" srcset="https://blog.quatrogats.com/wp-content/uploads/2026/08/lefty-day-2026-campaign-square.jpg" width="800" height="799">
          <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/lefty-day-2026-campaign-wide.jpg" width="1200" height="800" alt="8月13日 左利きの日記念 1,000円オフクーポン配布中 左利き用ペケーニョ キャラメルのキャンペーンバナー">
        </picture>
      </a>
    </div>

    <div class="lefty-campaign-box">
      <h3>クーポンのご利用について</h3>

      <dl class="lefty-campaign-spec">
        <dt>対象</dt>
        <dd>左利き用アイテム全品</dd>
        <dt>クーポンコード</dt>
        <dd><span class="lefty-campaign-code">サウスポー</span></dd>
        <dt>ご利用期間</dt>
        <dd>2026年8月20日（木）まで</dd>
      </dl>

      <p class="lefty-campaign-howto">
        決済時、クーポン記入欄にコードを入力いただくと、その場で1,000円オフに。
      </p>
    </div>
  </section>

  <section class="lefty-section">
    <div class="lefty-section-title">
      <span class="en">LEFT-HANDED LIFE</span>
      <h2>左利きの人だけが知っている、<br>日常の小さな不便。</h2>
    </div>
<div class="lefty-scroll">
  <div class="lefty-card">
    <span class="lefty-card-number">LEFTY 01</span>
    <h3>食事の時、隣の人と肘があたる。</h3>
    <p>
      右利きの人と並んで座ると、手の動きがぶつかりやすい。
      ちょっとしたことだけど、左利きの方にはおなじみの場面です。
    </p>
    <div class="lefty-pictogram">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/MjYwNzU1NV9MRUZUWTAx.jpg?cmsp_timestamp=20260609100156" alt="食事の時に隣の人と肘があたる場面のピクトグラム">
    </div>
  </div>
  <div class="lefty-card">
    <span class="lefty-card-number">LEFTY 02</span>
    <h3>改札や自販機が、右手前提。</h3>
    <p>
      ICカードをかざす位置、自動販売機のお金の投入口、エレベーターのボタン。
      右手で操作しやすい配置が多くあります。
    </p>
    <div class="lefty-pictogram">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/MjYwNzU1NV9MRUZUWTAyXzI.jpg?cmsp_timestamp=20260609153628260609100156" alt="改札や自販機が右手前提になっている場面のピクトグラム">
    </div>
  </div>
  <div class="lefty-card">
    <span class="lefty-card-number">LEFTY 03</span>
    <h3>文字を書くと、手が汚れやすい。</h3>
    <p>
      横書きの文字を書くと、書いたばかりの部分に手が重なりやすい。
      ノートや手の側面が黒くなることもあります。
    </p>
    <div class="lefty-pictogram">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/MjYwNzU1NV9MRUZUWTAz.jpg?cmsp_timestamp=20260609100156" alt="文字を書くと手が汚れやすい場面のピクトグラム">
    </div>
  </div>
  <div class="lefty-card">
    <span class="lefty-card-number">LEFTY 04</span>
    <h3>左利き用の商品が少ない。</h3>
    <p>
      ハサミや道具は少しずつ増えてきましたが、財布のような毎日使う小物は、
      まだ右利き前提のものが多いのが現実です。
    </p>
    <div class="lefty-pictogram">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/MjYwNzU1NV9MRUZUWTA0.jpg?cmsp_timestamp=20260609100156" alt="左利き用の商品が少ないことを表したピクトグラム">
    </div>
  </div>
  <div class="lefty-card">
    <span class="lefty-card-number">LEFTY 05</span>
    <h3>左利き用は、価格が高くなりがち。</h3>
    <p>
      特別仕様や受注生産になると、追加料金がかかることも。
      LEFTYは、定番モデルなら右利き用と同じ価格でお選びいただけます。
    </p>
    <div class="lefty-pictogram">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/MjYwNzU1NV9MRUZUWTA1.jpg?cmsp_timestamp=20260609100156" alt="左利き用は価格が高くなりがちなことを表したピクトグラム">
    </div>
  </div>
</div>
  </section>
  <section class="lefty-section">
    <div class="lefty-section-title">
      <span class="en">FEATURE</span>
      <h2>右手に合わせた財布から、<br>左手に合う財布へ。</h2>
    </div>
    <div class="lefty-lead lefty-lead-short">
      <p>
        通常の財布を左手で使うと、開く向きや中身の取り出し方に、少しだけ使いにくさを感じることがあります。
      </p>
      <p>
        LEFTYは、左手で開き、左手で取り出す動きに合わせた小さいふ。
        持ち替えたり、くるっと回したりする手間を減らし、支払いの流れを自然にします。
      </p>
    </div>
    <div class="lefty-feature-compare">
      <div class="lefty-feature-compare-card lefty-feature-compare-right">
        <span class="lefty-feature-compare-label">右利き</span>
        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctcGVxLWxlZi10b2MtMDFfMg.jpg?cmsp_timestamp=20260629142303" alt="栃木レザーの通常モデルを左手で使う時の比較イメージ">
        <div class="lefty-feature-compare-body">
          <h3>右利き用を左手で使うと</h3>
          <p>
            開く向きや取り出す動きが左手と合わず、財布を持ち替えたり、向きを変えたりする場面があります。
          </p>
        </div>
      </div>
      <div class="lefty-feature-compare-card lefty-feature-compare-lefty">
        <span class="lefty-feature-compare-label">左利き</span>
        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctcGVxLWxlZi10b2MtMDFfMw.jpg?cmsp_timestamp=20260629142303" alt="左利き専用財布 LEFTYを左手で自然に使う比較イメージ">
        <div class="lefty-feature-compare-body">
          <h3>LEFTYなら左手で自然に</h3>
          <p>
            左手で開きやすく、お札・小銭・カードへ手が届きやすい向きに。支払いまでの流れがスムーズになります。
          </p>
        </div>
      </div>
    </div>
  </section>
  <section class="lefty-section lefty-leather-section">
    <div class="lefty-section-title">
      <span class="en">LEATHER</span>
      <h2>“ほんまもん”の革。<br>栃木レザー</h2>
    </div>

    <div class="lefty-lead lefty-leather-lead">
      <p>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。丈夫な革に向いた原皮を、時間をかけて鞣し、強く、長く使える革へと仕上げています。<br><br>
        革そのものの表情を生かしているため、使うほどに色艶が深まり、手に馴染んでいく。これからつく傷も味になって育つ、“ほんまもん”の革です。
      </p>
    </div>

    <div class="lefty-hero-sub-image lefty-leather-image">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/c2xpbXdhbGxldC50b2MuMTU.jpg?cmsp_timestamp=20250512150801" alt="栃木レザーの本革を使用 上質な手触りと経年変化を楽しめる素材イメージ">
    </div>
  </section>
  <section class="lefty-section lefty-voice-section">
<div class="lefty-section-title">
      <span class="en">VOICE</span>
      <h2>実際に使った方の声。</h2>
    </div>
    <div class="lefty-lead lefty-lead-short">
      <p>
        実際に使った左利きの方からは、「財布を回さなくていい」「支払いがスムーズ」といった声をいただいています。
        毎日の動作に寄り添う、LEFTYならではの使い心地です。
      </p>
    </div>
    <div class="lefty-scroll">
      <div class="lefty-customer-voice-card">
        <h3>使い心地最高です！</h3>
        <p>
          左利きだと旅行用の小さな財布は使い勝手が悪く、お札と小銭を出すとなると、
          レジ前で財布をクルクル回すハメになるのですが、全くそんなことにはなりません。
          さすが左利き仕様ですね。もう手放せないです。
        </p>
        <div class="lefty-staff-name">京都府・女性</div>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>ノンストレスさは、ちょっと感動</h3>
        <p>
          小さい財布は、左利きの私にとってはいつもカードが落ちるもので、
          大きい長財布しか使えずカバンを圧迫していました。
          実際届いた品物を開けたときのノンストレスさは、ちょっと感動してしまいました。
        </p>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>左利きの父の誕生日プレゼント</h3>
        <p>
          色合いも肌触りもデザインも気に入ってもらえ、
          左利き用なので使い易いと好評でした！
          こんなに素敵なお財布を作って頂き、ありがとうございました！
        </p>
        <div class="lefty-staff-name">福岡県・女性</div>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>ストレスなく支払いができる</h3>
        <p>
          私は左利きのため、市販されている財布は開けにくいことが多かったのですが、
          左利き用の小さいふは開けやすくてストレスなくレジで支払いが出来ています。
          左利き用にして良かったです。
        </p>
        <div class="lefty-staff-name">三重県・女性</div>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>左きき用はやっぱり嬉しい！！</h3>
        <p>
          さっそく使ってみたら、めーっちゃ使いやすい。
          世の中は、ほぼ右きき用に作られているので、左きき用はやっぱり嬉しい！！
          オーダーした財布は今まで使ってきた中ではトップ。大切に長ーく使おう&#9825;
        </p>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>右利き用に慣れていても、違いが分かる。</h3>
        <p>
          「左利きの人は、世の中の道具が右利き用になっていることに慣れているので、
          そんなものだと思って使っていることも多いです。」
        </p>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>財布の向きが合うだけで、自然に使える。</h3>
        <p>
          「左利きの人は何でも左手でしようとするので、右利きの人とは向きが逆になります。
          お財布のような小物でいえば、ファスナーやフタの開閉の向きも逆です。」
        </p>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>初めて使った時、こんなに違うのかと驚いた。</h3>
        <p>
          「初めて左利き財布をオーダーして使った時は、こんなに使いやすいのか！と驚きました。
          それ以来、お財布は左利き用を使うようになりました。」
        </p>
      </div>
      <div class="lefty-customer-voice-card">
        <h3>身近な道具こそ、利き手に合うと使いやすい。</h3>
        <p>
          「身近な道具でも、左利き専用があればもっと使いやすいものは多いのではと思っています。」
        </p>
      </div>
    </div>
  </section>
</div>
<br style="clear:both;">

<div class="product-contents-slider">
<div class="pg-slider js-product-slider">
<div class="product-contents-img-ichi">
<div class="pg-slider-main"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cGVxX2xlZnRfY2FtZWwy.jpg?cmsp_timestamp=20260721144020" alt="経年変化を楽しみたい革好きの方におすすめ キャメルのミニウォレット" class="pg-slider-image is-active" data-caption="左利きユーザーさんの声から生まれました。"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cGVxX2xlZnRfY2FtZWwz.jpg?cmsp_timestamp=20260721144020" alt="左手で小銭もお札も取り出しやすい日本製ハンドメイド財布" class="pg-slider-image is-active" data-caption="小銭もお札も左手で取りやすい。"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/cGVxX2xlZnRfY2FtZWwx.jpg?cmsp_timestamp=20260721144020" alt="ギフト・プレゼントにおすすめの左利き専用ウォレット" class="pg-slider-image is-active" data-caption=""><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmV3bGVmdHk4.jpg?cmsp_timestamp=20250526181618" alt="ポケットやミニバッグにもすっきり収まる旅行財布" class="pg-slider-image is-active" data-caption=""><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmV3bGVmdHk2.jpg?cmsp_timestamp=20250526181618" alt="手のひらサイズの左利き専用三つ折り財布" class="pg-slider-image is-active" data-caption=""><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmV3bGVmdHk1.jpg?cmsp_timestamp=20250526181618" alt="左手で小銭を取り出しやすい左利き専用の小さいふ" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。"><img src="https://img07.shop-pro.jp/PA01030/401/etc/lefty.image.2.jpg?cmsp_timestamp=20210621175920" alt="左利きの方へのギフトにおすすめのミニ財布" class="pg-slider-image is-active" data-caption="ストレスなくお会計できる左利き専用のお財布。"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmV3bGVmdHk3.jpg?cmsp_timestamp=20250526181618" alt="国産最高峰の栃木レザーを使用した小さい財布" class="pg-slider-image is-active" data-caption=""
<img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmV3bGVmdHk3.jpg?cmsp_timestamp=20250526181618" alt="右利き用と左利き用の小さいふを開いた比較イメージ" class="pg-slider-image is-active" data-caption=""><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/c2xpbXdhbGxldC50b2MuMTU.jpg?cmsp_timestamp=20250512150801" alt="栃木レザーの本革を使用 上質な手触りと経年変化を楽しめる素材イメージ" class="pg-slider-image is-active" data-caption=""><!-- 左右ナビ（画像の上に重ねる） -->
<button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
<button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>
</div>
</div>

<!-- キャプション（現在の画像の説明を表示） -->
<div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

<!-- カウンター（画像の下・右寄せ） -->
<div class="pg-slider-footer">
<div class="pg-slider-count">
<span class="pg-slider-current">1</span>
<span class="pg-slider-separator"> / </span>
<span class="pg-slider-total">1</span>
</div>
</div>

</div>
</div>

<div class="product-accordion">

<div
data-embed-url="https://quatrogats.com/?mode=f339"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f336"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f219"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f276"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f333"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f414"
data-embed-selector=".embed-chunk">
</div>


</div>

<p class="js-freepage-embed"
data-free-id="268"
style="display:none;"></p><p class="js-api-group-list"
data-gid="2607555"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2153110"
data-layout="carousel"
style="display:none;"></p>
]]></content:encoded>
    <dc:date>2026-07-21T14:44:21+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/192732135_th.jpg?cmsp_timestamp=20260722113252" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=192621131">
    <link>https://quatrogats.com/?pid=192621131</link>
    <title>ルチャアロハ｜NAVY APPAREL ネイビーアパレル 国産アロハシャツ（マスクマン×魚／深海魚DEEP）｜総柄 開襟シャツ・半袖シャツ</title>
    <description>





/* =========================================
   ルチャアロハ（NAVY APPAREL コラボ アロハシャツ）LP
   コンチャLPの体裁を土台に、名前空間を #aloha-lp に独立
   ========================================= */

#aloha-lp {
  max-width: 980p...</description>
<content:encoded><![CDATA[
<!--
SEO設定メモ（ColorMe商品編集の「SEO設定」に手入力。APIでは設定不可のフィールド）

タイトル：
ルチャアロハ｜NAVY APPAREL 国産アロハシャツ（マスクマン×魚・深海魚DEEP）｜クアトロガッツ

description：
NAVY APPAREL／ネイビーアパレルの人気アロハ「ルチャアロハ」。マスクマンと魚が舞う総柄を、涼やかな国産マットガーゼに染めで。ホワイト／ミント、深海魚柄「DEEP」の3バリエーション。小さいふ「ルチャと魚」の柄の原点になったアロハシャツです。

キーワード：
ルチャアロハ, アロハシャツ, NAVY APPAREL, ネイビーアパレル, 国産アロハ, マットガーゼ, 染め, DEEP, 深海魚, 総柄シャツ, 開襟シャツ, 半袖シャツ, マスクマン, クアトロガッツ, 小さいふ
-->

<!-- ★ColorMe(EUC-JP)安全：絵文字/(R)/emダッシュ/波ダッシュ生文字は不使用。波ダッシュは &#12316; で表記。 -->
<!-- 本文はNAVY APPAREL商品ページ（ルチャアロハ／DEEP）の記載をそのまま反映。 -->

<style>
/* =========================================
   ルチャアロハ（NAVY APPAREL コラボ アロハシャツ）LP
   コンチャLPの体裁を土台に、名前空間を #aloha-lp に独立
   ========================================= */

#aloha-lp {
  max-width: 980px;
  margin: 0 auto;
  color: #333;
  line-height: 1.9;
  font-size: 15px;
  letter-spacing: 0.03em;
}
#aloha-lp * { box-sizing: border-box; }
#aloha-lp img { max-width: 100%; height: auto; display: block; }
#aloha-lp a { color: inherit; text-decoration: none; }

/* HERO */
.aloha-hero { margin: 0 auto 116px; text-align: center; }
.aloha-hero img { width: 100%; margin: 0 auto 28px; }
.aloha-hero-copy { max-width: 760px; margin: 0 auto; padding: 0 18px; }
.aloha-eyebrow { display: inline-block; margin-bottom: 10px; font-size: 13px; letter-spacing: 0.16em; color: #777; }
.aloha-hero h1 { margin: 0 0 16px; font-size: 30px; line-height: 1.5; font-weight: 600; }
.aloha-hero-copy p { max-width: 680px; margin: 0 auto; font-size: 16px; line-height: 2; text-align: left; }
.aloha-hero-copy p + p { margin-top: 0.9em; }
/* サブ画像を包む相対ラッパー（中にレスラーを兄弟配置＝.aloha-swapのoverflow:hiddenでクリップされず写真外にはみ出せる） */
.aloha-hero-sub-wrap { position: relative; max-width: 760px; margin: 28px auto 0; }
.aloha-hero-sub-image { max-width: 760px; margin: 0; }
.aloha-hero-sub-image img { width: 100%; margin: 0 auto; border-radius: 8px; }
/* セクション画像を包む相対ラッパー */
.aloha-img-wrap { position: relative; max-width: 760px; margin: 28px auto 0; }
.aloha-img-wrap .aloha-image-block { margin: 0; }

/* セクション共通 */
.aloha-section { max-width: 980px; margin: 0 auto 116px; padding: 0 18px; }
.aloha-section-narrow { max-width: 760px; }
.aloha-section-title { margin: 0 0 22px; text-align: center; }
.aloha-section-title .en { display: block; margin-bottom: 8px; font-size: 12px; letter-spacing: 0.18em; color: #888; }
.aloha-section-title h2 { margin: 0; font-size: 24px; line-height: 1.6; font-weight: 600; }

/* 本文（左寄せ・読みやすい幅） */
.aloha-lead { max-width: 760px; margin: 0 auto; line-height: 2; text-align: left; }
.aloha-lead p { margin: 0; }
.aloha-lead p + p { margin-top: 0.9em; }
.aloha-lead-short { max-width: 700px; }

.aloha-image-block { max-width: 760px; margin: 28px auto 0; }
.aloha-image-block img { margin: 0 auto; border-radius: 6px; width: 100%; }

/* スマホ用改行ヘルパー */
.aloha-sp-break { display: none; }
.aloha-pc-only { display: inline; }

/* 画像スクロール切替（1枚目/2枚目クロスフェード・JS駆動／JS無効時は1枚目静止） */
.aloha-swap { position: relative; border-radius: 8px; overflow: hidden; }
.aloha-swap::before { content: ""; display: block; padding-top: 66.7%; }
.aloha-swap img { display: block; border-radius: 0; margin: 0; }
#aloha-lp .aloha-swap .swap-1 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#aloha-lp .aloha-swap .swap-2 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; will-change: opacity; }

/* COLOR：3バリエーション（横スライド・スナップ／SPはスワイプでコンパクト） */
.aloha-colors {
  display: flex; gap: 16px; max-width: 900px; margin: 30px auto 0;
  overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch;
  padding-bottom: 4px; scrollbar-width: none;
}
.aloha-colors::-webkit-scrollbar { display: none; }
.aloha-color-card {
  flex: 0 0 auto; width: calc((100% - 32px) / 3); scroll-snap-align: center;
  background: #fff; border: 1px solid #e6ded4; border-radius: 12px; overflow: hidden;
}
.aloha-color-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.aloha-color-body { padding: 16px 16px 18px; }
.aloha-color-body h3 { margin: 0 0 6px; font-size: 16px; font-weight: 600; }
.aloha-color-body .chip { display: inline-block; width: 12px; height: 12px; border-radius: 50%; border: 1px solid #999; vertical-align: -1px; margin-right: 7px; }
.aloha-color-body .chip.w { background: #fff; }
.aloha-color-body .chip.m { background: #7fddca; border-color: #5cc6b1; }
.aloha-color-body .chip.d { background: linear-gradient(135deg,#fff 0 45%,#3f9d5a 45% 100%); }
.aloha-color-body p { margin: 0; font-size: 13px; line-height: 1.75; }
.aloha-color-body .tag { display: inline-block; margin-bottom: 7px; padding: 2px 9px; font-size: 11px; letter-spacing: 0.06em; border-radius: 999px; background: #2a4c3a; color: #fff; }

/* SIZE：スペック表 */
.aloha-spec-wrap { max-width: 560px; margin: 26px auto 0; overflow-x: auto; }
.aloha-spec { border-collapse: collapse; width: 100%; min-width: 300px; font-size: 14px; }
.aloha-spec th, .aloha-spec td { border: 1px solid #e6ded4; padding: 9px 6px; text-align: center; }
.aloha-spec thead th { background: #f3efe8; font-weight: 600; }
.aloha-spec tbody th { background: #faf8f4; font-weight: 600; }
.aloha-spec-note { max-width: 560px; margin: 14px auto 0; font-size: 13px; color: #666; text-align: center; line-height: 1.85; }

/* ブランド動画・ロゴ・スライドショー */
.aloha-logo { max-width: 230px; margin: 28px auto 18px; }
.aloha-slideshow { position: relative; max-width: 720px; margin: 24px auto 0; border-radius: 6px; overflow: hidden; }
.aloha-slideshow img { display: block; width: 100%; opacity: 0; animation: aloha-slide 10s linear infinite; animation-play-state: paused; }
.aloha-slideshow img:first-child { position: relative; }
.aloha-slideshow img:not(:first-child) { position: absolute; inset: 0; height: 100%; object-fit: cover; }
.aloha-slideshow img:nth-child(1) { animation-delay: -0.4s; }
.aloha-slideshow img:nth-child(2) { animation-delay: 1.6s; }
.aloha-slideshow img:nth-child(3) { animation-delay: 3.6s; }
.aloha-slideshow img:nth-child(4) { animation-delay: 5.6s; }
.aloha-slideshow img:nth-child(5) { animation-delay: 7.6s; }
.aloha-slideshow.is-playing img { animation-play-state: running; }
@keyframes aloha-slide { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } }

/* ボタン：ゆっくり光る */
@keyframes teatre-glow {
  0%   { box-shadow: 0 0 0px 0px rgba(0,0,0,0); }
  50%  { box-shadow: 0 0 12px 4px rgba(0,0,0,0.18); }
  100% { box-shadow: 0 0 0px 0px rgba(0,0,0,0); }
}
#aloha-lp .aloha-interview-cta { margin-top: 35px; text-align: center; }
@media screen and (max-width: 768px) { #aloha-lp .aloha-interview-cta { margin-top: -5px; } }

/* スマホ調整 */
@media screen and (max-width: 768px) {
  #aloha-lp { font-size: 14px; line-height: 1.85; }
  .aloha-page { padding-left: 22px; padding-right: 22px; }

  .aloha-hero { margin-bottom: 88px; }
  .aloha-hero-copy { width: calc(100% - 28px); padding: 16px 0 0; }
  .aloha-hero h1 { font-size: 22px; line-height: 1.55; }
  .aloha-hero-copy p { width: 100%; max-width: none; font-size: 14px; line-height: 1.9; }

  .aloha-section { margin-bottom: 88px; padding: 0 14px; }
  .aloha-section-title h2 { font-size: 20px; line-height: 1.55; }
  .aloha-section-title .en { font-size: 11px; }

  .aloha-lead { width: 100%; max-width: none; font-size: 14px; line-height: 1.9; }
  .aloha-image-block { margin-top: 22px; }
  .aloha-sp-break { display: inline; }
  .aloha-pc-only { display: none; }

  .aloha-colors { gap: 12px; }
  .aloha-color-card { width: 76%; }
}

/* === 全面総柄背景（フルブリード・白アロハ柄） === */
.aloha-page { position: relative; background-color: #ffffff; }
.aloha-page::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%);
  width: var(--aloha-vw, 100vw); z-index: 0; pointer-events: none;
  background-image: url("https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-pattern-wh.jpg");
  background-repeat: repeat; background-size: 820px auto; opacity: 0.14;
}
.aloha-page > * { position: relative; z-index: 1; }
@media screen and (max-width: 768px) {
  .aloha-page::before { background-size: 560px auto; opacity: 0.13; }
}

/* === ルチャドール切り抜き：各セクションに配置＋技アニメ === */
#aloha-lp .aloha-hero { position: relative; overflow: visible; }
#aloha-lp .sec-deco { position: relative; }
#aloha-lp .aloha-cutout {
  position: absolute; pointer-events: none; z-index: 2; display: block;
  height: auto; filter: drop-shadow(0 6px 9px rgba(0,0,0,0.18));
}
#aloha-lp .pos-hero    { width: 158px; right: -34px; bottom: -79px; top: auto; left: auto; }
#aloha-lp .pos-design  { width: 182px; left: -34px; bottom: -74px; top: auto; right: auto; }
#aloha-lp .pos-color   { width: 112px; bottom: 14px; right: 4px; }
/* VARIATION左下のマスクマン：統一マージン（セクション間の間隔）の中に垂らす。
   パディングを使わないので VARIATION の間隔も他セクションと完全に同一。
   マージンより下（次セクションのbox）には届かせない＝paint-overされない。 */
#aloha-lp .pos-variation { width: 144px; left: -14px; bottom: -110px; top: auto; right: auto; }
#aloha-lp .pos-brand   { width: 189px; top: -79px; right: calc(8% - 35px); left: auto; bottom: auto; }
#aloha-lp .pos-brand-sobat { width: 154px; left: calc(50% - 225px); bottom: 4px; top: auto; right: auto; }
#aloha-lp .pos-material{ width: 51px; bottom: -131px; left: calc(50% - 25px); right: auto; }

.mv-squeeze{transform-origin:50% 60%;animation:sqScale 1.5s ease-in-out infinite, sqTrem .16s linear infinite;}
@keyframes sqScale{0%,100%{scale:1}50%{scale:1.045}}
@keyframes sqTrem{0%,100%{translate:0 0}25%{translate:-1.7px 1px}50%{translate:1.7px -1px}75%{translate:-1px -1.7px}}
.mv-backdrop{transform-origin:48% 58%;transform:rotate(90deg);animation:backdrop 2s ease-in-out infinite;animation-play-state:paused;}
.mv-backdrop.is-playing{animation-play-state:running;}
@keyframes backdrop{0%,14%{transform:rotate(90deg)}24%{transform:rotate(102deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}68%{transform:rotate(0deg)}86%,100%{transform:rotate(90deg)}}
.mv-dive{transform-origin:50% 80%;animation:dive 3s ease-in-out infinite;}
@keyframes dive{0%{translate:0 0;rotate:0deg}22%{translate:0 -42px;rotate:-8deg}32%{translate:0 -46px;rotate:-6deg}58%{translate:0 16px;rotate:14deg}66%{translate:0 8px;rotate:9deg}100%{translate:0 0;rotate:0deg}}
.mv-pile{transform-origin:50% 50%;animation:pile 2.8s ease-in-out infinite;}
@keyframes pile{0%{translate:0 -30px}22%{translate:0 -36px}46%{translate:0 -6px}54%{translate:0 -12px}60%{translate:0 -8px}82%{translate:0 -30px}100%{translate:0 -30px}}
.mv-sobat{transform-origin:50% 55%;animation:sobat 2.6s ease-in-out infinite;}
@keyframes sobat{0%{transform:perspective(700px) rotateY(0deg)}55%{transform:perspective(700px) rotateY(0deg)}100%{transform:perspective(700px) rotateY(360deg)}}

@media screen and (max-width:768px){
  #aloha-lp .pos-hero{width:112px;right:-33px;bottom:-66px;top:auto;left:auto}
  #aloha-lp .pos-design{width:120px;left:-18px;bottom:-56px;top:auto;right:auto}
  #aloha-lp .pos-color{width:74px}
  #aloha-lp .pos-variation{width:103px;left:-8px;bottom:-82px;top:auto;right:auto}
  #aloha-lp .pos-brand{width:131px;top:-79px;right:calc(6% - 35px);left:auto;bottom:auto}
  #aloha-lp .pos-brand-sobat{width:130px;left:calc(50% - 193px);bottom:-90px;top:auto;right:auto;rotate:-15deg}
  #aloha-lp .pos-material{width:46px;bottom:-121px;left:calc(50% - 23px);right:auto}
  #aloha-lp .aloha-img-wrap{margin-top:22px}
}
</style>


<div class="aloha-page">
<div id="aloha-lp">

  <!-- 1. メインビジュアル＋DESIGN（統合） -->
  <section class="aloha-hero">
    <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navylp-p23x.jpg" alt="LUCHA ALOHA。ルチャアロハ（ホワイト）とDEEP（グリーン）を着た2人。NAVY APPARELの総柄アロハシャツ">
    <div class="aloha-hero-copy">
      <span class="aloha-eyebrow">NAVY APPAREL × QUATROGATS</span>
      <h1>マスクマンと魚をまとう、<br>ネイビーアパレルのアロハ。</h1>
      <p>
        マスクマンがカジキやシイラに技をかける「ルチャアロハ」と、深海魚をテーマにした「DEEP」。<br>
        どちらもNAVY APPAREL／ネイビーアパレルらしい、海を楽しむためのデザインです。
      </p>
      <p>
        「ルチャアロハ」からは、本革ミニ財布「<a href="https://quatrogats.com/?pid=192455212" style="color:#c8161d; text-decoration:underline;">小さいふ。ルチャと魚</a>」も生まれています。
      </p>

      <!-- サブ画像1（スクロールで白ミント2色／DEEP海辺の2枚を切替）＋バックドロップを右下角にはみ出し配置 -->
      <div class="aloha-hero-sub-wrap">
        <div class="aloha-hero-sub-image aloha-swap">
          <img class="swap-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-flatlay.jpg" alt="ホワイトとミント、2色のルチャアロハを並べた総柄アロハシャツ">
          <img class="swap-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-deep-model.jpg" alt="深海魚柄DEEPのアロハシャツを着て海辺で過ごすひととき">
        </div>
        <img class="aloha-cutout mv-backdrop pos-hero" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-2-hq.png" alt="">
      </div>
    </div>
  </section>


  <!-- 3. COLOR：3バリエーション（ルチャ2色＋別柄DEEP） -->
  <section class="aloha-section sec-deco aloha-sec-var">
    <img class="aloha-cutout mv-squeeze pos-variation" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-1-hq.png" alt="">
    <div class="aloha-section-title">
      <span class="en">VARIATION</span>
      <h2>柄と色、選べる3種。</h2>
    </div>
    <div class="aloha-lead aloha-lead-short" style="text-align:center;">
      <p>
        マスクマンの「ルチャアロハ」をホワイトとミントの2色で。加えて、深海魚がテーマの別柄「DEEP」もご用意しています。
      </p>
    </div>
    <div class="aloha-colors">
      <div class="aloha-color-card">
        <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-lucha-white.jpg" alt="ルチャアロハ ホワイト。総柄がいちばん映える明るい地色">
        <div class="aloha-color-body">
          <h3><span class="chip w"></span>ルチャ／ホワイト</h3>
          <p>総柄がいちばん映える、明るく爽やかな白。夏の主役に。</p>
        </div>
      </div>
      <div class="aloha-color-card">
        <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-lucha-mint.jpg" alt="ルチャアロハ ミント。海を思わせる爽やかな地色の総柄アロハ">
        <div class="aloha-color-body">
          <h3><span class="chip m"></span>ルチャ／ミント</h3>
          <p>浅瀬の海を思わせる、涼やかなミントグリーン。</p>
        </div>
      </div>
      <div class="aloha-color-card">
        <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-deep-white.jpg" alt="DEEP オリジナルアロハシャツ ホワイト。深海魚が主役の別柄">
        <div class="aloha-color-body">
          <span class="tag">別柄 DEEP</span>
          <h3><span class="chip d"></span>DEEP／ホワイト</h3>
          <p>深海魚が主役の、2024年デザイン「DEEP」。</p>
        </div>
      </div>
    </div>
  </section>


  <!-- 4. MATERIAL：生地 -->
  <section class="aloha-section sec-deco">
    <div class="aloha-section-title">
      <span class="en">MATERIAL</span>
      <h2>涼やかな、<span class="aloha-pc-only">　</span><br class="aloha-sp-break">国産マットガーゼ。</h2>
    </div>
    <div class="aloha-lead">
      <p>
        生地は、マットガーゼと呼ばれる目が粗く涼やかな味わいのもの。シワになりにくく通気性抜群で、物凄く涼しい着心地です。軽くサラッとした肌触りが特徴。
      </p>
      <p>
        プリントではなく染めにすることで、発色をよくしています。ポリ感が全くない高級な肌触りを実現した、国産のアロハシャツです。
      </p>
    </div>

    <div class="aloha-image-block">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-aloha-fabric.jpg" alt="ルチャアロハの生地アップ。目が粗く涼やかなマットガーゼの質感">
    </div>
  </section>


  <!-- 5. SIZE -->
  <section class="aloha-section aloha-section-narrow sec-deco">
    <div class="aloha-section-title">
      <span class="en">SIZE</span>
      <h2>サイズ（M / L / XL）</h2>
    </div>
    <div class="aloha-spec-wrap">
      <table class="aloha-spec">
        <thead>
          <tr><th>サイズ</th><th>身丈</th><th>胸囲</th><th>肩幅</th><th>袖丈</th></tr>
        </thead>
        <tbody>
          <tr><th>M</th><td>74</td><td>110</td><td>49</td><td>24</td></tr>
          <tr><th>L</th><td>76</td><td>116</td><td>50</td><td>25</td></tr>
          <tr><th>XL</th><td>77</td><td>122</td><td>51</td><td>26</td></tr>
        </tbody>
      </table>
    </div>
    <p class="aloha-spec-note">
      単位：cm ／ 素材：ポリエステル100%
    </p>
  </section>


  <!-- 6. BRAND：ネイビーアパレル -->
  <section class="aloha-section sec-deco">
    <img class="aloha-cutout mv-dive pos-brand" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-3-hq.png" alt="">
    <img class="aloha-cutout mv-sobat pos-brand-sobat" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-6-hq.png" alt="">
    <div class="aloha-section-title">
      <span class="en">BRAND</span>
      <h2>NAVY APPARELとは？</h2>
    </div>

    <div class="aloha-logo">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eV9hcHBhcmVsX2xvZ28.jpg?cmsp_timestamp=20260518164156" alt="アロハシャツを手がけるアパレルブランド、ネイビーアパレルのロゴ">
    </div>

    <div class="aloha-lead">
      <p>
        NAVY APPAREL／ネイビーアパレルは、大阪・梅田の海好きに親しまれる「NAVY COMPANY」から生まれたアパレルブランド。
        スピアフィッシングやダイビングなど、海遊びの楽しさをもっと多くの人へ届けたいという想いからスタートしました。
      </p>
    </div>

    <!-- 自動切替スライドショー（時間でループ・CSSのみ）：ネイビーアパレルの様子 -->
    <div class="aloha-slideshow">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzMw.jpg?cmsp_timestamp=20230630123821" alt="スピアフィッシングで大物を仕留めたネイビーアパレルの海。ルチャアロハの原点">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzM3.jpg?cmsp_timestamp=20230630122837" alt="ネイビーアパレルの人気アロハシャツ「ルチャアロハ」を仲間と着る">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzM2.jpg?cmsp_timestamp=20230630141509" alt="銛を手に海へ向かう、釣り好き・海好きが集うネイビーカンパニー">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzIx.jpg?cmsp_timestamp=20230630125219" alt="海を背にしたネイビーアパレルのメンバー。大阪・梅田発のブランド">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzQw.jpg?cmsp_timestamp=20230630124446" alt="ダイビングで海に潜るひととき。アロハシャツを手がけるネイビーアパレルの世界観">
    </div>

    <div class="aloha-lead" style="margin-top:18px;">
      <p>
        コラボの背景は、対談インタビューでご紹介しています。
      </p>
    </div>

    <div class="aloha-interview-cta">
      <a href="https://quatrogats.com/?mode=grp&gid=2879163" style="display:inline-block; border:1px solid #333; padding:10px 32px; font-size:14px; color:#333; text-decoration:none; letter-spacing:1px; border-radius:8px; animation:teatre-glow 2s ease-in-out infinite;">インタビューを読む</a>
    </div>
  </section>

</div>
<!-- ▲▲▲ #aloha-lp ここまで ▲▲▲ -->

<!-- ページ下部の回遊リンク／シリーズ紹介（はるちゃん指定・2026-07-13）：
     フリーページ6＋NAVYグループ(gid=3191618)カルーセル＋クリエイター&カルチャー(gid=3147232)カルーセル -->
<p class="js-freepage-embed" data-free-id="6" style="display:none;"></p><p class="js-api-group-list" data-gid="3191618" data-layout="carousel" style="display:none;"></p><br><p class="js-api-group-list" data-gid="3147232" data-layout="carousel" style="display:none;"></p>
</div><!-- /.aloha-page -->

<!-- 画像スクロール切替（1枚目/2枚目クロスフェード）：スクロール量に応じて2枚目の不透明度をスクラブ。 -->
<script>
(function(){
  var swaps = [].slice.call(document.querySelectorAll('#aloha-lp .aloha-swap'));
  if (!swaps.length) return;
  var START = 0.49, END = 0.50;
  function setOpacity(el){
    var r = el.getBoundingClientRect();
    var vh = window.innerHeight || document.documentElement.clientHeight;
    var total = vh + r.height;
    if (total <= 0) return;
    var p = (vh - r.top) / total;
    var o = (p - START) / (END - START);
    o = o < 0 ? 0 : (o > 1 ? 1 : o);
    var s2 = el.querySelector('.swap-2');
    if (s2) s2.style.opacity = o;
  }
  function updateAll(){ for (var i=0;i<swaps.length;i++) setOpacity(swaps[i]); }
  var ticking = false;
  function onScroll(){
    if (ticking) return;
    ticking = true;
    (window.requestAnimationFrame || function(f){setTimeout(f,16);})(function(){ updateAll(); ticking = false; });
  }
  window.addEventListener('scroll', onScroll, { passive:true });
  window.addEventListener('resize', onScroll, { passive:true });
  if (window.addEventListener) window.addEventListener('load', updateAll, false);
  updateAll();
})();
</script>

<!-- 全面柄フルブリードのスクロールバー対策：実表示幅(clientWidth)を --aloha-vw に入れて背景幅に使う。 -->
<script>
(function(){
  function setVW(){
    var el = document.documentElement;
    el.style.setProperty('--aloha-vw', el.clientWidth + 'px');
  }
  setVW();
  window.addEventListener('resize', setVW, { passive:true });
  if (window.addEventListener) window.addEventListener('load', setVW, false);
})();
</script>

<!-- 画面に入ったら再生開始（IntersectionObserver）：スライドショー＋バックドロップ。 -->
<script>
(function(){
  function observe(sel, opts){
    var els = [].slice.call(document.querySelectorAll(sel));
    if (!els.length) return;
    if ('IntersectionObserver' in window){
      var io = new IntersectionObserver(function(entries){
        for (var i=0;i<entries.length;i++){
          if (entries[i].isIntersecting){ entries[i].target.classList.add('is-playing'); io.unobserve(entries[i].target); }
        }
      }, opts);
      for (var j=0;j<els.length;j++) io.observe(els[j]);
    } else {
      for (var k=0;k<els.length;k++) els[k].classList.add('is-playing');
    }
  }
  observe('#aloha-lp .aloha-slideshow', { threshold: 0.25 });
  observe('#aloha-lp .mv-backdrop', { rootMargin: '0px 0px -18% 0px', threshold: 0.5 });
})();
</script>

]]></content:encoded>
    <dc:date>2026-07-13T16:15:36+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/192621131_th.jpg?cmsp_timestamp=20260713164232" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=192455212">
    <link>https://quatrogats.com/?pid=192455212</link>
    <title>小さいふ。コンチャ｜「ルチャと魚 NAVY APPAREL ネイビーアパレル コラボ｜栃木レザー（国産）｜小さい財布・ミニ財布・コンパクト財布</title>
    <description>







/* =========================================
   小さいふ。コンチャ「ルチャと魚」LP（LEFTY体裁）
   ========================================= */

#lucha-lp {
  max-width: 980px;
  margin: 0 auto;
  color: #333;
  line-height: 1.9...</description>
<content:encoded><![CDATA[
<!--
SEO設定メモ

タイトル：
ルチャと魚 小さいふ。コンチャ｜ネイビーアパレル コラボ 本革ミニ財布｜クアトロガッツ

description：
NAVY APPAREL（ネイビーアパレル）人気アロハ「ルチャアロハ」柄をそのまままとった、栃木レザーの本革ミニ財布「小さいふ。コンチャ」。マスクマンと魚が組み合う遊び心の総柄を、ホワイト／ネイビーの2色で。海好き・釣り好きへのギフトにも。日本製ハンドメイドのコンパクト財布。

キーワード：
ルチャと魚, ルチャアロハ, ネイビーアパレル, NAVY APPAREL, クアトロガッツ, 小さいふ, コンチャ, 本革 ミニ財布, 栃木レザー, コンパクト財布, 二つ折り財布, 釣り 財布, アロハ 財布, ギフト
-->

<!-- ★画像はすべて現行ネイビー(アカジン/GT)ページからの【仮置き】です。★要差し替え -->
<!-- ★ColorMe(EUC-JP)安全：絵文字/(R)/emダッシュ/波ダッシュ生文字は不使用。波ダッシュは &#12316; で表記。 -->

<!-- ※ トップのContents特集ナビ（LEATHER/ART&CULTURE/REVOLUTION/特集）は削除。メインバナーを最上部から表示 -->

<style>
/* =========================================
   小さいふ。コンチャ「ルチャと魚」LP（LEFTY体裁）
   ========================================= */

#lucha-lp {
  max-width: 980px;
  margin: 0 auto;
  color: #333;
  line-height: 1.9;
  font-size: 15px;
  letter-spacing: 0.03em;
}
#lucha-lp * { box-sizing: border-box; }

#lucha-lp img { max-width: 100%; height: auto; display: block; }
#lucha-lp a { color: inherit; text-decoration: none; }

/* HERO */
.lucha-hero { margin: 0 auto 66px; text-align: center; }
.lucha-hero img { width: 100%; margin: 0 auto 28px; }
.lucha-hero-copy { max-width: 760px; margin: 0 auto; padding: 0 18px; }
.lucha-eyebrow {
  display: inline-block; margin-bottom: 10px;
  font-size: 13px; letter-spacing: 0.16em; color: #777;
}
.lucha-hero h1 { margin: 0 0 16px; font-size: 30px; line-height: 1.5; font-weight: 600; }
.lucha-hero-copy p {
  max-width: 680px; margin: 0 auto;
  font-size: 16px; line-height: 2; text-align: left;
}
.lucha-hero-sub-image { max-width: 760px; margin: 28px auto 0; }
.lucha-hero-sub-image img { width: 100%; margin: 0 auto; border-radius: 8px; }
/* サブ画像を包む相対ラッパー（中にレスラーを兄弟配置＝.lucha-swapのoverflow:hiddenでクリップされず写真外にはみ出せる） */
.lucha-hero-sub-wrap { position: relative; max-width: 760px; margin: 28px auto 0; }
.lucha-hero-sub-wrap .lucha-hero-sub-image { margin: 0; }
/* セクション画像を包む相対ラッパー（中にレスラーを兄弟配置＝写真枠の外にはみ出せる） */
.lucha-img-wrap { position: relative; max-width: 760px; margin: 28px auto 0; }
.lucha-img-wrap .lucha-image-block { margin: 0; }

/* セクション共通 */
.lucha-section { max-width: 980px; margin: 0 auto 84px; padding: 0 18px; }
.lucha-section-narrow { max-width: 760px; }

.lucha-section-title { margin: 0 0 22px; text-align: center; }
.lucha-section-title .en {
  display: block; margin-bottom: 8px;
  font-size: 12px; letter-spacing: 0.18em; color: #888;
}
.lucha-section-title h2 { margin: 0; font-size: 24px; line-height: 1.6; font-weight: 600; }

/* 本文（左寄せ・読みやすい幅） */
.lucha-lead {
  max-width: 760px; margin: 0 auto;
  line-height: 2; text-align: left;
}
.lucha-lead p { margin: 0; }
.lucha-lead p + p { margin-top: 0.9em; }
.lucha-lead-short { max-width: 700px; }

.lucha-image-block { max-width: 760px; margin: 28px auto 0; }
.lucha-image-block img { margin: 0 auto; border-radius: 6px; width: 100%; }

/* スマホ用改行ヘルパー（PCは一文・スマホは改行） */
.lucha-sp-break { display: none; }
.lucha-pc-only { display: inline; }

/* 画像スクロール切替（1枚目/2枚目クロスフェード・JS駆動／JS無効時は1枚目を静止表示） */
.lucha-swap { position: relative; border-radius: 8px; overflow: hidden; }
.lucha-swap::before { content: ""; display: block; padding-top: 66.7%; }
.lucha-swap img { display: block; border-radius: 0; margin: 0; }
#lucha-lp .lucha-swap .swap-1 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
#lucha-lp .lucha-swap .swap-2 { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; will-change: opacity; }

/* 表と裏：2カラム比較（ルチャドール／魚） */
.lucha-compare {
  display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 22px;
  max-width: 900px; margin: 30px auto 0;
}
.lucha-compare-card {
  position: relative; background: #fff; border: 1px solid #e6ded4;
  border-radius: 12px; overflow: hidden; display: flex; flex-direction: column;
}
.lucha-compare-card img {
  width: 100%; height: 300px; object-fit: cover; object-position: center; display: block;
}
.lucha-compare-label {
  position: absolute; top: 12px; left: 12px; z-index: 2;
  padding: 4px 10px; background: #333; color: #fff;
  border-radius: 999px; font-size: 11px; font-weight: 700; letter-spacing: 0.08em;
  box-shadow: 0 2px 8px rgba(0,0,0,0.12);
}
.lucha-compare-body { padding: 20px 18px 22px; background: #fff; flex: 1; }
.lucha-compare-body h3 { margin: 0 0 8px; font-size: 17px; line-height: 1.6; font-weight: 600; }
.lucha-compare-body p { margin: 0; font-size: 14px; line-height: 1.8; }

/* カラー2色 */
.lucha-colors {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px;
  max-width: 760px; margin: 30px auto 0;
}
.lucha-color-card {
  background: #fff; border: 1px solid #e6ded4; border-radius: 12px; overflow: hidden;
}
.lucha-color-card img { width: 100%; aspect-ratio: 1/1; object-fit: cover; }
.lucha-color-body { padding: 18px 18px 20px; }
.lucha-color-body h3 { margin: 0 0 6px; font-size: 17px; font-weight: 600; }
.lucha-color-body .chip {
  display: inline-block; width: 12px; height: 12px; border-radius: 50%;
  border: 1px solid #999; vertical-align: -1px; margin-right: 7px;
}
.lucha-color-body .chip.w { background: #fff; }
.lucha-color-body .chip.n { background: #1b2c44; }
.lucha-color-body p { margin: 0; font-size: 14px; line-height: 1.8; }

/* ブランド動画・ロゴ */
.lucha-video { position: relative; width: 100%; max-width: 720px; margin: 24px auto 0; padding-top: 56.25%; }
.lucha-video iframe { position: absolute; inset: 0; width: 100%; height: 100%; }
.lucha-logo { max-width: 230px; margin: 28px auto 18px; }
.lucha-figure { max-width: 720px; margin: 24px auto 0; }
.lucha-figure img { width: 100%; border-radius: 6px; }

/* 自動切替スライドショー（時間でループ・CSSのみ／5枚クロスフェード） */
.lucha-slideshow { position: relative; max-width: 720px; margin: 24px auto 0; border-radius: 6px; overflow: hidden; }
.lucha-slideshow img { display: block; width: 100%; opacity: 0; animation: lucha-slide 10s linear infinite; animation-play-state: paused; }
.lucha-slideshow img:first-child { position: relative; }
.lucha-slideshow img:not(:first-child) { position: absolute; inset: 0; height: 100%; object-fit: cover; }
/* 停止中は1枚目が表示された状態でフリーズ（負ディレイで1枚目を表示フェーズに固定） */
.lucha-slideshow img:nth-child(1) { animation-delay: -0.4s; }
.lucha-slideshow img:nth-child(2) { animation-delay: 1.6s; }
.lucha-slideshow img:nth-child(3) { animation-delay: 3.6s; }
.lucha-slideshow img:nth-child(4) { animation-delay: 5.6s; }
.lucha-slideshow img:nth-child(5) { animation-delay: 7.6s; }
/* 画面に入ったらJSが is-playing を付与 → 再生開始 */
.lucha-slideshow.is-playing img { animation-play-state: running; }
@keyframes lucha-slide { 0% { opacity: 0; } 4% { opacity: 1; } 20% { opacity: 1; } 24% { opacity: 0; } 100% { opacity: 0; } }

/* CTAボタン */
.lucha-cta-wrap { text-align: center; margin: 28px 0 0; }
.lucha-button {
  display: inline-block; min-width: 240px; padding: 14px 24px;
  background: #333; color: #fff !important; border-radius: 4px;
  text-align: center; font-size: 15px;
}

/* ボタン：ゆっくり光るアニメーション（テアトル虹ボタンと同一ギミック） */
@keyframes teatre-glow {
  0%   { box-shadow: 0 0 0px 0px rgba(0,0,0,0); }
  50%  { box-shadow: 0 0 12px 4px rgba(0,0,0,0.18); }
  100% { box-shadow: 0 0 0px 0px rgba(0,0,0,0); }
}
/* インタビューを読むボタンの上マージン（PC35px／スマホは10px上げ＝25px） */
#lucha-lp .lucha-interview-cta { margin-top: 35px; }
@media screen and (max-width: 768px) { #lucha-lp .lucha-interview-cta { margin-top: -5px; } }

/* 栃木レザー動画ブロック（国芳ページと同一） */
#lucha-lp .suika-leather-video { text-align:center; margin-top:30px; }
#lucha-lp .suika-leather-video-button-label { font:13px/1 sans-serif; color:#7a6a58; letter-spacing:.08em; margin-bottom:11px; }
#lucha-lp .suika-leather-video-button a { display:inline-block; border:1px solid #333; border-radius:8px; padding:11px 28px; font:14px/1 sans-serif; color:#333; text-decoration:none; letter-spacing:.06em; animation:teatre-glow 2s ease-in-out infinite; }
#lucha-lp .suika-leather-video-frame { position:relative; width:100%; max-width:560px; margin:22px auto 0; aspect-ratio:16 / 9; border-radius:12px; overflow:hidden; background:#000; }
#lucha-lp .suika-leather-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

/* MATERIAL：3ポイント */
.lucha-feature-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px;
  max-width: 820px; margin: 30px auto 0;
}
.lucha-feature { background: #f8f6f2; padding: 22px 20px; border-radius: 10px; }
.lucha-feature h3 { margin: 0 0 10px; font-size: 16px; line-height: 1.6; }
.lucha-feature p { margin: 0; font-size: 13px; line-height: 1.75; }

/* スマホ調整 */
@media screen and (max-width: 768px) {
  #lucha-lp { font-size: 14px; line-height: 1.85; }

  /* 商品ページ(テーマ枠padding 0)でも、LEFTYのグループページ表示(枠12px)と
     同じ本文インセットにするため、LP全体をモバイルで左右12pxインセット。
     全面柄(.lucha-page::before width:100vw)はフルブリードのまま影響なし。 */
  .lucha-page { padding-left: 22px; padding-right: 22px; }

  .lucha-hero { margin-bottom: 60px; }
  .lucha-hero-copy { width: calc(100% - 28px); padding: 16px 0 0; }
  .lucha-hero h1 { font-size: 23px; line-height: 1.55; }
  .lucha-hero-copy p { width: 100%; max-width: none; font-size: 14px; line-height: 1.9; }

  .lucha-section { margin-bottom: 70px; padding: 0 14px; }
  .lucha-section-title h2 { font-size: 21px; line-height: 1.55; }
  .lucha-section-title .en { font-size: 11px; }

  .lucha-lead { width: 100%; max-width: none; font-size: 14px; line-height: 1.9; }
  .lucha-image-block { margin-top: 22px; }
  .lucha-sp-break { display: inline; }
  .lucha-pc-only { display: none; }

  .lucha-compare { display: block; }
  .lucha-compare-card + .lucha-compare-card { margin-top: 18px; }
  .lucha-compare-card img { height: 240px; }

  .lucha-colors { gap: 14px; }

  .lucha-feature-grid { display: block; }
  .lucha-feature + .lucha-feature { margin-top: 12px; }
}

/* === 全面総柄背景（フルブリード・白アロハ柄）＝切り抜き配置のベース === */
.lucha-page { position: relative; background-color: #ffffff; }
.lucha-page::before {
  content: ""; position: absolute; top: 0; bottom: 0; left: 50%; transform: translateX(-50%); width: var(--lucha-vw, 100vw); z-index: 0; pointer-events: none;
  background-image: url("https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-pattern-wh.jpg");
  background-repeat: repeat; background-size: 820px auto;
  opacity: 0.14;
}
.lucha-page > * { position: relative; z-index: 1; }
@media screen and (max-width: 768px) {
  .lucha-page::before { background-size: 560px auto; opacity: 0.13; }
}

/* === ルチャドール切り抜き：各セクションに配置＋技アニメ === */
#lucha-lp .lucha-hero { position: relative; overflow: visible; }
#lucha-lp .sec-deco { position: relative; }
#lucha-lp .lucha-cutout {
  position: absolute; pointer-events: none; z-index: 2; display: block;
  height: auto; filter: drop-shadow(0 6px 9px rgba(0,0,0,0.18));
}
#lucha-lp .pos-hero    { width: 158px; right: -34px; bottom: -79px; top: auto; left: auto; }
#lucha-lp .pos-about   { width: 124px; top: 24px;  right: 8%; }
#lucha-lp .pos-design  { width: 182px; left: -34px; bottom: -74px; top: auto; right: auto; }
#lucha-lp .pos-color   { width: 112px; bottom: 14px; right: 4px; }
#lucha-lp .pos-brand   { width: 189px; top: -79px; right: calc(8% - 35px); left: auto; bottom: auto; }
#lucha-lp .pos-brand-sobat { width: 154px; left: calc(50% - 225px); bottom: -6px; top: auto; right: auto; }
#lucha-lp .pos-material{ width: 51px; bottom: -131px; left: calc(50% - 25px); right: auto; }

.mv-squeeze{transform-origin:50% 60%;animation:sqScale 1.5s ease-in-out infinite, sqTrem .16s linear infinite;}
@keyframes sqScale{0%,100%{scale:1}50%{scale:1.045}}
@keyframes sqTrem{0%,100%{translate:0 0}25%{translate:-1.7px 1px}50%{translate:1.7px -1px}75%{translate:-1px -1.7px}}
.mv-backdrop{transform-origin:48% 58%;transform:rotate(90deg);animation:backdrop 2s ease-in-out infinite;animation-play-state:paused;}
.mv-backdrop.is-playing{animation-play-state:running;}
/* リズミカル：立ち(短め)→軽く振りかぶり(タメ)→ズドンと投げ(0deg)→反動→立ちに戻ってループ */
@keyframes backdrop{0%,14%{transform:rotate(90deg)}24%{transform:rotate(102deg)}50%{transform:rotate(-6deg)}60%{transform:rotate(6deg)}68%{transform:rotate(0deg)}86%,100%{transform:rotate(90deg)}}
.mv-dropkick{transform-origin:50% 50%;animation:dropkick 2.2s ease-in-out infinite;}
@keyframes dropkick{0%{translate:-55px 0;rotate:-7deg}40%{translate:55px 0;rotate:-12deg}50%{translate:55px 0;rotate:-9deg}100%{translate:-55px 0;rotate:-7deg}}
.mv-dive{transform-origin:50% 80%;animation:dive 3s ease-in-out infinite;}
@keyframes dive{0%{translate:0 0;rotate:0deg}22%{translate:0 -42px;rotate:-8deg}32%{translate:0 -46px;rotate:-6deg}58%{translate:0 16px;rotate:14deg}66%{translate:0 8px;rotate:9deg}100%{translate:0 0;rotate:0deg}}
.mv-pile{transform-origin:50% 50%;animation:pile 2.8s ease-in-out infinite;}
@keyframes pile{0%{translate:0 -30px}22%{translate:0 -36px}46%{translate:0 -6px}54%{translate:0 -12px}60%{translate:0 -8px}82%{translate:0 -30px}100%{translate:0 -30px}}
.mv-sobat{transform-origin:50% 55%;animation:sobat 2.6s ease-in-out infinite;}
@keyframes sobat{0%{transform:perspective(700px) rotateY(0deg)}55%{transform:perspective(700px) rotateY(0deg)}100%{transform:perspective(700px) rotateY(360deg)}}

@media screen and (max-width:768px){
  #lucha-lp .pos-hero{width:112px;right:-33px;bottom:-66px;top:auto;left:auto}
  #lucha-lp .pos-about{width:84px}
  #lucha-lp .pos-design{width:120px;left:-18px;bottom:-56px;top:auto;right:auto}
  #lucha-lp .pos-color{width:74px}
  #lucha-lp .pos-brand{width:131px;top:-79px;right:calc(6% - 35px);left:auto;bottom:auto}
  #lucha-lp .pos-brand-sobat{width:130px;left:calc(50% - 193px);bottom:-100px;top:auto;right:auto;rotate:-15deg}
  #lucha-lp .pos-material{width:46px;bottom:-121px;left:calc(50% - 23px);right:auto}
  #lucha-lp .lucha-img-wrap{margin-top:22px}
}
</style>


<div class="lucha-page">
<div id="lucha-lp">

  <!-- 1. メインビジュアル -->
  <section class="lucha-hero">
    <!-- ★要差し替え：メインビジュアル -->
    <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-lucha-bana.jpg" alt="ルチャと魚柄をまとった本革のコンチャ。ネイビーアパレルとのコラボミニ財布">
    <div class="lucha-hero-copy">
      <span class="lucha-eyebrow">NAVY APPAREL × QUATROGATS</span>
      <h1>海が好きだ。<br>ネイビーアパレルコラボ</h1>
      <p>
        マスクマンと魚たちが革の上で組み合う、NAVY APPAREL／ネイビーアパレルとクアトロガッツのコラボから生まれた本革ミニ財布「小さいふ。コンチャ」です。<br>
        海好き・釣り好き、そして遊び心のある人へ。
      </p>
      <!-- ★要差し替え：ファーストビュー下のサブ画像（スクロールで1枚目/2枚目切替）＋(2)バックドロップを右下角にはみ出し配置 -->
      <div class="lucha-hero-sub-wrap">
        <div class="lucha-hero-sub-image lucha-swap">
          <img class="swap-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/lgbt-hollage-10.jpg" alt="海辺の砂利に置いた、クリーム色のルチャ総柄小さいふコンチャ">
          <img class="swap-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/lgbt-hollage-12.jpg" alt="アロハ生地に並べたネイビーのコンパクト財布。マスクマンと魚の総柄">
        </div>
        <img class="lucha-cutout mv-backdrop pos-hero" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-2-hq.png" alt="">
      </div>
    </div>
  </section>


  <!-- 2. DESIGN（旧ABOUT＋DESIGNを統合・他セクションと同構造） -->
  <section class="lucha-section sec-deco">
    <div class="lucha-section-title">
      <span class="en">DESIGN</span>
      <h2>人気のアロハが小さいふに。</h2>
    </div>
    <div class="lucha-lead lucha-lead-short">
      <p>
        NAVY APPAREL／ネイビーアパレルの人気アロハ「ルチャアロハ」の柄をデザイン。
      </p>
      <p>
        マスクマンが、カジキやシイラにパイルドライバーやパワーボム。
      </p>
    </div>

    <!-- ★要差し替え：デザイン画像（スクロールで1枚目/2枚目切替）＋(1)締め技を左下角にはみ出し配置 -->
    <div class="lucha-img-wrap">
      <div class="lucha-image-block lucha-swap">
        <img class="swap-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-lucha-8.jpg" alt="両手に持ったネイビーの二つ折り財布。カジキやレスラーが躍る総柄">
        <img class="swap-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-lucha-6.jpg" alt="ジーンズの後ろポケットにすっと入る、クリーム色のプロレス総柄ミニ財布">
      </div>
      <img class="lucha-cutout mv-squeeze pos-design" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-1-hq.png" alt="">
    </div>
  </section>


  <!-- 4. COLOR -->
  <section class="lucha-section lucha-section-narrow sec-deco">
    <div class="lucha-section-title">
      <span class="en">COLOR</span>
      <h2>ホワイトとネイビー<span class="lucha-pc-only">、</span><br class="lucha-sp-break">選べる2色。</h2>
    </div>
    <div class="lucha-colors">
      <div class="lucha-color-card">
        <!-- ★要差し替え：ホワイト -->
        <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-lucha-7.jpg" alt="総柄がいちばん映える、明るく爽やかなホワイトの小さいふ">
        <div class="lucha-color-body">
          <h3><span class="chip w"></span>モーニング（ホワイト）</h3>
          <p>総柄がいちばん映える、明るく爽やかな白。夏の相棒に。</p>
        </div>
      </div>
      <div class="lucha-color-card">
        <!-- ★要差し替え：ネイビー -->
        <img src="https://blog.quatrogats.com/wp-content/uploads/2026/07/navyapparel-lucha-9.jpg" alt="海の夜のように深いネイビーの二つ折り財布。プロレス柄を粋に締める">
        <div class="lucha-color-body">
          <h3><span class="chip n"></span>イブニング（ネイビー）</h3>
          <p>海の夜を思わせる、落ち着いた大人の紺。</p>
        </div>
      </div>
    </div>
  </section>


  <!-- 5. BRAND：ネイビーアパレル -->
  <section class="lucha-section sec-deco">
    <img class="lucha-cutout mv-dive pos-brand" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-3-hq.png" alt="">
    <img class="lucha-cutout mv-sobat pos-brand-sobat" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-6-hq.png" alt="">
    <div class="lucha-section-title">
      <span class="en">BRAND</span>
      <h2>NAVY APPARELとは？</h2>
    </div>

    <div class="lucha-logo">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eV9hcHBhcmVsX2xvZ28.jpg?cmsp_timestamp=20260518164156" alt="小さいふとコラボしたアパレルブランド、ネイビーアパレルのロゴ">
    </div>

    <div class="lucha-lead">
      <p>
        NAVY APPAREL／ネイビーアパレルは、大阪・梅田の海好きに親しまれる「NAVY COMPANY」から生まれたアパレルブランド。
        スピアフィッシングやダイビングなど、海遊びの楽しさをもっと多くの人へ届けたいという想いからスタートしました。
      </p>
    </div>

    <!-- 自動切替スライドショー（時間でループ・CSSのみ）：ネイビーアパレルの様子 -->
    <div class="lucha-slideshow">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzMw.jpg?cmsp_timestamp=20230630123821" alt="スピアフィッシングで大物を仕留めたネイビーアパレルの海。二つ折り財布コンチャの原点">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzM3.jpg?cmsp_timestamp=20230630122837" alt="ミニ財布の柄の元になった、ネイビーアパレルの人気アロハシャツ「ルチャアロハ」">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzM2.jpg?cmsp_timestamp=20230630141509" alt="銛を手に海へ向かう、釣り好き・海好きが集うネイビーカンパニー。コンパクト財布の故郷">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzIx.jpg?cmsp_timestamp=20230630125219" alt="海を背にしたネイビーアパレルのメンバー。小さいふともコラボした大阪・梅田発のブランド">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmF2eWNvbXBhbnlfaW50ZXJ2aWV3XzQw.jpg?cmsp_timestamp=20230630124446" alt="ダイビングで海に潜るひととき。ミニ財布のコラボ相手ネイビーアパレルの世界観">
    </div>

    <div class="lucha-lead" style="margin-top:18px;">
      <p>
        コラボの背景は、対談インタビューでご紹介しています。
      </p>
    </div>

    <div class="lucha-interview-cta" style="text-align:center;">
      <a href="https://quatrogats.com/?mode=grp&gid=2879163" style="display:inline-block; border:1px solid #333; padding:10px 32px; font-size:14px; color:#333; text-decoration:none; letter-spacing:1px; border-radius:8px; animation:teatre-glow 2s ease-in-out infinite;">インタビューを読む</a>
    </div>
  </section>


  <!-- 6. MATERIAL：栃木レザー -->
  <section class="lucha-section sec-deco">
    <img class="lucha-cutout mv-pile pos-material" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/lucha-cutout-5-hq.png" alt="">
    <div class="lucha-section-title">
      <span class="en">MATERIAL</span>
      <h2>ルチャな柄に<span class="lucha-pc-only">、</span><br class="lucha-sp-break">栃木レザーの深み。</h2>
    </div>
    <div class="lucha-lead">
      <p>
        ベースの革には、国産最高峰と呼ばれる栃木レザーのヌメ革を使用。
        植物タンニンで時間をかけて鞣すことで、強く、長く使える革へと仕上げられています。
      </p>
      <p>
        革そのものの表情を生かした本革は、使うほどに艶を増し、少しずつ自分だけの表情へ育っていきます。
      </p>
    </div>

    <!-- ★要差し替え：MATERIAL画像（栃木レザー・仮置き／スクロールで1枚目/2枚目切替） -->
    <div class="lucha-image-block lucha-swap">
      <img class="swap-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/06/tochigileather_navy_1.jpg" alt="国産最高峰の栃木レザーを使ったネイビーのコンパクト財布。使うほど艶が深まるヌメ革">
      <img class="swap-2" src="https://img07.shop-pro.jp/PA01030/401/etc_base64/bmVrb2Z1amlfY29uXzEw.jpg" alt="後ろポケットでさりげなく使える栃木レザーの二つ折り財布。経年変化も楽しめる">
    </div>

    <!-- 栃木レザー動画＋リンクボタン（国芳ページと同一ブロック）：MATERIALセクション内に配置 -->
    <div class="suika-leather-video">
      <div class="suika-leather-video-button">
        <div class="suika-leather-video-button-label">＼ 動画はこちら ／</div>
        <a href="https://youtu.be/U11w-sOQch0?si=rHoUBowcsJlvVEpC" target="_blank" rel="noopener noreferrer">栃木レザーについて、もっと詳しく</a>
      </div>

      <div class="suika-leather-video-frame">
        <iframe
          src="https://www.youtube-nocookie.com/embed/U11w-sOQch0"
          title="栃木レザー代表 遅澤さんがクアトロガッツの工房にやってきた。【前編】"
          loading="lazy"
          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
          allowfullscreen>
        </iframe>
      </div>
    </div>
  </section>

</div>
<!-- ▲▲▲ #lucha-lp ここまで（以降は全商品共通モジュール・構造は触らない） ▲▲▲ -->

<!-- ※ mode=f73（栃木レザー対談動画）の埋め込みは、上のMATERIAL動画ブロックと重複のため削除 -->


<!-- ※ 商品画像スライダーは削除（小さいふコンチャ共通部分へ直結） -->


<!-- 商品共通アコーディオン（構造は触らない） -->
<div class="product-accordion">
  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f328" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>
</div>

<p class="js-freepage-embed"
data-free-id="6"
style="display:none;"></p><p class="js-api-group-list"
data-gid="3191618"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="3147232"
data-layout="carousel"
style="display:none;"></p>
</div><!-- /.lucha-page -->

<!-- 画像スクロール切替（1枚目/2枚目クロスフェード）：スクロール量に応じて2枚目の不透明度をスクラブ。
     IntersectionObserverで可視中のみ更新。JSが動かない環境では2枚目opacity:0のまま＝1枚目を静止表示。 -->
<script>
(function(){
  var swaps = [].slice.call(document.querySelectorAll('#lucha-lp .lucha-swap'));
  if (!swaps.length) return;
  var START = 0.49, END = 0.50; // 切替が起きるスクロール帯（要素が画面を通過する0..1のうち）狭いほどスナップ＝速い切替
  function setOpacity(el){
    var r = el.getBoundingClientRect();
    var vh = window.innerHeight || document.documentElement.clientHeight;
    var total = vh + r.height;
    if (total <= 0) return;
    var p = (vh - r.top) / total;            // 0:画面下から登場 → 1:画面上へ退場
    var o = (p - START) / (END - START);
    o = o < 0 ? 0 : (o > 1 ? 1 : o);
    var s2 = el.querySelector('.swap-2');
    if (s2) s2.style.opacity = o;
  }
  function updateAll(){ for (var i=0;i<swaps.length;i++) setOpacity(swaps[i]); }
  var ticking = false;
  function onScroll(){
    if (ticking) return;
    ticking = true;
    (window.requestAnimationFrame || function(f){setTimeout(f,16);})(function(){ updateAll(); ticking = false; });
  }
  window.addEventListener('scroll', onScroll, { passive:true });
  window.addEventListener('resize', onScroll, { passive:true });
  if (window.addEventListener) window.addEventListener('load', updateAll, false);
  updateAll();
})();
</script>

<!-- 全面柄フルブリードのスクロールバー対策：スクロールバーを除いた実表示幅(clientWidth)を
     CSS変数 --lucha-vw に入れ、背景幅に使う。これで画面端まで全面のまま横はみ出し（＝中身の左右ズレ）が出ない。 -->
<script>
(function(){
  function setVW(){
    var el = document.documentElement;
    el.style.setProperty('--lucha-vw', el.clientWidth + 'px');
  }
  setVW();
  window.addEventListener('resize', setVW, { passive:true });
  if (window.addEventListener) window.addEventListener('load', setVW, false);
})();
</script>

<!-- 画面に入ったら再生開始（IntersectionObserver）：スライドショー＋バックドロップ。非対応環境は即再生。 -->
<script>
(function(){
  function observe(sel, opts){
    var els = [].slice.call(document.querySelectorAll(sel));
    if (!els.length) return;
    if ('IntersectionObserver' in window){
      var io = new IntersectionObserver(function(entries){
        for (var i=0;i<entries.length;i++){
          if (entries[i].isIntersecting){ entries[i].target.classList.add('is-playing'); io.unobserve(entries[i].target); }
        }
      }, opts);
      for (var j=0;j<els.length;j++) io.observe(els[j]);
    } else {
      for (var k=0;k<els.length;k++) els[k].classList.add('is-playing');
    }
  }
  // スライドショー：画面に入ったら開始
  observe('#lucha-lp .lucha-slideshow', { threshold: 0.25 });
  // バックドロップ：画面下40%を除外し、中央寄りまで来てから開始（読みながら早すぎ発火を防ぐ）
  observe('#lucha-lp .mv-backdrop', { rootMargin: '0px 0px -18% 0px', threshold: 0.5 });
})();
</script>

]]></content:encoded>
    <dc:date>2026-07-01T16:00:39+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/192455212_th.jpg?cmsp_timestamp=20260707112409" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=192324436">
    <link>https://quatrogats.com/?pid=192324436</link>
    <title>ページ確認用_３</title>
    <description>
document.getElementById(&#039;qg-cc&#039;).classList.add(&#039;cc-js&#039;);



#qg-cc{
  max-width:980px;
  margin:0 auto;
  color:#333;
  line-height:1.9;
  font-size:15px;
  letter-spacing:.03em;
  font-family:&quot;Hiragino Kaku Gothic ProN&quot;,&quot;Hiragino Sans&quot;,Meiryo,sans-se...</description>
<content:encoded><![CDATA[
<div id="qg-cc">
<script>document.getElementById('qg-cc').classList.add('cc-js');</script>
<style>


#qg-cc{
  max-width:980px;
  margin:0 auto;
  color:#333;
  line-height:1.9;
  font-size:15px;
  letter-spacing:.03em;
  font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
  background:#fff;
  text-align:left;
}
#qg-cc,#qg-cc *{box-sizing:border-box}
#qg-cc img{max-width:100%;height:auto;display:block}
#qg-cc a{color:inherit;text-decoration:none}
#qg-cc p,#qg-cc h1,#qg-cc h2,#qg-cc h3,#qg-cc ul,#qg-cc li,#qg-cc figure{
  margin:0;padding:0;background:none;border:0;border-radius:0;box-shadow:none;list-style:none;
}
#qg-cc h1,#qg-cc h2,#qg-cc h3{font-weight:600;line-height:1.6}
#qg-cc h2::before,#qg-cc h2::after,#qg-cc h3::before,#qg-cc h3::after{content:none}


#qg-cc .cc-hero{margin:0 auto 46px;text-align:center}
#qg-cc .cc-hero .cc-ph{margin:0 auto 28px}
#qg-cc .cc-hero-copy{max-width:760px;margin:0 auto;padding:0 18px;text-align:center}
#qg-cc .cc-eyebrow{
  display:inline-block;margin-bottom:10px;
  font-size:13px;letter-spacing:.16em;color:#777;
}
#qg-cc .cc-hero h1{margin:0 0 16px;font-size:30px;line-height:1.5}
#qg-cc .cc-hero-copy p{
  max-width:680px;margin:0 auto;font-size:16px;line-height:2;text-align:left;
}
#qg-cc .cc-hero-copy p + p{margin-top:.9em}


#qg-cc .cc-section{max-width:980px;margin:0 auto 64px;padding:0 18px}
#qg-cc .cc-section-narrow{max-width:760px}
#qg-cc .cc-section-title{margin:0 0 20px;text-align:center}
#qg-cc .cc-section-title .en{
  display:block;margin-bottom:8px;
  font-size:12px;letter-spacing:.18em;color:#888;
}
#qg-cc .cc-section-title h2{margin:0;font-size:24px;line-height:1.6}
#qg-cc .cc-lead{max-width:760px;margin:0 auto;line-height:2;text-align:left}
#qg-cc .cc-lead p{margin:0}
#qg-cc .cc-lead p + p{margin-top:.9em}
#qg-cc .cc-image-block{max-width:760px;margin:0 auto 28px}

#qg-cc .cc-image-after-text{margin:28px auto 0}
#qg-cc .cc-image-after-text .cc-photo{margin-bottom:0}
#qg-cc .cc-image-block .cc-ph{border-radius:8px}


#qg-cc .cc-ph{
  display:flex;align-items:center;justify-content:center;
  background:#f8f6f2;border:1px dashed #d8cec1;
  color:#9a8f80;font-size:12px;line-height:1.7;text-align:center;padding:14px;
}
#qg-cc .cc-ph b{display:block;font-size:12px;font-weight:600;color:#8a7c6b;margin-bottom:2px}
#qg-cc .cc-ph-hero{aspect-ratio:2/1}
#qg-cc .cc-ph-4x3{aspect-ratio:4/3}
#qg-cc .cc-ph-16x9{aspect-ratio:16/9}
#qg-cc .cc-ph-square{aspect-ratio:1/1}
#qg-cc .cc-ph-band{height:74px;padding:8px}


#qg-cc .cc-photo{display:block;width:100%;height:auto}
#qg-cc .cc-hero .cc-photo{margin:0 auto 28px}
#qg-cc .cc-image-block .cc-photo{border-radius:8px}
#qg-cc .cc-card .cc-photo{border-bottom:1px solid #e6ded4}
#qg-cc .cc-camp .cc-photo{border-bottom:1px solid #e6ded4}


#qg-cc .cc-scroll{
  display:flex;gap:18px;overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  padding:4px 2px 18px;
  scroll-snap-type:x mandatory;scroll-padding-left:2px;
}
#qg-cc .cc-scroll::-webkit-scrollbar{height:6px}
#qg-cc .cc-scroll::-webkit-scrollbar-thumb{background:#d8d0c5;border-radius:10px}
#qg-cc .cc-swipe{
  margin:0 0 10px;font-size:12px;letter-spacing:.06em;color:#999;text-align:center;
}
@media screen and (min-width:769px){
  #qg-cc .cc-scroll{
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;overflow:visible;padding:0;align-items:stretch;
  }
  #qg-cc .cc-swipe{display:none}
}


#qg-cc .cc-card{
  flex:0 0 270px;scroll-snap-align:start;
  background:#fff;border:1px solid #e6ded4;border-radius:12px;
  overflow:hidden;display:flex;flex-direction:column;
}
#qg-cc .cc-card .cc-ph{border:0;border-bottom:1px solid #e6ded4}
#qg-cc .cc-card-body{padding:20px 18px 20px;flex:1}
#qg-cc .cc-card-number{
  display:block;margin-bottom:10px;
  font-size:12px;color:#a88c6d;letter-spacing:.16em;
}
#qg-cc .cc-card h3{margin:0 0 8px;font-size:17px;line-height:1.55}
#qg-cc .cc-card p{margin:0;font-size:14px;line-height:1.8}
#qg-cc .cc-card .cc-card-note{
  margin-top:12px;font-size:12px;line-height:1.8;color:#888;
}


#qg-cc .cc-picto-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  max-width:820px;margin:28px auto 0;align-items:stretch;
}
#qg-cc .cc-picto{
  background:#fff;border:1px solid #e6ded4;border-radius:10px;padding:20px 16px 18px;
  text-align:center;height:100%;overflow:hidden;
}
#qg-cc .cc-picto img{
  width:100%;max-width:150px;height:auto;margin:0 auto 10px;
}
#qg-cc .cc-picto h3{margin:0;font-size:15px;line-height:1.6}
#qg-cc.cc-js .cc-picto-grid .cc-picto img{
  opacity:0;transform:translateY(34px) scale(.92);
  transition:opacity .5s ease,transform .68s cubic-bezier(.2,.75,.25,1);
}
#qg-cc.cc-js .cc-picto-grid .cc-picto h3{
  opacity:0;transform:translateY(8px);
  transition:opacity .4s ease,transform .48s ease;
}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(2) img{transition-delay:.08s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(3) img{transition-delay:.16s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(4) img{transition-delay:.24s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(5) img{transition-delay:.32s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(6) img{transition-delay:.40s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(1) h3{transition-delay:.18s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(2) h3{transition-delay:.26s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(3) h3{transition-delay:.34s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(4) h3{transition-delay:.42s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(5) h3{transition-delay:.50s}
#qg-cc.cc-js .cc-picto-grid .cc-picto:nth-child(6) h3{transition-delay:.58s}
#qg-cc.cc-js .cc-picto-grid.cc-picto-show .cc-picto img,
#qg-cc.cc-js .cc-picto-grid.cc-picto-show .cc-picto h3{
  opacity:1;transform:none;
}
@media(prefers-reduced-motion:reduce){
  #qg-cc.cc-js .cc-picto-grid .cc-picto img,
  #qg-cc.cc-js .cc-picto-grid .cc-picto h3{
    opacity:1;transform:none;transition:none;
  }
}

#qg-cc .cc-nb{white-space:nowrap}


#qg-cc .cc-camp{
  max-width:760px;margin:28px auto 0;
  background:#fff;border:1px solid #e6ded4;border-radius:12px;overflow:hidden;
}
#qg-cc .cc-camp .cc-ph{border:0;background:#f8f6f2;border-bottom:1px solid #e6ded4}
#qg-cc .cc-camp-inner{padding:42px 26px 28px}

#qg-cc .cc-photo-wrap{position:relative}
#qg-cc .cc-camp-seal{
  position:absolute;right:20px;bottom:-34px;
  display:flex;align-items:center;justify-content:center;
  width:82px;height:82px;
  background:#4d3b2f;color:#fff;border:4px solid #fff;border-radius:50%;
  text-align:center;
}
#qg-cc .cc-camp-seal strong{
  font-size:15px;font-weight:600;line-height:1.4;letter-spacing:.06em;
}
#qg-cc .cc-camp-tag{
  display:inline-block;margin-bottom:12px;padding:3px 9px;
  background:#333;color:#fff;border-radius:999px;
  font-size:10px;letter-spacing:.14em;
}
#qg-cc .cc-camp p{margin:0;font-size:14px;line-height:1.9}
#qg-cc .cc-list{margin:18px 0 0;padding:0;list-style:none;text-align:left}
#qg-cc .cc-list li{
  position:relative;display:block;margin:0 0 8px;padding:0 0 0 1.1em;
  font-size:14px;line-height:1.8;
}
#qg-cc .cc-list li::before{content:"・";position:absolute;left:0;top:0}



#qg-cc .cc-section-story{background:none;padding:0 18px}

#qg-cc .cc-story-body{
  position:relative;isolation:isolate;
  padding:0 26px 54px;
}
#qg-cc .cc-story-body::before{
  content:"";position:absolute;z-index:-1;
  inset:75px 0 0;
  background:#ecebeb;
}

#qg-cc .cc-story-head{
  max-width:760px;margin:0 auto 24px;text-align:center;
}

#qg-cc .cc-story-face{
  display:block;width:150px;height:150px;margin:0 auto 22px;
  object-fit:cover;border-radius:50%;
}
#qg-cc .cc-story-by{margin-top:10px;font-size:13px;color:#777;text-align:center}
#qg-cc .cc-story-sub{margin:12px 0 0;font-size:15px;line-height:1.8;color:#777}


#qg-cc .cc-fold{
  max-width:760px;margin:0 auto;
  background:#fff;
  border:0;border-radius:2px;overflow:hidden;
  position:relative;
  box-shadow:
    0 1px 1px rgba(58,48,38,.05),
    0 16px 34px -16px rgba(58,48,38,.30);
}

#qg-cc .cc-fold::before{
  content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:56px;
  pointer-events:none;
  
  background:
    linear-gradient(to top right,
      transparent calc(50% - .6px),rgba(138,106,72,.38) 50%,transparent calc(50% + .6px))
      left/50% 100% no-repeat,
    linear-gradient(to top left,
      transparent calc(50% - .6px),rgba(138,106,72,.38) 50%,transparent calc(50% + .6px))
      right/50% 100% no-repeat;
}
#qg-cc .cc-fold > summary{
  cursor:pointer;list-style:none;padding:76px 44px 28px;position:relative;z-index:1;
}
@media(min-width:769px){
  #qg-cc .cc-fold::before{height:104px}
  #qg-cc .cc-fold > summary{padding-top:130px}
}
#qg-cc .cc-fold > summary::before{
  content:"";position:absolute;left:0;right:0;bottom:0;height:10px;
  background:linear-gradient(to bottom,
    rgba(138,106,72,0),rgba(138,106,72,.045) 58%,rgba(138,106,72,.075) 100%);
  border-bottom:1px solid rgba(168,140,109,.2);
}

#qg-cc .cc-fold[open] > summary::before{display:none}
#qg-cc .cc-fold[open] > summary{padding-bottom:0}
#qg-cc .cc-fold[open] .cc-fold-inner{padding-top:0}
#qg-cc .cc-fold > summary::-webkit-details-marker{display:none}
#qg-cc .cc-fold > summary::after{
  content:"つづきを読む ＋";
  display:block;width:fit-content;min-width:150px;
  margin:20px auto 0;padding:9px 20px;
  background:#fff;border:1px solid #b79a76;color:#8a6a48;border-radius:2px;
  text-align:center;font-size:13px;line-height:1.5;letter-spacing:.08em;
  transition:background-color .2s ease,color .2s ease;
}
#qg-cc .cc-fold > summary:hover::after{background:#f7f4ef;color:#333}
#qg-cc .cc-fold[open] > summary::after{display:none}
#qg-cc .cc-fold-inner{padding:32px 44px 38px}

#qg-cc .cc-fold p{
  margin:0;text-indent:0;
  font-family:"Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho",YuMincho,"Noto Serif JP",serif;
  font-size:16px;font-weight:400;line-height:32px;letter-spacing:.025em;
  color:#302f2c;font-feature-settings:"palt" 0;
  background-image:repeating-linear-gradient(to bottom,
    transparent 0,transparent 31px,
    rgba(120,98,70,.17) 31px,rgba(120,98,70,.17) 32px);
}
#qg-cc .cc-fold p.cc-letter-gap{padding-top:32px}

@media(min-width:769px){
  #qg-cc .cc-fold p{max-width:30em;margin-left:auto;margin-right:auto}
}
#qg-cc .cc-fold-close{
  display:block;width:fit-content;min-width:0;
  margin:26px auto 0;padding:4px 2px 5px;
  border:0;border-bottom:1px solid #b79a76;background:transparent;
  color:#8a6a48;border-radius:0;
  text-align:center;font-size:13px;line-height:1.5;letter-spacing:.08em;
  cursor:pointer;font-family:inherit;
  transition:color .2s ease,border-color .2s ease;
}
#qg-cc .cc-fold-close:hover{color:#333;border-color:#8a6a48}
#qg-cc .cc-fold > summary:focus-visible,
#qg-cc .cc-fold-close:focus-visible{outline:2px solid #b79a76;outline-offset:4px}


@media screen and (max-width:768px){
  #qg-cc{font-size:14px;line-height:1.85}
  #qg-cc .cc-hero{margin-bottom:42px}
  #qg-cc .cc-hero .cc-ph-hero{aspect-ratio:3/2}
  #qg-cc .cc-hero-copy{width:100%;padding:16px 14px 0}
  #qg-cc .cc-hero h1{margin-bottom:14px;font-size:23px;line-height:1.55}
  #qg-cc .cc-eyebrow{font-size:11px;letter-spacing:.14em}
  #qg-cc .cc-hero-copy p,
  #qg-cc .cc-lead{width:100%;max-width:none;font-size:14px;line-height:1.9}
  #qg-cc .cc-section{margin-bottom:50px;padding:0 14px}
  
  #qg-cc .cc-section-story{padding:0 14px}
  #qg-cc .cc-story-body{padding:0 16px 36px}
  #qg-cc .cc-section-title{margin-bottom:18px}
  #qg-cc .cc-section-title .en{font-size:11px;letter-spacing:.16em}
  #qg-cc .cc-section-title h2{font-size:21px;line-height:1.55}
  #qg-cc .cc-image-block{margin-bottom:24px}
  #qg-cc .cc-picto-grid{grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}
  #qg-cc .cc-picto{padding:16px 12px 14px}
  #qg-cc .cc-picto h3{font-size:14px}
  #qg-cc .cc-card{flex:0 0 245px}
  #qg-cc .cc-card-body{padding:18px 16px}
  #qg-cc .cc-card h3{font-size:16px}
  #qg-cc .cc-camp-inner{padding:36px 20px 24px}
  #qg-cc .cc-camp-seal{right:14px;bottom:-28px;width:70px;height:70px;border-width:3px}
  #qg-cc .cc-camp-seal strong{font-size:13px}
  #qg-cc .cc-story-head{grid-template-columns:1fr;gap:16px;justify-items:center;text-align:center}
  
  #qg-cc .cc-fold > summary{padding:76px 22px 22px}
  #qg-cc .cc-fold-inner{padding:26px 22px 30px}
}
</style>


<!-- 1. メインビジュアル＋導入（2026-08-06 統合） -->
<section class="cc-hero">
  <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-hero-3colors.jpg" width="1100" height="733" alt="木のテーブルに並べた、窓付き本革カードケースのキャメル・レッド・ブラックの3色">
  <div class="cc-hero-copy">
    <span class="cc-eyebrow">CARD CASE WITH WINDOW</span>
    <h1>よく使う一枚を<br>窓の中に</h1>
    <p>
      カードを開かなくても、必要な一枚がひと目でわかる。窓付きの二つ折り本革カードケースです。
    </p>
    <p>
      カラーは、ブラック・キャメル・レッドの3色。毎日の持ち物に取り入れやすい、シンプルなデザインに仕立てました。
    </p>
  </div>

  <div class="cc-image-block cc-image-after-text">
    <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-camp-teiki.jpg" width="1100" height="733" alt="両手で持った、窓に革の定期券を入れたキャメルの窓付きカードケース">
  </div>
</section>

<!-- 2. 入れたまま、かざせます -->
<section class="cc-section cc-section-narrow">
  <div class="cc-section-title">
    <span class="en">HOW TO USE</span>
    <h2>入れたままかざせます</h2>
  </div>

  <div class="cc-lead">
    <p>窓は透明なので、中のカードをそのまま読み取り機にかざせます。定期券、社員証、診察券。窓に入れる一枚は、その日の予定に合わせて。</p>
  </div>

  <div class="cc-image-block cc-image-after-text">
    <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-action-kaisatsu.jpg" width="1100" height="733" alt="駅の自動改札の読み取り部に、窓にICカードを入れたままの革カードケースをかざしている手元">
  </div>
</section>

<!-- 3. こんな人におすすめ -->
<section class="cc-section">
  <div class="cc-section-title">
    <span class="en">FOR YOU</span>
    <h2>こんな方におすすめです</h2>
  </div>

  <div class="cc-picto-grid">
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto01.png" width="400" height="400" alt="窓にカードを入れたまま、読み取り機にかざしている手元">
      <h3><span class="cc-nb">取り出さず、</span><span class="cc-nb">そのままピッ。</span></h3>
    </div>
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto02.png" width="400" height="400" alt="窓に入れたカードを、相手に見せている手元">
      <h3><span class="cc-nb">見せたい一枚を、</span><span class="cc-nb">窓の中に。</span></h3>
    </div>
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto03.png" width="400" height="400" alt="バッグの持ち手に、金具でつないだカードケース">
      <h3><span class="cc-nb">バッグにつないで、</span><span class="cc-nb">すぐそこに。</span></h3>
    </div>
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto04.png" width="400" height="400" alt="開いた内側に、お札を差し込んでいる手元">
      <h3><span class="cc-nb">お札も、</span><span class="cc-nb">内側にすっきり。</span></h3>
    </div>
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto05.png" width="400" height="400" alt="スマートフォンとカードケースだけを持って出かける人">
      <h3><span class="cc-nb">スマホとこれだけ、</span><span class="cc-nb">身軽に。</span></h3>
    </div>
    <div class="cc-picto">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-picto06.png" width="400" height="400" alt="ポケットに写真を差し込んでいる手元">
      <h3><span class="cc-nb">お気に入りの</span><span class="cc-nb">一枚も、一緒に。</span></h3>
    </div>
  </div>
</section>

<!-- 4. 敬老の日キャンペーン ※差し替え枠 -->
<section class="cc-section">
  <div class="cc-section-title">
    <span class="en">2026 KEIRO NO HI</span>
    <h2>敬老の日限定<br><span class="cc-nb">革の定期券キーホルダーを</span><span class="cc-nb">プレゼント</span></h2>
  </div>

  <div class="cc-lead">
    <p>区間は「笑顔」から「長生き」まで。「ありがとう」の気持ちをのせた、キーホルダーにもなる革の定期券を敬老の日限定でお付けします。</p>
  </div>

  <div class="cc-camp">
    <div class="cc-photo-wrap">
      <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f03-pocket.jpg" width="1100" height="733" alt="パンツのポケットから取り出している、窓に革の定期券を入れたキャメルの窓付きカードケース">
      <div class="cc-camp-seal"><strong>数量<br>限定</strong></div>
    </div>
    <div class="cc-camp-inner">
      <span class="cc-camp-tag">2026 敬老の日 限定プレゼント</span>
      <p>革の定期券は、カードケースの窓に入れた状態でお届けします。ハトメ穴とチェーン付きなので、取り外してキーホルダーとして使うこともできます。</p>
      <ul class="cc-list">
        <li>キャンペーン期間：9月1日〜9月21日</li>
        <li>数量限定：なくなり次第終了</li>
      </ul>
    </div>
  </div>

</section>

<!-- 5. 特徴スライド4枚 -->
<section class="cc-section">
  <div class="cc-section-title">
    <span class="en">FEATURE</span>
    <h2>4つの使いどころ</h2>
  </div>

  <p class="cc-swipe">よこにスワイプ &#8594;</p>

  <div class="cc-scroll">
    <div class="cc-card">
      <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f01-bill.jpg" width="1100" height="733" alt="開いたレッドの窓付きカードケースに、たたんだ五千円札を入れているところ">
      <div class="cc-card-body">
        <span class="cc-card-number">FEATURE 01</span>
        <h3><span class="cc-nb">カードとお札を、</span><span class="cc-nb">ひとつに。</span></h3>
        <p>
          内側と刻印側にもポケットがあり、見せたくないカードや、たたんだお札を入れられます。
        </p>
      </div>
    </div>

    <div class="cc-card">
      <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f02-bag.jpg" width="1100" height="733" alt="ネイビーのトートバッグの持ち手に、革ひもで下げたキャメルの窓付きカードケース">
      <div class="cc-card-body">
        <span class="cc-card-number">FEATURE 02</span>
        <h3><span class="cc-nb">バッグに、</span><span class="cc-nb">つないで。</span></h3>
        <p>
          カードケースにはDカンが付いています。お手持ちの紐を取り付ければ、写真のようにバッグの持ち手につないで使うこともできます。
        </p>
        <p class="cc-card-note">※ストラップ（紐）は付属しません。</p>
      </div>
    </div>

    <div class="cc-card">
      <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f02-neck.jpg" width="1100" height="733" alt="革ひもを通して首から下げた、窓に「笑顔→長生き」の革の定期券を入れたキャメルの窓付きカードケース">
      <div class="cc-card-body">
        <span class="cc-card-number">FEATURE 03</span>
        <h3><span class="cc-nb">首から下げる、</span><span class="cc-nb">使い方も。</span></h3>
        <p>
          カードケースは、長めの紐で首から下げる使い方もできます。窓に入れたカードを見たいときは、手元へ引き寄せて確かめられます。
        </p>
        <p class="cc-card-note">※ストラップ（紐）は付属しません。</p>
      </div>
    </div>

    <div class="cc-card">
      <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f03-wrapping.jpg" width="1100" height="733" alt="ピンクのラッピング袋に添えた、キャメルの窓付きカードケース">
      <div class="cc-card-body">
        <span class="cc-card-number">FEATURE 04</span>
        <h3><span class="cc-nb">写真を入れて、</span><span class="cc-nb">贈り物に。</span></h3>
        <p>
          誕生日や退職のお祝いに。ポケットに家族やペットの写真を入れてから贈ることもできます。相手に合わせて、窓の中まで選べる贈り物です。
        </p>
      </div>
    </div>
  </div>
</section>

<!-- 6. ストーリー -->
<section class="cc-section cc-section-story">
  <div class="cc-section-title">
    <span class="en">STORY</span>
    <h2>祖父に渡したくて</h2>
    <p class="cc-story-sub">このカードケースが生まれた理由。</p>
  </div>

  <!-- ★B案（2026-08-08）の地は、このラッパーの ::before が敷いている。
       顔写真の中央から手紙の下まで＝「むっちゃんのいる場所」。この div を外すと地が消える。 -->
  <div class="cc-story-body">

  <div class="cc-story-head">
    <img class="cc-story-face" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-story-face.png" width="500" height="500" alt="作業エプロン姿で笑っている、クアトロガッツの革職人むっちゃん">
    <p class="cc-story-by">クアトロガッツ／むっちゃん</p>
  </div>

  <details class="cc-fold">
    <summary>
      <p>幼いころ、両親に代わって祖父母がわたしを育ててくれました。</p>
      <p>学校の行事にも、いつも祖父が来てくれていました。</p>
      <p class="cc-letter-gap">頑固で、ちょっと短気で、昔ながらのおじいちゃん。</p>
      <p>でも、孫のわたしにはずいぶん優しかったように思います。</p>
    </summary>
    <div class="cc-fold-inner">
      <p>進学をきっかけに県外へ出てからは、会える回数も少なくなりました。</p>
      <p>それでも帰省すると、いつも嬉しそうに迎えてくれます。</p>
      <p class="cc-letter-gap">そんな祖父が、少し前に運転免許を返納しました。</p>
      <p>今はバスや電車に乗って出かけていると聞いて、</p>
      <p class="cc-letter-gap">「今のおじいちゃんに、何を贈ったら喜んでくれるだろう」</p>
      <p>と考えるようになりました。</p>
      <p class="cc-letter-gap">せっかく革職人をしているのだから、<br>毎日使ってもらえるものをつくりたい。</p>
      <p class="cc-letter-gap">できれば、家族の写真も一緒に持ち歩けるものがいい。</p>
      <p class="cc-letter-gap">そんなことを考えながらつくったのが、この窓付きカードケースです。</p>
      <p class="cc-letter-gap">交通系カードは入れたまま使えて、バッグにもつなげられる。</p>
      <p>少しのお札と、家族の写真も入れられます。</p>
      <p class="cc-letter-gap">出かけるときに少し便利で、<br>ふとしたときに家族の顔を見てもらえたら。</p>
      <p class="cc-letter-gap">そんな思いを込めました。</p>
      <p class="cc-letter-gap">もともとは、祖父へ贈る敬老の日のプレゼントとして生まれたカードケースです。</p>
      <p class="cc-letter-gap">大切なおじいちゃん、おばあちゃんへ。</p>
      <p class="cc-letter-quote">「いつまでも元気でいてね。」</p>
      <p class="cc-letter-gap">普段はなかなか言えないそんな気持ちを、<br>毎日使う革小物と一緒に届けてもらえたら嬉しいです。</p>
      <button type="button" class="cc-fold-close" onclick="this.closest('details').removeAttribute('open');">とじる</button>
    </div>
  </details>

  </div><!-- /.cc-story-body -->

</section>

<!-- 7. LEATHER -->
<section class="cc-section cc-section-narrow">
  <div class="cc-section-title">
    <span class="en">MATERIAL &amp; AGING</span>
    <h2>使うほど深まる<br>国産最高峰の栃木レザー</h2>
  </div>

  <div class="cc-lead">
    <p>素材は「栃木レザー」のヌメ革。ミモザの樹皮から採れる植物タンニンで、熟練の職人が時間を惜しまずなめした「日本最高峰」と称される革です。きめ細かな肌目と確かな耐久性で、使うほどに愛着が深まります。</p>
  </div>

  <div class="cc-image-block cc-image-after-text">
    <img class="cc-photo" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-leather.jpg" width="1100" height="733" alt="作業台の上で、栃木レザーのヌメ革を両手で広げている職人の手元">
  </div>

</section>

<script>
(function(){
  var root=document.getElementById('qg-cc');
  var grid=root&&root.querySelector('.cc-picto-grid');
  if(!root||!grid||!('IntersectionObserver' in window)){
    if(root){root.classList.remove('cc-js');}
    return;
  }
  var observer=new IntersectionObserver(function(entries){
    entries.forEach(function(entry){
      if(entry.isIntersecting){
        grid.classList.add('cc-picto-show');
        observer.unobserve(grid);
      }
    });
  },{threshold:.18,rootMargin:'0px 0px -12% 0px'});
  observer.observe(grid);
})();
</script>

</div>

<div class="product-accordion">

<div class="embed-chunk"><details class="product-accordion-item"><summary class="product-accordion-header"><h2>窓付きカードケース
が選ばれる理由</h2></summary><div class="product-accordion-panel clearfix"><div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-3colors-stone.jpg" width="1100" height="733" alt="石板の上に並べた、窓付き本革カードケースのキャメル・レッド・ブラックの3色"></div><div class="product-txtarea-ue"><h3 class="product-sub-midashi" style="margin-top:0px !important;">【1】よく使う一枚が、開かずに見える</h3>表側に透明な窓が付いたポケットがあり、入れたカードがそのまま見えます。定期券、社員証、診察券。開いて探す手間がありません。<h3 class="product-sub-midashi">【2】入れたままかざせる</h3>窓は透明なので、ICカードは入れたまま読み取り機にかざせます。窓に入れたQRコードも、そのまま読み取れました。<h3 class="product-sub-midashi">【3】高品質なレザー</h3>しなやかで丈夫、経年変化が美しい革を厳選。
使うほど、あなただけの味わいに育ちます。<h3 class="product-sub-midashi">【4】職人が1点ずつ仕上げるハンドメイド</h3>天然素材ならではの温かみのある仕上がり。<h3 class="product-sub-midashi">【5】Dカンで、つないで持てる</h3>本体にDカンが付いているので、お手持ちの紐を取り付ければ、バッグの持ち手につないだり、首から下げたりしてお使いいただけます。
※ストラップ（紐）は付属しません。</div></div></details></div>

<div class="embed-chunk"><details class="product-accordion-item"><summary class="product-accordion-header"><h2>使い方とサイズ</h2></summary><div class="product-accordion-panel product-txtarea"><div class="product-contents-slider">
<div class="pg-slider js-product-slider">
<div class="product-contents-img-ichi">
<div class="pg-slider-main"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f01-bill.jpg" alt="開いたレッドの窓付きカードケースに、たたんだ五千円札を入れているところ" class="pg-slider-image is-active" data-caption="お札は3つ折りにして約5〜6枚。カードと一緒に持てます。"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f02-bag.jpg" alt="ネイビーのトートバッグの持ち手に、革ひもで下げたキャメルの窓付きカードケース" class="pg-slider-image" data-caption="Dカンにお手持ちの紐を取り付ければ、バッグの持ち手につないで使えます。"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/08/qg-cardcase-f02-neck.jpg" alt="革ひもを通して首から下げた、窓に「笑顔→長生き」の革の定期券を入れたキャメルの窓付きカードケース" class="pg-slider-image" data-caption="長めの紐を通せば、首から下げて使えます。"> <!-- 左右ナビ（画像の上に重ねる） -->
<button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
<button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>
</div>
</div>

<div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

<div class="pg-slider-footer">
<div class="pg-slider-count">
<span class="pg-slider-current">1</span>
<span class="pg-slider-separator"> / </span>
<span class="pg-slider-total">3</span>
</div>
</div>

</div>
</div><section class="product-howtousearea"><div class="product-howtousearea-txt"><h2 class="product-main-midashi">窓付きカードケース<br>
Card Case with Window</h2>「窓付きカードケース」は、表側に透明な窓の付いた二つ折りの革のカードケースです。窓に入れた一枚は、開かなくてもひと目でわかります。ICカードは入れたままで読み取り機にかざせます。<br>
通勤通学の定期入れ、社員証、診察券など、その日に使う一枚を窓に入れてお使いください。<h3 class="product-sub-midashi">収納</h3>窓付きカードポケット:カード1枚<br>
窓付きポケットの内側にポケット:1<br>
刻印側に両面ポケット<br>
※1つのポケットにカードを2〜3枚まとめて入れられます。<br>
※お札は3つ折りにして約5〜6枚入ります。<h3 class="product-sub-midashi">SPEC</h3>横10.5cm×縦8.1cm<br>
※縦は、横にしたときに紐を通す部分まで含めた長さです。<h3 class="product-sub-midashi">素材</h3>栃木レザー ヌメ革</div></section></div></details></div>

<div
data-embed-url="https://quatrogats.com/?mode=f219"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f276"
data-embed-selector=".embed-chunk">
</div>

<div class="embed-chunk"><details class="product-accordion-item"><summary class="product-accordion-header"><h2>FAQ｜よくある質問</h2>
</summary>

<div class="product-accordion-panel product-txtarea product-accordion-q-area">

<details class="product-accordion-item product-accordion-nested">
<summary class="product-accordion-header product-accordion-q-header">
<h3><span class="product-accordion-q">Q</span>
<span class="product-accordion-q-text">ICカードは入れたままタッチできますか？</span>
</h3>
</summary>
<div class="product-accordion-panel product-txtarea product-accordion-q-txtarea">窓は透明なので、入れたままかざせます。社員証などで通るゲートも通りました。窓に入れたQRコードも、そのまま読み取れました。</div>
</details>

<details class="product-accordion-item product-accordion-nested">
<summary class="product-accordion-header product-accordion-q-header">
<h3><span class="product-accordion-q">Q</span>
<span class="product-accordion-q-text">窓には何枚入りますか？</span>
</h3>
</summary>
<div class="product-accordion-panel product-txtarea product-accordion-q-txtarea">窓付きのポケットは、カードを1枚だけ入れる仕様です。見せたい一枚、その日に使う一枚を入れてお使いください。</div>
</details>

<details class="product-accordion-item product-accordion-nested">
<summary class="product-accordion-header product-accordion-q-header">
<h3><span class="product-accordion-q">Q</span>
<span class="product-accordion-q-text">カードは全部で何枚くらい入りますか？</span>
</h3>
</summary>
<div class="product-accordion-panel product-txtarea product-accordion-q-txtarea">窓付きポケットのほかに、その内側にポケットが1つ、刻印側に両面のポケットがあります。1つのポケットにつきカードを2〜3枚まとめて入れられます。使いはじめは革に張りがあるので少なめに入れて、革が馴染んでから調整するのもおすすめです。</div>
</details>

<details class="product-accordion-item product-accordion-nested">
<summary class="product-accordion-header product-accordion-q-header">
<h3><span class="product-accordion-q">Q</span>
<span class="product-accordion-q-text">お札は入りますか？</span>
</h3>
</summary>
<div class="product-accordion-panel product-txtarea product-accordion-q-txtarea">3つ折りにして約5〜6枚入ります。カードとお札をまとめて持ちたいときにもお使いいただけます。</div>
</details>

<details class="product-accordion-item product-accordion-nested">
<summary class="product-accordion-header product-accordion-q-header">
<h3><span class="product-accordion-q">Q</span>
<span class="product-accordion-q-text">ストラップ（紐）は付いていますか？</span>
</h3>
</summary>
<div class="product-accordion-panel product-txtarea product-accordion-q-txtarea">紐は付属しません。本体にDカンが付いていますので、お手持ちの紐を取り付けてお使いください。バッグの持ち手につないだり、首から下げたりできます。</div>
</details>

</div>
</details>
</div>


</div>

<p class="js-freepage-embed"
data-free-id="454"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2153110"
data-layout="carousel"
style="display:none;"></p>

]]></content:encoded>
    <dc:date>2026-06-24T11:02:21+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=192308692">
    <link>https://quatrogats.com/?pid=192308692</link>
    <title>22800円分の決済専用です。</title>
    <description></description>
<content:encoded><![CDATA[

]]></content:encoded>
    <dc:date>2026-06-23T09:59:26+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/192308692_th.jpg?cmsp_timestamp=20260623095925" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976480">
    <link>https://quatrogats.com/?pid=191976480</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #15【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:05:59+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976480_th.jpg?cmsp_timestamp=20260527140553" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976475">
    <link>https://quatrogats.com/?pid=191976475</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #14【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:05:15+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976475_th.jpg?cmsp_timestamp=20260527140514" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976467">
    <link>https://quatrogats.com/?pid=191976467</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #12【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:04:36+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976467_th.jpg?cmsp_timestamp=20260527140435" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976458">
    <link>https://quatrogats.com/?pid=191976458</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #11【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:04:00+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976458_th.jpg?cmsp_timestamp=20260527140357" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976416">
    <link>https://quatrogats.com/?pid=191976416</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #10【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:03:18+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976416_th.jpg?cmsp_timestamp=20260527140317" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976412">
    <link>https://quatrogats.com/?pid=191976412</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #9【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト財布</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:02:42+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976412_th.jpg?cmsp_timestamp=20260527140241" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191976379">
    <link>https://quatrogats.com/?pid=191976379</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #8【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト財布</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T14:02:01+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191976379_th.jpg?cmsp_timestamp=20260527140200" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191975084">
    <link>https://quatrogats.com/?pid=191975084</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #6【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト財布</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T13:16:32+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191975084_th.jpg?cmsp_timestamp=20260527131630" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=191975078">
    <link>https://quatrogats.com/?pid=191975078</link>
    <title>【数量限定】小さいふ。父の日 コンチャ勲章シリーズ -tora- トラ レッド #5【経年変化 エイジング/日本製ハンドメイド】栃木レザー（国産）・本革（ヌメ革）小さい財布・ミニ財布・コンパクト財布</title>
    <description>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: au...</description>
<content:encoded><![CDATA[
<style>
/* セクション1：勲章シリーズ ファーストビュー */
.kunsho-fv-wrap {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-fv-img {
  display: block;
  width: 100%;
  max-width: 960px;
  height: auto;
  margin: 0 auto;
}

.kunsho-fv-text {
  max-width: 760px;
  margin: 42px auto 0;
  text-align: left;
  line-height: 2;
  box-sizing: border-box;
}

.kunsho-fv-text .product-main-midashi {
  text-align: center;
  margin-bottom: 24px;
}

.kunsho-fv-text .product-main-lead {
  margin-bottom: 18px;
}

/* セクション1：CTAボタン */
.kunsho-fv-btn-wrap {
  margin-top: 50px;
  text-align: center;
}

.kunsho-fv-arrow-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 0;
  max-width: calc(100% - 40px);
  padding: 15px 30px;
  background: linear-gradient(
    105deg,
    #f22b27 0%,
    #e92522 35%,
    #d71719 68%,
    #bd0711 100%
  );
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 18px;
  border: none;
  box-sizing: border-box;
  overflow: visible;
  box-shadow:
    0 20px 30px rgba(0, 0, 0, 0.36),
    0 10px 18px rgba(0, 0, 0, 0.24),
    0 4px 9px rgba(120, 0, 20, 0.22);
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease,
    filter 0.2s ease;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.kunsho-fv-arrow-btn::before {
  content: "";
  position: absolute;
  inset: 5px;
  border: 1.4px solid rgba(255, 255, 255, 0.72);
  border-radius: 14px;
  pointer-events: none;
  z-index: 2;
}

.kunsho-fv-arrow-btn:hover {
  transform: translateY(-3px);
  filter: brightness(1.03);
  box-shadow:
    0 24px 36px rgba(0, 0, 0, 0.4),
    0 13px 22px rgba(0, 0, 0, 0.26),
    0 5px 11px rgba(120, 0, 20, 0.24);
}

.kunsho-fv-arrow-btn:active {
  transform: translateY(1px);
  box-shadow:
    0 10px 17px rgba(0, 0, 0, 0.3),
    0 4px 8px rgba(120, 0, 20, 0.18);
}

.kunsho-fv-btn-sub {
  position: absolute;
  top: -22px;
  left: 50%;
  z-index: 5;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: max-content;
  color: #111 !important;
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: 0.08em;
  transform: translateX(-50%);
  animation: kunshoSubBounce 1.45s ease-in-out infinite;
  pointer-events: none;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24),
    0 4px 8px rgba(0, 0, 0, 0.14);
}

.kunsho-fv-btn-line {
  display: inline-block;
  color: #111 !important;
  font-size: 22px;
  line-height: 1;
  transform: scaleY(0.82);
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.22),
    0 4px 7px rgba(0, 0, 0, 0.12);
}

@keyframes kunshoSubBounce {
  0%, 100% {
    transform: translateX(-50%) translateY(0);
  }
  45% {
    transform: translateX(-50%) translateY(-4px);
  }
}

.kunsho-fv-main-row {
  position: relative;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
}

.kunsho-fv-arrow-text {
  display: block;
  color: #fff !important;
  font-size: 20px;
  line-height: 1.2;
  letter-spacing: 0.04em;
  text-align: center;
  white-space: nowrap;
  text-shadow:
    0 2px 3px rgba(0, 0, 0, 0.24);
}

.kunsho-fv-play-icon {
  display: inline-block;
  flex: 0 0 auto;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 16px solid #fff;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2));
  transform: translateY(1px);
}

/* セクション2：商品画像1枚目を切り抜き表示 */
.kunsho-section2-image-wrap {
  max-width: 760px;
  margin: 0 auto 36px;
  text-align: center;
  box-sizing: border-box;
}

.kunsho-section2-image-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 3 / 2;
  margin: 0 auto;
  overflow: hidden;
  background: #fff;
  box-sizing: border-box;
}

.kunsho-section2-main-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;

  /* 商品画像1枚目と連動したまま、傾きはそのままで少しズーム */
  transform: rotate(15deg) scale(1.24);
  transform-origin: center center;
}

/* スマホ調整 */
@media screen and (max-width: 767px) {
  .kunsho-fv-wrap {
    max-width: 100%;
  }

  .kunsho-fv-text {
    max-width: 100%;
    width: calc(100% - 56px);
    margin: 34px auto 0;
    line-height: 2.05;
    font-size: 14px;
  }

  .kunsho-fv-text .product-main-midashi {
    font-size: 19px;
    line-height: 1.6;
    margin-bottom: 22px;
  }

  .kunsho-fv-text .product-main-lead {
    font-size: 14px;
    line-height: 2;
    margin-bottom: 16px;
  }

  .kunsho-fv-btn-wrap {
    margin-top: 46px;
  }

  .kunsho-fv-arrow-btn {
    max-width: calc(100% - 44px);
    padding: 13px 22px;
    border-radius: 17px;
    box-shadow:
      0 17px 26px rgba(0, 0, 0, 0.36),
      0 8px 15px rgba(0, 0, 0, 0.24),
      0 4px 8px rgba(120, 0, 20, 0.2);
  }

  .kunsho-fv-arrow-btn::before {
    inset: 4px;
    border-width: 1.3px;
    border-radius: 13px;
  }

  .kunsho-fv-btn-sub {
    top: -20px;
    gap: 8px;
    font-size: 13px;
    letter-spacing: 0.06em;
  }

  .kunsho-fv-btn-line {
    font-size: 20px;
    transform: scaleY(0.8);
  }

  .kunsho-fv-main-row {
    gap: 11px;
  }

  .kunsho-fv-arrow-text {
    font-size: 17px;
    letter-spacing: 0.02em;
  }

  .kunsho-fv-play-icon {
    border-top-width: 8px;
    border-bottom-width: 8px;
    border-left-width: 13px;
  }

  .kunsho-section2-image-wrap {
    width: calc(100% - 32px);
    margin: 0 auto 30px;
  }

  .kunsho-section2-image-frame {
    aspect-ratio: 3 / 2;
  }

  .kunsho-section2-main-img {
    transform: rotate(15deg) scale(1.28);
  }
}
</style>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション1：勲章シリーズ ファーストビュー -->
    <div class="kunsho-fv-wrap">

      <a 
        href="https://quatrogats.com/?mode=grp&gid=2977917"
        title="栃木レザー 小さいふ。勲章シリーズ「バラ傷」「トラ」の入った個性を味わえるミニ財布・小さい財布"
        style="display:block; text-decoration:none;"
      >
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19zaG9wYmFuYXI.jpg?cmsp_timestamp=20260511195034" 
          alt="栃木レザー 小さいふ。勲章シリーズ バラ傷 トラの入った個性を味わえるミニ財布・小さい財布"
          class="kunsho-fv-img"
        >
      </a>

      <div class="kunsho-fv-text">
        <h2 class="product-main-midashi">傷は、革が生きてきた証。</h2>

        <div class="product-main-lead">
          革の表面に残る傷。それは欠点ではなく、唯一無二の生きてきた証。
        </div>

        クアトロガッツでは、そんな革本来の個性を隠さず、あえて主役にした小さいふをつくりました。革本来の力強い魅力をそのまま楽しむ「勲章シリーズ」です。
      </div>

      <div class="kunsho-fv-btn-wrap">
        <a 
          href="https://quatrogats.com/?mode=grp&gid=2977917"
          title="栃木レザー 小さいふ。勲章シリーズ一覧を見る"
          class="kunsho-fv-arrow-btn"
        >
          <span class="kunsho-fv-btn-sub">
            <span class="kunsho-fv-btn-line">＼</span>
            <span>一覧はこちら</span>
            <span class="kunsho-fv-btn-line">／</span>
          </span>

          <span class="kunsho-fv-main-row">
            <span class="kunsho-fv-arrow-text">勲章シリーズ一覧を見る</span>
            <span class="kunsho-fv-play-icon" aria-hidden="true"></span>
          </span>
        </a>
      </div>

    </div>

  </div>
</div>

<div class="product-white-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション2：商品画像1枚目を自動で使用 -->
    <div class="product-contents-img-ni kunsho-section2-image-wrap">
      <div class="kunsho-section2-image-frame">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19raXp1MDRfMDI.jpg?cmsp_timestamp=20260514174042"
          alt="小さいふ 勲章シリーズ 商品画像"
          class="kunsho-section2-main-img js-kunsho-section2-main-img"
        >
      </div>
    </div>

    <div class="collabo-lane collabo-lane-bottom">
      <div class="collabo-track">

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

        <!-- ループ用 -->
        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMjI.jpg" alt="栃木レザーの革づくり">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTA.jpg" alt="栃木レザーの工場風景">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMw.png" alt="栃木レザーの革素材">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTQ.jpg" alt="栃木レザーのなめし革">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfNg.jpg" alt="栃木レザーの革と小さいふ">
        </span>

        <span class="collabo-item">
          <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaV9sZWF0aGVyX2NvbnRlbnRzXzIwMjZfMTk.jpg" alt="栃木レザーの革の表情">
        </span>

      </div>
    </div>

    <div class="product-txtarea-ni">
      <h2 class="product-main-midashi">-tora- トラ</h2>

      <div class="product-txtarea-ichi">
        <h2 class="product-main-midashi">“ほんまもん”の革。栃木レザー</h2>

        <h3 class="product-sub-midashi">“ほんまもん”の革とは</h3>
        使用する革は、栃木レザー社のフルベジタブルタンニングレザー。なめし加工前の原皮は、厚みがあり丈夫な革に向いたカナダ産を中心に使われています。<br>
        しっかり育った牛の皮を、時間をかけて鞣すことで、強く、長く使える革へと仕上げられます。国内外で高く評価される、栃木レザーならではの素材です。<br><br>

        <h3 class="product-sub-midashi">使うほど、味になる革</h3>
        本物の素材は、2年後、5年後、10年後の表情に差が出ます。多くの革は、傷やムラを隠すために表面へ顔料を厚くのせて仕上げられますが、栃木レザーは革そのものの表情を生かす革。使うほどに色艶が深まり、手に馴染んでいきます。<br>
        これからつく傷もすべて味になって育っていく。長く使える“ほんまもん”の革です。
      </div>
    </div>

  </div>
</div>

<div class="product-gray-back-buchinuki">
  <div class="ueshita-space clearfix">

    <!-- セクション3：イタズラ猫 -->
    <div style="max-width: 960px; margin: 0 auto; text-align: center;">

      <div style="margin-bottom: 35px; text-align: center;">
        <img 
          src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VubnN5b19pdGF6dXJhY2F0.png?cmsp_timestamp=20260514105055" 
          alt="小さいふ 勲章シリーズ イタズラ猫ロゴ 日本製ハンドメイド" 
          style="display: block; max-width: 360px; width: 80%; height: auto; margin: 0 auto;"
        >
      </div>

      <h2 class="product-main-midashi" style="text-align: center;">イタズラ猫</h2>

      <div class="kunsho-fv-text">
        勲章シリーズのポケットのロゴには、毛を逆立てて、今にも暴れ出しそうなイタズラ猫を入れました。<br>
        きれいに整った革では出せない、何者にもおもねらない強さ。<br>
        少し気まぐれで、愛嬌のある個性をイタズラ猫のロゴに込めています。
      </div>

    </div>

  </div>
</div>

<br style="clear:both;">

<div class="product-contents-slider">
  <div class="pg-slider js-product-slider">
    <div class="product-contents-img-ichi">
      <div class="pg-slider-main">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm5hdnk.jpg?cmsp_timestamp=20240604172030" alt="革好き・エイジングを楽しみたい方へのギフト・プレゼントにおすすめの栃木レザー 本革のミニ財布・小さいふ｜軽くて薄いコンパクト財布" class="pg-slider-image is-active" data-caption="革本来の紋様である「バラ傷」「トラ」の入った希少な箇所で仕上げました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5sZWF0aGVyLmtpenUuYnJvd24.jpg?cmsp_timestamp=20240604200112" alt="経年変化を楽しみたい革好きの方へのギフト・プレゼントにおすすめ｜栃木レザー 本革の人気のミニウォレットです" class="pg-slider-image is-active" data-caption="ワイルドな革本来の風合いとともに自分だけの味に育ててみてください。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5raXp1Lm1vZGVsLmthaGtp.jpg?cmsp_timestamp=20240604200112" alt="栃木レザー 本革の小さい財布・小さいふ｜革職人が仕上げた日本製ハンドメイドのミニ財布" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5zaG91bGRlcg.jpg?cmsp_timestamp=20240604200112" alt="ギフト・プレゼントをお探しの方に。栃木レザー 本革のミニ財布・ミニウォレット｜クアトロガッツの小さいふ" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS50b3JhLm1vZGVsLm9yYW5nZQ.jpg?cmsp_timestamp=20240604200112" alt="小さい財布・ミニ財布をお探しの方に。栃木レザー本来の紋様である「バラ傷」の入った希少な部位を使用したミニウォレット" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVu.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革のミニ財布・小さいふ。ポケットやミニバッグにもすっきり収まりビジネス・カジュアルにも旅行財布にもおすすめ。" class="pg-slider-image is-active" data-caption="今にも暴れ出しそうなイタズラ猫のロゴを入れました。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYWdlaW5nLmNhbWVs.jpg?cmsp_timestamp=20240604200112" alt="お札が折れないミニ財布｜栃木レザー 本革の二つ折り財布" class="pg-slider-image is-active" data-caption="栃木レザーBasic 左:経年変化後">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS5vcGVuLmhhbmQ.jpg?cmsp_timestamp=20240604172030" alt="栃木レザー 本革の薄い財布・軽い財布｜お札もカードも小銭も整理しやすい大容量の収納のコンパクト財布" class="pg-slider-image is-active" data-caption="お札を折らずに収納でき、カードや小銭も整理しやすい機能的な設計。">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuamVhbnM.jpg" alt="栃木レザーの本革を使用｜上質な手触りと高い耐久性で経年変化・エイジングを楽しめます" class="pg-slider-image is-active" data-caption="">

        <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3Vuc2hvdS1rYWljaG91LWxvZ28.jpg" alt="使うほどに経年変化・エイジングを味わえる栃木レザーのタンニン鞣しの本革・ヌメ革を使用" class="pg-slider-image is-active" data-caption="">

        <button type="button" class="pg-arrow pg-arrow-prev" aria-label="前の画像">&#8249;</button>
        <button type="button" class="pg-arrow pg-arrow-next" aria-label="次の画像">&#8250;</button>

      </div>
    </div>

    <div class="pg-slider-caption product-txtarea-ichi clearfix"></div>

    <div class="pg-slider-footer">
      <div class="pg-slider-count">
        <span class="pg-slider-current">1</span>
        <span class="pg-slider-separator"> / </span>
        <span class="pg-slider-total">1</span>
      </div>
    </div>

  </div>
</div>

<div class="product-accordion">

  <div data-embed-url="https://quatrogats.com/?mode=f301" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f214" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f219" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f276" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f296" data-embed-selector=".embed-chunk"></div>
  <div data-embed-url="https://quatrogats.com/?mode=f293" data-embed-selector=".embed-chunk"></div>

</div>

<p class="js-freepage-embed" data-free-id="232" style="display:none;"></p>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<br>

<p class="js-api-group-list" data-gid="2977917" data-layout="carousel" style="display:none;"></p>

<script>
(function () {
  function syncKunshoSection2Image() {
    var target = document.querySelector('.js-kunsho-section2-main-img');
    var firstProductImage = document.querySelector('.pg-slider-main .pg-slider-image:first-of-type');

    if (!target || !firstProductImage) return;

    var src = firstProductImage.getAttribute('src');
    var srcset = firstProductImage.getAttribute('srcset');
    var alt = firstProductImage.getAttribute('alt');

    if (src) {
      target.setAttribute('src', src);
    }

    if (srcset) {
      target.setAttribute('srcset', srcset);
    } else {
      target.removeAttribute('srcset');
    }

    if (alt) {
      target.setAttribute('alt', alt);
    }
  }

  document.addEventListener('DOMContentLoaded', function () {
    syncKunshoSection2Image();

    var sliderMain = document.querySelector('.pg-slider-main');

    if (sliderMain && window.MutationObserver) {
      var observer = new MutationObserver(function () {
        syncKunshoSection2Image();
      });

      observer.observe(sliderMain, {
        childList: true,
        subtree: true,
        attributes: true,
        attributeFilter: ['src', 'srcset', 'alt']
      });
    }
  });

  window.addEventListener('load', syncKunshoSection2Image);
})();
</script>
]]></content:encoded>
    <dc:date>2026-05-27T13:15:56+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/191975078_th.jpg?cmsp_timestamp=20260527131555" /></foaf:topic>
  </item>

</rdf:RDF>