<?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=194399294" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=194387225" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193876140" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193851953" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193729207" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193497261" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479194" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479193" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479191" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479190" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479189" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479188" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479183" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479182" />
        <rdf:li rdf:resource="https://quatrogats.com/?pid=193479181" />
      </rdf:Seq>
    </items>
    </channel>

  <item rdf:about="https://quatrogats.com/?pid=194399294">
    <link>https://quatrogats.com/?pid=194399294</link>
    <title>ページ確認用_2026年カラーオーダー無料キャンペーン</title>
    <description>#qg-color26{--ink:#233f37;--red:#aa3f2d;--paper:#f6f3eb;--line:#d8d7cb;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,&quot;Hiragino Kaku Gothic ProN&quot;,&quot;Yu Gothic&quot;,sans-serif;font-size:15px;line-height:1.85;text-align:l...</description>
<content:encoded><![CDATA[
<style>#qg-color26{--ink:#233f37;--red:#aa3f2d;--paper:#f6f3eb;--line:#d8d7cb;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-size:15px;line-height:1.85;text-align:left;max-width:1160px;margin:0 auto}#qg-color26 *{box-sizing:border-box}#qg-color26 h2,#qg-color26 h3,#qg-color26 p,#qg-color26 figure{margin:0}#qg-color26 a{color:inherit;text-decoration:none}#qg-color26 img{display:block;width:100%;height:auto}#qg-color26 .co-inner{width:calc(100% - 80px);max-width:1000px;margin:0 auto}#qg-color26 .co-eyebrow{font-size:11px;letter-spacing:.19em;font-weight:600;line-height:1.5}#qg-color26 .co-serif{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}#qg-color26 .co-hero{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:38px;padding:52px 0 44px}#qg-color26 .co-hero h2{font-size:clamp(29px,3.5vw,44px);line-height:1.45;margin:18px 0 20px;letter-spacing:.03em}#qg-color26 .co-hero h2 em{font-style:normal;color:var(--red)}#qg-color26 .co-hero figure{position:relative}#qg-color26 .co-hero figure img{aspect-ratio:950/633;object-fit:cover}#qg-color26 .co-period{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:12px 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap}#qg-color26 .co-period span{font-size:11px}#qg-color26 .co-period strong{font-family:Georgia,serif;font-weight:400;font-size:25px;line-height:1.4}#qg-color26 .co-period small{font-family:inherit;font-size:12px}#qg-color26 .co-section{padding:65px 0;border-bottom:1px solid var(--line);scroll-margin-top:90px}#qg-color26 .co-heading{margin-bottom:28px}#qg-color26 .co-heading h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;font-size:29px;line-height:1.5;margin-top:8px}#qg-color26 .co-intro{max-width:590px;margin-top:17px}#qg-color26 .co-note{font-size:11px;color:#59635a;margin-top:14px}#qg-color26 .co-products{margin-top:38px}#qg-color26 .co-product{display:grid;grid-template-columns:1.08fr 1fr;gap:44px;align-items:center;background:#fff;margin-top:20px;padding:30px}#qg-color26 .co-product figure{background:#fff;aspect-ratio:4/3;display:flex;align-items:center}#qg-color26 .co-product figure img{height:100%;object-fit:contain;aspect-ratio:4/3}#qg-color26 .co-product h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:32px;font-weight:500;line-height:1.4;margin:8px 0 15px}#qg-color26 .co-button{display:inline-flex;gap:30px;align-items:center;justify-content:center;border:1px solid var(--ink);padding:11px 20px;font-size:12px;transition:background .2s,color .2s}#qg-color26 .co-button:hover{background:var(--ink);color:#fff}#qg-color26 .co-steps{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}#qg-color26 .co-step{padding:25px;border:1px solid var(--line);position:relative}#qg-color26 .co-number{font-family:Georgia,serif;font-size:32px;color:var(--red);line-height:1.1}#qg-color26 .co-step h3{font-size:18px;font-weight:500;margin:14px 0 10px}#qg-color26 .co-step p{font-size:13px}#qg-color26 .co-step-art{height:65px;display:flex;align-items:center;margin-top:15px}#qg-color26 details{border-bottom:1px solid var(--line)}#qg-color26 summary{cursor:pointer;font-size:14px;padding:20px 27px 20px 0;position:relative;list-style:none}#qg-color26 summary::-webkit-details-marker{display:none}#qg-color26 summary:after{content:"＋";position:absolute;right:0;top:19px}#qg-color26 details[open] summary:after{content:"\FF0D"}#qg-color26 details p{padding:0 15px 20px 0;font-size:13px;max-width:760px}#qg-color26 a:focus-visible,#qg-color26 summary:focus-visible{outline:2px solid var(--red);outline-offset:4px}@media(max-width:650px){#qg-color26 .co-inner{width:calc(100% - 36px)}#qg-color26 .co-hero{grid-template-columns:1fr;gap:24px;padding:29px 0}#qg-color26 .co-hero h2{font-size:32px;margin:13px 0 16px}#qg-color26 .co-hero figure{margin:0 -18px}#qg-color26 .co-period strong{font-size:24px}#qg-color26 .co-section{padding:40px 0}#qg-color26 .co-heading h2{font-size:25px}#qg-color26 .co-intro{font-size:13px}#qg-color26 .co-product{grid-template-columns:1fr;gap:13px;padding:20px;margin-top:15px}#qg-color26 .co-product figure{aspect-ratio:3/2}#qg-color26 .co-product figure img{aspect-ratio:3/2}#qg-color26 .co-product h3{font-size:28px}#qg-color26 .co-products{margin-top:25px}#qg-color26 .co-steps{gap:12px;grid-template-columns:1fr}#qg-color26 .co-step{padding:22px 20px 22px 95px;min-height:150px}#qg-color26 .co-step h3{font-size:16px;margin:0 0 8px}#qg-color26 .co-number{position:absolute;top:22px;left:20px;font-size:27px}#qg-color26 .co-step-art{position:absolute;left:20px;top:58px;transform:scale(.64);transform-origin:top left;margin:0}#qg-color26 summary{font-size:13px}}#qg-color26 .co-hero{display:flex;flex-direction:column;gap:28px;text-align:center;padding-top:32px}#qg-color26 .co-hero>figure{order:-1;width:100%;margin:0}#qg-color26 .co-hero>div{max-width:680px}#qg-color26 .co-hero figure img{max-height:430px;object-fit:cover}#qg-color26 .co-period{justify-content:center}#qg-color26 .co-steps{grid-template-columns:repeat(3,minmax(0,1fr))}#qg-color26 .co-step h3{font-size:17px;text-wrap:balance}#qg-color26 .co-hero h2{font-size:clamp(28px,4.3vw,46px);text-wrap:balance}#qg-color26 .co-title-line{display:block}#qg-color26 .co-model-price{color:var(--red);font:28px/1.5 Georgia,serif;margin:0 0 15px}#qg-color26 .co-model-price del{color:#73766e;font-size:14px;margin-right:10px}@media(max-width:650px){#qg-color26 .co-steps{grid-template-columns:1fr}#qg-color26 .co-hero{padding-top:20px}#qg-color26 .co-hero figure{width:calc(100% + 36px);margin:0 -18px}#qg-color26 .co-hero h2{font-size:28px}#qg-color26 .co-title-line{white-space:nowrap}}@media(min-width:651px){#qg-color26 .co-heading{text-align:center}#qg-color26 .co-heading .co-intro{margin-left:auto;margin-right:auto}}#qg-color26 .co-period strong{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:.04em}#qg-color26 .co-hero h2{font-size:clamp(25px,3.2vw,38px)}@media(max-width:650px){#qg-color26 .co-hero h2{font-size:clamp(19px,5.2vw,28px);letter-spacing:0}#qg-color26 .co-title-line{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}}#qg-color26{--ink:#293f37;--red:#a64b3a;--paper:#f6f3ec;--line:#deded3;line-height:1.9}#qg-color26 .co-hero{gap:32px;padding:32px 0 52px}#qg-color26 .co-hero h2{font-weight:500;line-height:1.7;margin:14px 0 20px;letter-spacing:.04em}#qg-color26 .co-hero h2>span{font-size:clamp(21px,2.4vw,28px)}#qg-color26 .co-hero h2>em{font-size:clamp(26px,3.4vw,40px);letter-spacing:.03em}#qg-color26 .co-period{margin:26px auto 0;padding:12px 22px;gap:20px;border-color:#a8b2a8;width:fit-content}#qg-color26 .co-period span{letter-spacing:.12em}#qg-color26 .co-period strong{font-size:26px;letter-spacing:.05em}#qg-color26 .co-section{padding:64px 0}#qg-color26 .co-eyebrow{font-size:10px;letter-spacing:.2em;color:#69796b}#qg-color26 .co-heading{margin-bottom:32px}#qg-color26 .co-heading h2{font-size:28px;letter-spacing:.04em;margin-top:10px}#qg-color26 .co-intro{font-size:14px;line-height:2.1}#qg-color26 .co-products{margin-top:30px}#qg-color26 .co-product{gap:44px;padding:32px;margin-top:18px;border:1px solid #eeeee7}#qg-color26 .co-product h3{font-size:31px;letter-spacing:.06em;margin:10px 0 16px}#qg-color26 .co-model-price{font-size:28px;line-height:1.6}#qg-color26 .co-button{padding:10px 20px;border-color:#a8b2a8;letter-spacing:.05em}#qg-color26 .co-step{border-color:#deded3;padding:26px;background:transparent}#qg-color26 .co-number{font-size:28px}#qg-color26 .co-step h3{font-size:16px;font-weight:500;line-height:1.8}#qg-color26 summary{padding-top:22px;padding-bottom:22px;font-size:14px}#qg-color26 summary:after{top:21px;font-weight:400;color:#69796b}@media(max-width:650px){#qg-color26 .co-hero{padding:20px 0 34px;gap:24px}#qg-color26 .co-hero h2{margin:8px 0 16px;letter-spacing:0;line-height:1.8}#qg-color26 .co-hero h2>span{font-size:clamp(17px,4.65vw,23px)}#qg-color26 .co-hero h2>em{font-size:clamp(19px,5.25vw,27px);letter-spacing:0}#qg-color26 .co-period{margin-top:22px;padding:10px 12px;gap:14px}#qg-color26 .co-period strong{font-size:23px}#qg-color26 .co-section{padding:36px 0}#qg-color26 .co-heading{margin-bottom:24px}#qg-color26 .co-heading h2{font-size:23px;letter-spacing:.02em}#qg-color26 .co-intro{font-size:13px;line-height:1.95}#qg-color26 .co-product{padding:20px;gap:18px;margin-top:14px}#qg-color26 .co-product h3{font-size:27px;margin-top:8px;margin-bottom:12px}#qg-color26 .co-model-price{font-size:26px}#qg-color26 .co-step{padding:22px 18px 22px 90px}#qg-color26 .co-step h3{font-size:16px}#qg-color26 summary{font-size:13px}}#qg-color26{--ink:#25473a;--red:#a73f34;--paper:#913b35;--line:#dcd9c9}#qg-color26 .co-hero{gap:0;padding-top:28px;padding-bottom:52px}#qg-color26 .co-hero>div{width:100%;max-width:none;background:#234839;color:#fbf8ed;padding:35px 24px 36px;border-top:3px solid #a94b3a}#qg-color26 .co-hero h2{margin-top:0}#qg-color26 .co-hero h2>em{color:#ebd3a2}#qg-color26 .co-period{border-color:#b8ab80}#qg-color26 .co-period strong{color:#f4dfac}#qg-color26 .co-period span{color:#f1f0e4}#qg-color26 .co-price strong,#qg-color26 .co-model-price{color:#a73f34}#qg-color26 .co-button{border-color:#6c8069}#qg-color26 .co-button:hover{background:#25473a;color:#fff}#qg-color26 .co-number{color:#a73f34}#qg-color26 .co-step{border-top:2px solid #a5af94}@media(max-width:650px){#qg-color26 .co-hero{padding-top:18px;padding-bottom:34px}#qg-color26 .co-hero>div{width:calc(100% + 36px);padding:26px 18px 28px}#qg-color26 .co-hero h2{margin-bottom:15px}#qg-color26 .co-period{margin-top:20px}}#qg-color26 .co-hero h2>span{font-size:22px;letter-spacing:.05em;margin-bottom:12px}#qg-color26 .co-hero h2>em{display:block;line-height:1.45}#qg-color26 .co-campaign-season{display:block;font-size:25px;letter-spacing:.12em;margin-bottom:6px}#qg-color26 .co-campaign-main{display:block;font-size:48px;letter-spacing:.06em;white-space:nowrap}@media(max-width:650px){#qg-color26 .co-hero h2>span{font-size:clamp(16px,4.4vw,21px);letter-spacing:.02em;margin-bottom:10px}#qg-color26 .co-campaign-season{font-size:20px;letter-spacing:.1em;margin-bottom:5px}#qg-color26 .co-campaign-main{font-size:clamp(27px,7.8vw,38px);letter-spacing:.02em}#qg-color26 .co-hero h2{margin-bottom:18px}}#qg-color26 .co-hero figure img{aspect-ratio:800/525;max-height:none;height:auto;object-fit:contain}#qg-color26 .co-delivery-note{margin-top:20px;font-size:14px;line-height:2;color:#f1f0e4;text-wrap:pretty}@media(max-width:650px){#qg-color26 .co-delivery-note{font-size:12px;line-height:1.95;margin-top:18px}}#qg-color26 .co-hero{padding-bottom:20px}#qg-color26 #co-lineup{padding-top:28px}#qg-color26 .co-step-art{width:100px;height:80px;align-items:center;margin-top:10px}#qg-color26 .co-step-art svg{display:block;flex:none;width:100px;height:80px}@media(min-width:651px){#qg-color26 .co-product{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}}@media(max-width:650px){#qg-color26 .co-hero{padding-bottom:14px}#qg-color26 #co-lineup{padding-top:22px}#qg-color26 .co-step-art{margin-top:0;left:16px;top:56px;transform:scale(.64);transform-origin:top left}}@media(min-width:651px){#qg-color26{box-shadow:0 0 0 100vmax var(--paper);clip-path:inset(0 -100vmax)}#qg-color26 .co-product{background:transparent;border-color:transparent}#qg-color26 .co-product figure{background:transparent}}#qg-color26 .co-product{background:#fff}#qg-color26 .co-model-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:14px;line-height:1.5}#qg-color26 .co-model-price del{font-size:18px;margin-right:0;white-space:nowrap}#qg-color26 .co-price-change{display:inline-flex;align-items:baseline;gap:10px;white-space:nowrap}#qg-color26 .co-price-arrow{font-family:sans-serif;font-size:24px;color:#69796b}#qg-color26 .co-model-price strong{font:500 36px/1.5 Georgia,serif;color:var(--red)}#qg-color26 .co-step-heading{display:flex;align-items:baseline;gap:10px;min-height:32px}#qg-color26 .co-step-heading .co-number{position:static;flex:none;font-size:28px;line-height:1.2;margin:0}#qg-color26 .co-step-heading h3{font-size:16px;line-height:1.7;margin:0;text-wrap:balance}#qg-color26 .co-step-art{position:static;width:130px;height:104px;margin:18px auto;transform:none}#qg-color26 .co-step-art svg{width:130px;height:104px}@media(max-width:650px){#qg-color26 .co-model-price del{font-size:17px}#qg-color26 .co-model-price strong{font-size:32px}#qg-color26 .co-price-change{gap:8px}#qg-color26 .co-price-arrow{font-size:21px}#qg-color26 .co-step{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;padding:22px 18px;min-height:0}#qg-color26 .co-step-heading{grid-column:1/-1;gap:10px;min-height:0}#qg-color26 .co-step-heading .co-number{font-size:27px}#qg-color26 .co-step-heading h3{font-size:16px;text-wrap:initial}#qg-color26 .co-step-art{grid-column:1;grid-row:2;width:96px;height:77px;margin:2px 0 0;transform:none}#qg-color26 .co-step-art svg{width:96px;height:77px}#qg-color26 .co-step>p{grid-column:2;grid-row:2}}#qg-color26 .co-heading>.co-eyebrow,#qg-color26 .co-heading>h2{text-align:center}@media(max-width:650px){#qg-color26 .co-delivery-break{display:none}}#qg-color26 .co-step{background:#fff}#qg-color26 .co-model-price,#qg-color26 .co-model-price strong{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0}#qg-color26 .co-model-price strong{font-weight:700}#qg-color26 .co-model-price del{font-weight:400}#qg-color26 .co-product{position:relative;isolation:isolate}#qg-color26 .co-product>figure,#qg-color26 .co-product>div{position:relative;z-index:1}#qg-color26 .co-product{align-items:center}#qg-color26 .co-product .co-model-price{margin-bottom:22px}#qg-color26 .co-product .co-button{margin-top:0}@media(max-width:650px){#qg-color26 .co-product>div{padding-top:12px}#qg-color26 .co-product .co-model-price{margin-bottom:18px}}#qg-color26 .co-spec-fold{margin-top:14px;border-bottom:1px solid var(--line);max-width:100%}#qg-color26 .co-spec-fold summary{font-size:12px;line-height:1.8;padding:12px 26px 12px 0;letter-spacing:.04em}#qg-color26 .co-spec-fold summary:after{content:"+";top:12px;right:3px;font-size:16px;line-height:1.4}#qg-color26 .co-spec-fold[open] summary:after{content:"-"}#qg-color26 .co-spec-fold[open]{background:#fff}#qg-color26 .co-spec-fold-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;padding:0 0 16px}#qg-color26 .co-spec-fold h4{font-family:inherit;font-size:11px;font-weight:600;line-height:1.7;letter-spacing:.08em;margin:0 0 8px;color:var(--ink)}#qg-color26 .co-spec-fold-body p{font-size:12px;line-height:1.9;margin:0;padding:0;max-width:none;color:#566558}#qg-color26 .co-step-heading .co-number{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;font-weight:700;font-variant-numeric:lining-nums tabular-nums;letter-spacing:0;font-size:27px}#qg-color26 .co-step-art,#qg-color26 .co-step-art svg{width:156px;height:125px}@media(max-width:650px){#qg-color26 .co-step{grid-template-columns:112px minmax(0,1fr);column-gap:12px}#qg-color26 .co-step-heading .co-number{font-size:25px}#qg-color26 .co-step-art,#qg-color26 .co-step-art svg{width:112px;height:90px}}@media(max-width:650px){#qg-color26 .co-step{aspect-ratio:1/1;min-height:0;grid-template-rows:auto minmax(0,1fr)}#qg-color26 .co-step-heading{align-self:start}#qg-color26 .co-step-art,#qg-color26 .co-step>p{align-self:center}}@media(max-width:650px){#qg-color26 .co-step{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto;gap:12px;padding:22px 18px}#qg-color26 .co-step-heading{grid-column:1;grid-row:1}#qg-color26 .co-step-art{grid-column:1;grid-row:2;align-self:center;justify-self:center;margin:0}#qg-color26 .co-step>p{grid-column:1;grid-row:3;align-self:end;width:100%;text-align:left}}#qg-color26 .co-step-art{width:calc(100% + 40px);max-width:312px;height:auto;aspect-ratio:5/4;margin:14px -20px}#qg-color26 .co-step-art svg{width:100%;height:auto;aspect-ratio:5/4}@media(max-width:650px){#qg-color26 .co-step{padding:20px 18px;row-gap:10px}#qg-color26 .co-step-art{width:224px;max-width:100%;height:auto;aspect-ratio:5/4;margin:0}#qg-color26 .co-step-art svg{width:100%;height:auto}}#qg-color26 .co-price-tax{font-family:inherit;font-size:11px;font-weight:400;line-height:1.5;color:var(--red);white-space:nowrap;margin-left:-5px}@media(min-width:651px){#qg-color26 .co-step-art{width:calc((100% + 40px)*.7);max-width:218.4px;margin:14px auto}}@media(max-width:650px){#qg-color26 .co-model-price{column-gap:6px}#qg-color26 .co-model-price del{font-size:15px}#qg-color26 .co-model-price strong{font-size:30px}#qg-color26 .co-price-change{gap:6px}#qg-color26 .co-price-tax{font-size:10px;margin-left:-2px}}#qg-color26 .co-hero figure img{aspect-ratio:800/533}.product-mainarea:has(#qg-color26){background:#913b35;box-shadow:0 0 0 100vmax #913b35;clip-path:inset(0 -100vmax);padding-bottom:32px}#qg-color26 .co-model-price{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:nowrap;gap:3px}#qg-color26 .co-model-price del{font-size:23px;line-height:1.6;padding-left:28px}#qg-color26 .co-price-change{position:relative;display:inline-flex;align-items:baseline;gap:8px;padding-left:0}#qg-color26 .co-price-arrow{position:static;font-size:20px;line-height:1.5}@media(max-width:650px){#qg-color26 .co-model-price del{font-size:21px}#qg-color26 .co-model-price{gap:3px}#qg-color26 .co-price-arrow{position:static;font-size:20px}}#qg-color26 .co-original-price{display:inline-flex;align-items:baseline;gap:10px}#qg-color26 .co-model-price del{padding-left:0}#qg-color26 .co-price-change{padding-left:0}#qg-color26 .co-original-price .co-price-arrow{position:static}#qg-color26,#qg-color26 .co-serif,#qg-color26 .co-heading h2,#qg-color26 .co-product h3,#qg-color26 .co-number,#qg-color26 .co-period strong,#qg-color26 .co-model-price,#qg-color26 .co-model-price strong{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}#qg-color26 .co-hero h2,#qg-color26 .co-hero h2>span,#qg-color26 .co-hero h2>em,#qg-color26 .co-heading h2,#qg-color26 .co-product h3{font-weight:700}#qg-color26 .co-hero{background:#234839;box-shadow:0 0 0 100vmax #234839;clip-path:inset(0 -100vmax)}#qg-color26 .co-form-button{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:14px;padding:10px 12px;border:1px solid #a73f34;background:#a73f34;color:#fff;font-family:inherit;font-size:12px;font-weight:600;line-height:1.5;text-align:center;text-decoration:none}#qg-color26 .co-form-button:hover{background:#8e3028;border-color:#8e3028;color:#fff}#qg-color26 .co-form-button:focus-visible{outline:2px solid #234839;outline-offset:3px}@media(max-width:650px){#qg-color26 .co-step-form{padding:12px 18px;row-gap:5px;grid-template-rows:auto minmax(0,1fr) auto auto}#qg-color26 .co-step-form>p{font-size:12px;line-height:1.6}#qg-color26 .co-step-form .co-form-button{grid-column:1;grid-row:4;align-self:end;margin-top:0;padding:8px 10px;line-height:1.5}}#qg-color26 .co-product .co-model-form{margin-top:0;padding:12px 14px;font-size:13px}#qg-color26 .co-model-actions{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:8px;align-items:stretch}#qg-color26 .co-model-actions .co-model-form,#qg-color26 .co-model-actions .co-button{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;margin:0;padding:11px 6px;font-size:11px;line-height:1.6;gap:5px;letter-spacing:0;white-space:nowrap}#qg-color26 .co-model-actions .co-model-form{font-weight:600}#qg-color26 .co-model-actions .co-button{border-color:#6c8069}@media(max-width:650px){#qg-color26 .co-model-actions{gap:6px}#qg-color26 .co-model-actions .co-model-form,#qg-color26 .co-model-actions .co-button{font-size:10px;padding:11px 4px;gap:3px}}#qg-color26 .co-model-actions .co-button{background:#234839;border-color:#234839;color:#fff;font-weight:600}#qg-color26 .co-model-actions .co-button:hover{background:#18392c;border-color:#18392c;color:#fff}@media(min-width:651px) and (max-width:900px){#qg-color26 .co-model-actions .co-model-form,#qg-color26 .co-model-actions .co-button{white-space:normal;text-wrap:balance}}#qg-color26 .co-hero>div{border-top:0}#qg-color26 .co-spec-fold summary{font-weight:700}#qg-color26 .co-arrow-mobile{display:none}@media(max-width:650px){#qg-color26 .co-model-price{flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:6px}#qg-color26 .co-original-price{gap:4px}#qg-color26 .co-model-price del{font-size:clamp(15px,4.8vw,18px)}#qg-color26 .co-model-price strong{font-size:clamp(24px,7.5vw,28px)}#qg-color26 .co-price-change{gap:4px}#qg-color26 .co-price-tax{font-size:9px;margin-left:0}#qg-color26 .co-original-price .co-price-arrow{font-size:18px}#qg-color26 .co-arrow-desktop{display:none}#qg-color26 .co-arrow-mobile{display:inline}}@media(max-width:650px){#qg-color26 .co-original-price{gap:3px}#qg-color26 .co-model-price{column-gap:4px}#qg-color26 .co-model-price del{font-size:clamp(13px,4.15vw,16px)}#qg-color26 .co-model-price strong{font-size:clamp(22px,7.2vw,27px)}}@media(max-width:650px){#qg-color26 .co-model-price{flex-direction:column;align-items:flex-start;gap:3px}#qg-color26 .co-original-price{gap:10px}#qg-color26 .co-model-price del{font-size:21px}#qg-color26 .co-model-price strong{font-size:30px}#qg-color26 .co-price-tax{font-size:10px;margin-left:0}#qg-color26 .co-arrow-mobile{display:none}#qg-color26 .co-arrow-desktop{display:inline}}#qg-color26 .co-hero>div{position:relative;isolation:isolate}#qg-color26 .co-hero h2,#qg-color26 .co-hero .co-period,#qg-color26 .co-hero .co-delivery-note{position:relative;z-index:1}@media(min-width:901px){#qg-color26 .co-hero h2{max-width:calc(100% - 240px);margin-left:auto;margin-right:auto}#qg-color26 .co-delivery-note{max-width:calc(100% - 240px);margin-left:auto;margin-right:auto}}@media(max-width:900px){#qg-color26 .co-hero h2,#qg-color26 .co-delivery-note{max-width:calc(100% - 40px);margin-left:auto;margin-right:auto}#qg-color26 .co-period{max-width:calc(100% - 40px)}}@media(max-width:650px){#qg-color26 .co-model-price{flex-direction:row;align-items:baseline;flex-wrap:nowrap;gap:6px}#qg-color26 .co-original-price{gap:4px}#qg-color26 .co-model-price del{font-size:clamp(15px,4.8vw,18px)}#qg-color26 .co-model-price strong{font-size:clamp(24px,7.5vw,28px)}#qg-color26 .co-price-change{gap:4px}#qg-color26 .co-price-tax{font-size:9px;margin-left:0}#qg-color26 .co-original-price .co-price-arrow{font-size:18px}#qg-color26 .co-arrow-mobile{display:inline}#qg-color26 .co-arrow-desktop{display:none}}@media(max-width:650px){#qg-color26 .co-intro-break{display:none}}#qg-color26 .co-paper-scene{position:relative;margin-top:18px}#qg-color26 .co-paper-scene .co-product{margin:0}#qg-color26 .co-spec-fold summary{padding-right:36px}#qg-color26 .co-spec-fold summary:after{display:grid;place-items:center;width:24px;height:24px;right:0;top:50%;transform:translateY(-50%);border-radius:50%;background:#234839;color:#fff;font-size:20px;font-weight:700;line-height:1}#qg-color26 .co-hero figure{position:relative}@media(min-width:901px){#qg-color26 #co-lineup{position:relative;isolation:isolate}#qg-color26 #co-lineup>.co-heading,#qg-color26 #co-lineup>.co-products{position:relative;z-index:1}}@media(max-width:900px){#qg-color26 .co-hero figure{padding-left:20px;padding-right:20px}}#qg-color26 #co-lineup{position:relative;isolation:isolate}#qg-color26 #co-lineup>.co-heading,#qg-color26 #co-lineup>.co-products{position:relative;z-index:1}@media(max-width:900px){#qg-color26 .co-hero figure{padding-left:0;padding-right:0}}#qg-color26 .co-winter-background{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}#qg-color26 .co-winter-tree,#qg-color26 .co-winter-snow{position:absolute;height:auto;display:block}#qg-color26 .co-winter-snow{width:24px;color:#f0e4c9;opacity:.32}#qg-color26 .co-winter-snow-1{left:3%;top:7%;width:32px}#qg-color26 .co-winter-snow-2{left:14%;top:26%;width:18px}#qg-color26 .co-winter-snow-3{right:4%;top:6%;width:24px}#qg-color26 .co-winter-snow-4{right:14%;top:55%;width:34px}@media(min-width:901px){#qg-color26 .co-winter-background{left:calc((100% - 100vw)/2);right:calc((100% - 100vw)/2)}}@media(max-width:900px){#qg-color26 .co-winter-snow-1{left:4px;top:6%;width:15px}#qg-color26 .co-winter-snow-2{left:7px;top:43%;width:10px}#qg-color26 .co-winter-snow-3{right:5px;top:9%;width:12px}#qg-color26 .co-winter-snow-4{right:4px;top:44%;width:16px}}#qg-color26 .co-winter-snow-1{left:auto;right:auto;left:3%;top:4%;width:52px}#qg-color26 .co-winter-snow-2{left:auto;right:auto;left:14%;top:30%;width:32px}#qg-color26 .co-winter-snow-3{left:auto;right:auto;right:3%;top:6%;width:46px}#qg-color26 .co-winter-snow-4{left:auto;right:auto;right:14%;top:38%;width:36px}#qg-color26 .co-winter-snow-5{left:auto;right:auto;left:3%;top:69%;width:44px}#qg-color26 .co-winter-snow-6{left:auto;right:auto;left:14%;top:78%;width:30px}#qg-color26 .co-winter-snow-7{left:auto;right:auto;right:3%;top:70%;width:54px}#qg-color26 .co-winter-snow-8{left:auto;right:auto;right:14%;top:82%;width:28px}@media(max-width:900px){#qg-color26 .co-winter-snow-1{left:auto;right:auto;left:2px;top:4%;width:24px}#qg-color26 .co-winter-snow-2{left:auto;right:auto;left:7px;top:30%;width:18px}#qg-color26 .co-winter-snow-3{left:auto;right:auto;right:2px;top:5%;width:25px}#qg-color26 .co-winter-snow-4{left:auto;right:auto;right:6px;top:32%;width:18px}#qg-color26 .co-winter-snow-5{left:auto;right:auto;left:1px;top:60%;width:22px}#qg-color26 .co-winter-snow-6{left:auto;right:auto;left:5px;top:84%;width:20px}#qg-color26 .co-winter-snow-7{left:auto;right:auto;right:1px;top:60%;width:23px}#qg-color26 .co-winter-snow-8{left:auto;right:auto;right:5px;top:85%;width:20px}}#qg-color26 .co-mobile-snow-extra{display:none}@media(max-width:650px){#qg-color26 .co-mobile-snow-extra{display:block}}#qg-color26.co-snow-reveal-ready .co-winter-snow,#qg-color26.co-snow-reveal-ready .co-banner-flake{opacity:0;translate:0 22px}#qg-color26.co-snow-reveal-ready .co-snow-is-visible{animation:qgSnowFloatIn 1.1s cubic-bezier(.2,.65,.3,1) var(--co-snow-delay,0ms) both}@keyframes qgSnowFloatIn{from{opacity:0;translate:0 22px}to{opacity:var(--co-snow-opacity,.32);translate:0 0}}#qg-color26.co-snow-reveal-ready .co-holiday-art{opacity:0;translate:0 36px;scale:.8}#qg-color26.co-snow-reveal-ready .co-holiday-art.co-snow-is-visible{animation:qgHolidayPopIn 1.2s cubic-bezier(.2,.7,.3,1.15) var(--co-snow-delay,0ms) both}@keyframes qgHolidayPopIn{from{opacity:0;translate:0 36px;scale:.8}to{opacity:var(--co-snow-opacity,.3);translate:0 0;scale:1}}@media(prefers-reduced-motion:reduce){#qg-color26.co-snow-reveal-ready .co-winter-snow,#qg-color26.co-snow-reveal-ready .co-banner-flake,#qg-color26.co-snow-reveal-ready .co-holiday-art{animation:none;opacity:var(--co-snow-opacity,.32);translate:none;scale:1}}#qg-color26{--paper:#913b35;background:var(--paper)}#qg-color26 .co-heading{color:#fbf8ed}#qg-color26 .co-heading .co-eyebrow{color:#eed6b4}#qg-color26 .co-section{border-bottom-color:rgba(251,248,237,.28)}#qg-color26 #co-faq>details{color:#fbf8ed;border-bottom-color:rgba(251,248,237,.3)}#qg-color26 #co-faq summary:after,#qg-color26 #co-faq>.co-note{color:#fbf8ed}#qg-color26 .co-holiday-defs{position:absolute;pointer-events:none}#qg-color26 .co-section{position:relative;isolation:isolate}#qg-color26 .co-holiday-background{position:absolute;top:0;bottom:0;left:calc((100% - 100vw)/2);width:100vw;overflow:hidden;pointer-events:none;z-index:-1;color:#f0d7a6;mask-image:linear-gradient(to right,#000 0,#000 calc((100vw - min(1000px,calc(100vw - 80px)))/2 - 8px),transparent calc((100vw - min(1000px,calc(100vw - 80px)))/2 - 8px),transparent calc(100% - (100vw - min(1000px,calc(100vw - 80px)))/2 + 8px),#000 calc(100% - (100vw - min(1000px,calc(100vw - 80px)))/2 + 8px),#000 100%)}#qg-color26 .co-holiday-art{position:absolute;opacity:.3}#qg-color26 .co-product,#qg-color26 .co-step{background:#fff}#qg-color26 .co-product figure{background:transparent}#qg-color26 .co-order-flow{margin:0 0 12px;padding:12px 14px;background:#fbf1ee;border-left:4px solid #a73f34}#qg-color26 .co-order-flow-lead{font-size:13px;font-weight:700;line-height:1.6;color:#a73f34}#qg-color26 .co-order-flow ol{list-style:none;margin:8px 0 0;padding:0}#qg-color26 .co-order-flow li{display:flex;align-items:center;gap:8px;font-size:12px;line-height:1.6;color:#25473a;margin-top:4px}#qg-color26 .co-order-flow-num{flex:none;display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#a73f34;color:#fff;font-size:11px;font-weight:700;line-height:1}#qg-color26 .co-order-flow li+li .co-order-flow-num{background:#234839}#qg-color26 .co-order-flow b{font-weight:700}#qg-color26 .co-order-flow-lead>span{display:inline-block}@media(max-width:650px){#qg-color26 .co-order-flow{padding:10px 12px}#qg-color26 .co-order-flow-lead{font-size:12px}#qg-color26 .co-order-flow li{font-size:11px}}@media(max-width:650px){#qg-color26 .co-holiday-background{top:0;bottom:0;height:auto;mask-image:none}#qg-color26 .co-holiday-art{display:block;height:auto;aspect-ratio:1;scale:1}#qg-color26 #co-lineup>.co-heading{background:transparent}#qg-color26 #co-lineup{padding-top:56px}#qg-color26 #co-order,#qg-color26 #co-faq{padding-top:80px}#co-lineup .co-holiday-art-1{left:-50px;top:0.5%;width:124px;transform:rotate(-20deg)}#co-lineup .co-holiday-art-2{right:-26px;top:0%;width:104px;transform:rotate(24deg)}#co-lineup .co-holiday-art-3{right:-44px;top:8.5%;width:150px;transform:rotate(-14deg)}#co-lineup .co-holiday-art-4{left:-58px;top:19%;width:150px;transform:rotate(16deg)}#co-lineup .co-holiday-art-5{right:-50px;top:33%;width:132px;transform:rotate(10deg)}#co-lineup .co-holiday-art-6{left:-34px;top:40.5%;width:116px;transform:rotate(-26deg)}#co-lineup .co-holiday-art-7{left:-62px;top:53%;width:160px;transform:rotate(-10deg)}#co-lineup .co-holiday-art-8{right:-30px;top:61%;width:124px;transform:rotate(20deg)}#co-lineup .co-holiday-art-9{left:-26px;top:69%;width:100px;transform:rotate(30deg)}#co-lineup .co-holiday-art-10{right:-54px;top:78%;width:156px;transform:rotate(-16deg)}#co-lineup .co-holiday-art-11{left:-44px;top:87%;width:134px;transform:rotate(-8deg)}#co-lineup .co-holiday-art-12{right:-28px;top:94%;width:112px;transform:rotate(22deg)}#co-order .co-holiday-art-1{left:-46px;top:0%;width:136px;transform:rotate(18deg)}#co-order .co-holiday-art-2{right:-36px;top:6%;width:122px;transform:rotate(-22deg)}#co-order .co-holiday-art-3{left:-40px;top:35%;width:126px;transform:rotate(-14deg)}#co-order .co-holiday-art-4{right:-52px;top:61%;width:148px;transform:rotate(20deg)}#co-order .co-holiday-art-5{left:-30px;top:86%;width:112px;transform:rotate(12deg)}#co-faq .co-holiday-art-1{left:-42px;top:0%;width:126px;transform:rotate(22deg)}#co-faq .co-holiday-art-2{right:-38px;top:4%;width:118px;transform:rotate(-18deg)}#co-faq .co-holiday-art-3{left:-52px;top:80%;width:118px;transform:rotate(26deg)}}@media(max-width:650px){#qg-color26 .co-winter-background{top:0;bottom:-14px}#qg-color26 .co-winter-snow{left:auto;right:auto}#qg-color26 .co-winter-snow-3,#qg-color26 .co-winter-snow-5,#qg-color26 .co-winter-snow-8,#qg-color26 .co-winter-snow-12,#qg-color26 .co-winter-snow-14{display:none}#qg-color26 .co-winter-snow-1{left:-30px;top:16px;width:80px;transform:rotate(-14deg)}#qg-color26 .co-winter-snow-7{right:-36px;top:70px;width:92px;transform:rotate(-10deg)}#qg-color26 .co-winter-snow-6{left:-24px;top:170px;width:64px;transform:rotate(24deg)}#qg-color26 .co-winter-snow-11{right:-26px;top:240px;width:72px;transform:rotate(12deg)}#qg-color26 .co-winter-snow-9{left:-36px;top:290px;width:86px;transform:rotate(-22deg)}}#qg-color26 .co-banner-snow{display:none}@media(min-width:651px) and (max-width:900px){#qg-color26 .co-hero figure{padding-left:48px;padding-right:48px}#qg-color26 .co-winter-snow-1,#qg-color26 .co-winter-snow-3,#qg-color26 .co-winter-snow-5,#qg-color26 .co-winter-snow-6,#qg-color26 .co-winter-snow-7{visibility:hidden}}@media(min-width:651px){#qg-color26 .co-holiday-art,#qg-color26 .co-winter-snow{--e:calc(50% - min(500px,50% - 40px))}#qg-color26 .co-holiday-background{mask-image:none}#qg-color26 #co-lineup>.co-heading{background:transparent}#qg-color26 .co-holiday-art{height:auto;aspect-ratio:1;scale:1}#qg-color26 .co-winter-background{top:-1200px;bottom:-20px;left:calc((100% - 100vw)/2);right:auto;width:100vw;mask-image:none}#qg-color26 .co-winter-snow{left:auto;right:auto;top:auto;opacity:.32}#qg-color26 .co-mobile-snow-extra{display:block}#qg-color26 .co-winter-snow-12,#qg-color26 .co-winter-snow-14{display:none}#co-faq .co-holiday-art-1{right:calc(var(--e) - 180px);top:6%;width:160px;transform:rotate(26deg)}#co-faq .co-holiday-art-2{left:calc(var(--e) - 190px);top:30%;width:170px;transform:rotate(-18deg)}#co-faq .co-holiday-art-3{right:calc(var(--e) - 160px);top:64%;width:150px;transform:rotate(23deg)}#qg-color26 .co-winter-snow-1{left:calc(var(--e)*0.1);bottom:930px;width:min(100px,calc(var(--e)*.6));transform:rotate(-14deg)}#qg-color26 .co-winter-snow-3{right:calc(var(--e)*0.25);bottom:800px;width:min(70px,calc(var(--e)*.6));transform:rotate(18deg)}#qg-color26 .co-winter-snow-5{left:calc(var(--e)*0.3);bottom:640px;width:min(60px,calc(var(--e)*.6));transform:rotate(32deg)}#qg-color26 .co-winter-snow-6{right:calc(var(--e)*0.05);bottom:560px;width:min(110px,calc(var(--e)*.6));transform:rotate(24deg)}#qg-color26 .co-winter-snow-7{left:calc(var(--e)*0.2);bottom:430px;width:min(110px,calc(var(--e)*.6));transform:rotate(-10deg)}#qg-color26 .co-winter-snow-8{right:calc(var(--e)*1 - 90px);bottom:250px;width:120px;transform:rotate(28deg)}#qg-color26 .co-winter-snow-9{left:calc(var(--e)*1 - 100px);bottom:110px;width:130px;transform:rotate(-22deg)}#qg-color26 .co-winter-snow-11{right:calc(var(--e)*0.3 - 10px);bottom:50px;width:90px;transform:rotate(12deg)}}#qg-color26 .co-campaign-off{display:block;margin-top:4px;color:#f2604f;font-size:44px;font-weight:800;letter-spacing:.04em;line-height:1.3;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums}@media(max-width:650px){#qg-color26 .co-campaign-off{font-size:clamp(26px,8vw,34px);letter-spacing:.02em}}@media(min-width:651px){#co-lineup .co-holiday-art-1{left:calc(var(--e)*.15 - 40px);top:2%;width:170px;transform:rotate(-20deg)}#co-lineup .co-holiday-art-2{right:calc(var(--e) - 110px);top:9%;width:150px;transform:rotate(24deg)}#co-lineup .co-holiday-art-3{right:calc(var(--e)*.1 - 50px);top:20%;width:180px;transform:rotate(-14deg)}#co-lineup .co-holiday-art-4{left:calc(var(--e) - 115px);top:27%;width:150px;transform:rotate(16deg)}#co-lineup .co-holiday-art-5{right:calc(var(--e) - 120px);top:36%;width:160px;transform:rotate(10deg)}#co-lineup .co-holiday-art-6{left:calc(var(--e)*.1 - 40px);top:45%;width:160px;transform:rotate(-26deg)}#co-lineup .co-holiday-art-7{left:calc(var(--e) - 125px);top:58%;width:160px;transform:rotate(-10deg)}#co-lineup .co-holiday-art-8{right:calc(var(--e)*.12 - 30px);top:55%;width:150px;transform:rotate(20deg)}#co-lineup .co-holiday-art-9{right:calc(var(--e) - 110px);top:70%;width:140px;transform:rotate(30deg)}#co-lineup .co-holiday-art-10{left:calc(var(--e)*.2 - 60px);top:74%;width:190px;transform:rotate(-16deg)}#co-lineup .co-holiday-art-11{left:calc(var(--e) - 105px);top:88%;width:140px;transform:rotate(-8deg)}#co-lineup .co-holiday-art-12{right:calc(var(--e)*.15 - 40px);top:90%;width:170px;transform:rotate(22deg)}#co-order .co-holiday-art-1{left:calc(var(--e)*.2 - 40px);top:3%;width:170px;transform:rotate(18deg)}#co-order .co-holiday-art-2{right:calc(var(--e) - 115px);top:20%;width:150px;transform:rotate(-22deg)}#co-order .co-holiday-art-3{left:calc(var(--e) - 120px);top:50%;width:155px;transform:rotate(-14deg)}#co-order .co-holiday-art-4{right:calc(var(--e)*.1 - 30px);top:62%;width:150px;transform:rotate(20deg)}#co-order .co-holiday-art-5{left:calc(var(--e)*.25 - 50px);top:85%;width:140px;transform:rotate(12deg)}}#qg-color26.co-text-reveal-ready .co-hero h2,#qg-color26.co-text-reveal-ready .co-hero .co-period,#qg-color26.co-text-reveal-ready .co-hero .co-delivery-note,#qg-color26.co-text-reveal-ready .co-heading>*,#qg-color26.co-text-reveal-ready .co-product>div>*,#qg-color26.co-text-reveal-ready .co-step-heading,#qg-color26.co-text-reveal-ready .co-step>p,#qg-color26.co-text-reveal-ready .co-step>.co-form-button,#qg-color26.co-text-reveal-ready .co-section>details,#qg-color26.co-text-reveal-ready .co-section>.co-note{opacity:0;translate:0 18px}#qg-color26.co-text-reveal-ready .co-text-is-visible{animation:qgTextRiseIn .9s cubic-bezier(.2,.65,.3,1) var(--co-text-delay,0ms) both}@keyframes qgTextRiseIn{from{opacity:0;translate:0 18px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){#qg-color26.co-text-reveal-ready .co-hero h2,#qg-color26.co-text-reveal-ready .co-hero .co-period,#qg-color26.co-text-reveal-ready .co-hero .co-delivery-note,#qg-color26.co-text-reveal-ready .co-heading>*,#qg-color26.co-text-reveal-ready .co-product>div>*,#qg-color26.co-text-reveal-ready .co-step-heading,#qg-color26.co-text-reveal-ready .co-step>p,#qg-color26.co-text-reveal-ready .co-step>.co-form-button,#qg-color26.co-text-reveal-ready .co-section>details,#qg-color26.co-text-reveal-ready .co-section>.co-note{animation:none;opacity:1;translate:none}}</style>
<div id="qg-color26"><script>(function(){var r=document.getElementById('qg-color26');if(r&&('IntersectionObserver' in window)&&!(window.matchMedia&&window.matchMedia('(prefers-reduced-motion: reduce)').matches))r.classList.add('co-text-reveal-ready');})();</script>
<div class="co-inner"><svg class="co-holiday-defs" aria-hidden="true" width="0" height="0"><defs><g id="co-holiday-ball" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M50 0V23M41 25H59V35H41Z"/><circle cx="50" cy="65" r="30"/><path d="M23 54Q50 36 77 54M21 69Q50 51 79 69M29 85Q50 68 71 85"/></g><g id="co-holiday-star" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M50 5L63 34L95 38L71 60L78 92L50 76L22 92L29 60L5 38L37 34Z"/><path d="M50 18V65M17 41L50 51L83 41M28 81L50 51L72 81"/></g><g id="co-holiday-gift" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M14 43H86V93H14ZM9 32H91V47H9ZM43 32H57V93H43Z"/><path d="M50 32C5 29 23 1 39 17L50 32C95 29 77 1 61 17L50 32Z"/></g></defs></svg>

<header class="co-hero"><div><div class="co-winter-background" aria-hidden="true"><svg class="co-winter-snow co-winter-snow-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><defs><g id="co-snowflake-shape"><g fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round"><path d="M20 2V38M4.4 11L35.6 29M4.4 29L35.6 11M15 7L20 12L25 7M15 33L20 28L25 33M6 17L13 16L12 9M28 31L27 24L34 23M6 23L13 24L12 31M28 9L27 16L34 17"/></g></g></defs><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-9 co-mobile-snow-extra" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-11 co-mobile-snow-extra" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-12 co-mobile-snow-extra" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-winter-snow co-winter-snow-14 co-mobile-snow-extra" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg></div><h2 class="co-serif"><span class="co-title-line">カラーオーダー小さいふ3種</span><em class="co-title-line"><span class="co-campaign-season">クリスマス</span><span class="co-campaign-main">無料キャンペーン</span><span class="co-campaign-off">5,000円OFF</span></em></h2><div class="co-period"><span>開催期間</span><strong>11.15 &#12316; 11.30</strong></div><p class="co-delivery-note">革の色を選んで、コンチャ・ペケーニョ・ポキートの３モデルから<br class="co-delivery-break">クリスマスに間に合うようにお届けします。</p></div><figure><div class="co-banner-snow" aria-hidden="true"><svg class="co-banner-flake co-banner-flake-1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-3" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-6" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-8" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-11" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-13 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-15 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-16 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-17 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-18 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg><svg class="co-banner-flake co-banner-flake-20 co-banner-flake-wide" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" width="40" height="40" focusable="false"><use href="#co-snowflake-shape"/></svg></div><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/Q29sb3JvcmRlcl9tYWluYmFuYXI.png?cmsp_timestamp=20261110162107" alt="色とりどりの革でつくったカラーオーダーの小さいふ" width="800" height="533"></figure></header>

<section class="co-section" id="co-lineup"><div class="co-holiday-background" aria-hidden="true"><svg class="co-holiday-art co-holiday-art-1" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg><svg class="co-holiday-art co-holiday-art-2" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-3" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg><svg class="co-holiday-art co-holiday-art-4" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-5" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg><svg class="co-holiday-art co-holiday-art-6" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg><svg class="co-holiday-art co-holiday-art-7 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg><svg class="co-holiday-art co-holiday-art-8 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg><svg class="co-holiday-art co-holiday-art-9 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-10 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg><svg class="co-holiday-art co-holiday-art-11 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-12 co-holiday-extra" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg></div><div class="co-heading"><p class="co-eyebrow">01 / THREE MODELS</p><h2>3つのかたちから、選ぶ。</h2><p class="co-intro">好きな配色を、自分用にも贈り物にも。<br class="co-intro-break">期間中は、対象3モデルのカラーオーダー料金が無料になります。</p></div><div class="co-products"><div class="co-paper-scene"><article class="co-product"><figure><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/Q29sb3JvcmRlcl9jb25jaGE.JPG?cmsp_timestamp=20261110141844" alt="カラーオーダーの小さいふ。コンチャ" width="800" height="533" loading="lazy"></figure><div><p class="co-eyebrow">01 / CONCHA</p><h3>コンチャ</h3><p class="co-model-price"><span class="co-original-price"><del>17,800円</del><span class="co-price-arrow" aria-hidden="true"><span class="co-arrow-desktop">&#8595;</span><span class="co-arrow-mobile">&#8594;</span></span></span><span class="co-price-change"><strong>12,800円</strong><small class="co-price-tax">(税込)</small></span></p><div class="co-order-flow" role="note"><p class="co-order-flow-lead"><span>フォームの送信だけでは、</span><span>ご注文は完了しません</span></p><ol><li><span class="co-order-flow-num">1</span><span><b>カラーオーダーフォーム</b>で色を送信</span></li><li><span class="co-order-flow-num">2</span><span><b>商品ページ</b>でカートに入れて購入</span></li></ol></div><div class="co-model-actions"><a class="co-form-button co-model-form" href="https://docs.google.com/forms/d/e/1FAIpQLScmS3XWyY7k5-i3L3U6BULWFZx60tQWsZpqZENe78CUzG1CRQ/viewform?pli=1" target="_blank" rel="noopener noreferrer">カラーオーダーフォーム <span aria-hidden="true">&#8599;</span></a><a class="co-button" href="https://quatrogats.com/?pid=189137415">商品ページ <span aria-hidden="true">&#8594;</span></a></div><details class="co-spec-fold"><summary>サイズ・収納を見る</summary><div class="co-spec-fold-body"><div><h4>SPEC</h4><p>横10cm &times; 縦8cm<br>厚み：2cm</p></div><div><h4>収納</h4><p>お札：約10&#12316;20枚<br>コイン：約20&#12316;30枚<br>カード：約6&#12316;9枚</p></div></div></details></div></article></div><div class="co-paper-scene"><article class="co-product"><figure><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/Q29sb3JvcmRlcl9wZXF1ZW5v.JPG?cmsp_timestamp=20261110141844" alt="カラーオーダーの小さいふ。ペケーニョ" width="800" height="533" loading="lazy"></figure><div><p class="co-eyebrow">02 / PEQUEÑO</p><h3>ペケーニョ</h3><p class="co-model-price"><span class="co-original-price"><del>15,000円</del><span class="co-price-arrow" aria-hidden="true"><span class="co-arrow-desktop">&#8595;</span><span class="co-arrow-mobile">&#8594;</span></span></span><span class="co-price-change"><strong>10,000円</strong><small class="co-price-tax">(税込)</small></span></p><div class="co-order-flow" role="note"><p class="co-order-flow-lead"><span>フォームの送信だけでは、</span><span>ご注文は完了しません</span></p><ol><li><span class="co-order-flow-num">1</span><span><b>カラーオーダーフォーム</b>で色を送信</span></li><li><span class="co-order-flow-num">2</span><span><b>商品ページ</b>でカートに入れて購入</span></li></ol></div><div class="co-model-actions"><a class="co-form-button co-model-form" href="https://docs.google.com/forms/d/e/1FAIpQLSeK2DSBgSD0S3lkiiWhlp8KtKOxu50F2qs27FJm7n-W52Cchg/viewform" target="_blank" rel="noopener noreferrer">カラーオーダーフォーム <span aria-hidden="true">&#8599;</span></a><a class="co-button" href="https://quatrogats.com/?pid=35040046">商品ページ <span aria-hidden="true">&#8594;</span></a></div><details class="co-spec-fold"><summary>サイズ・収納を見る</summary><div class="co-spec-fold-body"><div><h4>SPEC</h4><p>横9.2cm &times; 縦7.5cm<br>厚み：2cm</p></div><div><h4>収納</h4><p>お札：約10&#12316;20枚<br>コイン：約20&#12316;30枚<br>カード：約4&#12316;6枚</p></div></div></details></div></article></div><div class="co-paper-scene"><article class="co-product"><figure><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/Q29sb3JvcmRlcl9wb3F1aXRv.JPG?cmsp_timestamp=20261110141844" alt="カラーオーダーの小さいふ。ポキート" width="800" height="533" loading="lazy"></figure><div><p class="co-eyebrow">03 / POQUITO</p><h3>ポキート</h3><p class="co-model-price"><span class="co-original-price"><del>14,800円</del><span class="co-price-arrow" aria-hidden="true"><span class="co-arrow-desktop">&#8595;</span><span class="co-arrow-mobile">&#8594;</span></span></span><span class="co-price-change"><strong>9,800円</strong><small class="co-price-tax">(税込)</small></span></p><div class="co-order-flow" role="note"><p class="co-order-flow-lead"><span>フォームの送信だけでは、</span><span>ご注文は完了しません</span></p><ol><li><span class="co-order-flow-num">1</span><span><b>カラーオーダーフォーム</b>で色を送信</span></li><li><span class="co-order-flow-num">2</span><span><b>商品ページ</b>でカートに入れて購入</span></li></ol></div><div class="co-model-actions"><a class="co-form-button co-model-form" href="https://docs.google.com/forms/d/e/1FAIpQLSfvs2JsbmfGWgBGV_1tsclWFGlgf0cH0H-qzvGBUrwGlz97Vg/viewform" target="_blank" rel="noopener noreferrer">カラーオーダーフォーム <span aria-hidden="true">&#8599;</span></a><a class="co-button" href="https://quatrogats.com/?pid=42562509">商品ページ <span aria-hidden="true">&#8594;</span></a></div><details class="co-spec-fold"><summary>サイズ・収納を見る</summary><div class="co-spec-fold-body"><div><h4>SPEC</h4><p>横9.2cm &times; 縦6.3cm<br>厚み：1.5cm</p></div><div><h4>収納</h4><p>お札：約10枚<br>コイン：約20枚<br>カード：約4&#12316;6枚</p></div></div></details></div></article></div></div></section>
<section class="co-section" id="co-order"><div class="co-holiday-background" aria-hidden="true"><svg class="co-holiday-art co-holiday-art-1" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg><svg class="co-holiday-art co-holiday-art-2" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg><svg class="co-holiday-art co-holiday-art-3" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-4 co-sp-art" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-5 co-sp-art" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg></div><div class="co-heading"><p class="co-eyebrow">02 / HOW TO ORDER</p><h2>カラーオーダーの手順</h2></div><div class="co-steps"><article class="co-step co-step-form"><div class="co-step-heading"><div class="co-number">01</div><h3>商品・カラーを選ぶ</h3></div><div class="co-step-art" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 80" width="100" height="80" focusable="false"><g transform="translate(1 12) rotate(-10 20 27)"><path d="M10 2Q20 8 30 2L38 13Q31 21 38 29L30 52Q20 46 10 52L2 29Q9 21 2 13Z" fill="#a74733"/><path d="M12 9Q20 13 28 9L30 15Q25 22 31 29L26 43Q20 40 14 43L9 29Q15 22 9 15Z" fill="none" stroke="#e8b49d" stroke-width="1" stroke-dasharray="2 2"/></g><g transform="translate(30 5)"><path d="M10 2Q20 8 30 2L38 13Q31 21 38 29L30 52Q20 46 10 52L2 29Q9 21 2 13Z" fill="#c59b55"/><path d="M12 9Q20 13 28 9L30 15Q25 22 31 29L26 43Q20 40 14 43L9 29Q15 22 9 15Z" fill="none" stroke="#f1ddba" stroke-width="1" stroke-dasharray="2 2"/></g><g transform="translate(59 13) rotate(10 20 27)"><path d="M10 2Q20 8 30 2L38 13Q31 21 38 29L30 52Q20 46 10 52L2 29Q9 21 2 13Z" fill="#315a47"/><path d="M12 9Q20 13 28 9L30 15Q25 22 31 29L26 43Q20 40 14 43L9 29Q15 22 9 15Z" fill="none" stroke="#a7bba2" stroke-width="1" stroke-dasharray="2 2"/></g></svg></div><p>各モデルのフォームで色を選んで送信。受付メールをご確認ください。</p><a class="co-form-button" href="#co-lineup">モデルを選ぶ <span aria-hidden="true">&#8593;</span></a></article><article class="co-step"><div class="co-step-heading"><div class="co-number">02</div><h3>カートに入れて購入</h3></div><div class="co-step-art" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 80" width="100" height="80" focusable="false"><g fill="none" stroke="#315a47" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 13H20L30 52H77L87 25H24" fill="#e8eadf"/><path d="M30 52L26 61H78M41 29L44 47M58 29V47M75 29L71 47M29 37H82"/><circle cx="37" cy="69" r="5" fill="#315a47"/><circle cx="72" cy="69" r="5" fill="#315a47"/></g><path d="M39 18V9H56V18" fill="none" stroke="#a74733" stroke-width="2.5" stroke-linejoin="round"/><path d="M34 18H62V26H34Z" fill="#a74733"/></svg></div><p>オーダー内容に合ったオプションを選び、購入手続きをしてください。</p></article><article class="co-step"><div class="co-step-heading"><div class="co-number">03</div><h3>完成したお財布をお届け</h3></div><div class="co-step-art" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 80" width="100" height="80" focusable="false"><path d="M37 3L40 10L48 11L42 16L44 24L37 20L30 24L32 16L26 11L34 10Z" fill="#c59b55"/><path d="M37 19L19 39H27L12 56H24L9 70H65L50 56H62L47 39H55Z" fill="#315a47"/><path d="M33 70H41V78H33Z" fill="#a77c4c"/><circle cx="31" cy="39" r="2.3" fill="#c59b55"/><circle cx="43" cy="49" r="2.3" fill="#a74733"/><circle cx="28" cy="59" r="2.3" fill="#a74733"/><path d="M66 49H93V75H66Z" fill="#a74733"/><path d="M63 47H96V54H63Z" fill="#a74733"/><path d="M77 48H82V75H77Z" fill="#ead7aa"/><path d="M79 47C62 47 66 33 74 38L79 47C94 47 93 33 85 38L79 47Z" fill="none" stroke="#c59b55" stroke-width="2"/><path d="M52 62H70V77H52Z" fill="#c59b55"/><path d="M59 62H63V77H59Z" fill="#f4ebd4"/></svg></div><p>ご注文内容とお支払いの確認後に製作。発送時にメールでお知らせします。</p></article></div></section>

<section class="co-section" id="co-faq"><div class="co-holiday-background" aria-hidden="true"><svg class="co-holiday-art co-holiday-art-1" viewBox="0 0 100 100"><use href="#co-holiday-star"/></svg><svg class="co-holiday-art co-holiday-art-2" viewBox="0 0 100 100"><use href="#co-holiday-gift"/></svg><svg class="co-holiday-art co-holiday-art-3" viewBox="0 0 100 100"><use href="#co-holiday-ball"/></svg></div><div class="co-heading"><p class="co-eyebrow">03 / QUESTIONS</p><h2>よくある質問</h2></div>
<details><summary>フォームを送れば、注文は完了ですか？</summary><p>フォーム送信だけでは完了しません。受付メールを確認のうえ、商品をカートに入れて購入手続きをお願いします。</p></details>
<details><summary>いつから製作が始まりますか？</summary><p>ご注文・オーダー内容の確定・お支払いが完了してから製作を始めます。今回のキャンペーン対象の3モデルは、クリスマスに間に合うようにお届けします。</p></details>
<details><summary>返品・交換はできますか？</summary><p>受注生産のため、お客様のご都合による返品・交換は基本的にお受けできません。配色・仕様をご確認のうえご注文ください。</p></details>
<details><summary>代金引換は使えますか？</summary><p>カラーオーダーは代金引換でのお支払いに対応していません。</p></details>
<p class="co-note"><a href="https://blog.quatrogats.com/faq/#faq-colororder-01">カラーオーダーについて、詳しくはこちら &#8594;</a></p></section>

</div></div><script>(function(){var root=document.getElementById('qg-color26');if(!root||root.getAttribute('data-snow-reveal')||!('IntersectionObserver' in window)||window.matchMedia('(prefers-reduced-motion: reduce)').matches)return;var snow=root.querySelectorAll('.co-winter-snow,.co-banner-flake,.co-holiday-art');if(!snow.length)return;root.setAttribute('data-snow-reveal','1');snow.forEach(function(el){el.style.setProperty('--co-snow-opacity',window.getComputedStyle(el).opacity);});root.classList.add('co-snow-reveal-ready');var observer=new IntersectionObserver(function(entries){entries.filter(function(entry){return entry.isIntersecting;}).sort(function(a,b){return a.boundingClientRect.top-b.boundingClientRect.top;}).forEach(function(entry,index){entry.target.style.setProperty('--co-snow-delay',Math.min(index*140,840)+'ms');entry.target.classList.add('co-snow-is-visible');observer.unobserve(entry.target);});},{threshold:0,rootMargin:'0px 0px -6% 0px'});snow.forEach(function(el){observer.observe(el);});})();</script><script>(function(){var root=document.getElementById('qg-color26');if(!root||root.getAttribute('data-text-reveal')||!root.classList.contains('co-text-reveal-ready'))return;var items=root.querySelectorAll('.co-hero h2,.co-hero .co-period,.co-hero .co-delivery-note,.co-heading>*,.co-product>div>*,.co-step-heading,.co-step>p,.co-step>.co-form-button,.co-section>details,.co-section>.co-note');if(!items.length){root.classList.remove('co-text-reveal-ready');return;}root.setAttribute('data-text-reveal','1');var observer=new IntersectionObserver(function(entries){entries.filter(function(entry){return entry.isIntersecting;}).sort(function(a,b){return a.boundingClientRect.top-b.boundingClientRect.top;}).forEach(function(entry,index){entry.target.style.setProperty('--co-text-delay',Math.min(index*110,660)+'ms');entry.target.classList.add('co-text-is-visible');observer.unobserve(entry.target);});},{threshold:0,rootMargin:'0px 0px -8% 0px'});items.forEach(function(el){observer.observe(el);});window.addEventListener('pageshow',function(e){if(!e.persisted)return;items.forEach(function(el){el.classList.remove('co-text-is-visible');observer.unobserve(el);});requestAnimationFrame(function(){items.forEach(function(el){observer.observe(el);});});});})();</script>

]]></content:encoded>
    <dc:date>2026-11-10T12:24:37+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=194387225">
    <link>https://quatrogats.com/?pid=194387225</link>
    <title>19000円分の決済専用です。</title>
    <description></description>
<content:encoded><![CDATA[

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

  <item rdf:about="https://quatrogats.com/?pid=193876140">
    <link>https://quatrogats.com/?pid=193876140</link>
    <title>革のメガネケース｜「ダリの時計」｜イタリアンレザー｜眼鏡ケース・サングラスケース・老眼鏡ケース</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#200853;--c-head:#2a0b6b;--c-feat:#24095e;--c-accent:#a569d8;--c-accent-lt:#ad6edd;--c-accent-lt2:#d3abee;--c-accent-lt3:#ad6edd;--c-eyebrow:#6c2e9a;--c-num:#620ec1;--c-tab:#edddf6;--c-bio:#e8d5f2;--c-featbody:#edddf6;--c-band-rgb:32,8,83;--c-glow-rgb:23,6,60;--c-namehalo:radial-gradient(ellipse at center,rgba(15,4,40,.82) 0%,rgba(23,6,62,.55) 45%,rgba(23,6,62,0) 72%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/08/dali-hero-bg-navy-v4.webp);--hero-pos:32%;--hero-pos-pc:38%}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「ダリの時計」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">ダリの“溶ける時計”を、<br class="g-sp-br">メガネケースに。</h2>
<div class="g-rule"></div>
<div class="g-lead">ダリの作品を思わせる「溶ける時計」を、イタリア・ミラノ生まれのアートレザーで表現。型押しによる凹凸が時計のフォルムを立体的に浮かび上がらせ、見ても触れても楽しめる本革のメガネケースに仕立てました。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/dali-cut-profile.webp" alt="長い口髭の先を指でひねるサルバドール・ダリのイラスト" width="674" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">サルバドール・<br class="g-sp-br">ダリ</h3>
<div class="ga-hero-en">Salvador Dali</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">夢の中の景色を、<br class="g-sp-only">本物のように描いた。</p>
<p class="ga-bio">サルバドール・ダリは、1904年スペイン生まれの画家。20代で仕上げた《記憶の固執》はニューヨーク近代美術館に収められ、いまも世界でもっともよく知られた絵のひとつです。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">まわりを驚かせつづけた<span class="g-pc-punct">、</span><br class="g-sp-br">ダリの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">ダリは、絵を描くだけの芸術家ではありませんでした。奇抜な言動や型破りな行動で人々を驚かせ、いまなお語り継がれる数々の逸話を残しています。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/dali-story-ep1.webp" alt="コック帽とナポレオンの帽子を思い浮かべるフィゲレスの少年時代のサルバドール・ダリのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">自伝の一行目から、この調子。</h4>
<p>のちに書いた自伝の書き出しで、子どものころの望みを並べています。6歳ではコック、7歳ではナポレオン。しかも、望みはその後も大きくなるばかりだったと書き添えています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/dali-story-ep2.webp" alt="マドリードの美術学校で審査員に向かって言い放つ若き日のサルバドール・ダリのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">審査員は無能だ、と言って追い出された。</h4>
<p>マドリードの美術学校では、詩人のロルカや映画監督のブニュエルと同じ寮で暮らしました。卒業試験の日にこの一言を言い放って、そのまま永久放校になっています。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/dali-story-ep3.webp" alt="潜水服とヘルメット姿で演壇に立つサルバドール・ダリのイラスト&#65372;1936年ロンドンの講演" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">潜水服のまま、壇上に立った。</h4>
<p>ロンドンの展覧会で講演を頼まれたとき、潜水服とヘルメット姿で現れました。手にはビリヤードのキュー、足元には犬が2匹。途中でヘルメットが外れなくなり、窒息しかけています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/dali-story-ep4.webp" alt="花のかたちのロゴを描くサルバドール・ダリのイラスト&#65372;1969年チュッパチャプス" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">あの棒つきキャンディも、この人。</h4>
<p>チュッパチャプスのロゴは、もとの図案をダリが手がけました。花のかたちの中に社名を収めたデザインで、絵のほかにこんな仕事も残しています。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のメガネケースについて</div>

<div
data-embed-url="https://quatrogats.com/?mode=f351"
data-embed-selector=".embed-chunk">
</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"><section class="product-howtousearea"><div class="product-howtousearea-media"><figure class="product-howtousearea-img"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/Z2xhc3Nlc2Nhc2Vfc3BlYw.jpg?cmsp_timestamp=20260311095431" alt="メガネケース「革のメガネケース
」栃木レザーの経年変化を楽しめる サングラスケース 老眼鏡ケース"></figure><figure class="product-howtousearea-img"><img src="https://img07.shop-pro.jp/PA01030/401/etc/magane-teiban_img03.jpg" alt="栃木レザーのメガネケース・サングラスケースの使い方｜日本製ハンドメイドの本革の老眼鏡ケース"></figure></div><div class="product-howtousearea-txt"><h2 class="product-main-midashi">革のメガネケース<br>
Glasses cases</h2>使いやすいゆったりめサイズ<br>
すこし余裕のあるつくりなので、メガネにもサングラスにもお使いいただけます。内側のサイズは縦6.5cm 横15cm。<br>
かさばらないので老眼鏡やサングラスなど、つけたりはずしたりすることが多いメガネをお使いの方にも便利です。<h3 class="product-sub-midashi">収納</h3>メガネ・サングラス<br>
※幅140mmのメガネで丁度入ります。
<h3 class="product-sub-midashi">SPEC</h3>外寸：W160mm/H75mm/D30mm<br>
内寸：W140mm&#12316;145mm/H60mm/D30mm<br>
※幅140mmのメガネで丁度入ります。
<h3 class="product-sub-midashi">素材</h3>表：イタリアンレザー<br>
それ以外：栃木レザー ヌメ革</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=f289"
data-embed-selector=".embed-chunk">
</div>

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

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


</div>

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

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

  <item rdf:about="https://quatrogats.com/?pid=193851953">
    <link>https://quatrogats.com/?pid=193851953</link>
    <title>小さいかばん【5Pocket】「ゴジラ-0.0」｜ミニバッグ・サコッシュ</title>
    <description>

#gzp#gzp{position:relative;width:var(--gz-vw,100vw);max-width:none;margin:0 0 0 calc(50% - var(--gz-vw,100vw)/2);overflow:hidden;background:#000;text-align:left;font-size:16px}
#gzp#gzp p,#gzp#gzp h2,#gzp#gzp h3,#gzp#gzp figure{margin-bottom:0}
#...</description>
<content:encoded><![CDATA[
<div id="gzp">
<style>
#gzp#gzp{position:relative;width:var(--gz-vw,100vw);max-width:none;margin:0 0 0 calc(50% - var(--gz-vw,100vw)/2);overflow:hidden;background:#000;text-align:left;font-size:16px}
#gzp#gzp p,#gzp#gzp h2,#gzp#gzp h3,#gzp#gzp figure{margin-bottom:0}
#gzp#gzp .story a{text-decoration:underline}
#gzp#gzp h1,#gzp#gzp h2{text-align:inherit;border:0;background:none}
#gzp#gzp *{box-sizing:border-box;margin:0;padding:0}
#gzp#gzp{background:#000}
#gzp#gzp{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;color:#111;-webkit-font-smoothing:antialiased;line-height:1.9}
#gzp#gzp img{display:block;max-width:100%;height:auto}
#gzp#gzp .eyebrow{font:600 12px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.38em;padding-left:.38em}
#gzp#gzp .wrap{max-width:860px;margin:0 auto;padding:0 20px}
#gzp#gzp .fade{opacity:0;transform:translateY(18px);transition:opacity 1.1s ease,transform 1.1s ease}
#gzp#gzp .fade.in{opacity:1;transform:none}
@media(max-width:700px){}
#gzp#gzp .intro{position:relative;overflow:hidden;background:#fff;color:#111;padding:110px 0 0}
#gzp#gzp .intro .grid{max-width:1100px;margin:0 auto;padding:0 20px 0 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:end}
#gzp#gzp .intro .txt{padding-bottom:110px;position:relative;z-index:2}
#gzp#gzp .intro .ctag{display:flex;align-items:center;gap:14px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#555;margin-bottom:30px}
#gzp#gzp .intro .ctag::after{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .intro .big{font:900 clamp(60px,9vw,118px)/.88 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
#gzp#gzp .intro .x{font:600 13px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.42em;margin-top:22px}
#gzp#gzp .intro .lead{font-size:20px;font-weight:800;margin:46px 0 16px;letter-spacing:.05em}
#gzp#gzp .intro .sub{color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .intro .sub+.sub{margin-top:1em}
#gzp#gzp .bgpart{position:absolute;z-index:0;opacity:.14;max-width:none;pointer-events:none}
#gzp#gzp .common .bgpart,#gzp#gzp .bag .bgpart,#gzp#gzp .outro .bgpart{right:auto;bottom:auto;height:auto;max-width:none;object-fit:fill;transform:translate(-50%,-50%)}
#gzp#gzp .common .bgpart{left:28.9%;top:57.3%;width:58.5%}
#gzp#gzp .bgpart.bgin{opacity:0;transition:opacity 1.8s ease}
#gzp#gzp .common .bgpart.bgin.in,#gzp#gzp .bag .bgpart.bgin.in{opacity:.14}
#gzp#gzp .w2{max-width:1100px;margin:0 auto;padding:0 40px}
#gzp#gzp .sh{margin-bottom:60px}
#gzp#gzp .sh .ctag{display:flex;align-items:center;gap:14px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#555;margin-bottom:24px}
#gzp#gzp .sh .ctag::after{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .sh .en{font:900 clamp(46px,6vw,78px)/.9 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
#gzp#gzp .sh .jp{font-size:18px;font-weight:800;letter-spacing:.05em;margin-top:22px;line-height:1.5}
#gzp#gzp .sh+.t{margin-top:-28px;color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .dark .sh .ctag,#gzp#gzp .items .sh .ctag{color:#999}
#gzp#gzp .dark .sh .ctag::after,#gzp#gzp .items .sh .ctag::after{background:#fff}
#gzp#gzp .dark .sh+.t{color:#ccc}
#gzp#gzp .ft{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
#gzp#gzp .ft.rev{grid-template-columns:1.25fr 1fr}
#gzp#gzp .ft+.ft{margin-top:110px}
#gzp#gzp .ft.rev .ft-txt{order:2}
#gzp#gzp .ft figure img{width:100%}
#gzp#gzp .ft .num{font:900 72px/.85 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em}
#gzp#gzp .ft .lbl{display:flex;align-items:center;gap:12px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#888;margin-top:0}
#gzp#gzp .ft .lbl::after{content:"";flex:0 0 36px;height:1px;background:currentColor}
#gzp#gzp .ft h3{font-size:20px;font-weight:800;letter-spacing:.05em;margin-top:18px;line-height:1.5}
#gzp#gzp .ft p{font-size:15px;line-height:1.95;margin-top:14px;max-width:430px;color:#333}
#gzp#gzp .dark .ft p{color:#ccc}
#gzp#gzp .ft figure img{margin:0 auto}
@keyframes gz-stomp{0%{opacity:0;transform:translate(-50%,-50%) scale(1.9) translateY(-40%)}70%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes gz-footout{to{opacity:0}}
@keyframes gz-spread{to{clip-path:circle(160% at 50% 360px)}}
@keyframes gz-shake{0%,100%{transform:none}20%{transform:translate(0,6px)}40%{transform:translate(0,-4px)}60%{transform:translate(0,3px)}80%{transform:translate(0,-1px)}}
#gzp#gzp .band{position:relative;overflow:hidden}
#gzp#gzp .band.dark{background:#000;color:#fff}
#gzp#gzp .band.light{background:#fff;color:#111}
#gzp#gzp .band .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:0}
#gzp#gzp .band .veil{position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:1}
#gzp#gzp .band .inner{position:relative;z-index:2;padding:120px 0}
#gzp#gzp .wallet canvas.sky2{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
#gzp#gzp .common .sh{margin-bottom:0}
#gzp#gzp .common .sh+.t{margin-top:32px}
#gzp#gzp .common .t+.t{margin-top:1em;margin-left:auto;margin-right:auto;color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .wal-fig{position:relative;margin:0 auto}
#gzp#gzp .wal-fig svg{position:absolute;inset:0;width:100%;height:100%}
#gzp#gzp .fl{fill:none;stroke:#dff0ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px #7fb6ff) drop-shadow(0 0 16px #3f7dff)}
#gzp#gzp .wal-fig.play .fl0{animation:gz-draw 1.1s ease-out .2s forwards,gz-glow 2.4s ease 1.3s forwards}
#gzp#gzp .wal-fig.play .fl1{animation:gz-draw .9s ease-out .7s forwards,gz-glow 2.4s ease 1.6s forwards}
#gzp#gzp .wal-fig.play .fl2{animation:gz-draw .6s ease-out 1.0s forwards,gz-glow 2.4s ease 1.6s forwards}
@keyframes gz-draw{to{stroke-dashoffset:0}}
@keyframes gz-glow{0%{opacity:1}100%{opacity:.35}}
#gzp#gzp .craftpics{position:relative;margin:0;max-width:760px;aspect-ratio:1100/734;overflow:hidden}
#gzp#gzp .craftpics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
#gzp#gzp .craftpics img.on{opacity:1}
#gzp#gzp .craft .sh+.t{margin-top:-28px}
#gzp#gzp .craft .t+.t{margin-top:1em;margin-left:auto;margin-right:auto;color:#ccc;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .craft .w2>p.t:last-of-type{margin-bottom:44px}
#gzp#gzp .items .sh,#gzp#gzp .common .sh,#gzp#gzp .outro .sh,#gzp#gzp .items .card,#gzp#gzp .common .w2,#gzp#gzp .outro .w2{text-align:center}
#gzp#gzp .items .sh .ctag,#gzp#gzp .common .sh .ctag,#gzp#gzp .outro .sh .ctag,#gzp#gzp .items .card .go{justify-content:center}
#gzp#gzp .items .sh .ctag::before,#gzp#gzp .common .sh .ctag::before,#gzp#gzp .outro .sh .ctag::before{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .common .sh+.t{margin-left:auto;margin-right:auto}
#gzp#gzp .craft .w2{text-align:center}
#gzp#gzp .craft .sh .ctag{justify-content:center}
#gzp#gzp .craft .sh .ctag::before{content:"";flex:0 0 60px;height:1px;background:#fff}
#gzp#gzp .craft .sh+.t{margin-left:auto;margin-right:auto}
#gzp#gzp .craft .craftpics{margin-left:auto;margin-right:auto}
#gzp#gzp .common .w2>p.t,#gzp#gzp .craft .w2>p.t,#gzp#gzp .outro .story{text-align:left}
#gzp#gzp .acc{max-width:640px;margin:0}
#gzp#gzp .acc summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:14px;border:1px solid #111;background:#fff;color:#111;padding:16px 22px 16px 30px;font-size:15px;font-weight:700;letter-spacing:.06em;white-space:nowrap;transition:background .25s,color .25s}
#gzp#gzp .acc summary::-webkit-details-marker{display:none}
#gzp#gzp .acc summary::after{content:"＋";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:14px;transition:background .25s,color .25s}
#gzp#gzp .acc[open] summary::after{content:"\FF0D "}
#gzp#gzp .acc summary:hover{background:#111;color:#fff}
#gzp#gzp .acc summary:hover::after{background:#fff;color:#111}
#gzp#gzp .acc summary:focus-visible{outline:2px solid #111;outline-offset:3px}
#gzp#gzp .story{padding:30px 0 34px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:16px;line-height:2.2}
#gzp#gzp .story .staff{margin-top:26px;font-size:14px}
#gzp#gzp .story .last{margin-top:26px;font-size:20px;font-weight:600}
#gzp#gzp .story a{display:inline-block;margin-top:28px;font-family:"Hiragino Sans",sans-serif;font-size:13px;color:#111}
#gzp#gzp rt{font-size:.5em;letter-spacing:.1em}
#gzp#gzp .credit{margin-top:34px;font-size:12px;color:#555}
@media(max-width:700px){#gzp#gzp .w2{padding:0 20px}
#gzp#gzp .sh{margin-bottom:40px}
#gzp#gzp .sh .ctag{font-size:10px;letter-spacing:.16em;margin-bottom:18px}
#gzp#gzp .sh .ctag::after{flex-basis:30px}
#gzp#gzp .sh .en{font-size:clamp(42px,13vw,58px)}
#gzp#gzp .sh .jp{font-size:16px;margin-top:16px}
#gzp#gzp .sh+.t{margin-top:-16px}
#gzp#gzp .common .sh+.t{margin-top:24px}
#gzp#gzp .ft,#gzp#gzp .ft.rev{grid-template-columns:1fr;gap:28px}
#gzp#gzp .ft+.ft{margin-top:72px}
#gzp#gzp .ft.rev .ft-txt{order:0}
#gzp#gzp .ft .num{font-size:54px}
#gzp#gzp .ft h3{font-size:18px}
#gzp#gzp .band .inner{padding:84px 0}
#gzp#gzp .acc summary{font-size:13px;gap:10px;padding:14px 16px 14px 20px}
#gzp#gzp .acc summary::after{width:22px;height:22px;font-size:12px}
#gzp#gzp .pc{display:none}
#gzp#gzp .items .sh .ctag::before,#gzp#gzp .common .sh .ctag::before,#gzp#gzp .outro .sh .ctag::before,#gzp#gzp .craft .sh .ctag::before{flex-basis:30px}
#gzp#gzp .intro{padding-top:80px}
#gzp#gzp .intro .grid{grid-template-columns:1fr;padding:0 20px;gap:0}
#gzp#gzp .intro .txt{padding-bottom:10px}
#gzp#gzp .intro .ctag{font-size:10px;letter-spacing:.16em;margin-bottom:24px}
#gzp#gzp .intro .ctag::after{flex-basis:30px}
#gzp#gzp .intro .big{font-size:clamp(54px,17vw,76px)}
#gzp#gzp .intro .x{font-size:11px;letter-spacing:.34em;margin-top:16px}
#gzp#gzp .intro .lead{font-size:18px;margin-top:34px}
#gzp#gzp .common .bgpart{left:35.7%;top:53.3%;width:126%}
#gzp#gzp .intro .txt,#gzp#gzp .ft .ft-txt{text-align:center}
#gzp#gzp .intro .ctag,#gzp#gzp .ft .lbl{justify-content:center}
#gzp#gzp .intro .ctag{gap:8px}
#gzp#gzp .intro .ctag::before,#gzp#gzp .intro .ctag::after{content:"";flex:0 0 16px;height:1px;background:#111}
#gzp#gzp .ft .lbl::before{content:"";flex:0 0 36px;height:1px;background:currentColor}
#gzp#gzp .intro .sub,#gzp#gzp .ft p{margin-left:auto;margin-right:auto;text-align:left}
#gzp#gzp .intro .sub,#gzp#gzp .ft p,#gzp#gzp .common .w2>p.t,#gzp#gzp .craft .w2>p.t{text-align:justify;text-justify:inter-character}}
@media(prefers-reduced-motion:reduce){#gzp#gzp .fade{opacity:1;transform:none;transition:none}
#gzp#gzp .fl{stroke-dashoffset:0;animation:none!important}}
#gzp#gzp .hero{background:#000;padding:40px 20px 46px}
#gzp#gzp .hero img{width:100%;max-width:1100px;height:auto;margin:0 auto}
#gzp#gzp .intro .wph{margin:0 0 110px}
#gzp#gzp .intro .wph img{width:100%}
#gzp#gzp .more{position:relative;background:#fff}
#gzp#gzp .more-in{position:relative}
#gzp#gzp .more-btnwrap{position:relative;z-index:6;text-align:center;background:#fff;padding:26px 0 34px}
#gzp#gzp .more-btn{display:none}
#gzp#gzp .more.js .more-btn{position:relative;display:inline-flex;align-items:center;gap:12px;margin:0 auto;cursor:pointer;background:#111;color:#fff;border:0;border-radius:30px;padding:14px 36px;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1;font-family:inherit}
#gzp#gzp .more.js.open .more-btn::after{content:"\FF0D ";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#111;font-size:12px}
#gzp#gzp .more.js:not(.open) .more-btn{animation:gzb-quake 3.2s linear infinite}
#gzp#gzp .more.js:not(.open) .more-btn::after{content:"";display:inline-block;width:62px;height:69px;margin:-45px -16px -10px 0;background:url(https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-btn-godzilla-o.png) center bottom/contain no-repeat;transform-origin:50% 100%;animation:gzb-stomp 3.2s ease-in-out infinite;pointer-events:none}
#gzp#gzp .more.js.hit .more-btn{animation:gzb-bigquake .5s linear 1}
#gzp#gzp .more.js.hit .more-btn::after{animation:gzb-bigstomp .5s ease-in-out 1}
@keyframes gzb-stomp{0%,55%{transform:none}63%{transform:translateY(-5px) rotate(-4deg)}70%{transform:scale(1.05,.9)}76%{transform:scale(.98,1.03)}82%,100%{transform:none}}
@keyframes gzb-quake{0%,69%{transform:none}71%{transform:translate(-2px,1px)}73%{transform:translate(2px,-1px)}75%{transform:translate(-1px,1px)}77%{transform:translate(1px,0)}79%,100%{transform:none}}
@keyframes gzb-bigstomp{0%{transform:none}45%{transform:translateY(-12px) rotate(-6deg)}70%{transform:scale(1.08,.86)}100%{transform:none}}
@keyframes gzb-bigquake{0%,68%{transform:none}72%{transform:translate(-4px,2px)}78%{transform:translate(4px,-2px)}84%{transform:translate(-3px,1px)}90%{transform:translate(2px,0)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){#gzp#gzp .more.js .more-btn,#gzp#gzp .more.js .more-btn::after{animation:none!important}}
#gzp#gzp .more.js:not(.open) .more-in{max-height:550px;overflow:hidden}
#gzp#gzp .more.js:not(.open) .more-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.92) 82%,#fff 100%)}
#gzp#gzp .intro{background:#000;color:#fff}
#gzp#gzp .intro .ctag{color:#999}
#gzp#gzp .intro .ctag::before,#gzp#gzp .intro .ctag::after{background:#fff}
#gzp#gzp .intro .sub{color:#ccc}
#gzp#gzp .intro .gzface{position:absolute;right:auto;left:67%;top:30.9%;transform:translate(-50%,-50%);width:78%;max-width:none;height:auto;filter:invert(1);opacity:.38;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 98%);mask-image:linear-gradient(to bottom,#000 65%,transparent 98%)}
#gzp#gzp .intro .grid{position:relative;z-index:1}
#gzp#gzp .craft .sh .ctag::before{background:#111}
#gzp#gzp .craft .t+.t{color:#333}
#gzp#gzp .craft .bgpart{right:auto;bottom:auto;height:auto;left:57.1%;top:50%;width:85.8%;transform:translate(-50%,-50%) scaleX(-1)}
#gzp#gzp .craft .bgpart.bgin.in{opacity:.14}
#gzp#gzp .swap{position:relative;overflow:hidden}
#gzp#gzp .swap img{width:100%}
#gzp#gzp .swap img+img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
#gzp#gzp .swap.alt img+img{opacity:1}
@media(prefers-reduced-motion:reduce){#gzp#gzp .swap img+img{transition:none}}
#gzp#gzp .common .dimg{max-width:760px;margin:44px auto 0}
#gzp#gzp .common .dimg img{width:100%}
#gzp#gzp .common .bgpart{left:39.8%;width:108.5%}
@media(min-width:701px){#gzp#gzp .common .bgpart{top:auto;bottom:0;transform:translate(-50%,3.2%)}
#gzp#gzp .intro .grid{grid-template-columns:1fr;padding:0 40px;gap:0}
#gzp#gzp .intro .txt{text-align:center;padding-bottom:0}
#gzp#gzp .intro .ctag{justify-content:center}
#gzp#gzp .intro .ctag::before{content:"";flex:0 0 60px;height:1px;background:#fff}
#gzp#gzp .intro .sub{margin-left:auto;margin-right:auto;text-align:justify;text-justify:inter-character}
#gzp#gzp .intro .wph{width:100%;max-width:640px;margin:56px auto 110px}}
@media(max-width:700px){#gzp#gzp .hero{padding:24px 0 30px}
#gzp#gzp .intro .wph{margin:30px 0 60px}
#gzp#gzp .intro .gzface{left:77.5%;top:26.2%;width:135%}
#gzp#gzp .craft .bgpart{left:1.3%;top:39.1%;width:200%}
#gzp#gzp .common .dimg{margin-top:30px}
#gzp#gzp .common .bgpart{left:6%;top:auto;bottom:0;width:200%;transform:translate(-50%,3.3%)}}
@media(min-width:701px){#gzp#gzp .intro .wph{max-width:760px}}
#gzp#gzp .wallet figure img{aspect-ratio:1100/733;height:auto;object-fit:cover}
</style>
<section class="hero"><picture><source media="(max-width:700px)" srcset="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-sp.jpg" width="1080" height="1350"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-pc.jpg" width="1024" height="768" alt="映画『ゴジラ-0.0』とクアトロガッツのコラボ 小さいかばん"></picture></section>
<section class="intro"><img class="gzface" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-kao.png" alt=""><div class="grid">
 <div class="txt fade">
  <p class="ctag">GODZILLA MINUS ZERO COLLABORATION</p>
  <p class="big">GODZILLA<br>-0.0</p>
  <p class="x">QUATROGATS</p>
  <h2 class="lead">ゴジラが、小さいかばんに。</h2>
  <p class="sub">2026年11月3日(火・祝)、映画『ゴジラ-0.0』公開。</p>
  <p class="sub">『ゴジラ-1.0』のその先を描く最新作の公開にあわせて、クアトロガッツからゴジラとのコラボレーションアイテムが登場です。</p>
 </div>
 <figure class="wph"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-card-bag.jpg" width="1100" height="733" alt="小さいかばん【5Pocket】ゴジラ-0.0 肩にかけたところ"></figure>
</div></section>
<div class="more"><div class="more-in">
<section class="band light common">
 <img class="bgpart" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-sebire.png" alt="">
 <div class="inner"><div class="w2 fade">
  <div class="sh"><p class="ctag">LINE ART</p><p class="en">DESIGN</p><h2 class="jp">栃木レザーにゴジラをデザイン</h2></div>
  <p class="t">ゴツゴツとした皮膚、大きく連なる背びれ、力強いシルエット。ゴジラの姿を、黒の栃木レザーと白のコントラストで大胆に表現。</p>
  <figure class="dimg"><div class="swap"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-bag-intro.jpg" width="1100" height="733" alt="栃木レザーにゴジラをデザインした小さいかばん【5Pocket】と小さいふ ゴジラ-0.0"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYmFzaWMuYmxhY2s.jpg" width="1100" height="733" alt="広げた黒の栃木レザー"></div></figure>
 </div></div>
</section>
<section class="band dark wallet">
 <canvas class="sky2" aria-hidden="true"></canvas>
 <div class="inner"><div class="w2">
  <div class="ft fade">
   <div class="ft-txt">
    <p class="lbl">BAG &#8212; FRONT</p>
    <h3>表には、ゴジラの横顔。</h3>
    <p>表には、稲妻の中で吠えるゴジラ。必要なものだけ入れて、身軽に映画館へ。スクリーンの外でも、ゴジラと一緒です。</p>
   </div>
   <figure><div class="wal-fig"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-bag-front.jpg" width="1100" height="825" alt="小さいかばん（表）ゴジラの横顔">
    <svg viewBox="0 0 1200 800" preserveAspectRatio="none" aria-hidden="true"></svg></div></figure>
  </div>
  <div class="ft rev fade">
   <div class="ft-txt">
    <p class="lbl">BAG &#8212; BACK</p>
    <h3>裏には、大きく巻いた尻尾。</h3>
    <p>裏面いっぱいに、ぐるりと巻いたゴジラの尻尾と「GODZILLA MINUS ZERO」の文字。</p>
   </div>
   <figure><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-bag-back.jpg" width="1100" height="825" alt="小さいかばん（裏）大きく巻いたゴジラの尻尾"></figure>
  </div>
 </div></div>
</section>
<section class="band light craft"><img class="bgpart" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-shipo.png" alt=""><div class="inner"><div class="w2 fade">
 <div class="sh"><p class="ctag">LEATHER</p><p class="en">CRAFT</p><h2 class="jp">大阪の工房で、ひとつずつ。</h2></div>
 <p class="t">ゴジラのコラボアイテムには、栃木レザーを使っています。植物タンニンで時間をかけて鞣された本革は、丈夫でしなやか。使うほどに艶を増し、少しずつ自分だけの表情に育っていきます。</p>
 <p class="t">つくっているのは、小さなお財布を20年つくり続けてきた、小さいふクアトロガッツの職人です。大阪の工房で、ひとつずつ手作業で仕上げています。</p>
 <p class="t">毎日肩にかけて、育っていく革の風合いをお楽しみください。</p>
 <div class="craftpics"><img class="on" src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YWJvdXQucXVhdHJvZ2F0cy5zdGFmZg.png" width="1100" height="734" alt="クアトロガッツの大阪の工房と職人たち"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" width="1100" height="734" alt="栃木レザーができるまで"></div>
 <p class="credit">TM &amp; &copy; TOHO</p>
</div></div></section>
</div><div class="more-btnwrap"><button class="more-btn" type="button">もっと見る</button></div></div>
<script>
(function(){var R=document.getElementById('gzp');if(!R)return;function vw(){R.style.setProperty('--gz-vw',document.documentElement.clientWidth+'px');R.style.marginLeft='0px';R.style.marginLeft=(-R.getBoundingClientRect().left)+'px';}vw();addEventListener('resize',vw);addEventListener('load',vw);

var dpr=Math.min(window.devicePixelRatio||1,2);
var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
function bolt(x1,y1,x2,y2,rough,depth,out,width){
  var segs=[[x1,y1,x2,y2]];
  for(var d=0;d<depth;d++){var n=[];
    for(var i=0;i<segs.length;i++){var s=segs[i],mx=(s[0]+s[2])/2,my=(s[1]+s[3])/2,dx=s[2]-s[0],dy=s[3]-s[1],len=Math.hypot(dx,dy);
      var off=(Math.random()-.5)*rough*len;mx+=-dy/len*off;my+=dx/len*off;n.push([s[0],s[1],mx,my],[mx,my,s[2],s[3]]);
      if(depth-d>2&&Math.random()<.16&&width>.6){var ang=Math.atan2(dy,dx)+(Math.random()<.5?-1:1)*(.35+Math.random()*.5),bl=len*(.6+Math.random()*.9);
        bolt(mx,my,mx+Math.cos(ang)*bl,my+Math.sin(ang)*bl,rough,Math.max(3,depth-d-1),out,width*.45);}}
    segs=n;}
  out.push({segs:segs,width:width});return out;}
function env(t,p){if(t<0)return 0;for(var i=0;i<p.length;i++){if(t>=p[i][0]&&t<p[i][1])return p[i][2];}
  var l=p[p.length-1];if(t>=l[1])return Math.max(0,.55*Math.exp(-(t-l[1])/.28));return .08;}

var wb=R.querySelector('.wallet'),cv2=wb.querySelector('canvas.sky2'),c2=cv2.getContext('2d'),w2=0,h2=0,on2=false,tm2,raf2;
function size2(){w2=cv2.clientWidth;h2=cv2.clientHeight;cv2.width=w2*dpr;cv2.height=h2*dpr;c2.setTransform(dpr,0,0,dpr,0,0);}
function draw2(st,a){c2.lineCap='round';c2.lineJoin='round';
  for(var p=0;p<3;p++){for(var k=0;k<st.length;k++){var b=st[k];c2.beginPath();
    for(var i=0;i<b.segs.length;i++){var s=b.segs[i];if(i===0)c2.moveTo(s[0],s[1]);c2.lineTo(s[2],s[3]);}
    if(p===0){c2.strokeStyle='rgba(60,110,255,'+(.18*a)+')';c2.lineWidth=b.width*8;c2.shadowBlur=30;c2.shadowColor='rgba(70,120,255,'+a+')';}
    else if(p===1){c2.strokeStyle='rgba(150,190,255,'+(.45*a)+')';c2.lineWidth=b.width*2.5;c2.shadowBlur=10;c2.shadowColor='rgba(140,180,255,'+a+')';}
    else{c2.strokeStyle='rgba(255,255,255,'+a+')';c2.lineWidth=Math.max(.5,b.width);c2.shadowBlur=0;}
    c2.stroke();}}c2.shadowBlur=0;}

var bag2=[],last2=-1;
function lane2(){if(!bag2.length){bag2=[0,1,2,3,4];for(var i=4;i>0;i--){var j=Math.floor(Math.random()*(i+1)),t=bag2[i];bag2[i]=bag2[j];bag2[j]=t;}
    if(bag2[0]===last2)bag2.push(bag2.shift());}
  last2=bag2.shift();return last2;}
function strike2(){if(!on2)return;size2();
  var x0=.1+lane2()*.2+(Math.random()-.5)*.12;
  var st=bolt(x0*w2,-10,(x0+(Math.random()-.5)*.14)*w2,(.7+Math.random()*.3)*h2,.55,8,[],1.9);
  var P=[[0,.05,1],[.09,.13,.35],[.17,.25,.8]],s0=performance.now();
  function f(now){var t=(now-s0)/1000,a=env(t,P)*.45;c2.clearRect(0,0,w2,h2);
    if(a>.003){var g=c2.createRadialGradient(x0*w2,-h2*.05,0,x0*w2,-h2*.05,Math.max(w2,h2)*.6);
      g.addColorStop(0,'rgba(90,140,255,'+(.35*a)+')');g.addColorStop(1,'rgba(0,10,40,0)');c2.fillStyle=g;c2.fillRect(0,0,w2,h2);
      draw2(st,Math.min(1,a*1.2));}
    if(t<1.4)raf2=requestAnimationFrame(f);else c2.clearRect(0,0,w2,h2);}
  raf2=requestAnimationFrame(f);tm2=setTimeout(strike2,2600+Math.random()*2600);}
if(!reduce){new IntersectionObserver(function(es){es.forEach(function(e){
  if(e.isIntersecting&&!on2){on2=true;tm2=setTimeout(strike2,600);}
  else if(!e.isIntersecting&&on2){on2=false;clearTimeout(tm2);cancelAnimationFrame(raf2);c2.clearRect(0,0,w2,h2);}});},{threshold:.15}).observe(wb);}


if(!reduce){var bio=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
    e.target.classList.add('in');bio.unobserve(e.target);}});},{threshold:.2});
  R.querySelectorAll('.bgpart').forEach(function(el){el.classList.add('bgin');bio.observe(el);});}


var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
  var el=e.target;if(el.classList.contains('fade'))el.classList.add('in');else el.classList.add('play');io.unobserve(el);}});},
  {threshold:.35});
R.querySelectorAll('.fade,.dosin,.wal-fig').forEach(function(el){io.observe(el);});


(function(){
  var f=R.querySelector('.craftpics');if(!f)return;
  var ps=f.querySelectorAll('img'),k=0;
  if(reduce||ps.length<2||!('IntersectionObserver' in window))return;
  ps[0].classList.remove('on');
  var cio=new IntersectionObserver(function(es){es.forEach(function(e){if(!e.isIntersecting)return;
    cio.disconnect();ps[0].classList.add('on');
    setInterval(function(){ps[k].classList.remove('on');k=(k+1)%ps.length;ps[k].classList.add('on');},3000);});},{threshold:.5});
  cio.observe(f);
})();



(function(){
  var o=R.querySelector('.outro'),b=o&&o.querySelector('.bgpart'),a=o&&o.querySelector('.acc');
  if(!b||!a)return;
  function fix(){if(a.open)return;b.style.top='';b.style.top=getComputedStyle(b).top;}
  fix();addEventListener('load',fix);addEventListener('resize',fix);
})();
var M=R.querySelector('.more');if(M){var MB=M.querySelector('.more-btn');M.classList.add('js');var still=matchMedia('(prefers-reduced-motion: reduce)').matches;function tg(){M.classList.remove('hit');var o=M.classList.toggle('open');MB.textContent=o?'閉じる':'もっと見る';}MB.addEventListener('click',function(){if(M.classList.contains('hit'))return;if(M.classList.contains('open')||still){tg();return;}M.classList.add('hit');setTimeout(tg,500);});}
var SW=R.querySelectorAll('.swap');if(SW.length){var swt=0;function sw(){swt=0;for(var i=0;i<SW.length;i++){var r=SW[i].getBoundingClientRect();SW[i].classList.toggle('alt',r.top+r.height/2<innerHeight/2);}}addEventListener('scroll',function(){if(!swt)swt=requestAnimationFrame(sw);},{passive:true});sw();}
})();
</script>
</div>

<br style="clear:both;">

<div class="product-accordion">

<div
data-embed-url="https://quatrogats.com/?mode=f344"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f369"
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=f392"
data-embed-selector=".embed-chunk">
</div>

<div
data-embed-url="https://quatrogats.com/?mode=f419"
data-embed-selector=".embed-chunk">
</div>

</div>

<div id="gzp-series" style="display:none;">
<div class="embed-chunk"><div class="product-accordion-panel clearfix">

<center>
<div class="product-contents-img product-grouplink-img"><a href="https://quatrogats.com/?mode=grp&gid=3214648"><picture><source media="(max-width:700px)" srcset="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-sp.jpg"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-pc.jpg" alt="ゴジラ-0.0（ゴジラマイナスゼロ）と小さいかばんのコラボ。栃木レザーのミニバッグ・サコッシュ"></picture></a></div>

<div class="product-txtarea product-grouplink-txtarea"><br>
<h2 class="product-main-midashi">ゴジラ-0.0×クアトロガッツ</h2>

<div class="kadomaru-button" style="line-height: 40px;"><a href="https://quatrogats.com/?mode=grp&gid=3214648">ゴジラ-0.0｜シリーズを見る</a></div>

</div>
</center>

</div></div>
</div>
<script>
document.addEventListener('DOMContentLoaded',function(){var c=document.getElementById('gzp-series');if(!c)return;var s=document.querySelector('.product-freepage-area');if(s)s.appendChild(c);c.style.display='';});
</script>

<p class="js-api-group-list"
data-gid="3214648"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="3171389"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193729207">
    <link>https://quatrogats.com/?pid=193729207</link>
    <title>コンチャ「ゴジラ-0.0」｜ミニ財布・小さい財布</title>
    <description>

#gzp#gzp{position:relative;width:var(--gz-vw,100vw);max-width:none;margin:0 0 0 calc(50% - var(--gz-vw,100vw)/2);overflow:hidden;background:#000;text-align:left;font-size:16px}
#gzp#gzp p,#gzp#gzp h2,#gzp#gzp h3,#gzp#gzp figure{margin-bottom:0}
#...</description>
<content:encoded><![CDATA[
<div id="gzp">
<style>
#gzp#gzp{position:relative;width:var(--gz-vw,100vw);max-width:none;margin:0 0 0 calc(50% - var(--gz-vw,100vw)/2);overflow:hidden;background:#000;text-align:left;font-size:16px}
#gzp#gzp p,#gzp#gzp h2,#gzp#gzp h3,#gzp#gzp figure{margin-bottom:0}
#gzp#gzp .story a{text-decoration:underline}
#gzp#gzp h1,#gzp#gzp h2{text-align:inherit;border:0;background:none}
#gzp#gzp *{box-sizing:border-box;margin:0;padding:0}
#gzp#gzp{background:#000}
#gzp#gzp{font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN",sans-serif;color:#111;-webkit-font-smoothing:antialiased;line-height:1.9}
#gzp#gzp img{display:block;max-width:100%;height:auto}
#gzp#gzp .eyebrow{font:600 12px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.38em;padding-left:.38em}
#gzp#gzp .wrap{max-width:860px;margin:0 auto;padding:0 20px}
#gzp#gzp .fade{opacity:0;transform:translateY(18px);transition:opacity 1.1s ease,transform 1.1s ease}
#gzp#gzp .fade.in{opacity:1;transform:none}
@media(max-width:700px){}
#gzp#gzp .intro{position:relative;overflow:hidden;background:#fff;color:#111;padding:110px 0 0}
#gzp#gzp .intro .grid{max-width:1100px;margin:0 auto;padding:0 20px 0 40px;display:grid;grid-template-columns:1.05fr .95fr;gap:20px;align-items:end}
#gzp#gzp .intro .txt{padding-bottom:110px;position:relative;z-index:2}
#gzp#gzp .intro .ctag{display:flex;align-items:center;gap:14px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#555;margin-bottom:30px}
#gzp#gzp .intro .ctag::after{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .intro .big{font:900 clamp(60px,9vw,118px)/.88 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
#gzp#gzp .intro .x{font:600 13px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.42em;margin-top:22px}
#gzp#gzp .intro .lead{font-size:20px;font-weight:800;margin:46px 0 16px;letter-spacing:.05em}
#gzp#gzp .intro .sub{color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .intro .sub+.sub{margin-top:1em}
#gzp#gzp .bgpart{position:absolute;z-index:0;opacity:.14;max-width:none;pointer-events:none}
#gzp#gzp .common .bgpart,#gzp#gzp .bag .bgpart,#gzp#gzp .outro .bgpart{right:auto;bottom:auto;height:auto;max-width:none;object-fit:fill;transform:translate(-50%,-50%)}
#gzp#gzp .common .bgpart{left:28.9%;top:57.3%;width:58.5%}
#gzp#gzp .bgpart.bgin{opacity:0;transition:opacity 1.8s ease}
#gzp#gzp .common .bgpart.bgin.in,#gzp#gzp .bag .bgpart.bgin.in{opacity:.14}
#gzp#gzp .w2{max-width:1100px;margin:0 auto;padding:0 40px}
#gzp#gzp .sh{margin-bottom:60px}
#gzp#gzp .sh .ctag{display:flex;align-items:center;gap:14px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#555;margin-bottom:24px}
#gzp#gzp .sh .ctag::after{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .sh .en{font:900 clamp(46px,6vw,78px)/.9 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.035em}
#gzp#gzp .sh .jp{font-size:18px;font-weight:800;letter-spacing:.05em;margin-top:22px;line-height:1.5}
#gzp#gzp .sh+.t{margin-top:-28px;color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .dark .sh .ctag,#gzp#gzp .items .sh .ctag{color:#999}
#gzp#gzp .dark .sh .ctag::after,#gzp#gzp .items .sh .ctag::after{background:#fff}
#gzp#gzp .dark .sh+.t{color:#ccc}
#gzp#gzp .ft{display:grid;grid-template-columns:1fr 1.25fr;gap:64px;align-items:center}
#gzp#gzp .ft.rev{grid-template-columns:1.25fr 1fr}
#gzp#gzp .ft+.ft{margin-top:110px}
#gzp#gzp .ft.rev .ft-txt{order:2}
#gzp#gzp .ft figure img{width:100%}
#gzp#gzp .ft .num{font:900 72px/.85 "Helvetica Neue",Arial,sans-serif;letter-spacing:-.04em}
#gzp#gzp .ft .lbl{display:flex;align-items:center;gap:12px;font:600 11px/1 "Helvetica Neue",Arial,sans-serif;letter-spacing:.26em;color:#888;margin-top:0}
#gzp#gzp .ft .lbl::after{content:"";flex:0 0 36px;height:1px;background:currentColor}
#gzp#gzp .ft h3{font-size:20px;font-weight:800;letter-spacing:.05em;margin-top:18px;line-height:1.5}
#gzp#gzp .ft p{font-size:15px;line-height:1.95;margin-top:14px;max-width:430px;color:#333}
#gzp#gzp .dark .ft p{color:#ccc}
#gzp#gzp .ft figure img{margin:0 auto}
@keyframes gz-stomp{0%{opacity:0;transform:translate(-50%,-50%) scale(1.9) translateY(-40%)}70%{opacity:1}100%{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes gz-footout{to{opacity:0}}
@keyframes gz-spread{to{clip-path:circle(160% at 50% 360px)}}
@keyframes gz-shake{0%,100%{transform:none}20%{transform:translate(0,6px)}40%{transform:translate(0,-4px)}60%{transform:translate(0,3px)}80%{transform:translate(0,-1px)}}
#gzp#gzp .band{position:relative;overflow:hidden}
#gzp#gzp .band.dark{background:#000;color:#fff}
#gzp#gzp .band.light{background:#fff;color:#111}
#gzp#gzp .band .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none;z-index:0}
#gzp#gzp .band .veil{position:absolute;inset:0;background:rgba(0,0,0,.72);z-index:1}
#gzp#gzp .band .inner{position:relative;z-index:2;padding:120px 0}
#gzp#gzp .wallet canvas.sky2{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;mix-blend-mode:screen}
#gzp#gzp .common .sh{margin-bottom:0}
#gzp#gzp .common .sh+.t{margin-top:32px}
#gzp#gzp .common .t+.t{margin-top:1em;margin-left:auto;margin-right:auto;color:#333;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .wal-fig{position:relative;margin:0 auto}
#gzp#gzp .wal-fig svg{position:absolute;inset:0;width:100%;height:100%}
#gzp#gzp .fl{fill:none;stroke:#dff0ff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px #7fb6ff) drop-shadow(0 0 16px #3f7dff)}
#gzp#gzp .wal-fig.play .fl0{animation:gz-draw 1.1s ease-out .2s forwards,gz-glow 2.4s ease 1.3s forwards}
#gzp#gzp .wal-fig.play .fl1{animation:gz-draw .9s ease-out .7s forwards,gz-glow 2.4s ease 1.6s forwards}
#gzp#gzp .wal-fig.play .fl2{animation:gz-draw .6s ease-out 1.0s forwards,gz-glow 2.4s ease 1.6s forwards}
@keyframes gz-draw{to{stroke-dashoffset:0}}
@keyframes gz-glow{0%{opacity:1}100%{opacity:.35}}
#gzp#gzp .craftpics{position:relative;margin:0;max-width:760px;aspect-ratio:1100/734;overflow:hidden}
#gzp#gzp .craftpics img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
#gzp#gzp .craftpics img.on{opacity:1}
#gzp#gzp .craft .sh+.t{margin-top:-28px}
#gzp#gzp .craft .t+.t{margin-top:1em;margin-left:auto;margin-right:auto;color:#ccc;line-height:1.95;max-width:430px;font-size:15px}
#gzp#gzp .craft .w2>p.t:last-of-type{margin-bottom:44px}
#gzp#gzp .items .sh,#gzp#gzp .common .sh,#gzp#gzp .outro .sh,#gzp#gzp .items .card,#gzp#gzp .common .w2,#gzp#gzp .outro .w2{text-align:center}
#gzp#gzp .items .sh .ctag,#gzp#gzp .common .sh .ctag,#gzp#gzp .outro .sh .ctag,#gzp#gzp .items .card .go{justify-content:center}
#gzp#gzp .items .sh .ctag::before,#gzp#gzp .common .sh .ctag::before,#gzp#gzp .outro .sh .ctag::before{content:"";flex:0 0 60px;height:1px;background:#111}
#gzp#gzp .common .sh+.t{margin-left:auto;margin-right:auto}
#gzp#gzp .craft .w2{text-align:center}
#gzp#gzp .craft .sh .ctag{justify-content:center}
#gzp#gzp .craft .sh .ctag::before{content:"";flex:0 0 60px;height:1px;background:#fff}
#gzp#gzp .craft .sh+.t{margin-left:auto;margin-right:auto}
#gzp#gzp .craft .craftpics{margin-left:auto;margin-right:auto}
#gzp#gzp .common .w2>p.t,#gzp#gzp .craft .w2>p.t,#gzp#gzp .outro .story{text-align:left}
#gzp#gzp .acc{max-width:640px;margin:0}
#gzp#gzp .acc summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:14px;border:1px solid #111;background:#fff;color:#111;padding:16px 22px 16px 30px;font-size:15px;font-weight:700;letter-spacing:.06em;white-space:nowrap;transition:background .25s,color .25s}
#gzp#gzp .acc summary::-webkit-details-marker{display:none}
#gzp#gzp .acc summary::after{content:"＋";display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#111;color:#fff;font-size:14px;transition:background .25s,color .25s}
#gzp#gzp .acc[open] summary::after{content:"\FF0D "}
#gzp#gzp .acc summary:hover{background:#111;color:#fff}
#gzp#gzp .acc summary:hover::after{background:#fff;color:#111}
#gzp#gzp .acc summary:focus-visible{outline:2px solid #111;outline-offset:3px}
#gzp#gzp .story{padding:30px 0 34px;font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:16px;line-height:2.2}
#gzp#gzp .story .staff{margin-top:26px;font-size:14px}
#gzp#gzp .story .last{margin-top:26px;font-size:20px;font-weight:600}
#gzp#gzp .story a{display:inline-block;margin-top:28px;font-family:"Hiragino Sans",sans-serif;font-size:13px;color:#111}
#gzp#gzp rt{font-size:.5em;letter-spacing:.1em}
#gzp#gzp .credit{margin-top:34px;font-size:12px;color:#555}
@media(max-width:700px){#gzp#gzp .w2{padding:0 20px}
#gzp#gzp .sh{margin-bottom:40px}
#gzp#gzp .sh .ctag{font-size:10px;letter-spacing:.16em;margin-bottom:18px}
#gzp#gzp .sh .ctag::after{flex-basis:30px}
#gzp#gzp .sh .en{font-size:clamp(42px,13vw,58px)}
#gzp#gzp .sh .jp{font-size:16px;margin-top:16px}
#gzp#gzp .sh+.t{margin-top:-16px}
#gzp#gzp .common .sh+.t{margin-top:24px}
#gzp#gzp .ft,#gzp#gzp .ft.rev{grid-template-columns:1fr;gap:28px}
#gzp#gzp .ft+.ft{margin-top:72px}
#gzp#gzp .ft.rev .ft-txt{order:0}
#gzp#gzp .ft .num{font-size:54px}
#gzp#gzp .ft h3{font-size:18px}
#gzp#gzp .band .inner{padding:84px 0}
#gzp#gzp .acc summary{font-size:13px;gap:10px;padding:14px 16px 14px 20px}
#gzp#gzp .acc summary::after{width:22px;height:22px;font-size:12px}
#gzp#gzp .pc{display:none}
#gzp#gzp .items .sh .ctag::before,#gzp#gzp .common .sh .ctag::before,#gzp#gzp .outro .sh .ctag::before,#gzp#gzp .craft .sh .ctag::before{flex-basis:30px}
#gzp#gzp .intro{padding-top:80px}
#gzp#gzp .intro .grid{grid-template-columns:1fr;padding:0 20px;gap:0}
#gzp#gzp .intro .txt{padding-bottom:10px}
#gzp#gzp .intro .ctag{font-size:10px;letter-spacing:.16em;margin-bottom:24px}
#gzp#gzp .intro .ctag::after{flex-basis:30px}
#gzp#gzp .intro .big{font-size:clamp(54px,17vw,76px)}
#gzp#gzp .intro .x{font-size:11px;letter-spacing:.34em;margin-top:16px}
#gzp#gzp .intro .lead{font-size:18px;margin-top:34px}
#gzp#gzp .common .bgpart{left:35.7%;top:53.3%;width:126%}
#gzp#gzp .intro .txt,#gzp#gzp .ft .ft-txt{text-align:center}
#gzp#gzp .intro .ctag,#gzp#gzp .ft .lbl{justify-content:center}
#gzp#gzp .intro .ctag{gap:8px}
#gzp#gzp .intro .ctag::before,#gzp#gzp .intro .ctag::after{content:"";flex:0 0 16px;height:1px;background:#111}
#gzp#gzp .ft .lbl::before{content:"";flex:0 0 36px;height:1px;background:currentColor}
#gzp#gzp .intro .sub,#gzp#gzp .ft p{margin-left:auto;margin-right:auto;text-align:left}
#gzp#gzp .intro .sub,#gzp#gzp .ft p,#gzp#gzp .common .w2>p.t,#gzp#gzp .craft .w2>p.t{text-align:justify;text-justify:inter-character}}
@media(prefers-reduced-motion:reduce){#gzp#gzp .fade{opacity:1;transform:none;transition:none}
#gzp#gzp .fl{stroke-dashoffset:0;animation:none!important}}
#gzp#gzp .hero{background:#000;padding:40px 20px 46px}
#gzp#gzp .hero img{width:100%;max-width:1100px;height:auto;margin:0 auto}
#gzp#gzp .intro .wph{margin:0 0 110px}
#gzp#gzp .intro .wph img{width:100%}
#gzp#gzp .more{position:relative;background:#fff}
#gzp#gzp .more-in{position:relative}
#gzp#gzp .more-btnwrap{position:relative;z-index:6;text-align:center;background:#fff;padding:26px 0 34px}
#gzp#gzp .more-btn{display:none}
#gzp#gzp .more.js .more-btn{position:relative;display:inline-flex;align-items:center;gap:12px;margin:0 auto;cursor:pointer;background:#111;color:#fff;border:0;border-radius:30px;padding:14px 36px;font-size:14px;font-weight:700;letter-spacing:.08em;line-height:1;font-family:inherit}
#gzp#gzp .more.js.open .more-btn::after{content:"\FF0D ";display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#fff;color:#111;font-size:12px}
#gzp#gzp .more.js:not(.open) .more-btn{animation:gzb-quake 3.2s linear infinite}
#gzp#gzp .more.js:not(.open) .more-btn::after{content:"";display:inline-block;width:62px;height:69px;margin:-45px -16px -10px 0;background:url(https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-btn-godzilla-o.png) center bottom/contain no-repeat;transform-origin:50% 100%;animation:gzb-stomp 3.2s ease-in-out infinite;pointer-events:none}
#gzp#gzp .more.js.hit .more-btn{animation:gzb-bigquake .5s linear 1}
#gzp#gzp .more.js.hit .more-btn::after{animation:gzb-bigstomp .5s ease-in-out 1}
@keyframes gzb-stomp{0%,55%{transform:none}63%{transform:translateY(-5px) rotate(-4deg)}70%{transform:scale(1.05,.9)}76%{transform:scale(.98,1.03)}82%,100%{transform:none}}
@keyframes gzb-quake{0%,69%{transform:none}71%{transform:translate(-2px,1px)}73%{transform:translate(2px,-1px)}75%{transform:translate(-1px,1px)}77%{transform:translate(1px,0)}79%,100%{transform:none}}
@keyframes gzb-bigstomp{0%{transform:none}45%{transform:translateY(-12px) rotate(-6deg)}70%{transform:scale(1.08,.86)}100%{transform:none}}
@keyframes gzb-bigquake{0%,68%{transform:none}72%{transform:translate(-4px,2px)}78%{transform:translate(4px,-2px)}84%{transform:translate(-3px,1px)}90%{transform:translate(2px,0)}100%{transform:none}}
@media(prefers-reduced-motion:reduce){#gzp#gzp .more.js .more-btn,#gzp#gzp .more.js .more-btn::after{animation:none!important}}
#gzp#gzp .more.js:not(.open) .more-in{max-height:550px;overflow:hidden}
#gzp#gzp .more.js:not(.open) .more-in::after{content:"";position:absolute;left:0;right:0;bottom:0;height:150px;z-index:5;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.92) 82%,#fff 100%)}
#gzp#gzp .intro{background:#000;color:#fff}
#gzp#gzp .intro .ctag{color:#999}
#gzp#gzp .intro .ctag::before,#gzp#gzp .intro .ctag::after{background:#fff}
#gzp#gzp .intro .sub{color:#ccc}
#gzp#gzp .intro .gzface{position:absolute;right:auto;left:67%;top:30.9%;transform:translate(-50%,-50%);width:78%;max-width:none;height:auto;filter:invert(1);opacity:.38;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to bottom,#000 65%,transparent 98%);mask-image:linear-gradient(to bottom,#000 65%,transparent 98%)}
#gzp#gzp .intro .grid{position:relative;z-index:1}
#gzp#gzp .craft .sh .ctag::before{background:#111}
#gzp#gzp .craft .t+.t{color:#333}
#gzp#gzp .craft .bgpart{right:auto;bottom:auto;height:auto;left:57.1%;top:50%;width:85.8%;transform:translate(-50%,-50%) scaleX(-1)}
#gzp#gzp .craft .bgpart.bgin.in{opacity:.14}
#gzp#gzp .swap{position:relative;overflow:hidden}
#gzp#gzp .swap img{width:100%}
#gzp#gzp .swap img+img{position:absolute;inset:0;height:100%;object-fit:cover;opacity:0;transition:opacity .8s ease}
#gzp#gzp .swap.alt img+img{opacity:1}
@media(prefers-reduced-motion:reduce){#gzp#gzp .swap img+img{transition:none}}
#gzp#gzp .common .dimg{max-width:760px;margin:44px auto 0}
#gzp#gzp .common .dimg img{width:100%}
#gzp#gzp .common .bgpart{left:39.8%;width:108.5%}
@media(min-width:701px){#gzp#gzp .common .bgpart{top:auto;bottom:0;transform:translate(-50%,3.2%)}
#gzp#gzp .intro .grid{grid-template-columns:1fr;padding:0 40px;gap:0}
#gzp#gzp .intro .txt{text-align:center;padding-bottom:0}
#gzp#gzp .intro .ctag{justify-content:center}
#gzp#gzp .intro .ctag::before{content:"";flex:0 0 60px;height:1px;background:#fff}
#gzp#gzp .intro .sub{margin-left:auto;margin-right:auto;text-align:justify;text-justify:inter-character}
#gzp#gzp .intro .wph{width:100%;max-width:760px;margin:56px auto 110px}}
@media(max-width:700px){#gzp#gzp .hero{padding:24px 0 30px}
#gzp#gzp .intro .wph{margin:30px 0 60px}
#gzp#gzp .intro .gzface{left:77.5%;top:26.2%;width:135%}
#gzp#gzp .craft .bgpart{left:1.3%;top:39.1%;width:200%}
#gzp#gzp .common .dimg{margin-top:30px}
#gzp#gzp .common .bgpart{left:6%;top:auto;bottom:0;width:200%;transform:translate(-50%,3.3%)}}
</style>
<section class="hero"><picture><source media="(max-width:700px)" srcset="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-sp.jpg" width="1080" height="1350"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-pc.jpg" width="1024" height="768" alt="映画『ゴジラ-0.0』とクアトロガッツのコラボ 小さいふ"></picture></section>
<section class="intro"><img class="gzface" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-kao.png" alt=""><div class="grid">
 <div class="txt fade">
  <p class="ctag">GODZILLA MINUS ZERO COLLABORATION</p>
  <p class="big">GODZILLA<br>-0.0</p>
  <p class="x">QUATROGATS</p>
  <h2 class="lead">ゴジラが、小さいふに。</h2>
  <p class="sub">2026年11月3日(火・祝)、映画『ゴジラ-0.0』公開。</p>
  <p class="sub">『ゴジラ-1.0』のその先を描く最新作の公開にあわせて、クアトロガッツからゴジラとのコラボレーションアイテムが登場です。</p>
 </div>
 <figure class="wph"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-design.jpg" width="1100" height="732" alt="小さいふ。コンチャ ゴジラ-0.0 表面"></figure>
</div></section>
<div class="more"><div class="more-in">
<section class="band light common">
 <img class="bgpart" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-sebire.png" alt="">
 <div class="inner"><div class="w2 fade">
  <div class="sh"><p class="ctag">LINE ART</p><p class="en">DESIGN</p><h2 class="jp">栃木レザーにゴジラをデザイン</h2></div>
  <p class="t">ゴツゴツとした皮膚、大きく連なる背びれ、力強いシルエット。ゴジラの姿を、黒の栃木レザーと白のコントラストで大胆に表現。</p>
  <figure class="dimg"><div class="swap"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-card-wallet.jpg" width="1100" height="733" alt="栃木レザーにゴジラをデザインした小さいふ ゴジラ-0.0"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/dG9jaGlnaWxlYXRoZXIuYmFzaWMuYmxhY2s.jpg" width="1100" height="733" alt="広げた黒の栃木レザー"></div></figure>
 </div></div>
</section>
<section class="band dark wallet">
 <canvas class="sky2" aria-hidden="true"></canvas>
 <div class="inner"><div class="w2">
  <div class="ft fade">
   <div class="ft-txt">
    <p class="lbl">WALLET &#8212; FRONT</p>
    <h3>手のひらに、ゴジラ。</h3>
    <p>大きなゴジラが、ポケットに入る小さいふに。ゴジラの部分には立体加工を施し、表面は凹凸のある仕上がりです。</p>
   </div>
   <figure><div class="wal-fig"><div class="swap"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-wallet-front.jpg" width="1100" height="733" alt="小さいふ（表）ゴジラ-0.0"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-wallet-back.jpg" width="1100" height="732" alt="小さいふ（裏）ゴジラの尻尾"></div>
    <svg viewBox="0 0 1200 800" preserveAspectRatio="none" aria-hidden="true"></svg></div></figure>
  </div>
  <div class="ft rev fade">
   <div class="ft-txt">
    <p class="lbl">INSIDE &#8212; A FOOTPRINT</p>
    <h3>コラボ限定のロゴデザイン</h3>
    <p>中ポケットには、ゴジラの足跡と『ゴジラ-0.0』のロゴ。このコラボだけの特別仕様です。</p>
   </div>
   <figure><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-photo-wallet-inside.jpg" width="1100" height="733" alt="小さいふを開いた中のポケットとゴジラの足跡"></figure>
  </div>
 </div></div>
</section>
<section class="band light craft"><img class="bgpart" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/godzilla-lp-shipo.png" alt=""><div class="inner"><div class="w2 fade">
 <div class="sh"><p class="ctag">LEATHER</p><p class="en">CRAFT</p><h2 class="jp">大阪の工房で、ひとつずつ。</h2></div>
 <p class="t">ゴジラのコラボアイテムには、栃木レザーを使っています。植物タンニンで時間をかけて鞣された本革は、丈夫でしなやか。使うほどに艶を増し、少しずつ自分だけの表情に育っていきます。</p>
 <p class="t">つくっているのは、小さなお財布を20年つくり続けてきた、小さいふクアトロガッツの職人です。大阪の工房で、ひとつずつ手作業で仕上げています。</p>
 <p class="t">毎日ポケットに入れて、育っていく革の風合いをお楽しみください。</p>
 <div class="craftpics"><img class="on" src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YWJvdXQucXVhdHJvZ2F0cy5zdGFmZg.png" width="1100" height="734" alt="クアトロガッツの大阪の工房と職人たち"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" width="1100" height="734" alt="栃木レザーができるまで"></div>
 <p class="credit">TM &amp; &copy; TOHO</p>
</div></div></section>
</div><div class="more-btnwrap"><button class="more-btn" type="button">もっと見る</button></div></div>
<script>
(function(){var R=document.getElementById('gzp');if(!R)return;function vw(){R.style.setProperty('--gz-vw',document.documentElement.clientWidth+'px');R.style.marginLeft='0px';R.style.marginLeft=(-R.getBoundingClientRect().left)+'px';}vw();addEventListener('resize',vw);addEventListener('load',vw);

var dpr=Math.min(window.devicePixelRatio||1,2);
var reduce=matchMedia('(prefers-reduced-motion: reduce)').matches;
function bolt(x1,y1,x2,y2,rough,depth,out,width){
  var segs=[[x1,y1,x2,y2]];
  for(var d=0;d<depth;d++){var n=[];
    for(var i=0;i<segs.length;i++){var s=segs[i],mx=(s[0]+s[2])/2,my=(s[1]+s[3])/2,dx=s[2]-s[0],dy=s[3]-s[1],len=Math.hypot(dx,dy);
      var off=(Math.random()-.5)*rough*len;mx+=-dy/len*off;my+=dx/len*off;n.push([s[0],s[1],mx,my],[mx,my,s[2],s[3]]);
      if(depth-d>2&&Math.random()<.16&&width>.6){var ang=Math.atan2(dy,dx)+(Math.random()<.5?-1:1)*(.35+Math.random()*.5),bl=len*(.6+Math.random()*.9);
        bolt(mx,my,mx+Math.cos(ang)*bl,my+Math.sin(ang)*bl,rough,Math.max(3,depth-d-1),out,width*.45);}}
    segs=n;}
  out.push({segs:segs,width:width});return out;}
function env(t,p){if(t<0)return 0;for(var i=0;i<p.length;i++){if(t>=p[i][0]&&t<p[i][1])return p[i][2];}
  var l=p[p.length-1];if(t>=l[1])return Math.max(0,.55*Math.exp(-(t-l[1])/.28));return .08;}

var wb=R.querySelector('.wallet'),cv2=wb.querySelector('canvas.sky2'),c2=cv2.getContext('2d'),w2=0,h2=0,on2=false,tm2,raf2;
function size2(){w2=cv2.clientWidth;h2=cv2.clientHeight;cv2.width=w2*dpr;cv2.height=h2*dpr;c2.setTransform(dpr,0,0,dpr,0,0);}
function draw2(st,a){c2.lineCap='round';c2.lineJoin='round';
  for(var p=0;p<3;p++){for(var k=0;k<st.length;k++){var b=st[k];c2.beginPath();
    for(var i=0;i<b.segs.length;i++){var s=b.segs[i];if(i===0)c2.moveTo(s[0],s[1]);c2.lineTo(s[2],s[3]);}
    if(p===0){c2.strokeStyle='rgba(60,110,255,'+(.18*a)+')';c2.lineWidth=b.width*8;c2.shadowBlur=30;c2.shadowColor='rgba(70,120,255,'+a+')';}
    else if(p===1){c2.strokeStyle='rgba(150,190,255,'+(.45*a)+')';c2.lineWidth=b.width*2.5;c2.shadowBlur=10;c2.shadowColor='rgba(140,180,255,'+a+')';}
    else{c2.strokeStyle='rgba(255,255,255,'+a+')';c2.lineWidth=Math.max(.5,b.width);c2.shadowBlur=0;}
    c2.stroke();}}c2.shadowBlur=0;}

var bag2=[],last2=-1;
function lane2(){if(!bag2.length){bag2=[0,1,2,3,4];for(var i=4;i>0;i--){var j=Math.floor(Math.random()*(i+1)),t=bag2[i];bag2[i]=bag2[j];bag2[j]=t;}
    if(bag2[0]===last2)bag2.push(bag2.shift());}
  last2=bag2.shift();return last2;}
function strike2(){if(!on2)return;size2();
  var x0=.1+lane2()*.2+(Math.random()-.5)*.12;
  var st=bolt(x0*w2,-10,(x0+(Math.random()-.5)*.14)*w2,(.7+Math.random()*.3)*h2,.55,8,[],1.9);
  var P=[[0,.05,1],[.09,.13,.35],[.17,.25,.8]],s0=performance.now();
  function f(now){var t=(now-s0)/1000,a=env(t,P)*.45;c2.clearRect(0,0,w2,h2);
    if(a>.003){var g=c2.createRadialGradient(x0*w2,-h2*.05,0,x0*w2,-h2*.05,Math.max(w2,h2)*.6);
      g.addColorStop(0,'rgba(90,140,255,'+(.35*a)+')');g.addColorStop(1,'rgba(0,10,40,0)');c2.fillStyle=g;c2.fillRect(0,0,w2,h2);
      draw2(st,Math.min(1,a*1.2));}
    if(t<1.4)raf2=requestAnimationFrame(f);else c2.clearRect(0,0,w2,h2);}
  raf2=requestAnimationFrame(f);tm2=setTimeout(strike2,2600+Math.random()*2600);}
if(!reduce){new IntersectionObserver(function(es){es.forEach(function(e){
  if(e.isIntersecting&&!on2){on2=true;tm2=setTimeout(strike2,600);}
  else if(!e.isIntersecting&&on2){on2=false;clearTimeout(tm2);cancelAnimationFrame(raf2);c2.clearRect(0,0,w2,h2);}});},{threshold:.15}).observe(wb);}


if(!reduce){var bio=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
    e.target.classList.add('in');bio.unobserve(e.target);}});},{threshold:.2});
  R.querySelectorAll('.bgpart').forEach(function(el){el.classList.add('bgin');bio.observe(el);});}


var io=new IntersectionObserver(function(es){es.forEach(function(e){if(e.isIntersecting){
  var el=e.target;if(el.classList.contains('fade'))el.classList.add('in');else el.classList.add('play');io.unobserve(el);}});},
  {threshold:.35});
R.querySelectorAll('.fade,.dosin,.wal-fig').forEach(function(el){io.observe(el);});


(function(){
  var f=R.querySelector('.craftpics');if(!f)return;
  var ps=f.querySelectorAll('img'),k=0;
  if(reduce||ps.length<2||!('IntersectionObserver' in window))return;
  ps[0].classList.remove('on');
  var cio=new IntersectionObserver(function(es){es.forEach(function(e){if(!e.isIntersecting)return;
    cio.disconnect();ps[0].classList.add('on');
    setInterval(function(){ps[k].classList.remove('on');k=(k+1)%ps.length;ps[k].classList.add('on');},3000);});},{threshold:.5});
  cio.observe(f);
})();



(function(){
  var o=R.querySelector('.outro'),b=o&&o.querySelector('.bgpart'),a=o&&o.querySelector('.acc');
  if(!b||!a)return;
  function fix(){if(a.open)return;b.style.top='';b.style.top=getComputedStyle(b).top;}
  fix();addEventListener('load',fix);addEventListener('resize',fix);
})();
var M=R.querySelector('.more');if(M){var MB=M.querySelector('.more-btn');M.classList.add('js');var still=matchMedia('(prefers-reduced-motion: reduce)').matches;function tg(){M.classList.remove('hit');var o=M.classList.toggle('open');MB.textContent=o?'閉じる':'もっと見る';}MB.addEventListener('click',function(){if(M.classList.contains('hit'))return;if(M.classList.contains('open')||still){tg();return;}M.classList.add('hit');setTimeout(tg,500);});}
var SW=R.querySelectorAll('.swap');if(SW.length){var swt=0;function sw(){swt=0;for(var i=0;i<SW.length;i++){var r=SW[i].getBoundingClientRect();SW[i].classList.toggle('alt',r.top+r.height/2<innerHeight/2);}}addEventListener('scroll',function(){if(!swt)swt=requestAnimationFrame(sw);},{passive:true});sw();}
})();
</script>
</div>

<br style="clear:both;">

<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>

<div id="gzp-series" style="display:none;">
<div class="embed-chunk"><div class="product-accordion-panel clearfix">

<center>
<div class="product-contents-img product-grouplink-img"><a href="https://quatrogats.com/?mode=grp&gid=3214648"><picture><source media="(max-width:700px)" srcset="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-sp.jpg"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/godzilla-lp-banner-main-tm-pc.jpg" alt="ゴジラ-0.0（ゴジラマイナスゼロ）と小さいふのコラボ。栃木レザーの小さい財布・ミニ財布"></picture></a></div>

<div class="product-txtarea product-grouplink-txtarea"><br>
<h2 class="product-main-midashi">ゴジラ-0.0×クアトロガッツ</h2>

<div class="kadomaru-button" style="line-height: 40px;"><a href="https://quatrogats.com/?mode=grp&gid=3214648">ゴジラ-0.0｜シリーズを見る</a></div>

</div>
</center>

</div></div>
</div>
<script>
document.addEventListener('DOMContentLoaded',function(){var c=document.getElementById('gzp-series');if(!c)return;var s=document.querySelector('.product-freepage-area');if(s)s.appendChild(c);c.style.display='';});
</script>

<p class="js-api-group-list"
data-gid="3214648"
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-09-29T12:32:41+09:00</dc:date>
    <dc:creator>小さい財布の小さいふ。クアトロガッツ　公式Webshop</dc:creator>
    <foaf:topic><foaf:Image rdf:about="https://img07.shop-pro.jp/PA01030/401/product/193729207_th.jpg?cmsp_timestamp=20261006134308" /></foaf:topic>
  </item>

  <item rdf:about="https://quatrogats.com/?pid=193497261">
    <link>https://quatrogats.com/?pid=193497261</link>
    <title>革のアクセサリー｜歌川国芳「其まま地口猫飼好五十三疋」｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>


  #kuniyoshi-product {
    --ink:#2b2b2b; --sub:#5a5046; --accent:#9c6b4f; --vermilion:#b5432f;
    --paper:#f7f2e8; --line:#e3d8c8;
    max-width:1000px; margin:0 auto; color:var(--ink);
    font-family:&quot;Hiragino Mincho ProN&quot;,&quot;Yu Mincho&quot;,&quot;Yu...</description>
<content:encoded><![CDATA[
<!-- ============================================================
  歌川国芳「其まま地口猫飼好五十三疋」革のアクセサリー ピアス・イヤリング／商品ページ上部コンポーネント
  ★ これは「スライダーより上」に入る自己完結ブロックです（CSSのみ・JS不要）。
  ★ この <div id="kuniyoshi-product"> 〜 </div> の直後（このファイル末尾の
     「↓↓↓ スライダー＋共通パーツ」コメント位置）に、現行ページのスライダー以降を続けてください。
  ★ 構成：HERO → INTRO → THE JOURNEY（タップでめくる発見ゲーム）→ FIND YOUR FAVORITE
     （全図タップズーム）→ MATERIAL & AGING（栃木レザー＋動画）→ THE ARTIST（年表・続きを読む）

  ------------------------------------------------
  ★ 引き継ぎ担当者へ：未対応・要確認の画像
  ------------------------------------------------
  (1) 【要アップ】FIND YOUR FAVORITE 左下の「猫の切り抜き（透過PNG）」
      現在 src = .../etc/kuniyoshi.neko.cut.png （まだ未アップロード）
      ローカル元ファイル kuniyoshi_b1920px-Cats_suggested_..._Tokaido.png を
      shop-pro の etc に kuniyoshi.neko.cut.png でアップすれば表示されます。
      別名の場合は class="zoom-cat-img" の画像の src を合わせてください。
  (2) 【任意】THE JOURNEY のカード6枚は、全図(kuniyoshi.55full.jpg)を background-position で
      擬似クロップした仮表示です。宿場ごとの実クロップ画像があれば各 .pic の
      background-image を差し替え（該当箇所に「★差し替え」コメントあり）。
  ※ それ以外の画像（バナー/商品/全図/年表/エイジング/肖像）は本番URL設定済みです。
============================================================ -->

<style>
  #kuniyoshi-product {
    --ink:#2b2b2b; --sub:#5a5046; --accent:#9c6b4f; --vermilion:#b5432f;
    --paper:#f7f2e8; --line:#e3d8c8;
    max-width:1000px; margin:0 auto; color:var(--ink);
    font-family:"Hiragino Mincho ProN","Yu Mincho","YuMincho",serif;
  }
  #kuniyoshi-product .gothic { font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",sans-serif; }
  #kuniyoshi-product img { display:block; }

  /* ---- HERO（画像のみ） ---- */
  #kuniyoshi-product .hero { margin-bottom:64px; }
  #kuniyoshi-product .hero img { width:100%; height:auto; border-radius:4px; display:block; }

  /* ---- INTRO（テキスト→画像3:2の縦並び｜PC・スマホ共通） ---- */
  #kuniyoshi-product .intro { padding:0 24px; margin-bottom:96px; }
  #kuniyoshi-product .intro-art { margin-top:36px; }
  #kuniyoshi-product .intro-art img { width:100%; height:auto; aspect-ratio:3 / 2; object-fit:cover; object-position:center; border-radius:6px; }
  #kuniyoshi-product .intro-eyebrow { font:600 12px/1 sans-serif; letter-spacing:.3em; color:var(--accent); margin-bottom:18px; text-align:center; }
  #kuniyoshi-product .intro h2 { font-size:27px; line-height:1.6; letter-spacing:.06em; margin:0 0 22px; font-weight:600; text-align:center; }
  #kuniyoshi-product .intro-title-line { display:block; white-space:nowrap; }
  #kuniyoshi-product .intro p { max-width:640px; margin:0 auto 18px; font-size:15px; line-height:2.05; color:var(--sub); }

  /* ---- セクション見出し（英＋和） ---- */
  #kuniyoshi-product .sec-head { text-align:center; margin-bottom:34px; padding:0 24px; }
  #kuniyoshi-product .sec-head .en { display:block; font:600 12px/1 sans-serif; letter-spacing:.3em; color:var(--accent); margin-bottom:12px; }
  #kuniyoshi-product .sec-head h2 { font-size:26px; line-height:1.5; letter-spacing:.07em; margin:0 0 14px; font-weight:600; }
  #kuniyoshi-product .sec-head p { max-width:640px; margin:0 auto; font-size:14.5px; line-height:1.95; color:var(--sub); text-align:left; }
  #kuniyoshi-product .sec-head p + p { margin-top:1.1em; }

  /* ---- JOURNEY（全幅・横スクロールの旅＋タップでめくる発見） ---- */
  #kuniyoshi-product .journey { width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); background:var(--paper); padding:64px 0 58px; margin-bottom:96px; }
  /* 旅の進捗レール */
  #kuniyoshi-product .rail { max-width:760px; margin:0 auto 30px; padding:0 24px; }
  #kuniyoshi-product .rail-hint {
    text-align:center;
    font:700 14px/1.4 sans-serif;
    color:#c62828;
    letter-spacing:.08em;
    animation:journey-hint-blink 2.2s ease-in-out infinite;
  }
  #kuniyoshi-product .rail-hint::after {
    content:"\2192";
    display:inline-block;
    margin-left:10px;
    color:#c62828;
    font-size:22px;
    font-weight:700;
    vertical-align:-2px;
  }
  @keyframes journey-hint-blink {
    0%, 100% { opacity:1; }
    50% { opacity:.25; }
  }

  /* 横スクロールトラック */
  #kuniyoshi-product .track {
    display:flex; gap:20px; overflow-x:auto; scroll-snap-type:x mandatory;
    max-width:1000px; margin:0 auto; padding:8px 24px 22px; -webkit-overflow-scrolling:touch;
  }
  #kuniyoshi-product .track::-webkit-scrollbar { height:6px; }
  #kuniyoshi-product .track::-webkit-scrollbar-thumb { background:#d0bfa6; border-radius:6px; }

  /* フリップカード（CSSのみ／タップで答え） */
  #kuniyoshi-product .jcard { position:relative; flex:0 0 270px; scroll-snap-align:center; }
  #kuniyoshi-product .jcard:last-child { scroll-snap-align:end; }
  #kuniyoshi-product .jflip-toggle {
    position:absolute; top:0; left:0; width:1px; height:1px; margin:0; padding:0;
    opacity:0; pointer-events:none; overflow:hidden; clip-path:inset(50%);
  }
  #kuniyoshi-product .jflip { display:block; position:relative; height:388px; cursor:pointer; }
  #kuniyoshi-product .jface { position:absolute; inset:0; border-radius:14px; overflow:hidden;
    box-shadow:0 12px 30px rgba(60,45,30,.14); background:#fff;
    transition:opacity .4s ease, transform .4s ease; }
  /* 表 */
  #kuniyoshi-product .jfront .pic {
    height:248px;
    background-size:contain;
    background-position:center;
    background-repeat:no-repeat;
    background-color:#fff;
  }
  #kuniyoshi-product .jfront .meta { padding:16px 18px 0; }
  #kuniyoshi-product .jfront .no { font:700 13px/1 sans-serif; color:var(--vermilion); letter-spacing:.1em; }
  #kuniyoshi-product .jfront .place { font-size:21px; letter-spacing:.06em; margin:8px 0 0; font-weight:600; }
  #kuniyoshi-product .jfront .yomi { font:11px/1 sans-serif; color:#a99a86; letter-spacing:.08em; margin-top:5px; }
  #kuniyoshi-product .jfront .q { position:absolute; bottom:14px; left:18px; font:600 12px/1 sans-serif; color:var(--accent); letter-spacing:.1em; }
  #kuniyoshi-product .jfront .q::after { content:"  \25B6"; font-size:9px; }
  /* 裏（クロスフェードで重ねて出す） */
  #kuniyoshi-product .jback { background:#fffdf7; border:1px solid var(--line);
    display:flex; flex-direction:column; justify-content:center; text-align:center; padding:28px 22px; box-sizing:border-box;
    opacity:0; transform:translateY(10px); pointer-events:none; }
  #kuniyoshi-product .jback .punch { font-size:26px; font-weight:700; color:var(--vermilion); letter-spacing:.04em; margin:0 0 14px; }
  #kuniyoshi-product .jback .desc { font-size:14px; line-height:1.95; color:var(--sub); margin:0; }
  #kuniyoshi-product .jback .back-hint { margin-top:18px; font:11px/1 sans-serif; color:#b3a48f; letter-spacing:.1em; }
  /* 切り替え */
  #kuniyoshi-product .jflip-toggle:checked + .jflip .jfront { opacity:0; transform:translateY(-10px); pointer-events:none; }
  #kuniyoshi-product .jflip-toggle:checked + .jflip .jback { opacity:1; transform:none; pointer-events:auto; }

  /* ---- 全図ショーケース（タップで拡大して宝探し） ---- */
  #kuniyoshi-product .full { padding:0 24px; margin-bottom:96px; }
  #kuniyoshi-product .full-zoom-toggle { position:absolute; opacity:0; pointer-events:none; }
  #kuniyoshi-product .full-label { display:block; }
  #kuniyoshi-product .full-frame { position:relative; overflow:hidden; border-radius:14px; border:1px solid var(--line); cursor:zoom-in; -webkit-overflow-scrolling:touch; }
  #kuniyoshi-product .full-frame img { width:100%; max-width:none; display:block; }
  /* 拡大時：%ではなく固定pxで拡大→コンテナの都合に左右されず確実にスクロール領域ができ、指でパンできる */
  #kuniyoshi-product .full-zoom-toggle:checked + .full-label .full-frame { cursor:zoom-out; overflow:auto; max-height:76vh; }
  #kuniyoshi-product .full-zoom-toggle:checked + .full-label .full-frame img { width:1600px; }
  #kuniyoshi-product .full-cap { text-align:center; font:13px/1.7 sans-serif; color:#8a7c69; margin-top:14px; letter-spacing:.04em; }
  #kuniyoshi-product .full-cap b { display:block; font-size:16px; color:var(--accent); margin-bottom:4px; letter-spacing:.06em; }

  /* 拡大ガイド：中央の「タップで拡大」バッジ（B） */
  #kuniyoshi-product .zoom-badge { position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
    display:inline-flex; align-items:center; gap:8px; background:rgba(43,43,43,.84); color:#fff;
    font:600 14px/1 sans-serif; letter-spacing:.06em; padding:12px 20px; border-radius:999px;
    box-shadow:0 6px 18px rgba(0,0,0,.35); pointer-events:none; white-space:nowrap;
    animation:zb-pulse 1.7s ease-in-out infinite; }
  #kuniyoshi-product .zoom-ico { display:inline-block; width:13px; height:13px; border:2px solid #fff; border-radius:50%; position:relative; }
  #kuniyoshi-product .zoom-ico::after { content:""; position:absolute; right:-4px; bottom:-4px; width:6px; height:2px; background:#fff; border-radius:2px; transform:rotate(45deg); }
  @keyframes zb-pulse { 0%,100%{transform:translate(-50%,-50%) scale(1); opacity:.94;} 50%{transform:translate(-50%,-50%) scale(1.07); opacity:1;} }

  /* 拡大ガイド：左下の猫＋吹き出し（A）／★猫は仮＝全図クロップ。本番は透過PNGに差し替え */
  #kuniyoshi-product .zoom-cat { position:absolute; left:14px; bottom:14px; width:128px; pointer-events:none; }
  #kuniyoshi-product .zoom-cat-img { width:100%; height:auto; display:block; filter:drop-shadow(0 6px 10px rgba(40,30,20,.35)); }
  #kuniyoshi-product .zoom-bubble { position:absolute; left:-4px; bottom:calc(100% + 6px); width:max-content; max-width:175px;
    background:#fff; color:#3f372d; font:700 13px/1.5 sans-serif; text-align:left; padding:9px 13px; border-radius:13px;
    box-shadow:0 5px 16px rgba(0,0,0,.2); pointer-events:none; }
  #kuniyoshi-product .zoom-bubble::after { content:""; position:absolute; left:30px; bottom:-7px; border:8px solid transparent; border-top-color:#fff; }

  /* 拡大したらガイドを全部隠す */
  #kuniyoshi-product .full-zoom-toggle:checked + .full-label .zoom-badge,
  #kuniyoshi-product .full-zoom-toggle:checked + .full-label .zoom-cat,
  #kuniyoshi-product .full-zoom-toggle:checked + .full-label .zoom-bubble { display:none; }

  /* ---- LEATHER（エイジング・栃木レザー） ---- */
  #kuniyoshi-product .leather { padding:0 24px; margin-bottom:96px; }
  #kuniyoshi-product .leather-photo { margin:0 0 30px; }
  #kuniyoshi-product .leather-photo img { width:100%; border-radius:12px; display:block; }
  #kuniyoshi-product .leather-photo figcaption { font:11.5px/1.6 sans-serif; color:#a99a86; text-align:center; margin-top:10px; letter-spacing:.04em; }
  /* 栃木レザー動画ブロック */
  #kuniyoshi-product .suika-leather-video { text-align:center; margin-top:36px; }
  #kuniyoshi-product .suika-leather-video-button-label { font:13px/1 sans-serif; color:#7a6a58; letter-spacing:.08em; margin-bottom:11px; }
  #kuniyoshi-product .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; }
  #kuniyoshi-product .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; }
  #kuniyoshi-product .suika-leather-video-frame iframe { position:absolute; inset:0; width:100%; height:100%; border:0; display:block; }

  /* ---- STORY（年表エディトリアル） ---- */
  #kuniyoshi-product .story { padding:0 24px; margin-bottom:80px; }
  #kuniyoshi-product .artist-portrait { max-width:230px; margin:0 auto 30px; text-align:center; }
  #kuniyoshi-product .artist-portrait img { width:100%; border-radius:10px; }
  #kuniyoshi-product .artist-portrait figcaption { font:11px/1.5 sans-serif; color:#a99a86; margin-top:7px; }
  #kuniyoshi-product .story-toggle { position:absolute; opacity:0; pointer-events:none; }
  #kuniyoshi-product .timeline { max-width:720px; margin:0 auto; position:relative; max-height:112px; overflow:hidden; transition:max-height .6s ease; }
  #kuniyoshi-product .timeline::after { content:""; position:absolute; left:0; right:0; bottom:0; height:66px; background:linear-gradient(to bottom, rgba(255,255,255,0), #fff 90%); pointer-events:none; transition:opacity .35s ease; z-index:2; }
  #kuniyoshi-product .story-toggle:checked ~ .timeline { max-height:9000px; }
  #kuniyoshi-product .story-toggle:checked ~ .timeline::after { opacity:0; }
  #kuniyoshi-product .timeline::before { content:""; position:absolute; left:13px; top:6px; bottom:6px; width:2px; background:var(--line); }
  #kuniyoshi-product .tnode { position:relative; padding:0 0 38px 46px; }
  #kuniyoshi-product .tnode::before { content:""; position:absolute; left:6px; top:5px; width:16px; height:16px; border-radius:50%; background:#fff; border:3px solid var(--accent); box-sizing:border-box; }
  #kuniyoshi-product .tnode .year { font:700 13px/1 sans-serif; color:var(--vermilion); letter-spacing:.08em; }
  #kuniyoshi-product .tnode h3 { font-size:18px; line-height:1.55; letter-spacing:.05em; margin:8px 0 10px; font-weight:700; color:#3f372d; }
  #kuniyoshi-product .tnode p { font-size:14.5px; line-height:1.95; color:var(--sub); margin:0 0 12px; }
  #kuniyoshi-product .tnode figure { margin:14px 0 4px; }
  #kuniyoshi-product .tnode figure img { width:100%; border-radius:10px; }
  #kuniyoshi-product .tnode figcaption { font:11px/1.5 sans-serif; color:#a99a86; text-align:center; margin-top:7px; }
  /* 折りたたみ（タイムラインを途中でクリップ＋グラデ） */
  #kuniyoshi-product .story-btn { display:block; width:fit-content; margin:6px auto 0; padding:11px 30px; cursor:pointer;
    font:600 14px/1 sans-serif; color:var(--accent); border:1px solid var(--accent); border-radius:999px; letter-spacing:.12em; }
  #kuniyoshi-product .story-toggle:checked ~ .story-btn span { display:none; }
  #kuniyoshi-product .story-toggle:checked ~ .story-btn::before { content:"\9589\3058\308B"; }

  /* ---- スマホ ---- */
  @media (max-width:820px){
    /* ヒーロー：バナー画像は加工せず自然な縦横比で全体表示 */
    #kuniyoshi-product .hero { margin-bottom:46px; }
    #kuniyoshi-product .hero img { height:auto; }

    /* INTRO：テキスト→画像3:2（PCと同じ縦並び） */
    #kuniyoshi-product .intro { padding:0 22px; margin-bottom:66px; }
    #kuniyoshi-product .intro-art { margin-top:28px; }
    #kuniyoshi-product .intro h2 { font-size:clamp(16px, 5.2vw, 23px); letter-spacing:.02em; }
    #kuniyoshi-product .intro p { font-size:14.5px; line-height:2; }

    /* セクションの縦リズムを詰める（見出し・サブ＝中央／本文＝左＝PCと同じ） */
    #kuniyoshi-product .sec-head { padding:0 22px; margin-bottom:28px; }
    #kuniyoshi-product .sec-head p { margin:0; max-width:none; }
    #kuniyoshi-product .sec-head h2 { font-size:23px; }
    #kuniyoshi-product .sec-head p { font-size:14px; line-height:1.9; }
    #kuniyoshi-product .journey { padding:48px 0 44px; margin-bottom:66px; }
    #kuniyoshi-product .full { padding:0 22px; margin-bottom:66px; }
    #kuniyoshi-product .leather { padding:0 22px; margin-bottom:66px; }
    #kuniyoshi-product .leather-body h3 { font-size:17px; }
    #kuniyoshi-product .story { padding:0 22px; margin-bottom:60px; }

    /* JOURNEY：左右に“次がチラ見え”するカードデッキ */
    #kuniyoshi-product .track { gap:16px; padding:8px 22px 20px; scroll-padding-left:22px; }
    #kuniyoshi-product .jcard { flex-basis:252px; scroll-snap-align:start; }
    #kuniyoshi-product .rail { margin-bottom:24px; }

    /* 全図ズーム：スマホは固定pxで大きめに拡大し、指で全図を探索できるように */
    #kuniyoshi-product .full-zoom-toggle:checked + .full-label .full-frame img { width:1100px; }
    #kuniyoshi-product .full-cap { font-size:12.5px; }
    #kuniyoshi-product .full-cap b { font-size:15px; }
    #kuniyoshi-product .zoom-cat { width:76px; left:14px; bottom:14px; }
    #kuniyoshi-product .zoom-bubble { left:-2px; bottom:calc(100% + 5px); font-size:11.5px; max-width:140px; padding:7px 11px; }
    #kuniyoshi-product .zoom-badge { font-size:12.5px; padding:9px 15px; left:63%; }

    /* 年表：線とノードを少しコンパクトに */
    #kuniyoshi-product .timeline { max-height:122px; }
    #kuniyoshi-product .timeline::after { height:62px; }
    #kuniyoshi-product .tnode { padding:0 0 32px 42px; }
    #kuniyoshi-product .tnode h3 { font-size:17px; }
  }

  /* ---- 小型スマホ ---- */
  @media (max-width:380px){
    #kuniyoshi-product .jcard { flex-basis:240px; }
    #kuniyoshi-product .intro, #kuniyoshi-product .full, #kuniyoshi-product .story, #kuniyoshi-product .sec-head { padding-left:18px; padding-right:18px; }
  }
</style>

<div id="kuniyoshi-product">

  <!-- HERO -->
  <section class="hero">
    <img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜歌川国芳「猫飼好五十三疋」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633">
  </section>

  <!-- INTRO -->
  <section class="intro">
    <div class="intro-text">
      <div class="intro-eyebrow gothic">AN ACCESSORY TELLS A STORY</div>
      <h2><span class="intro-title-line">歌川国芳の猫とダジャレを楽しむ</span><span class="intro-title-line">アクセサリーに。</span></h2>
      <p>猫好きの浮世絵師・歌川国芳の代表作「其まま地口猫飼好五十三疋（みゃうかいこうごじゅうさんびき）」。東海道五十三次の宿場名をぜんぶダジャレに変え、五十五匹の猫で描いた、国芳の遊び心あふれる、革のアクセサリーです。ピアスとイヤリングの2種類から選べます。</p>
    </div>
    <div class="intro-art">
      <img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/ear-kuniyoshi-neko-tray.webp" alt="真鍮のトレイに並べた、歌川国芳「猫飼好五十三疋」の革のピアス" width="1100" height="732" loading="lazy" decoding="async">
    </div>
  </section>

  <!-- JOURNEY（横スクロールの旅＋発見ゲーム） -->
  <section class="journey">
    <div class="sec-head">
      <span class="en gothic">THE JOURNEY</span>
      <h2>宿場名がダジャレに<br>猫とめぐる東海道</h2>
      <p>「地口（じぐち）」とは、語呂合わせを使ったダジャレのこと。宿場名がぜんぶ猫にまつわる言葉へ置き換えられています。カードをめくりながら、国芳のユーモアをお楽しみください。</p>
    </div>

    <div class="rail gothic">
      <div class="rail-hint">横にスクロールして次の宿場へ</div>
    </div>

    <!-- ★差し替え：各カードの .pic background-image を「宿場ごとの実クロップ画像URL」に。
         現在は全図(kuniyoshi.55full.jpg)を background-position で擬似クロップした仮表示です。 -->
    <div class="track">

      <!-- card 1 -->
      <div class="jcard">
        <input type="checkbox" id="j1" class="jflip-toggle">
        <label for="j1" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9uaWhvbmJhc2hp.png?cmsp_timestamp=20260724104442');background-position:96% 30%;"></div>
              <div class="meta"><span class="no gothic">一</span><div class="place">日本橋<span class="yomi gothic">にほんばし</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">2本だし</p>
              <p class="desc">カツオ節を2本ひっぱり出して「2本だし」。旅の出発点から飛ばします。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

      <!-- card 2 -->
      <div class="jcard">
        <input type="checkbox" id="j2" class="jflip-toggle">
        <label for="j2" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9lamlyaQ.png?cmsp_timestamp=20260724104442');background-position:80% 60%;"></div>
              <div class="meta"><span class="no gothic">十九</span><div class="place">江尻<span class="yomi gothic">えじり</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">かじり</p>
              <p class="desc">カツオ節を抱えて丸「かじり」。猫の食いしん坊ぶりが愛らしい一匹。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

      <!-- card 3 -->
      <div class="jcard">
        <input type="checkbox" id="j3" class="jflip-toggle">
        <label for="j3" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9odWN5dXU.png?cmsp_timestamp=20260724104442');background-position:55% 40%;"></div>
              <div class="meta"><span class="no gothic">二十</span><div class="place">府中<span class="yomi gothic">ふちゅう</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">むちゅう</p>
              <p class="desc">好きな魚に「むちゅう」。我を忘れて夢中になる姿、猫あるあるです。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

      <!-- card 4 -->
      <div class="jcard">
        <input type="checkbox" id="j4" class="jflip-toggle">
        <label for="j4" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9va2F6YWtp.png?cmsp_timestamp=20260724104442');background-position:30% 55%;"></div>
              <div class="meta"><span class="no gothic">三十九</span><div class="place">岡崎<span class="yomi gothic">おかざき</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">おがさけ</p>
              <p class="desc">年老いた猫の尾が裂けて「おがさけ」＝猫又に。当時の化け猫伝説を効かせた一枚。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

      <!-- card 5 -->
      <div class="jcard">
        <input type="checkbox" id="j5" class="jflip-toggle">
        <label for="j5" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9jaGlyeXV1.png?cmsp_timestamp=20260724104442');background-position:center center;"></div>
              <div class="meta"><span class="no gothic">四十</span><div class="place">池鯉鮒<span class="yomi gothic">ちりゅう</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">きりょう</p>
              <p class="desc">凛々しい佇まいで器量（きりょう）よし。ちょっと自慢げな表情に注目。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

      <!-- card 6 -->
      <div class="jcard">
        <input type="checkbox" id="j6" class="jflip-toggle">
        <label for="j6" class="jflip">
          <div class="jflip-inner">
            <div class="jface jfront">
              <div class="pic" style="background-image:url('https://img07.shop-pro.jp/PA01030/401/etc_base64/cWctY29uLWt1bml5b3NoaV9reW91.png?cmsp_timestamp=20260724104442');background-position:3% 50%;"></div>
              <div class="meta"><span class="no gothic">五十五</span><div class="place">京<span class="yomi gothic">きょう</span></div></div>
              <span class="q gothic">なんのダジャレ？</span>
            </div>
            <div class="jface jback">
              <p class="punch">ぎゃう</p>
              <p class="desc">終点・京では、猫にくわえられたネズミが「ぎゃう」。旅のオチまで遊び心たっぷり。</p>
              <p class="back-hint gothic">タップで戻る</p>
            </div>
          </div>
        </label>
      </div>

    </div>
  </section>

  <!-- 全図ショーケース（タップで拡大） -->
  <section class="full">
    <div class="sec-head">
      <span class="en gothic">FIND YOUR FAVORITE</span>
      <h2>五十五匹ぜんぶ猫</h2>
      <p>起点から終点まで「上・中・下」あわせて五十五図。名産やご当地ネタも織り込みながら、すべて猫が主役で旅していきます。</p>
    </div>
    <input type="checkbox" id="fullzoom" class="full-zoom-toggle">
    <label for="fullzoom" class="full-label">
      <div class="full-frame">
        <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.55full.jpg?cmsp_timestamp=20230210202411" alt="歌川国芳の猫の浮世絵である其まま地口猫飼好五十三疋の全図" loading="lazy" decoding="async">
        <span class="zoom-badge gothic"><span class="zoom-ico"></span>タップで拡大</span>
        <!-- ★この透過PNG猫を shop-pro の etc フォルダに kuniyoshi.neko.cut.png でアップし、下の src と一致させてください。
             ローカル元ファイル: kuniyoshi_b1920px-Cats_suggested_as_the_fifty-three_stations_of_the_Tokaido.png -->
        <span class="zoom-cat">
          <img class="zoom-cat-img" src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.neko.cut.png" alt="歌川国芳が描いた猫モチーフの浮世絵イラスト" loading="lazy" decoding="async">
          <span class="zoom-bubble gothic">お気に入りの猫、<br>見つかるかニャ？</span>
        </span>
      </div>
    </label>
    <p class="full-cap gothic"><b>五十五匹から、お気に入りの一匹をさがそう</b>タップで拡大／スワイプで移動／もう一度タップで戻る</p>
  </section>

  <!-- LEATHER（エイジング・栃木レザー） -->
  <section class="leather">
    <div class="sec-head">
      <span class="en gothic">MATERIAL &amp; AGING</span>
      <h2>使うほど深まる<br>国産最高峰の栃木レザー</h2>
      <p>使い始めの明るいナチュラルから、飴色、そして深い茶へ。使うほどに艶を増し、国芳の猫も革に馴染んで、世界にひとつの表情に育っていきます。</p>
      <p>素材は「栃木レザー」のヌメ革。ミモザの樹皮から採れる植物タンニンで、熟練の職人が時間を惜しまずなめした「日本最高峰」と称される革です。きめ細かな肌目と確かな耐久性で、使うほどに愛着が深まります。</p>
    </div>

    <figure class="leather-photo">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/a3VuaXlvc2hpX25la29fYWdpbmc.jpg?cmsp_timestamp=20250628154654" alt="栃木レザーの経年変化を比べた歌川国芳の猫の小さいふ" loading="lazy" decoding="async">
      <figcaption>使うほど、深い飴色へ。写真は革と柄が共通の「小さいふ。コンチャ」です。アクセサリーも同じように育ちます。</figcaption>
    </figure>

    <!-- 動画はセンターで独立配置 -->
    <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>

  <br>

  <!-- STORY（年表） -->
  <section class="story">
    <div class="sec-head">
      <span class="en gothic">THE ARTIST</span>
      <h2>猫を愛した奇想の絵師</h2>
      <p>歌川国芳（1797-1861）。武者絵で名を成し、風刺とユーモアに富んだ作品を残し、猫好きの絵師としても知られる江戸の浮世絵師。その生涯をたどります。</p>
    </div>

    <figure class="artist-portrait">
      <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.prof.jpg?cmsp_timestamp=20230213175548" alt="猫好きの浮世絵師 歌川国芳の肖像" loading="lazy" decoding="async">
      <figcaption>歌川国芳の肖像</figcaption>
    </figure>

    <input type="checkbox" id="storymore" class="story-toggle">
    <div class="timeline">

      <div class="tnode">
        <span class="year gothic">1797</span>
        <h3>江戸に生まれて</h3>
        <p>歌川国芳は江戸時代後期の浮世絵師。江戸日本橋に生まれたとされ、15歳で初代歌川豊国に入門しました。若い頃は一時不遇の時代を過ごします。</p>
      </div>

      <!-- 2番目以降はここから折りたたみ -->
      <div class="timeline-late">

      <div class="tnode">
        <span class="year gothic">30歳ごろ</span>
        <h3>武者絵の国芳、躍り出る</h3>
        <p>文政10年（1827）頃から刊行された「通俗水滸伝豪傑百八人之一個」シリーズが評判となり、国芳は一躍人気絵師に。名所絵の広重に対し、「武者絵の国芳」と称される存在になりました。</p>
        <figure>
          <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.skall.jpg?cmsp_timestamp=20230210202411" alt="武者たちの合戦の絵と、大きなクジラと武者の絵" loading="lazy" decoding="async">
          <figcaption>左：歌川国芳「駒くらべ盤上太平基」　右：歌川国芳「宮本武蔵の鯨退治」</figcaption>
        </figure>
      </div>

      <div class="tnode">
        <span class="year gothic">この頃</span>
        <h3>猫だらけの国芳塾</h3>
        <p>国芳は猫好きとして知られ、作品の中にも猫がたびたび登場します。のちに画家となる河鍋暁斎も幼い頃に国芳から絵を学びました。国芳のもとには多くの弟子が集まり、猫を描いた作品や逸話も残されています。</p>
        <figure>
          <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.neko1.jpg?cmsp_timestamp=20230213152144" alt="絵師の仕事場の様子の絵と、猫が着物を着て相撲や芝居をしている絵" loading="lazy" decoding="async">
          <figcaption>左：河鍋暁斎「暁斎幼時周三郎国芳へ入塾ノ図」　右：歌川国芳「流行 猫の狂言づくし」</figcaption>
        </figure>
      </div>

        <div class="tnode">
          <span class="year gothic">その作風</span>
          <h3>猫が、主役になった</h3>
          <p>国芳は、猫を擬人化した戯画や、猫を組み合わせた文字絵など、ユーモアあふれる猫の作品を数多く手がけました。猫好きとして知られた国芳らしく、猫は単なる脇役ではなく、作品の主役として生き生きと描かれています。</p>
          <figure>
            <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.neko2.jpg?cmsp_timestamp=20230213152144" alt="たくさんの猫が集まっている絵と、赤い首輪をした猫を大きく描いた絵" loading="lazy" decoding="async">
            <figcaption>左：歌川国芳「たとゑ尽の内」　右：歌川国芳「鼠よけの猫」</figcaption>
          </figure>
        </div>

        <div class="tnode">
          <span class="year gothic">1841〜</span>
          <h3>天保の改革、風刺で挑む</h3>
          <p>老中・水野忠邦による天保の改革では、庶民の娯楽が厳しく取り締まられ、役者絵や遊女を描く絵など人気ジャンルにも規制が及びました。国芳は、そうした時代の中で戯画や風刺画に活路を見いだします。</p>
          <p>「源頼光公館土蜘作妖怪図」は、表向きは源頼光の土蜘蛛退治を描いた作品。しかし実際には、天保の改革を進める為政者たちと、それに怨嗟の声をあげる庶民の姿を重ねた、きわどい風刺画とされています。</p>
          <figure>
            <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.musashi.jpg?cmsp_timestamp=20230210202411" alt="大勢の人物が集まった絵と、顔をいたずら描きのように並べた絵" loading="lazy" decoding="async">
            <figcaption>左：歌川国芳「源頼光公館土蜘作妖怪図」　右：歌川国芳「荷宝蔵壁のむだ書」</figcaption>
          </figure>
        </div>

        <div class="tnode">
          <span class="year gothic">そして</span>
          <h3>庶民に愛された奇想の絵師</h3>
          <p>国芳の戯画や風刺画は江戸の人々を大いに楽しませました。一部の作品は発禁となり、奉行所に呼ばれることもありましたが、国芳は武者絵、戯画、風景画、美人画、役者絵、子ども絵など幅広い分野で活躍し、多くの弟子を育てました。</p>
          <p>やがて浮世絵は海を渡り、ゴッホやモネら西洋の画家たちにも影響を与えていきます。</p>
        </div>

        <div class="tnode">
          <span class="year gothic">余話</span>
          <h3>猫はいつ、日本へやってきた？</h3>
          <p>日本の猫については、古くから仏教の経典をネズミから守るため、中国から渡ってきたという説が知られています。一方で、近年は弥生時代の遺跡からイエネコとみられる骨が見つかるなど、猫と日本人の関わりはさらに古い可能性も指摘されています。</p>
          <p>平安時代の『源氏物語』「若菜上」には、貴族のもとで飼われる唐猫が登場します。自由気ままで、どこか謎めいた存在としての猫。その長い歴史も、国芳の猫の魅力につながっているのかもしれません。</p>
          <figure>
            <img src="https://img07.shop-pro.jp/PA01030/401/etc/kuniyoshi.neko.his.jpg?cmsp_timestamp=20230213152144" alt="御簾（みす）の中に猫がいる物語風の絵と、巨大な猫を描いた芝居の絵" loading="lazy" decoding="async">
            <figcaption>左：西川祐信「源氏物語図 若菜上」　右：歌川国芳「見立東海道五十三次 岡部 猫石の由来」</figcaption>
          </figure>
        </div>

      </div>
    </div>

    <label for="storymore" class="story-btn gothic"><span>国芳の生涯をもっと読む</span></label>
  </section>

</div>

<!-- ============================================================
  ↓↓↓ ここから下は共通パーツ（スライダー＋共通説明＋関連リンク）
  ※ 上の新コンポーネントと重複する「導入バナー」「国芳紹介」ブロックは
     二重表示を避けるため省いています（HERO / INTRO / THE ARTIST / 栃木レザーで対応済み）。
  ※ スライダー・アコーディオン・関連商品は現行ページのJS（テーマ側）で動作します。
============================================================ -->

<!-- スライダー（商品写真ギャラリー）は削除済み -->

<!-- 共通説明（SPEC・選ばれる理由・使い方・日本製・革のお手入れ・FAQ 等の埋め込み） -->
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-kuniyoshi.webp" alt="歌川国芳「猫飼好五十三疋」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「其まま地口猫飼好五十三疋」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479194">
    <link>https://quatrogats.com/?pid=193479194</link>
    <title>革のアクセサリー｜尾形光琳「風神雷神図屏風」金｜JAPANレザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#2E2A24;--c-band-rgb:46,42,36;--c-head:#33302A;--c-feat:#3E382F;--c-accent:#D9A62E;--c-accent-lt:#E8C471;--c-eyebrow:#8A7340;--c-num:#B8442A;--c-tab:#EFE9E1;--c-bio:#E8E2D8;--c-namehalo:radial-gradient(ellipse at center,rgba(8,6,5,.58) 0%,rgba(16,13,11,.28) 48%,rgba(16,13,11,0) 70%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/09/fujin-hero-bg-korin-pc.jpg);--hero-pos:50%;--hero-pos-pc:50%}
#art-lp .ga-hero-inner.ga-hero-nocut{min-height:290px;flex-direction:column;justify-content:flex-end;text-align:center}@media (min-width:768px){#art-lp .ga-hero-inner.ga-hero-nocut{min-height:0;align-items:center;padding-top:190px}}
@media (max-width:767px){#art-lp .ga-hero{--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/09/fujin-hero-bg-korin-sp.jpg)}}@media (max-width:767px){#art-lp .g-kuten{display:none}}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜尾形光琳「風神雷神図屏風」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">風神雷神が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">アートを、身につける。金地の屏風に描かれた「風神雷神図屏風」をモチーフにデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade ga-hero-nocut">
<div class="ga-hero-name">
<h3 class="ga-name">風神雷神図屏風</h3>
<div class="ga-hero-en">FUJIN RAIJIN-ZU BYOBU</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">金の地を<span class="g-pc-punct">、</span><br class="g-sp-br">二神が舞う<span class="g-kuten">。</span></p>
<p class="ga-bio">風神雷神図屏風は、東京国立博物館に伝わる江戸時代の屏風です。風をつかさどる神と、雷をつかさどる神。金箔の地に二神を描いた、琳派の代表作です。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">二人の神と<span class="g-pc-punct">、</span><br class="g-sp-br">金屏風の舞台裏<span class="g-kuten">。</span></h3>
<div class="g-rule"></div>
<div class="g-intro">尾形光琳が金箔の地に描いた「風神雷神図屏風」。二人の神のことと、この屏風のことを、少しだけのぞいてみます。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/fujin-story3-ep1.webp" alt="風神雷神図屏風に描かれた二神。太鼓の輪を背負う雷神と、風の袋をかつぐ風神のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">風を起こす神<span class="g-pc-punct">、</span><br class="g-sp-br">雷を鳴らす神<span class="g-kuten">。</span></h4>
<p>袋をかつぐ風神と、太鼓を背負う雷神。風神は風を、雷神は雷を司る神です。袋と太鼓が、それぞれの役割を表しています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/fujin-story3-ep2.webp" alt="金地に描かれた風神雷神の上へ、太い筆で墨の雲を描き加えているイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">宗達の名作を写し<span class="g-pc-punct">、</span><br class="g-sp-br">光琳の一枚に<span class="g-kuten">。</span></h4>
<p>光琳が宗達の「風神雷神図屏風」を写したのは50代のころ。構図を受け継ぎながら、金箔の地と墨の雲で、光琳らしい表現に変えました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/fujin-story3-ep3.webp" alt="畳の部屋に立てた風神雷神の金屏風と、行灯のそばで本を読む人のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">金屏風は<span class="g-pc-punct">、</span><br class="g-sp-br">暮らしの中にあった<span class="g-kuten">。</span></h4>
<p>屏風は部屋を仕切り、風をよけるための道具でした。金箔には光を反射し、室内を明るく見せる役割もありました。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-fujinraijin.webp" alt="尾形光琳「風神雷神図屏風」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>ジャパンレザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/U2lsdmVyX2Nvbl9iYW5hcg.jpg?cmsp_timestamp=20251125122755" alt="和紙のような質感の日本製 箔レザー&#65372;上品な落ち着いたゴールドの本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Japan Leather<br>
ジャパンレザー</h3>和紙のような質感のある、上品な落ち着いたゴールドの革です。表面に金色の箔が押された日本製の革で、ヌメ革ほど大きくは変わりませんが、使ううちに少しずつ表情が深まります。<br><br>

革らしい温もりと、しなやかでフィットする手触りを楽しめます。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「風神雷神図屏風」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479193">
    <link>https://quatrogats.com/?pid=193479193</link>
    <title>革のアクセサリー｜歌川国芳「相馬の古内裏 がしゃどくろ」 黒｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#241F1D;--c-band-rgb:36,31,29;--c-head:#2E2724;--c-feat:#3B3330;--c-accent:#C9A464;--c-accent-lt:#DDBF8A;--c-accent-lt2:#E8D2A8;--c-accent-lt3:#DDBF8A;--c-eyebrow:#8A7048;--c-num:#B4432E;--c-tab:#EFE9E1;--c-bio:#E8E2D8;--c-namehalo:radial-gradient(ellipse at center,rgba(6,4,4,.80) 0%,rgba(14,11,10,.50) 52%,rgba(14,11,10,0) 76%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/08/gashadokuro-hero-bg-black-v2.jpg);--hero-pos:30%;--hero-pos-pc:36%}
#art-lp .ga-hero-inner.ga-hero-nocut{min-height:290px;flex-direction:column;justify-content:flex-end;text-align:center}@media (min-width:768px){#art-lp .ga-hero-inner.ga-hero-nocut{min-height:0;align-items:center;padding-top:190px}}
@media (min-width:768px){#art-lp{--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/09/gashadokuro-hero-bg-pc-wide-v1.jpg)}}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜歌川国芳「相馬の古内裏 がしゃどくろ」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">がしゃどくろが<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">アートを、身につける。歌川国芳の浮世絵「相馬の古内裏」に描かれた巨大な骸骨、がしゃどくろをモチーフにデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade ga-hero-nocut">
<div class="ga-hero-name">
<h3 class="ga-name">がしゃどくろ</h3>
<div class="ga-hero-en">GASHADOKURO</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">屋敷の外から<span class="g-pc-punct">、</span><br class="g-sp-br">骸骨がのぞく。</p>
<p class="ga-bio">がしゃどくろは、歌川国芳の浮世絵「相馬の古内裏」に描かれた巨大な骸骨です。国芳は江戸時代後期の浮世絵師。「武者絵の国芳」と呼ばれるほど人気を集め、妖怪の絵から戯画まで幅広く描きました。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">この骸骨<span class="g-pc-punct">、</span><br class="g-sp-br">どこから来た？</h3>
<div class="g-rule"></div>
<div class="g-intro">歌川国芳が1845年から1846年ごろに描いた、三枚続きの浮世絵「相馬の古内裏」。絵の中で何が起きているのか、順に見ていきます。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/gashadokuro-story-ep1.webp" alt="焼け落ちて柱が傾いた館を見上げる、若い武将と巻物を持つ姫のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">舞台は、焼け落ちた将門の館。</h4>
<p>相馬の古内裏は、平将門の王城が兵火で廃墟になった場所です。将門の遺児である平良門と滝夜叉姫が、そこで味方を集めていました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/gashadokuro-story-ep2.webp" alt="白い着物の姫が巻物を両手で広げ、そのとなりで腰を落として刀を構える武士のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">骸骨を呼んだのは、滝夜叉姫。</h4>
<p>妖術を使ったのは、将門の娘の滝夜叉姫。巻物を広げて呪文を読むと、御簾を破って巨大な骸骨が現れます。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/gashadokuro-story-mitsukuni.webp" alt="手前に垂れた御簾の裂け目から現れた巨大な骸骨と、背を向けて刀を構える武士のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">骸骨に立ち向かうのは、妖怪退治の武士。</h4>
<p>刀を構えているのは、大宅太郎光国。妖怪退治のために館へやってきた武士です。足元では、家来が身をかがめています。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-kuniyoshi-dokuro.webp" alt="歌川国芳「相馬の古内裏」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「相馬の古内裏 がしゃどくろ」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479191">
    <link>https://quatrogats.com/?pid=193479191</link>
    <title>革のアクセサリー｜「鳥獣戯画」白｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#4A4038;--c-band-rgb:74,64,56;--c-head:#4A4038;--c-feat:#5A4F45;--c-accent:#F2C14E;--c-accent-lt:#F7D488;--c-accent-lt2:#FADFA6;--c-accent-lt3:#F7D488;--c-eyebrow:#7A6242;--c-num:#C8442D;--c-tab:#F0EAE2;--c-bio:#EAE3D9;--c-namehalo:radial-gradient(ellipse at center,rgba(20,15,12,.38) 0%,rgba(30,24,19,.22) 44%,rgba(30,24,19,0) 74%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/08/chojugiga-hero-bg-white-wide.jpg);--hero-pos:100.0%;--hero-pos-pc:53.3%}
#art-lp .ga-hero-inner.ga-hero-nocut{min-height:290px;flex-direction:column;justify-content:flex-end;text-align:center}@media (min-width:768px){#art-lp .ga-hero-inner.ga-hero-nocut{min-height:0;align-items:center;padding-top:190px}}
#art-lp .ga-hero-name::before{inset:-66px -132px;filter:blur(26px)}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜鳥獣戯画などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">鳥獣戯画が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">アートを、身につける。京都・高山寺に伝わる国宝「鳥獣人物戯画」をモチーフにデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade ga-hero-nocut">
<div class="ga-hero-name">
<h3 class="ga-name">鳥獣人物戯画</h3>
<div class="ga-hero-en">CHOJU-JINBUTSU-GIGA</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">セリフなし。<br class="g-sp-br">絵だけで笑える、<span style="white-space:nowrap">最古の漫画</span></p>
<p class="ga-bio">鳥獣人物戯画は、京都・高山寺に伝わる全4巻の国宝です。平安時代後期から鎌倉時代にかけて描かれたと考えられ、作者はわかっていません。各巻に詞書はなく、絵だけで場面が続き、「日本最古の漫画」とも呼ばれています。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">800年前<span class="g-pc-punct">、</span><br class="g-sp-br">動物たちは何をしていた？</h3>
<div class="g-rule"></div>
<div class="g-intro">誰が描いたのか。なぜ描かれたのか。今も謎の多い、鳥獣戯画の世界を少しだけのぞいてみます。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/chojugiga-story-ep1.webp" alt="京都・高山寺のお堂の前、広げた絵巻のそばに立つ鳥獣戯画のうさぎとカエルのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">京都の山に眠る、国宝の絵巻</h4>
<p>鳥獣戯画は、京都・高山寺に伝わる全4巻の国宝。平安時代後期から鎌倉時代にかけて描かれたと考えられています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/chojugiga-story-ep2.webp" alt="硯と筆の置かれた机を見上げる、鳥獣戯画のうさぎとカエルのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">描いたのは、いったい誰？</h4>
<p>作者は、今も謎のまま。鳥羽僧正覚猷とも伝えられてきましたが、現在は複数の絵師が描いたと考えられています。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/chojugiga-story-ep3.webp" alt="蛙が兎を投げ飛ばし、猿や仲間が笑い転げる鳥獣戯画の相撲の場面のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">兎と蛙、勝つのはどっち？</h4>
<p>甲巻の名場面、兎と蛙の相撲。蛙が兎を投げ飛ばし、まわりの動物たちは大笑い。800年前とは思えない、生き生きとした一場面です。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/chojugiga-story-ep4.webp" alt="カエルとうさぎを猿が追いかける、鳥獣戯画の追いかけっこの場面のイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">文字なしで読める、日本最古の漫画</h4>
<p>鳥獣戯画には、物語を説明する詞書がありません。それでも絵を追えば、動物たちの動きや物語が見えてくる。その表現から「日本最古の漫画」とも呼ばれています。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-tyo-white.webp" alt="「鳥獣戯画」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「鳥獣戯画」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2561276"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479190">
    <link>https://quatrogats.com/?pid=193479190</link>
    <title>革のアクセサリー｜「果実 フルーツ」ホワイト 白｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#3a4029;--c-band-rgb:58,64,41;--c-head:#3f4a2e;--c-feat:#4a5238;--c-accent:#cfa952;--c-accent-lt:#dbbb70;--c-accent-lt2:#e3c98a;--c-accent-lt3:#dbbb70;--c-eyebrow:#6f6a3c;--c-num:#a3492f;--c-tab:#e9e8d8;--c-bio:#e6e4d0;--c-namehalo:radial-gradient(ellipse at center,rgba(20,24,10,.50) 0%,rgba(32,38,18,.24) 48%,rgba(32,38,18,0) 70%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-fruit-hero-bg.webp);--hero-pos:40%;--hero-pos-pc:44%}
@media (max-width:767px){.product-freepage-area .kadomaru-button{padding-left:16px;padding-right:16px}.product-freepage-area .kadomaru-button a{font-size:13px}}@media (max-width:360px){.product-freepage-area .kadomaru-button{padding-left:10px;padding-right:10px}.product-freepage-area .kadomaru-button a{display:inline-block;text-wrap:balance;line-height:1.45}}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜モリス「果実」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">モリスの「果実」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">アートを、身につける。モリスが早い時期に手がけた壁紙「果実」をモチーフに、ザクロやレモンの実る枝をデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-cut-profile.webp" alt="壁紙の版木と刷毛を持つウィリアム・モリスのイラスト" width="728" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">ウィリアム・モリス</h3>
<div class="ga-hero-en">William Morris</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">暮らしの中に、美しいものを。</p>
<p class="ga-bio">ウィリアム・モリスは、19世紀イギリスの図案家。壁紙や織物を手がけ、機械でつくられた品が一気に増えた時代に、手仕事の美しさを取り戻そうとしました。<br><br>「役に立つもの、美しいと信じられるもの以外は、家に置かないこと」。その考えはアーツ・アンド・クラフツ運動へ広がり、今のデザインにも受け継がれています。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">柄が生まれ、広がっていくまでの<br class="g-sp-br">モリスの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">モリスは絵ではなく、暮らしで使うものをつくった人でした。その柄はどう生まれ、考えはどこまで届いたのでしょう。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep1-v2.webp" alt="歯車や煙突が並ぶ機械の時代に、木の椅子を手で組み立てるウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">機械の時代に、手仕事を選んだ。</h4>
<p>工場でつくる品が当たり前になっていく19世紀。モリスはその作り方に疑問を持ち、自分の手で仕上げることを選びます。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep2-v2.webp" alt="机に向かい、壁紙の版木に図案を彫るウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">暮らしの品を、仲間とつくった。</h4>
<p>1861年、画家や建築家の仲間と会社を立ち上げます。家具、壁紙、織物、ステンドグラス。家の中で使うものを、手仕事でつくりました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep3-v2.webp" alt="庭でいちごやザクロ、ツグミに囲まれ、スケッチブックに草花を写すウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">草花と鳥を、暮らしの図案にした。</h4>
<p>図案のもとは、身のまわりの植物と鳥。壁紙の「果実」にはザクロやレモン、布の「いちご泥棒」にはツグミが描かれています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep4-v2.webp" alt="草花の図案を次の世代の作り手へ差し出すウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">手仕事の価値が、運動へ広がった。</h4>
<p>モリスのやり方は、次の世代の作り手たちに受け継がれました。のちのアーツ・アンド・クラフツ運動は、ここから始まったとされています。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-morris-fruit.webp" alt="ウィリアム&#12539;モリス「果実」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「果実 フルーツ」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2850748"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479189">
    <link>https://quatrogats.com/?pid=193479189</link>
    <title>革のアクセサリー｜「いちご泥棒 Strawberry Thief」ネイビー｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#1d3348;--c-band-rgb:29,51,72;--c-head:#1e344a;--c-feat:#2a4360;--c-accent:#d8a06a;--c-accent-lt:#e6b98c;--c-accent-lt2:#eecba4;--c-accent-lt3:#e6b98c;--c-eyebrow:#7c6a4a;--c-num:#a03c2e;--c-tab:#e2e8ef;--c-bio:#e4e0d2;--c-namehalo:radial-gradient(ellipse at center,rgba(6,18,34,.50) 0%,rgba(12,28,50,.24) 48%,rgba(12,28,50,0) 70%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-bird-hero-bg.webp);--hero-pos:32%;--hero-pos-pc:38%}
@media (max-width:767px){.product-freepage-area .kadomaru-button{padding-left:16px;padding-right:16px}.product-freepage-area .kadomaru-button a{font-size:13px}}@media (max-width:360px){.product-freepage-area .kadomaru-button{padding-left:10px;padding-right:10px}.product-freepage-area .kadomaru-button a{display:inline-block;text-wrap:balance;line-height:1.45}}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜モリス「いちご泥棒」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">モリスの「いちご泥棒」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">アートを、身につける。モリスが手がけた布の柄「いちご泥棒」をモチーフに、いちごをつつくツグミと草花をデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-cut-profile.webp" alt="壁紙の版木と刷毛を持つウィリアム・モリスのイラスト" width="728" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">ウィリアム・モリス</h3>
<div class="ga-hero-en">William Morris</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">暮らしの中に、美しいものを。</p>
<p class="ga-bio">ウィリアム・モリスは、19世紀イギリスの図案家。壁紙や織物を手がけ、機械でつくられた品が一気に増えた時代に、手仕事の美しさを取り戻そうとしました。<br><br>「役に立つもの、美しいと信じられるもの以外は、家に置かないこと」。その考えはアーツ・アンド・クラフツ運動へ広がり、今のデザインにも受け継がれています。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">柄が生まれ、広がっていくまでの<br class="g-sp-br">モリスの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">モリスは絵ではなく、暮らしで使うものをつくった人でした。その柄はどう生まれ、考えはどこまで届いたのでしょう。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep1-v2.webp" alt="歯車や煙突が並ぶ機械の時代に、木の椅子を手で組み立てるウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">機械の時代に、手仕事を選んだ。</h4>
<p>工場でつくる品が当たり前になっていく19世紀。モリスはその作り方に疑問を持ち、自分の手で仕上げることを選びます。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep2-v2.webp" alt="机に向かい、壁紙の版木に図案を彫るウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">暮らしの品を、仲間とつくった。</h4>
<p>1861年、画家や建築家の仲間と会社を立ち上げます。家具、壁紙、織物、ステンドグラス。家の中で使うものを、手仕事でつくりました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep3-v2.webp" alt="庭でいちごやザクロ、ツグミに囲まれ、スケッチブックに草花を写すウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">草花と鳥を、暮らしの図案にした。</h4>
<p>図案のもとは、身のまわりの植物と鳥。壁紙の「果実」にはザクロやレモン、布の「いちご泥棒」にはツグミが描かれています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/morris-story-ep4-v2.webp" alt="草花の図案を次の世代の作り手へ差し出すウィリアム・モリスのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">手仕事の価値が、運動へ広がった。</h4>
<p>モリスのやり方は、次の世代の作り手たちに受け継がれました。のちのアーツ・アンド・クラフツ運動は、ここから始まったとされています。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-morris-bird.webp" alt="ウィリアム&#12539;モリス「いちご泥棒」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「いちご泥棒 Strawberry Thief」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2850748"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479188">
    <link>https://quatrogats.com/?pid=193479188</link>
    <title>革のアクセサリー｜「meditation magic」ヒルマ・アフ・クリント｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#402a3a;--c-band-rgb:64,42,58;--c-head:#46303f;--c-feat:#4d3644;--c-accent:#d9a83c;--c-accent-lt:#e6bd58;--c-accent-lt2:#f0d287;--c-accent-lt3:#e6bd58;--c-eyebrow:#8a6b3a;--c-num:#c4402f;--c-tab:#f0e4de;--c-bio:#ece0da;--c-featbody:#efe5df;--c-namehalo:radial-gradient(ellipse at center,rgba(26,14,22,.82) 0%,rgba(40,26,36,.55) 45%,rgba(40,26,36,0) 72%);--c-glow-rgb:40,26,36;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/hilma-hero-bg.webp);--hero-pos:32%;--hero-pos-pc:38%}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜ヒルマ・アフ・クリント「The Ten Largest」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">ヒルマ・アフ・クリント「The Ten Largest」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">名画を、身につける。ヒルマ・アフ・クリントが描いた10枚組《The Ten Largest》の1枚をモチーフにした、革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/hilma-cut-profile-v2.webp" alt="絵筆を持った画家ヒルマ・アフ・クリントのイラスト" width="652" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">ヒルマ・<br class="g-sp-br">アフ・クリント</h3>
<div class="ga-hero-en">Hilma af Klint</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">カンディンスキーより早く、<br>抽象画へ。</p>
<p class="ga-bio">ヒルマ・アフ・クリントは、19世紀末から20世紀前半に活動したスウェーデンの画家。注文を受けて風景画や肖像画を描くかたわら、円や螺旋、植物を思わせるかたちを鮮やかな色で並べた絵を、描きためていました。<br><br>ただ、その絵を発表することは生涯ありませんでした。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">絵が世に出るまでの<span class="g-pc-punct">、</span><br class="g-sp-br">ヒルマの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">ヒルマの絵が広く人前に出たのは、亡くなったあとのことでした。それまでに何があったのでしょう。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/hilma-story-ep1-v2.webp" alt="イーゼルに立てたカンバスに風景画を描く若き日のヒルマ・アフ・クリントのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">美術学校を出て、画家になる</h4>
<p>1862年、ストックホルムに生まれたヒルマ。1882年から1887年まで王立美術アカデミーで学び、卒業後は絵の注文を受けて暮らしを立てました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/08/hilma-story-ep2-v3.webp" alt="デ・フェムの5人と紙に曲線を描くヒルマ・アフ・クリントのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">4人の女性と、5人になる。</h4>
<p>「5人（デ・フェム）」という集まりを4人の女性とつくったのは、1896年。神秘思想に関心を寄せ、仲間とともに線やかたちを描く試みを重ねました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/hilma-story-ep3-v2.webp" alt="大きな紙に山吹色の花のかたちを描くヒルマ・アフ・クリントのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">3メートルを超える絵を、10枚。</h4>
<p>1906年、ヒルマは「神殿のための絵画」と呼ばれる連作に取りかかります。翌年に描いた《The Ten Largest》は、10枚でひとつの作品。紙にテンペラで描き、キャンバスに貼り合わせたもので、幼少期から老年期まで、人生の4つの時期が順に表現されています。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/hilma-story-ep4-v2.webp" alt="布をかけた絵に手を添え展示室を思い描くヒルマ・アフ・クリントのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">公開は、死後20年のあと。</h4>
<p>作品は死後20年のあいだ世に出さない。ヒルマはその意向を遺し、1944年に世を去ります。2018年から2019年にかけて、ニューヨークのグッゲンハイム美術館で回顧展「未来の絵画」が開かれ、同館史上最多となる60万人以上が訪れました。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-hilma.webp" alt="ヒルマ&#12539;アフ&#12539;クリント「The Ten Largest」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「meditation magic」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2904940"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479183">
    <link>https://quatrogats.com/?pid=193479183</link>
    <title>革のアクセサリー｜「Boogie woogie」モンドリアン｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#1a1b31;--c-band-rgb:26,27,49;--c-head:#22243d;--c-feat:#262842;--c-accent:#d6b81a;--c-accent-lt:#e2c93f;--c-accent-lt2:#ecd968;--c-accent-lt3:#e2c93f;--c-eyebrow:#8a7420;--c-num:#a02524;--c-tab:#e8eaee;--c-bio:#e4e6ec;--c-featbody:#e8eaee;--c-glow-rgb:18,19,36;--c-namehalo:radial-gradient(ellipse at center,rgba(12,13,26,.82) 0%,rgba(20,21,40,.55) 45%,rgba(20,21,40,0) 72%);--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-hero-bg.webp);--hero-pos:32%;--hero-pos-pc:38%}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜モンドリアン「ヴィクトリー・ブギウギ」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">モンドリアン<br class="g-sp-br">「ヴィクトリー・ブギウギ」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">名画を、身につける。ニューヨークで描かれた未完の遺作《ヴィクトリー・ブギウギ》をモチーフに、赤・黄・青の四角が刻むリズムをデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-cut-profile.webp" alt="絵筆と三原色のパレットを持ったピエト・モンドリアンのイラスト" width="617" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">ピエト・<br class="g-sp-br">モンドリアン</h3>
<div class="ga-hero-en">Piet Mondrian</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">風景から、線と色の世界へ。</p>
<p class="ga-bio">ピエト・モンドリアンは、1872年オランダ生まれの画家。風景画から出発し、目に見えるものを少しずつそぎ落として、赤・黄・青の三原色と垂直・水平の線にたどり着きました。その形は絵画を超え、建築やデザインにも広がっています。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">三原色にたどり着くまでの<span class="g-pc-punct">、</span><br class="g-sp-br">モンドリアンの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">オランダで風景画を描いていたモンドリアン。パリで形をそぎ落とし、三原色と直線にたどり着きます。晩年のニューヨークでは、街や音楽から刺激を受け、より動きのある作品を描きました。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-story-ep1.webp" alt="オランダで風景画を描いていた若き日のピエト・モンドリアンのイラスト&#65372;抽象へ向かう前" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">風景画から、はじまった。</h4>
<p>1872年、オランダの生まれ。画家を志し、アムステルダム周辺の風景や静物を描きつづけました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-story-ep2.webp" alt="パリで目に見える形をそぎ落としていくピエト・モンドリアンのイラスト&#65372;抽象への道のり" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">見えるものを、そぎ落とす。</h4>
<p>1912年、パリへ。当時広まっていた神智学に触れ、移ろう世界の奥に変わらない調和がある、と考えます。形を削る道がはじまりました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-story-ep3.webp" alt="デ・ステイルを結成し三原色と垂直水平の線にたどり着いたピエト・モンドリアンのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">三原色と直線の絵へ</h4>
<p>1914年、父の看病でオランダへ戻り、大戦によってパリへ戻れなくなったモンドリアン。海や風景を線と形で描き、1917年には仲間と「デ・ステイル」を結成。やがて、赤・黄・青と水平・垂直の線を使う作風へ進みました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/mondrian-story-ep4.webp" alt="ニューヨークでジャズをかけヴィクトリー・ブギウギを描くピエト・モンドリアンのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">ニューヨークで、踊る。</h4>
<p>1938年ロンドン、1940年ニューヨークへ。アトリエで蓄音機のジャズをかけ、ブギウギに熱中します。未完のまま遺されたのが、この一枚です。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-mondrian.webp" alt="モンドリアン「ヴィクトリー&#12539;ブギウギ」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「Boogie woogie」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2904940"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479182">
    <link>https://quatrogats.com/?pid=193479182</link>
    <title>革のアクセサリー｜「Sound Space」カンディンスキー｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#2a2033;--c-band-rgb:42,32,51;--c-head:#33283e;--c-feat:#3a2d47;--c-accent:#dfb434;--c-accent-lt:#e8c65a;--c-accent-lt2:#f0d47a;--c-accent-lt3:#e8c65a;--c-eyebrow:#8a6f33;--c-num:#cd342f;--c-tab:#ebe4d4;--c-bio:#e8e1d2;--c-featbody:#ebe4d6;--c-namehalo:radial-gradient(ellipse at center,rgba(18,12,24,.82) 0%,rgba(26,18,34,.55) 45%,rgba(26,18,34,0) 72%);--c-glow-rgb:26,18,34;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-hero-bg2.webp);--hero-pos:32%;--hero-pos-pc:38%}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜カンディンスキー「コンポジションVIII」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">カンディンスキー<br class="g-sp-br">「コンポジションVIII」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">名画を、身につける。バウハウス時代に描かれた《コンポジションVIII》をモチーフに、円や三角、直線が重なる構成をデザインした革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-cut-profile-v3.webp" alt="絵筆とパレットを持ったワシリー・カンディンスキーのイラスト" width="652" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">ワシリー・<br class="g-sp-br">カンディンスキー</h3>
<div class="ga-hero-en">Wassily Kandinsky</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">抽象絵画を切り開いた画家。</p>
<p class="ga-bio">ワシリー・カンディンスキーは、ロシアに生まれ、ドイツやフランスで活躍した画家です。法律と経済を学んだのち、30歳ごろから本格的に絵の道へ進みました。<br><br>目に見えるものをそのまま描くのではなく、色や線、形で感情や音の響きを表現。抽象絵画の先駆者のひとりとして、近代美術に大きな影響を与えました。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">抽象画にたどり着くまでの<span class="g-pc-punct">、</span><br class="g-sp-br">カンディンスキーの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">モスクワで法学の道を歩んでいたカンディンスキー。モネの一枚に心を動かされ、逆さに置かれた自分の絵に答えを見ます。バウハウスで教えていた1923年、「コンポジションVIII」が生まれました。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-story-ep1.webp" alt="モスクワ大学で法律を学んだ若き日のワシリー・カンディンスキーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">法学者として、歩きはじめた。</h4>
<p>1866年、モスクワの生まれ。大学で法律と経済を学び、試験に合格して法学部の助手になりました。絵はまだ、仕事ではありません。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-story-ep2.webp" alt="美術展でモネの積み藁の前に立つワシリー・カンディンスキーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">モネの一枚が、進路を変えた。</h4>
<p>1896年、モスクワのフランス美術展でモネの「積み藁」を見ます。何が描かれているのか分からないのに、美しい。30歳で画家を志し、ミュンヘンへ渡りました。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-story-ep3.webp" alt="上下逆に立てかけられた自分のデッサンに見入るワシリー・カンディンスキーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">逆さの絵が、答えになった。</h4>
<p>アトリエで、置かれていた一枚の絵に強く感動します。よく見ると、それは上下逆の自分のデッサン。色と形だけで心は動く、と確信しました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/kandinsky-story-ep4.webp" alt="バウハウスでコンポジションVIIIを描くワシリー・カンディンスキーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">バウハウスで、あの一枚を描く。</h4>
<p>絵を音楽のように考えたカンディンスキー。1922年からバウハウスで形と色の関係を教え、1923年「コンポジションVIII」が生まれます。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-kandinsky.webp" alt="カンディンスキー「コンポジションVIII」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「Sound Space」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2904940"
data-layout="carousel"
style="display:none;"></p>

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

  <item rdf:about="https://quatrogats.com/?pid=193479181">
    <link>https://quatrogats.com/?pid=193479181</link>
    <title>革のアクセサリー｜「ねずみ」｜栃木レザー・本革｜ピアス・イヤリング</title>
    <description>

#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7...</description>
<content:encoded><![CDATA[
<div id="art-lp">
<style>
#art-lp{--c-ink:#2b2b2b;--c-paper:#fff;--c-head:#1c2b52;--c-band:#16264a;--c-band-rgb:22,38,74;--c-feat:#2d4168;--c-accent:#d9a62e;--c-accent-lt:#e2b84f;--c-accent-lt2:#f0c95f;--c-accent-lt3:#e0b84f;--c-eyebrow:#8f7a3d;--c-num:#c8161d;--c-cream:#f7f3e9;--c-cream-rgb:247,243,233;--c-name:#fdfaf2;--c-bio:#e6e0cf;--c-featbody:#ece8df;--c-tab:#e0e7f1;--c-glow-rgb:253,250,242;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/gogh-hero-bg2.jpg);--c-namehalo:radial-gradient(ellipse at center,rgba(7,16,40,.38) 0%,rgba(12,25,57,.18) 48%,rgba(12,25,57,0) 68%)}
#art-lp{max-width:860px;margin:0 auto;padding:0 16px 8px;background:var(--c-paper);color:var(--c-ink);font-size:15px;line-height:1.95;text-align:left}
#art-lp img{max-width:100%;height:auto;display:block;border:0}
#art-lp .g-eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:12px;letter-spacing:.22em;color:var(--c-eyebrow);text-align:center;margin:0 0 10px}
#art-lp h2.g-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:26px 0 14px;letter-spacing:.04em}
#art-lp h3.g-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:21px;line-height:1.6;font-weight:600;color:var(--c-head);text-align:center;margin:0 0 16px;letter-spacing:.04em}
#art-lp h4.g-sub{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;line-height:1.6;font-weight:600;color:var(--c-head);margin:14px 0 8px;letter-spacing:.03em}
#art-lp .g-rule{width:44px;height:3px;background:var(--c-accent);margin:0 auto 22px;border-radius:2px}
#art-lp .g-lead{text-align:left;margin:0 auto 40px;max-width:640px}
#art-lp .g-fig{margin:0}
#art-lp .g-photo{border-radius:14px;overflow:hidden}
#art-lp .ga{position:relative;margin:0 0 0;padding:0;background:var(--c-band);overflow:hidden;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-hero{position:relative;background:var(--c-band) var(--hero-bg) center var(--hero-pos,32%)/cover no-repeat;padding:24px 20px 0;overflow:hidden}
#art-lp .ga-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46%;background:linear-gradient(180deg,rgba(var(--c-band-rgb),0) 30%,rgba(var(--c-band-rgb),1) 100%);pointer-events:none;z-index:1}
#art-lp .ga-wave{position:absolute;left:0;right:0;bottom:-1px;z-index:1;line-height:0}
#art-lp .ga-wave svg{display:block;width:100%;height:120px}
#art-lp .ga-hero-inner{position:relative;z-index:2;display:flex;flex-direction:column-reverse;align-items:center;text-align:center}
#art-lp .ga-hero-fig{max-width:200px;margin:0 auto}
#art-lp .ga-hero-fig{position:relative;z-index:0}
#art-lp .ga-hero-fig img{position:relative;width:100%;display:block;filter:drop-shadow(0 0 3px rgba(var(--c-glow-rgb),.55)) drop-shadow(0 10px 22px rgba(0,0,0,.6))}
#art-lp .ga-hero-name{margin:0 0 4px}
#art-lp .ga-name{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:26px;font-weight:600;color:var(--c-name);line-height:1.5;margin:0;letter-spacing:.06em;text-shadow:0 2px 16px rgba(0,0,0,.55)}
#art-lp .ga-hero-en{font-family:Georgia,serif;font-size:13px;letter-spacing:.34em;color:var(--c-accent-lt);margin:11px 0 0;text-shadow:0 2px 12px rgba(0,0,0,.5)}
#art-lp .ga-hero-name{position:relative;isolation:isolate;padding:10px 14px}
#art-lp .ga-hero-name::before{content:"";position:absolute;z-index:-1;inset:-5px -9px;background:var(--c-namehalo);filter:blur(4px);pointer-events:none}
#art-lp .ga-name{text-shadow:0 2px 3px rgba(0,0,0,.9),0 0 18px rgba(4,10,28,.95)}
#art-lp .ga-hero-en{color:var(--c-accent-lt2);text-shadow:0 2px 3px rgba(0,0,0,.95),0 0 14px rgba(4,10,28,1)}
#art-lp .ga-band{background:var(--c-band);text-align:center;padding:2px 20px 30px}
#art-lp .ga-tagline{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:19px;font-weight:600;color:var(--c-accent-lt);margin:0;letter-spacing:.04em;line-height:1.6}
#art-lp .ga-bio{margin:15px auto 0;max-width:330px;color:var(--c-bio);font-size:15px;line-height:1.95;text-align:left}
#art-lp .ga-chev{color:var(--c-accent-lt);font-size:22px;line-height:1;margin:22px 0 2px}
#art-lp .ga-brush{position:relative;z-index:1;line-height:0;margin:-20px 0 0;width:var(--ga-vw,100vw);margin-left:calc(50% - var(--ga-vw,100vw)/2)}
#art-lp .ga-brush svg{display:block;width:100%;height:96px}
#art-lp .g-credit{text-align:center;font-size:11px;color:#a99c85;margin:24px auto 0;letter-spacing:.04em}
#art-lp .g-story{margin:0 0 8px}
#art-lp .g-intro{text-align:left;max-width:620px;margin:0 auto 34px}
#art-lp .g-ep{margin:0 0 44px}
#art-lp .g-num{font-family:Georgia,"Times New Roman",serif;font-size:13px;letter-spacing:.2em;color:var(--c-num);margin:16px 0 4px}
#art-lp .g-ep h4.g-sub{margin-top:2px}
#art-lp .g-ep p{margin:0}
#art-lp .g-band-night{background:#16234a;background:linear-gradient(165deg,#1d2c58 0%,#131d3e 100%);border-radius:20px;padding:38px 20px 34px;margin:6px 0 48px;color:#f0ecdf;text-align:center}
#art-lp .g-band-night .g-fig{max-width:560px;margin:0 auto 10px}
#art-lp .g-band-night img{border-radius:12px;box-shadow:0 10px 34px rgba(0,0,0,.45)}
#art-lp .g-caption{font-size:12px;color:#c9c3ae;letter-spacing:.08em;margin:0 0 26px}
#art-lp .g-band-night h3.g-head{color:#f6f2e4}
#art-lp .g-band-night .g-rule{background:var(--c-accent)}
#art-lp .g-band-night p{max-width:600px;margin:0 auto;text-align:center}
#art-lp .g-detail{margin:0 0 46px}
#art-lp .g-detail .g-num{color:var(--c-eyebrow)}
#art-lp .g-detail p{margin:0}
#art-lp .g-gift{text-align:center;color:#555;margin:0 0 52px}
#art-lp .g-links{margin:0 0 26px}
#art-lp .g-link-card{display:block;text-decoration:none;border-radius:16px;padding:24px 20px;margin:0 0 14px;border:1px solid #e0dacb;background:#faf8f2;color:var(--c-head)}
#art-lp .g-link-card.g-link-night{background:#1a2750;border-color:#1a2750;color:#f6f2e4}
#art-lp .g-link-label{font-family:Georgia,"Times New Roman",serif;font-size:11px;letter-spacing:.2em;display:block;margin:0 0 6px;color:var(--c-accent)}
#art-lp .g-link-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:17px;font-weight:600;display:block;line-height:1.6}
#art-lp .g-link-note{font-size:12px;display:block;margin-top:4px;opacity:.75}
#art-lp .g-sp-only{display:inline}
#art-lp{--ge:cubic-bezier(.23,1,.32,1)}
#art-lp.g-js .g-figrev img{opacity:0;transform:translateY(16px) scale(.985);filter:blur(8px);transition:opacity .9s var(--ge),transform .9s var(--ge),filter .9s var(--ge)}
#art-lp.g-js .g-figrev.g-in img{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}
#art-lp.g-js .g-slow img{transition-duration:1.2s}
#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption{opacity:0;transform:translateX(-14px);transition:opacity .6s var(--ge),transform .6s var(--ge)}
#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head{opacity:0;transform:translateY(12px);transition:opacity .7s var(--ge) .12s,transform .7s var(--ge) .12s}
#art-lp.g-js .g-headgrp .g-rule{width:0;transition:width .55s var(--ge) .3s}
#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p{opacity:0;transition:opacity .8s var(--ge) .42s}
#art-lp.g-js .g-headgrp.g-in .g-eyebrow,#art-lp.g-js .g-headgrp.g-in .g-caption{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-headgrp.g-in h2.g-title,#art-lp.g-js .g-headgrp.g-in h3.g-head{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-headgrp.g-in .g-rule{width:44px}
#art-lp.g-js .g-headgrp.g-in .g-lead,#art-lp.g-js .g-headgrp.g-in .g-intro,#art-lp.g-js .g-headgrp.g-in p{opacity:1}
#art-lp.g-js .g-txtrev .g-num{opacity:0;transform:translateX(-12px);transition:opacity .55s var(--ge),transform .55s var(--ge)}
#art-lp.g-js .g-txtrev h4.g-sub{opacity:0;transform:translateY(10px);transition:opacity .65s var(--ge) .1s,transform .65s var(--ge) .1s}
#art-lp.g-js .g-txtrev p{opacity:0;transition:opacity .75s var(--ge) .24s}
#art-lp.g-js .g-txtrev.g-in .g-num{opacity:1;transform:translateX(0)}
#art-lp.g-js .g-txtrev.g-in h4.g-sub{opacity:1;transform:translateY(0)}
#art-lp.g-js .g-txtrev.g-in p{opacity:1}
#art-lp.g-js .g-fade{opacity:0;transform:translateY(14px);transition:opacity .7s var(--ge),transform .7s var(--ge)}
#art-lp.g-js .g-fade.g-in{opacity:1;transform:translateY(0)}
#art-lp.g-js .ga-hero-inner.g-fade{transition-delay:.2s}
#art-lp.g-js .g-links a.g-fade:nth-child(2){transition-delay:.12s}
@media (min-width:768px){
#art-lp{font-size:16px}
#art-lp h2.g-title{font-size:24px}
#art-lp h3.g-head{font-size:24px}
#art-lp h4.g-sub{font-size:20px}
#art-lp .g-sp-only{display:none}
#art-lp .ga-hero{background-position:center var(--hero-pos-pc,38%);padding:0;min-height:448px;display:flex;align-items:center}
#art-lp .ga-hero::after{height:44%}
#art-lp .ga-brush svg{height:120px}
#art-lp .ga-hero-inner{flex-direction:row;justify-content:center;align-items:center;gap:38px;max-width:900px;margin:0 auto;padding:38px 24px;text-align:left}
#art-lp .ga-hero-fig{flex:0 0 248px;max-width:248px;margin:0}
#art-lp .ga-hero-name{margin:0}
#art-lp .ga-name{font-size:33px;letter-spacing:.07em}
#art-lp .ga-hero-en{font-size:14px;letter-spacing:.4em;margin-top:14px}
#art-lp .ga-band{padding:12px 24px 40px}
#art-lp .ga-tagline{font-size:23px}
#art-lp .ga-bio{font-size:16px;margin:18px auto 0;max-width:620px;line-height:1.95}
#art-lp .ga-chev{font-size:26px;margin:26px 0 6px}
#art-lp .g-cols{display:flex;align-items:center;gap:38px}
#art-lp .g-cols .g-fig{flex:0 0 44%}
#art-lp .g-cols .g-txt{flex:1}
#art-lp .g-cols-rev{flex-direction:row-reverse}
#art-lp .g-cols .g-num{margin-top:0}
#art-lp .g-band-night{padding:52px 56px 46px}
#art-lp .g-links{display:flex;gap:16px}
#art-lp .g-link-card{flex:1;margin:0}
}
@media (max-width:767px){
#art-lp.g-js .g-figrev img{transform:translateY(10px) scale(.99)}
#art-lp.g-js .g-fade{transform:translateY(10px)}
}
@media (prefers-reduced-motion:reduce){
#art-lp.g-js .g-figrev img,#art-lp.g-js .g-headgrp .g-eyebrow,#art-lp.g-js .g-headgrp .g-caption,#art-lp.g-js .g-headgrp h2.g-title,#art-lp.g-js .g-headgrp h3.g-head,#art-lp.g-js .g-headgrp .g-lead,#art-lp.g-js .g-headgrp .g-intro,#art-lp.g-js .g-headgrp p,#art-lp.g-js .g-txtrev .g-num,#art-lp.g-js .g-txtrev h4.g-sub,#art-lp.g-js .g-txtrev p,#art-lp.g-js .g-fade{opacity:1;transform:none;filter:none;transition:none}
#art-lp.g-js .g-headgrp .g-rule{width:44px;transition:none}
}
#art-lp .g-feat{background:var(--c-band);border-radius:20px;padding:38px 22px 32px;margin:10px 0 50px}@media (max-width:767px){#art-lp .g-feat{box-sizing:border-box;margin-top:0;margin-left:-16px;margin-right:-16px;border-radius:0;padding-left:18px;padding-right:18px;}}#art-lp .g-feat-brush{display:none}@media (max-width:767px){#art-lp .g-feat-brush{display:block;box-sizing:border-box;line-height:0;margin:24px -16px -18px;position:relative;z-index:1}#art-lp .g-feat-brush svg{display:block;width:100%;height:38px;transform:scaleY(-1)}}
#art-lp .g-feat .g-eyebrow{color:var(--c-accent-lt3);margin-bottom:8px}
#art-lp .g-feat-head{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:20px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.04em;margin:0 0 24px}
#art-lp .g-sp-br{display:none}
@media (max-width:767px){#art-lp .g-sp-br{display:inline}#art-lp .g-pc-punct{display:none}}
@media (max-width:359px){#art-lp h3.g-head-story{font-size:18px;letter-spacing:.02em}}
#art-lp .g-feat-sp-break{display:none}
@media (max-width:767px){#art-lp .g-feat-sp-break{display:inline}#art-lp .g-feat-pc-punct{display:none}}
#art-lp .g-feat-hint{text-align:center;font-size:12px;line-height:1.6;color:rgba(var(--c-cream-rgb),.62);letter-spacing:.04em;margin:0 0 10px}
#art-lp .g-feat-tabs{display:flex;justify-content:center;gap:4px;border-bottom:1px solid rgba(var(--c-cream-rgb),.18);margin:0 0 24px}
#art-lp .g-feat-tab{position:relative;flex:1;min-width:0;text-align:center;-webkit-appearance:none;appearance:none;background:transparent;border:0;border-bottom:2px solid rgba(var(--c-cream-rgb),.34);margin-bottom:-1px;cursor:pointer;font-family:inherit;font-size:13px;line-height:1.4;white-space:normal;color:var(--c-tab);letter-spacing:.01em;padding:11px 6px 12px;transition:color .25s var(--ge),border-color .25s var(--ge),background .2s var(--ge)}
@media (max-width:767px){#art-lp .g-feat-tab{font-size:12px;letter-spacing:0;padding-left:4px;padding-right:4px;text-wrap:balance}}
#art-lp .g-feat-tab:hover{background:rgba(var(--c-cream-rgb),.06)}
#art-lp .g-feat-tab.is-on{color:var(--c-cream);border-bottom-color:var(--c-accent);font-weight:600}
#art-lp .g-feat-tab::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:rgba(var(--c-cream-rgb),.95);transform:scaleX(0);transform-origin:left center;opacity:0;pointer-events:none}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:g-tab-draw .44s var(--ge) both}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(2)::after{animation-delay:.14s}
#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab:nth-child(3)::after{animation-delay:.28s}
@keyframes g-tab-draw{0%{transform:scaleX(0);opacity:.95}70%{transform:scaleX(1);opacity:.95}100%{transform:scaleX(1);opacity:0}}
@media (prefers-reduced-motion:reduce){#art-lp .g-feat-tabs.g-tabs-in .g-feat-tab::after{animation:none}}
#art-lp .g-feat-panel{display:none}
#art-lp .g-feat-panel.is-on{display:block;animation:g-feat-in .5s var(--ge)}
@keyframes g-feat-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
#art-lp .g-feat-fig{margin:22px 0 0;border-radius:14px;overflow:hidden;box-shadow:0 8px 26px rgba(20,30,60,.14)}
#art-lp .g-feat-title{font-family:"Hiragino Mincho ProN","Yu Mincho","MS Mincho",serif;font-size:18px;font-weight:600;color:var(--c-cream);text-align:center;letter-spacing:.03em;margin:0 0 10px}
#art-lp .g-feat-body{max-width:600px;margin:0 auto;text-align:left;color:var(--c-featbody)}
@media (min-width:768px){
#art-lp .g-feat{padding:52px 56px 46px}
#art-lp .g-feat-head{font-size:24px}
#art-lp .g-feat-tab{font-size:15px}
#art-lp .g-feat-title{font-size:21px}
}

#art-lp{--c-band:#3f3f34;--c-band-rgb:63,63,52;--c-head:#4a4034;--c-feat:#535344;--c-accent:#e89a70;--c-accent-lt:#f0b492;--c-accent-lt2:#f6cdb4;--c-accent-lt3:#f0b492;--c-eyebrow:#7a6238;--c-num:#bf4a28;--c-namehalo:radial-gradient(ellipse at center,rgba(14,14,9,.62) 0%,rgba(30,30,22,.30) 48%,rgba(30,30,22,0) 68%);--c-glow-rgb:20,20,14;--hero-bg:url(https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-nezumi-hero-bg2.webp);--hero-pos:50%;--hero-pos-pc:50%}
</style>

<div class="g-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜クレー「棘の罠とねずみ」などをあしらった革のピアス・イヤリングや革小物が並ぶバナー" width="950" height="633"></div>

<div class="g-rev g-headgrp">
<h2 class="g-title">クレー「棘の罠とねずみ」が<br class="g-sp-br">アクセサリーに</h2>
<div class="g-rule"></div>
<div class="g-lead">名画を、身につける。パウル・クレーが1923年に描いた「棘の罠とねずみ」をモチーフにした、革のアクセサリー。ピアスとイヤリングの2種類から選べます。</div>
</div>

<div class="ga">
<div class="ga-hero">
<div class="ga-hero-inner g-rev g-fade">
<div class="ga-hero-fig"><img decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-cut-profile-v4.webp" alt="ヴァイオリンを構えた画家パウル・クレーのイラスト" width="890" height="896"></div>
<div class="ga-hero-name">
<h3 class="ga-name">パウル・クレー</h3>
<div class="ga-hero-en">Paul Klee</div>
</div>
</div>
</div>
<div class="ga-band">
<p class="ga-tagline">音楽を奏でるように、<br>線と色を描いた画家。</p>
<p class="ga-bio">パウル・クレーは、19世紀末から20世紀前半に活動したスイス生まれの画家です。線や色、形を自由に組み合わせ、多くの作品を残しました。</p>
<div class="ga-chev">&#9662;</div>
</div>
</div>
<div class="ga-brush" aria-hidden="true"><svg viewBox="0 0 1200 120" preserveAspectRatio="none"><defs><filter id="gabrush" x="-8%" y="-140%" width="116%" height="400%"><feTurbulence type="fractalNoise" baseFrequency="0.014 0.16" numOctaves="3" seed="7" result="t"></feTurbulence><feDisplacementMap in="SourceGraphic" in2="t" scale="22"></feDisplacementMap></filter></defs><path d="M-48.0,65.2 L-40.0,64.5 L-32.0,63.9 L-24.0,63.2 L-16.0,62.6 L-8.0,61.9 L0.0,61.3 L8.0,60.7 L16.0,60.1 L24.0,59.5 L32.0,59.0 L40.0,58.5 L48.0,58.0 L56.0,57.5 L64.0,57.1 L72.0,56.7 L80.0,56.3 L88.0,56.0 L96.0,55.7 L104.0,55.5 L112.0,55.2 L120.0,55.0 L128.0,54.9 L136.0,54.8 L144.0,54.7 L152.0,54.6 L160.0,54.6 L168.0,54.6 L176.0,54.6 L184.0,54.6 L192.0,54.7 L200.0,54.8 L208.0,54.9 L216.0,55.0 L224.0,55.2 L232.0,55.3 L240.0,55.5 L248.0,55.6 L256.0,55.8 L264.0,55.9 L272.0,56.1 L280.0,56.3 L288.0,56.4 L296.0,56.6 L304.0,56.7 L312.0,56.8 L320.0,56.9 L328.0,57.1 L336.0,57.2 L344.0,57.2 L352.0,57.3 L360.0,57.4 L368.0,57.4 L376.0,57.4 L384.0,57.5 L392.0,57.5 L400.0,57.5 L408.0,57.5 L416.0,57.5 L424.0,57.5 L432.0,57.5 L440.0,57.4 L448.0,57.4 L456.0,57.4 L464.0,57.4 L472.0,57.4 L480.0,57.4 L488.0,57.4 L496.0,57.5 L504.0,57.5 L512.0,57.6 L520.0,57.7 L528.0,57.8 L536.0,57.9 L544.0,58.1 L552.0,58.3 L560.0,58.5 L568.0,58.8 L576.0,59.0 L584.0,59.3 L592.0,59.6 L600.0,60.0 L608.0,60.4 L616.0,60.8 L624.0,61.2 L632.0,61.7 L640.0,62.2 L648.0,62.7 L656.0,63.2 L664.0,63.7 L672.0,64.3 L680.0,64.9 L688.0,65.5 L696.0,66.0 L704.0,66.6 L712.0,67.2 L720.0,67.8 L728.0,68.4 L736.0,69.0 L744.0,69.6 L752.0,70.1 L760.0,70.7 L768.0,71.2 L776.0,71.7 L784.0,72.1 L792.0,72.6 L800.0,73.0 L808.0,73.3 L816.0,73.7 L824.0,74.0 L832.0,74.2 L840.0,74.4 L848.0,74.6 L856.0,74.8 L864.0,74.8 L872.0,74.9 L880.0,74.9 L888.0,74.8 L896.0,74.8 L904.0,74.6 L912.0,74.5 L920.0,74.3 L928.0,74.0 L936.0,73.8 L944.0,73.5 L952.0,73.1 L960.0,72.7 L968.0,72.3 L976.0,71.9 L984.0,71.5 L992.0,71.0 L1000.0,70.6 L1008.0,70.1 L1016.0,69.6 L1024.0,69.1 L1032.0,68.6 L1040.0,68.1 L1048.0,67.6 L1056.0,67.1 L1064.0,66.6 L1072.0,66.2 L1080.0,65.7 L1088.0,65.3 L1096.0,64.8 L1104.0,64.4 L1112.0,64.0 L1120.0,63.7 L1128.0,63.3 L1136.0,63.0 L1144.0,62.7 L1152.0,62.4 L1160.0,62.1 L1168.0,61.9 L1176.0,61.7 L1184.0,61.5 L1192.0,61.3 L1200.0,61.2 L1208.0,61.0 L1216.0,60.9 L1224.0,60.8 L1232.0,60.7 L1240.0,60.6 L1248.0,60.5 L1248,0 L-48,0 Z" fill="var(--c-band)" filter="url(#gabrush)"></path></svg></div>

<div class="g-story">
<div class="g-rev g-headgrp">
<div class="g-eyebrow">THE STORY</div>
<h3 class="g-head g-head-story">線と色で世界を描いた<span class="g-pc-punct">、</span><br class="g-sp-br">クレーの物語</h3>
<div class="g-rule"></div>
<div class="g-intro">音楽のある家で育ち、旅先で色に出会い、バウハウスで教えたクレー。生涯を通して描き続けた、その歩みを四つの場面で紹介します。</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-story-ep1.webp" alt="音楽が身近にある家で楽譜を眺めるパウル・クレーのイラスト&#65372;傍らにヴァイオリン" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 01</div>
<h4 class="g-sub">音楽家の家に生まれて</h4>
<p>1879年、スイスのベルン近郊に生まれたクレー。音楽家の家庭で育ち、自身も幼いころからヴァイオリンを弾きました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-story-ep2.webp" alt="1914年のチュニジアで強い光と色に出会うパウル・クレーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 02</div>
<h4 class="g-sub">旅先で、色に出会う</h4>
<p>1914年、チュニジアを旅したクレー。強い光と色に出会い、日記に「色彩と私は一体だ」と書き残しています。</p>
</div>
</div>

<div class="g-ep g-cols">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-story-ep3.webp" alt="ドイツの美術学校バウハウスで図形を示して教えるパウル・クレーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 03</div>
<h4 class="g-sub">バウハウスで教える</h4>
<p>1921年から1931年まで、ドイツの美術学校バウハウスで教壇に立ち、学生を教えながら自身の制作も続けました。</p>
</div>
</div>

<div class="g-ep g-cols g-cols-rev">
<div class="g-fig g-tile g-rev g-figrev"><img loading="lazy" decoding="async" src="https://blog.quatrogats.com/wp-content/uploads/2026/07/klee-story-late.webp" alt="晩年に太い筆で天使を描くパウル・クレーのイラスト" width="900" height="900"></div>
<div class="g-txt g-rev g-txtrev">
<div class="g-num">STORY 04</div>
<h4 class="g-sub">最後まで、描きつづけた</h4>
<p>1933年、ナチスに職を追われクレーはスイスへ戻ります。やがて病で手が思うように動かなくなってからも描くことをやめず、晩年には天使の姿を何枚も描き残しました。</p>
</div>
</div>

</div>


<script>

(function(){
var r=document.getElementById('art-lp');
if(!r)return;
var setvw=function(){var w=document.documentElement.clientWidth;r.style.setProperty('--ga-vw',w+'px');};
setvw();
window.addEventListener('resize',setvw);
if(!('IntersectionObserver' in window))return;
r.className+=' g-js';
var io=new IntersectionObserver(function(es){
for(var i=0;i<es.length;i++){
if(es[i].isIntersecting){
es[i].target.className+=' g-in';
io.unobserve(es[i].target);
}
}
},{threshold:0.12,rootMargin:'0px 0px -40px 0px'});
var els=r.querySelectorAll('.g-rev');
for(var j=0;j<els.length;j++)io.observe(els[j]);

// 額の中の名画を入れ替える（美術館の一室）
var thumbs=r.querySelectorAll('.ga-po');
var framed=r.querySelectorAll('.g-framed');
var plate=r.querySelector('.g-plate');
var pWork=r.querySelector('.g-plate-work');
var pMeta=r.querySelector('.g-plate-meta');
function showWork(key){
for(var a=0;a<framed.length;a++)framed[a].classList.toggle('is-on',framed[a].getAttribute('data-key')===key);
for(var b=0;b<thumbs.length;b++){
var on=thumbs[b].getAttribute('data-key')===key;
thumbs[b].classList.toggle('is-on',on);
if(on){
if(pWork)pWork.textContent=thumbs[b].getAttribute('data-work');
if(pMeta)pMeta.textContent=thumbs[b].getAttribute('data-meta');
if(plate)plate.classList.toggle('is-star',thumbs[b].getAttribute('data-star')==='1');
}
}
}
for(var t=0;t<thumbs.length;t++){
thumbs[t].addEventListener('click',function(){showWork(this.getAttribute('data-key'));});
}

var ftabs=r.querySelectorAll('.g-feat-tab');
var fpanels=r.querySelectorAll('.g-feat-panel');
var ftablist=r.querySelector('.g-feat-tabs');
var reduceMotion=window.matchMedia&&window.matchMedia('(prefers-reduced-motion:reduce)').matches;
if(ftablist&&!reduceMotion){
var tio=new IntersectionObserver(function(es){
for(var q=0;q<es.length;q++){
if(es[q].isIntersecting){
es[q].target.className+=' g-tabs-in';
tio.unobserve(es[q].target);
}
}
},{threshold:0.35,rootMargin:'0px 0px -40px 0px'});
tio.observe(ftablist);
}
function showFeat(key,focusTab){
for(var fa=0;fa<ftabs.length;fa++){
var on=ftabs[fa].getAttribute('data-key')===key;
ftabs[fa].classList.toggle('is-on',on);
ftabs[fa].setAttribute('aria-selected',on?'true':'false');
ftabs[fa].setAttribute('tabindex',on?'0':'-1');
if(on&&focusTab)ftabs[fa].focus();
}
for(var fb=0;fb<fpanels.length;fb++)fpanels[fb].classList.toggle('is-on',fpanels[fb].getAttribute('data-key')===key);
}
for(var ff=0;ff<ftabs.length;ff++){
ftabs[ff].addEventListener('click',function(){showFeat(this.getAttribute('data-key'));});
ftabs[ff].addEventListener('keydown',function(e){
var k=e.key,idx=-1,g;
for(g=0;g<ftabs.length;g++){if(ftabs[g]===this){idx=g;break;}}
var n=-1;
if(k==='ArrowRight'||k==='ArrowDown')n=(idx+1)%ftabs.length;
else if(k==='ArrowLeft'||k==='ArrowUp')n=(idx-1+ftabs.length)%ftabs.length;
else if(k==='Home')n=0;
else if(k==='End')n=ftabs.length-1;
if(n>=0){e.preventDefault();showFeat(ftabs[n].getAttribute('data-key'),true);}
});
}
})();

</script>
</div>

<br style="clear:both;">
<div class="product-accordion">

<div class="midashi-top-main" style="padding-bottom:0px;">PRODUCT</div>
<div style="text-align:center; padding-bottom:30px; font-weight:bold; border-bottom: 1px solid #ddd;">革のアクセサリーについて</div>

<style>.qg-gbox{position:relative;max-width:600px;margin:0 auto;}.qg-gbox img{display:block;width:100%;height:auto;}.qg-gbox .qg-gbox-2{position:absolute;top:0;left:0;opacity:0;animation:qgGbox 6s ease-in-out infinite;}@keyframes qgGbox{0%,42%{opacity:0;}50%,92%{opacity:1;}100%{opacity:0;}}@media (prefers-reduced-motion:reduce){.qg-gbox .qg-gbox-2{animation:none;}}</style>
<details class="product-accordion-item" id="qg-gbox-item">
<summary class="product-accordion-header"><h2>ギフトボックスについて</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><div class="qg-gbox"><img class="qg-gbox-1" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-nezumi.webp" alt="パウル・クレー「棘の罠とねずみ」の絵柄のギフトボックスと、箱に入った革のアクセサリー" width="800" height="532" decoding="async"><img class="qg-gbox-2" src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-giftbox-all.webp" alt="名画の絵柄のギフトボックスと革のピアス&#12539;イヤリングが並ぶアートシリーズのアクセサリー" width="800" height="532" decoding="async"></div></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Gift Box<br>
ギフトボックス</h3>作品の絵柄をあしらった専用のギフトボックスに入れて、お届けします。<br><br>

贈り物にそのままお使いいただけるほか、着けないときの保管にも便利です。</div>
</div>
</details>
<script>(function(){var d=document.getElementById("qg-gbox-item");if(!d){return;}d.addEventListener("toggle",function(){if(!d.open){return;}var im=d.querySelector(".qg-gbox-2");if(!im){return;}im.style.animation="none";void im.offsetWidth;im.style.animation="";});})();</script>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>つけ方とサイズ</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/10/art-acc-style-earring-pierce.webp" alt="革のアクセサリーのつけ方&#65372;ピアス穴がなくても留められるイヤリングスタイルと、耳に通して引っ掛けるフックタイプのピアススタイル" width="750" height="500" loading="lazy" decoding="async"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Style<br>
ピアスとイヤリング</h3>ピアスとイヤリングの2種類から選べます。どちらも2個一式です。<br><br>

ピアスは、耳に通して引っ掛けるフックタイプです。着け外しが簡単で、革の部分が耳もとで揺れます。<br><br>

イヤリングは、ピアス穴がなくてもしっかり留められ、さまざまな耳の厚みに対応します。<br><br>

サイズ：縦4cm&times;横1.7cm（最大幅・革部分）</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>素材について</h2></summary>
<div class="product-accordion-panel">
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Material<br>
金具の素材</h3>金具には、金属アレルギーに配慮した素材を使っています。<br><br>

耳に触れる部分には、医療用の器具にも使われているサージカルステンレス316を使っています。<br>
アレルギーを起こしにくく、さびにくく変色しにくい素材です。<br><br>

ゴールドの色は、アレルギーの原因になりやすいニッケルを含まないメッキで仕上げています。<br><br>

※イヤリングの、耳に触れないフープ部分はステンレス製です。<br>
※金属アレルギーの出かたには個人差があります。かゆみや赤みなど、肌に合わないと感じたときはご使用をおやめください。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>栃木レザーとは</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/YnJhbmQudG9jaGlnaWxlYXRoZXI.jpg" alt="国内唯一のタンナー栃木レザー社のタンニンなめし革&#65372;使うほどに色艶を増す経年変化を味わえる本革"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">Tochigi Leather<br>
栃木レザー社</h3>栃木レザーは1937年に設立された、国内唯一のタンナー（皮革製造工場）です。<br><br>

使うほどに色艶を増す経年変化を味わえる「タンニンなめし」の革にこだわり続けてきました。</div>
</div>
</details>

<details class="product-accordion-item">
<summary class="product-accordion-header"><h2>お手入れのしかた</h2></summary>
<div class="product-accordion-panel">
<div class="product-contents-img-ue"><img src="https://img07.shop-pro.jp/PA01030/401/etc_base64/aG93dG9jYXJl.jpg?cmsp_timestamp=20260309115701" alt="革のアクセサリーのお手入れ方法&#65372;レザークリーム 蜜蝋ワックス ラナパーの使い方"></div>
<div class="product-txtarea-ichi"><h3 class="product-main-midashi">How To Care<br>
革のお手入れ方法</h3>お手入れは月に1回程度、レザークリームを塗ってください。<br><br>

クアトロガッツでは天然の蜜蝋ワックス <a style="color: #c40e0e;" href="https://quatrogats.com/?mode=cate&cbid=663869&csid=0">Renapur ラナパー</a>をおすすめしています。</div>
</div>
</details>

</div>

<p class="art-pocket-banner" style="margin:0 0 10px;text-align:center;padding-left:18.5px;padding-right:18.5px;box-sizing:border-box;"><a href="https://quatrogats.com/?mode=grp&amp;gid=2648736"><img src="https://blog.quatrogats.com/wp-content/uploads/2026/09/art-in-your-pocket-banner.webp" alt="ART IN YOUR POCKET 名画をポケットに｜「ねずみ」などをあしらった革の小さい財布やカードケース、ピアスが並ぶアートシリーズ特集のバナー" width="950" height="633" style="max-width:600px;width:100%;height:auto;margin-left:auto;margin-right:auto;" loading="lazy" decoding="async"></a></p><script id="art-pocket-banner-reorder">(function(){function fix(){var secs=document.querySelectorAll(".api-group-section");if(secs.length > 0){var art=document.querySelector(".art-pocket-banner");if(art){if(secs[0].previousElementSibling !== art){secs[0].parentNode.insertBefore(art,secs[0]);}}var grp=document.querySelector(".product-grouplink-img,.product-grouplink-txtarea");if(grp){var box=grp.closest(".product-accordion-panel");if(box){if(box.style.display !== "none"){box.style.display="none";}}}}}fix();var mo=new MutationObserver(fix);mo.observe(document.body,{childList:true,subtree:true});setTimeout(function(){mo.disconnect();},60000);})();</script><br><p class="js-api-group-list"
data-gid="2648736"
data-layout="carousel"
style="display:none;"></p><br><p class="js-api-group-list"
data-gid="2100569"
data-layout="carousel"
style="display:none;"></p>

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

</rdf:RDF>