/* SHOKEI STORE v2 ── 公開側。生成りの地に、写真と墨の文字。角は立て、動きは4種だけ。 */
:root{
  --ji:#f7f5f0;--shiro:#fff;--kuro:#12100d;--kinari:#ede6d6;
  --sumi:#1c1a16;--hai:#6e695f;--usu:#726d61;--kin:#a98844;--shu:#b8433a;--midori:#3e7a4e;--ao:#4a6e8a;
  --keisen:#e7e3d9;--keisen-koi:#d5d0c3;
  --font-min:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --font-go:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","Yu Gothic","Noto Sans JP","Noto Sans CJK JP","Meiryo",system-ui,sans-serif;
  --font-en:"Cormorant Garamond",Georgia,serif;
  --w:1360px;--pad:clamp(16px,3.4vw,48px);--kado:2px;--ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ji);color:var(--sumi);font-family:var(--font-go);font-variant-numeric:lining-nums tabular-nums;font-size:14.5px;line-height:1.8;font-weight:400;letter-spacing:.01em}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--font-min);font-weight:500;letter-spacing:.04em;margin:0}
.in{max-width:var(--w);margin:0 auto;padding:0 var(--pad)}.hoso{max-width:760px}
.fu{font-family:var(--font-en);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--usu);margin:0 0 8px}
.dai{font-size:clamp(22px,2.6vw,32px);line-height:1.45}
.sen{font-size:12.5px;letter-spacing:.14em;border-bottom:1px solid var(--sumi);padding-bottom:3px;white-space:nowrap}.sen:hover{color:var(--hai);border-color:var(--hai)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}
.fade{opacity:0;transform:translateY(16px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.fade.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}}

/* 帯・ヘッダー */
.obi{background:var(--kuro);color:var(--kinari);text-align:center;font-size:12px;padding:7px 16px;letter-spacing:.06em}
.ten{position:sticky;top:0;z-index:50;background:rgba(247,245,240,.92);backdrop-filter:saturate(1.2) blur(8px);border-bottom:1px solid transparent;transition:border-color .3s}
.ten.scrolled{border-color:var(--keisen)}
.ten-in{max-width:var(--w);margin:0 auto;padding:0 var(--pad);height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.ten-l{display:flex;gap:6px}.ten-r{display:flex;justify-content:flex-end;align-items:center;gap:4px}
.ten-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border:0;background:none;cursor:pointer;font-size:12px;letter-spacing:.08em;color:var(--sumi);position:relative}
.ten-btn svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5}.ten-btn:hover{color:var(--hai)}
.ten-link{padding:8px 12px;font-size:13px;letter-spacing:.1em}.ten-link:hover{color:var(--hai)}
.kazu{position:absolute;top:4px;right:2px;min-width:16px;height:16px;border-radius:8px;background:var(--sumi);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;padding:0 4px;font-family:var(--font-go)}
.mei{text-align:center;display:flex;flex-direction:column;align-items:center;line-height:1.1}
.mei-ji{font-family:var(--font-en);font-size:24px;letter-spacing:.32em;font-weight:500;padding-left:.32em}.mei small{font-size:9.5px;letter-spacing:.2em;color:var(--hai);margin-top:3px}
@media(max-width:900px){.ten-link,.ten-btn span{display:none}.ten-in{height:58px}.mei-ji{font-size:20px}.mei small{display:none}}
.search-shita{border-top:1px solid var(--keisen);background:var(--ji)}
.sagashi{max-width:760px;margin:0 auto;display:flex;align-items:center;gap:10px;padding:14px var(--pad)}
.sagashi svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;color:var(--usu)}
.sagashi input{flex:1;border:0;border-bottom:1px solid var(--keisen-koi);background:none;padding:8px 0;font:inherit;font-size:16px;color:var(--sumi)}.sagashi input:focus{outline:none;border-color:var(--sumi)}
.sagashi button{border:1px solid var(--sumi);background:var(--sumi);color:#fff;padding:8px 16px;cursor:pointer;font-size:12.5px;letter-spacing:.1em}
.sagashi-hint{max-width:760px;margin:0 auto;padding:0 var(--pad) 14px;display:flex;flex-wrap:wrap;gap:8px}.sagashi-hint a{font-size:12px;padding:4px 10px;border:1px solid var(--keisen-koi);border-radius:20px;color:var(--hai)}.sagashi-hint a:hover{border-color:var(--sumi);color:var(--sumi)}
.menu{position:absolute;left:0;right:0;top:100%;background:var(--ji);border-top:1px solid var(--keisen);border-bottom:1px solid var(--keisen);box-shadow:0 20px 40px -20px rgba(0,0,0,.2);max-height:calc(100vh - 64px);overflow:auto}
.menu-in{max-width:var(--w);margin:0 auto;padding:36px var(--pad) 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}
.menu-col h3{font-family:var(--font-en);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--usu);margin:0 0 12px;font-weight:500}.menu-col h3+h3{margin-top:28px}
.menu-col a{display:flex;justify-content:space-between;align-items:baseline;padding:7px 0;border-bottom:1px solid var(--keisen);font-size:14px}.menu-col a small{color:var(--usu);font-size:11.5px}.menu-col a:hover{color:var(--hai)}
.menu-close{position:absolute;right:var(--pad);top:14px;border:0;background:none;font-size:12px;letter-spacing:.1em;cursor:pointer;color:var(--hai)}
@media(max-width:900px){.menu-in{grid-template-columns:1fr;gap:28px;padding-top:44px}}
body.menu-open{overflow:hidden}

/* トップ */
.hero{position:relative;height:min(88vh,820px);min-height:520px;background:var(--kuro);color:#fff;overflow:hidden}
.hero video,.hero>img,.hero iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92}
.hero iframe{width:100vw;height:56.25vw;min-height:100%;min-width:177.78vh;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.hero-kabuse{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,0) 40%,rgba(0,0,0,.55) 100%)}
.hero-moji{position:absolute;left:0;right:0;bottom:0;padding:0 var(--pad) clamp(40px,7vh,80px);max-width:var(--w);margin:0 auto}
.hero-moji .fu{color:rgba(255,255,255,.75)}.hero-moji h1{font-size:clamp(28px,4.4vw,56px);line-height:1.3;font-weight:500;text-shadow:0 2px 24px rgba(0,0,0,.35)}
.hero-moji p{font-size:clamp(13px,1.2vw,16px);margin:14px 0 24px;color:rgba(255,255,255,.88);max-width:560px}
.hero-sen{display:inline-block;border:1px solid rgba(255,255,255,.8);padding:12px 26px;font-size:12.5px;letter-spacing:.18em;transition:background .3s,color .3s}.hero-sen:hover{background:#fff;color:var(--sumi)}
.hero.hero-kara{height:auto;min-height:0;background:var(--ji);color:var(--sumi);padding:clamp(60px,10vh,120px) 0}.hero.hero-kara .hero-moji{position:static;padding-bottom:0}.hero.hero-kara h1{text-shadow:none}.hero.hero-kara p{color:var(--hai)}.hero.hero-kara .hero-sen{border-color:var(--sumi)}.hero.hero-kara .hero-sen:hover{background:var(--sumi);color:#fff}.hero.hero-kara .fu{color:var(--usu)}
.setsu{padding:clamp(56px,8vw,104px) 0}.setsu.shiro{background:var(--shiro)}.setsu.kuro{background:var(--kuro);color:var(--kinari)}.setsu.kuro .fu{color:rgba(237,230,214,.6)}.setsu.kuro .sen{border-color:var(--kinari)}
.setsu+.setsu{padding-top:0}.setsu.shiro+.setsu,.setsu+.setsu.shiro,.setsu.kuro+.setsu,.setsu+.setsu.kuro{padding-top:clamp(56px,8vw,104px)}

/* 作品カード */
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px 20px}
@media(max-width:1100px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.grid{grid-template-columns:repeat(2,1fr);gap:22px 12px}}
.card{position:relative}.card-a{display:block}
.card-img{position:relative;aspect-ratio:1;overflow:hidden;background:#ebe7de}
.card-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease),opacity .5s}
.card-img2{position:absolute;inset:0;opacity:0}.card:hover .card-img2{opacity:1}.card:hover .card-img img:first-child{transform:scale(1.03)}
.noimg{position:absolute;inset:0;background:repeating-linear-gradient(45deg,#ebe7de 0 10px,#e4dfd4 10px 20px)}
.fuda{position:absolute;left:10px;top:10px;font-size:10.5px;letter-spacing:.14em;padding:4px 8px;background:rgba(255,255,255,.94);color:var(--sumi);border-radius:var(--kado)}
.fuda.chumon{color:var(--hai)}.fuda.ikkoku{color:var(--kin)}.fuda.zaiko{color:var(--midori)}.fuda.sold{background:var(--sumi);color:#fff}
.is-sold .card-img img{filter:grayscale(.4);opacity:.75}
.card-t{padding:12px 2px 0}.card-maker{font-size:11.5px;color:var(--hai);letter-spacing:.06em;display:flex;gap:8px}.card-maker span{color:var(--usu)}
.card-title{font-family:var(--font-min);font-size:15px;margin:4px 0 4px;line-height:1.5}.card-price{font-size:13.5px;letter-spacing:.04em}.card-price small{font-size:10px;color:var(--usu);margin-left:4px}
.suki{position:absolute;right:8px;top:8px;width:34px;height:34px;border:0;background:rgba(255,255,255,.9);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s,transform .3s}
.card:hover .suki,.suki.on{opacity:1}.suki svg{width:17px;height:17px;fill:none;stroke:var(--sumi);stroke-width:1.5}.suki.on svg{fill:var(--shu);stroke:var(--shu)}
@media(hover:none){.suki{opacity:1}}

/* 作り手カード */
.maker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px}@media(max-width:900px){.maker-grid{grid-template-columns:1fr 1fr;gap:28px 14px}}
.maker-card{display:block}.maker-card .mk-img{aspect-ratio:4/5;overflow:hidden;background:#ebe7de;position:relative}.maker-card .mk-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.maker-card:hover .mk-img img{transform:scale(1.03)}
.maker-card .mk-img img.mk-kao{display:none}
.mk-t{padding:14px 2px 0}.mk-name{font-family:var(--font-min);font-size:19px}.mk-name small{font-family:var(--font-go);font-size:12px;color:var(--hai);margin-left:10px}
.mk-lead{font-size:13px;color:var(--hai);margin:6px 0 0;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mk-n{font-size:11.5px;color:var(--usu);margin-top:6px;letter-spacing:.06em}
.maker-chip{display:inline-flex;align-items:center;gap:12px}.maker-chip img,.noimg-s{width:44px;height:44px;border-radius:50%;object-fit:cover;background:#ebe7de;flex:none}.maker-chip b{font-family:var(--font-min);font-weight:500;font-size:15px;display:block;line-height:1.3}.maker-chip small{font-size:11.5px;color:var(--hai)}

/* 記事カード */
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}@media(max-width:900px){.story-grid{grid-template-columns:1fr}}
.story-card .story-img{aspect-ratio:3/2;overflow:hidden;background:#ebe7de;position:relative;margin-bottom:14px}.story-card .story-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.story-card:hover .story-img img{transform:scale(1.03)}
.story-card h3{font-size:17px;line-height:1.55}.story-lead{font-size:13px;color:var(--hai);margin:6px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* 探す導線 */
.sagasu{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.sagasu a{display:flex;justify-content:space-between;align-items:baseline;padding:14px 16px;background:var(--shiro);border:1px solid var(--keisen);font-size:13.5px;transition:border-color .3s}.sagasu a:hover{border-color:var(--sumi)}.sagasu a small{color:var(--usu);font-size:11px}
.setsu.shiro .sagasu a{background:var(--ji)}

/* 信頼帯 */
.shinrai{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;border-top:1px solid var(--keisen);border-bottom:1px solid var(--keisen);padding:32px 0}
@media(max-width:800px){.shinrai{grid-template-columns:1fr 1fr;gap:20px 12px}}
.shinrai div{font-size:13px;color:var(--hai)}.shinrai b{display:block;font-family:var(--font-min);font-weight:500;font-size:15px;color:var(--sumi);margin-bottom:4px}

/* 一覧 */
.list-head{padding:clamp(36px,5vw,60px) 0 20px}.list-head h1{font-size:clamp(24px,3vw,36px)}.list-head .kensu{color:var(--usu);font-size:12.5px;margin-left:12px;font-family:var(--font-go);letter-spacing:.08em}
.shibori{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:14px 0 28px;border-bottom:1px solid var(--keisen);margin-bottom:32px}
.shibori select,.shibori input{border:1px solid var(--keisen-koi);background:var(--shiro);padding:8px 12px;font:inherit;font-size:13px;color:var(--sumi);border-radius:var(--kado)}
.shibori .ima{font-size:12px;padding:6px 10px;background:var(--sumi);color:#fff;border-radius:20px;display:inline-flex;gap:6px;align-items:center}.shibori .ima a{opacity:.7}
.shibori .migi{margin-left:auto}.shibori button{border:1px solid var(--sumi);background:var(--sumi);color:#fff;padding:8px 14px;font-size:12.5px;cursor:pointer}
.kara{text-align:center;color:var(--hai);padding:60px 20px;line-height:2.2}

/* 作品ページ */
.pdp>*{min-width:0}.pdp{display:grid;grid-template-columns:minmax(0,7fr) minmax(300px,5fr);gap:clamp(24px,4vw,64px);padding:24px 0 48px}
@media(max-width:900px){.pdp{grid-template-columns:1fr;gap:28px;padding-top:0}}
.pan{font-size:11.5px;color:var(--hai);letter-spacing:.1em;padding:18px 0 12px;display:flex;gap:8px;flex-wrap:wrap}.pan a:hover{color:var(--sumi)}
.pdp-gallery{position:sticky;top:80px;display:grid;grid-template-columns:64px 1fr;gap:12px;align-self:start}
.pdp-thumbs{display:flex;flex-direction:column;gap:8px}.pdp-thumbs button{border:1px solid transparent;padding:0;background:none;cursor:pointer;aspect-ratio:1;overflow:hidden}.pdp-thumbs button.on{border-color:var(--sumi)}.pdp-thumbs img{width:100%;height:100%;object-fit:cover}
.pdp-main{aspect-ratio:1;background:#ebe7de;overflow:hidden;cursor:zoom-in}.pdp-main img{width:100%;height:100%;object-fit:cover}
.pdp-strip,.pdp-dots{display:none}
@media(max-width:900px){.pdp-gallery{position:static;display:block;width:100vw;margin:0 calc(-1*var(--pad))}.pdp-thumbs,.pdp-main{display:none}
.pdp-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pdp-strip::-webkit-scrollbar{display:none}.pdp-strip img{width:100vw;flex:none;aspect-ratio:1;object-fit:cover;scroll-snap-align:start}
.pdp-dots{display:flex;justify-content:center;gap:6px;padding:10px 0 0}.pdp-dots i{width:6px;height:6px;border-radius:50%;background:var(--keisen-koi)}.pdp-dots i.on{background:var(--sumi)}}
.lightbox[hidden]{display:none}.lightbox{position:fixed;inset:0;z-index:100;background:rgba(18,16,13,.94);display:flex;align-items:center;justify-content:center;cursor:zoom-out;padding:20px}.lightbox img{max-width:100%;max-height:100%;object-fit:contain}
.pdp-info{align-self:start;position:sticky;top:80px}@media(max-width:900px){.pdp-info{position:static}}
.pdp-maker{font-size:13px;letter-spacing:.08em;color:var(--hai);display:flex;gap:10px;align-items:center}.pdp-maker a{border-bottom:1px solid var(--keisen-koi)}.pdp-maker a:hover{color:var(--sumi);border-color:var(--sumi)}
.pdp-info h1{font-size:clamp(22px,2.4vw,30px);line-height:1.45;margin:8px 0 6px}.pdp-en{font-family:var(--font-en);font-size:14px;letter-spacing:.06em;color:var(--usu);margin:0 0 16px}
.pdp-price{font-size:22px;letter-spacing:.04em;display:flex;align-items:baseline;gap:8px}.pdp-price small{font-size:11px;color:var(--usu)}
.pdp-kata{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 20px}.pdp-kata span{font-size:12px;padding:5px 10px;border:1px solid var(--keisen-koi);border-radius:20px;color:var(--hai)}.pdp-kata span.ikkoku{color:var(--kin);border-color:var(--kin)}.pdp-kata span.chumon{color:var(--ao);border-color:var(--ao)}.pdp-kata span.zaiko{color:var(--midori);border-color:var(--midori)}
.pdp-buy{display:flex;gap:10px;align-items:stretch}.pdp-buy .qty{width:70px;border:1px solid var(--keisen-koi);padding:0 10px;font:inherit;text-align:center;background:var(--shiro)}
.fude{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;padding:14px 28px;background:var(--sumi);color:#fff;font-size:13px;letter-spacing:.16em;border:1px solid var(--sumi);cursor:pointer;transition:background .3s;border-radius:var(--kado);flex:1;text-align:center}.fude:hover{background:#000}
.fude.waku{background:none;color:var(--sumi);flex:none}.fude.waku:hover{background:var(--sumi);color:#fff}
.fude.sold{background:var(--keisen);border-color:var(--keisen);color:var(--hai);cursor:default}
.pdp-note{font-size:12.5px;color:var(--hai);margin:16px 0 0;line-height:1.9}.pdp-note b{color:var(--sumi);font-weight:500}
.pdp-body{max-width:760px;padding:0 0 24px}.pdp-body .bun p,.bun p{font-size:15px;line-height:2.1;margin:0 0 1.3em}.k-h2{font-size:20px;margin:40px 0 14px;padding-top:28px;border-top:1px solid var(--keisen)}.k-h3{font-size:16px;margin:24px 0 8px;font-family:var(--font-go);font-weight:700}
.k-fig{margin:24px 0}.k-fig figcaption{font-size:12px;color:var(--usu);margin-top:8px}.k-quote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--kin);font-family:var(--font-min);font-size:16px;line-height:2;color:var(--sumi)}
.k-video{aspect-ratio:16/9;margin:24px 0;background:#000}.k-video iframe{width:100%;height:100%;border:0}
.k-work{margin:24px 0;max-width:320px}
.k-foot{margin-top:40px}
.shiyo{width:100%;border-collapse:collapse;font-size:13.5px}.shiyo th{text-align:left;font-weight:500;color:var(--hai);width:9em;padding:11px 0;border-bottom:1px solid var(--keisen);vertical-align:top;letter-spacing:.06em}.shiyo td{padding:11px 0;border-bottom:1px solid var(--keisen)}
/* 作り手の節（作品ページ内） */
.tsukurite{background:var(--kuro);color:var(--kinari);padding:clamp(40px,6vw,72px) 0;margin-top:32px}
.tsukurite .in{display:grid;grid-template-columns:260px 1fr;gap:clamp(28px,5vw,64px);align-items:center}@media(max-width:800px){.tsukurite .in{grid-template-columns:1fr}}
.tsukurite .kao{aspect-ratio:1;overflow:hidden;background:#2a2621}.tsukurite .kao img{width:100%;height:100%;object-fit:cover}
.tsukurite .fu{color:rgba(237,230,214,.6)}.tsukurite h2{font-size:clamp(22px,2.6vw,30px)}.tsukurite h2 small{font-family:var(--font-go);font-size:12.5px;color:rgba(237,230,214,.7);margin-left:12px;letter-spacing:.08em}
.tsukurite p{font-size:14.5px;line-height:2;color:rgba(237,230,214,.9);margin:14px 0 20px}
.tsukurite .te{display:flex;gap:10px;flex-wrap:wrap}.tsukurite .te a{border:1px solid rgba(237,230,214,.7);padding:11px 20px;font-size:12px;letter-spacing:.16em;transition:background .3s,color .3s}.tsukurite .te a:hover{background:var(--kinari);color:var(--kuro)}
.bag-bar{position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(247,245,240,.96);backdrop-filter:blur(8px);border-top:1px solid var(--keisen);transform:translateY(100%);transition:transform .4s var(--ease)}.bag-bar.show{transform:none}
.bag-bar .in{display:flex;align-items:center;gap:16px;height:64px}.bag-bar img{width:44px;height:44px;object-fit:cover}.bag-bar .bb-t{flex:1;min-width:0;font-family:var(--font-min);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bag-bar .bb-t small{font-family:var(--font-go);color:var(--hai);margin-left:10px}.bag-bar .fude{flex:none;padding:11px 22px}
.bag-bar.on .bb-t::after{content:"　買い物袋に入れました";color:var(--midori);font-family:var(--font-go);font-size:12.5px}
@media(max-width:600px){.bag-bar .bb-t small{display:none}}
body.has-bag-bar{padding-bottom:64px}
.rail-wrap{overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}.rail-wrap::-webkit-scrollbar{display:none}.rail-wrap .grid{grid-template-columns:repeat(4,minmax(220px,1fr));width:max-content;min-width:100%}@media(max-width:700px){.rail-wrap .grid{grid-template-columns:repeat(4,minmax(170px,1fr))}}

/* 作り手ページ */
.mp-cover{height:min(60vh,560px);min-height:300px;overflow:hidden;background:#2a2621}.mp-cover img{width:100%;height:100%;object-fit:cover}
.mp-head{display:grid;grid-template-columns:200px 1fr;gap:clamp(24px,4vw,56px);align-items:end;margin-top:-80px;position:relative}
@media(max-width:700px){.mp-head{grid-template-columns:120px 1fr;gap:16px;margin-top:-48px}.mp-name{padding-top:56px}}
.mp-kao{aspect-ratio:1;overflow:hidden;background:#ebe7de;border:4px solid var(--ji)}.mp-kao img{width:100%;height:100%;object-fit:cover}
.mp-name{padding-top:88px}.mp-name h1{font-size:clamp(26px,3.4vw,40px);line-height:1.3}.mp-name .en{font-family:var(--font-en);letter-spacing:.14em;color:var(--usu);font-size:14px;margin:4px 0 0}.mp-name .yaku{font-size:13px;color:var(--hai);margin-top:8px;letter-spacing:.06em;display:flex;gap:14px;flex-wrap:wrap}
.mp-lead{font-family:var(--font-min);font-size:clamp(17px,1.8vw,22px);line-height:1.9;max-width:760px;margin:36px 0 0}
.mp-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(32px,6vw,96px);margin-top:48px}@media(max-width:900px){.mp-body{grid-template-columns:1fr;gap:40px}}
.mp-links{display:flex;flex-wrap:wrap;gap:8px}.mp-links a{font-size:12px;padding:7px 12px;border:1px solid var(--keisen-koi);border-radius:20px;color:var(--hai)}.mp-links a:hover{border-color:var(--sumi);color:var(--sumi)}
.nenpyo{list-style:none;margin:0;padding:0}.nenpyo li{display:grid;grid-template-columns:52px 44px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid var(--keisen);font-size:13.5px;align-items:baseline}
.nenpyo .y{font-family:var(--font-en);font-size:15px;color:var(--sumi);letter-spacing:.04em}.nenpyo .k{font-size:10.5px;letter-spacing:.1em;padding:2px 6px;border-radius:2px;text-align:center;background:var(--keisen);color:var(--hai)}
.nenpyo .k.受賞{background:#f3e9cf;color:#7a5e1c}.nenpyo .k.展示{background:#e4ecf0;color:#3d5f74}.nenpyo .k.掲載{background:#e6ede6;color:#365a3e}.nenpyo .k.納品{background:#efe4e4;color:#7a3a35}
.nenpyo a{border-bottom:1px solid var(--keisen-koi)}
.kobo{display:flex;gap:12px;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad)}.kobo::-webkit-scrollbar{display:none}.kobo img{height:300px;width:auto;flex:none;object-fit:cover}@media(max-width:700px){.kobo img{height:200px}}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}@media(max-width:500px){.video-grid{grid-template-columns:1fr}}
.video-grid .k-video{margin:0}.video-grid p{font-size:13px;color:var(--hai);margin:8px 0 0}
.kotoba{font-family:var(--font-min);font-size:clamp(17px,1.9vw,24px);line-height:2;text-align:center;max-width:760px;margin:0 auto;color:var(--sumi)}

/* 記事ページ */
.st-cover{height:min(62vh,600px);min-height:280px;overflow:hidden;background:#2a2621}.st-cover img{width:100%;height:100%;object-fit:cover}
.kiji{padding:clamp(36px,5vw,72px) 0}.kiji h1.dai{font-size:clamp(24px,3.2vw,38px);margin-bottom:12px}
.riido{font-size:15px;color:var(--hai);line-height:2;margin:0 0 32px}
.kiji-meta{display:flex;gap:14px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--usu);letter-spacing:.08em;margin-bottom:28px}
.kiji .bun{font-size:15.5px;line-height:2.15}.kiji .bun p{margin:0 0 1.4em}
.kajo{padding-left:1.2em;line-height:2}.kajo li{margin:4px 0}
.nagare{list-style:none;padding:0;margin:0 0 20px;counter-reset:n}.nagare li{counter-increment:n;display:grid;grid-template-columns:40px 1fr;gap:12px;padding:16px 0;border-bottom:1px solid var(--keisen)}.nagare li::before{grid-row:1/3;content:counter(n);font-family:var(--font-en);font-size:24px;color:var(--kin);line-height:1}.nagare li b,.nagare li span{grid-column:2}.nagare b{display:block;font-family:var(--font-min);font-weight:500;font-size:16px;margin-bottom:4px}.nagare span{font-size:13.5px;color:var(--hai);line-height:1.9}
.sell-steps{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:28px 0 40px}@media(max-width:600px){.sell-steps{grid-template-columns:1fr}}
.sell-steps div{background:var(--shiro);border:1px solid var(--keisen);padding:18px 20px;display:flex;gap:14px;align-items:flex-start;font-size:13.5px;line-height:1.8}.sell-steps b{font-family:var(--font-en);font-size:22px;color:var(--kin);line-height:1;flex:none;font-weight:500}
.flash-in{background:#e6ede6;color:#365a3e;padding:10px 14px;font-size:13.5px}

/* フォーム */
.nyuryoku label{display:block;font-size:13px;font-weight:500;margin-bottom:16px}.nyuryoku label small{font-weight:400;color:var(--usu);margin-left:6px}
.nyuryoku input:not([type=checkbox]),.nyuryoku select,.nyuryoku textarea{display:block;width:100%;margin-top:6px;padding:11px 12px;border:1px solid var(--keisen-koi);background:var(--shiro);font:inherit;font-size:15px;color:var(--sumi);border-radius:var(--kado)}
.nyuryoku input:focus,.nyuryoku select:focus,.nyuryoku textarea:focus{outline:none;border-color:var(--sumi)}.nyuryoku .cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}@media(max-width:600px){.nyuryoku .cols{grid-template-columns:1fr}}
.nyuryoku .fude{width:100%;margin-top:8px}.nyuryoku .chu{font-size:12.5px;color:var(--usu);margin-top:14px;line-height:1.9}.nyuryoku .chu a{border-bottom:1px solid var(--keisen-koi)}
.nyuryoku .check{display:flex;gap:8px;align-items:center;font-weight:400}.nyuryoku .check a{border-bottom:1px solid var(--keisen-koi)}.mitsu{position:absolute;left:-9999px}
.okuri{background:#e6ede6;color:#365a3e;padding:16px;text-align:center}
.cart-list{margin-bottom:24px}.cart-row{display:grid;grid-template-columns:72px 1fr auto auto auto;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid var(--keisen)}.cart-row img{width:72px;height:72px;object-fit:cover}
.cart-t a{font-family:var(--font-min);font-size:15px}.cart-t small{display:block;color:var(--hai);font-size:12px}.cart-t em{font-style:normal;font-size:10.5px;color:var(--ao);letter-spacing:.1em}
.cart-q input{width:60px;padding:6px;border:1px solid var(--keisen-koi);text-align:center;font:inherit;background:var(--shiro)}.cart-p{font-size:14px;letter-spacing:.04em;min-width:80px;text-align:right}.cart-x{border:0;background:none;color:var(--usu);font-size:20px;cursor:pointer}
.cart-list.small .cart-row{grid-template-columns:56px 1fr auto auto}.cart-list.small img{width:56px;height:56px}
@media(max-width:600px){.cart-row{grid-template-columns:64px 1fr auto;gap:10px}.cart-q,.cart-p{grid-column:2/4;text-align:left}.cart-x{grid-row:1;grid-column:3}}
.cart-foot{text-align:right}.cart-note{font-size:12.5px;color:var(--hai);text-align:left;line-height:1.9;margin:0 0 16px}
.cart-sub{display:flex;justify-content:space-between;font-size:13px;color:var(--hai);padding:6px 0}
.cart-total{display:flex;justify-content:space-between;align-items:baseline;padding:16px 0;border-top:1px solid var(--sumi);border-bottom:1px solid var(--keisen);margin-bottom:20px;font-size:13px}.cart-total b{font-size:22px;letter-spacing:.04em;font-weight:500}
.kanryo{text-align:center}.kanryo .nagare{text-align:left;margin-top:32px}

/* 最近見た・フッター */
.seen{padding:40px 0 0}.seen .rail{display:flex;gap:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:8px}.seen .rail::-webkit-scrollbar{display:none}
.mini{flex:none;width:140px;font-size:12px;line-height:1.5}.mini img{width:140px;height:140px;object-fit:cover;margin-bottom:6px}.mini span{display:block;font-family:var(--font-min);font-size:13px}.mini small{color:var(--usu)}
.ashi{background:var(--kuro);color:var(--kinari);margin-top:clamp(64px,8vw,112px)}
.ashi-in{max-width:var(--w);margin:0 auto;padding:clamp(48px,6vw,80px) var(--pad) 40px;display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
@media(max-width:900px){.ashi-in{grid-template-columns:1fr 1fr;gap:32px 20px}.ashi-brand{grid-column:1/3}}
.ashi-brand p{font-size:13px;line-height:2;color:rgba(237,230,214,.75);margin:14px 0 0;max-width:420px}
.ashi-lang button{border:0;background:none;color:rgba(237,230,214,.6);cursor:pointer;font-size:12px;letter-spacing:.1em;padding:0 4px}.ashi-lang button.ima{color:var(--kinari);border-bottom:1px solid var(--kinari)}
.ashi-col h4{font-family:var(--font-en);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(237,230,214,.55);margin:0 0 14px;font-weight:500}.ashi-col a{display:block;font-size:13px;padding:5px 0;color:rgba(237,230,214,.85)}.ashi-col a:hover{color:#fff}
.ashi-shita{border-top:1px solid rgba(237,230,214,.15);max-width:var(--w);margin:0 auto;padding:20px var(--pad) 28px;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:11.5px;color:rgba(237,230,214,.55)}.ashi-shita span{margin-left:auto}
.toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);background:var(--sumi);color:#fff;padding:10px 20px;font-size:13px;border-radius:2px;opacity:0;transition:opacity .3s,transform .3s;z-index:90;pointer-events:none}.toast.on{opacity:1;transform:translate(-50%,0)}

/* オーダー依頼 */
.om-steps{list-style:none;margin:20px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13.5px;color:var(--hai)}.om-steps b{font-family:var(--font-en);font-size:18px;color:var(--kin);margin-right:8px;font-weight:500}
.om-te{display:flex;gap:8px;margin-top:12px}.om-te .fude{flex:1;padding:11px 6px;font-size:12px;letter-spacing:.04em;white-space:nowrap}.om-te .fude.waku{flex:1}
.order-maker{background:var(--shiro);border:1px solid var(--keisen);padding:22px 24px;margin:0 0 24px}.order-maker p{font-size:14px;line-height:1.9;margin:14px 0 6px;color:var(--hai)}.om-waza{font-size:12.5px;color:var(--usu)}
.maker-chip.big img,.maker-chip.big .noimg-s{width:64px;height:64px}.maker-chip.big b{font-size:20px}
.om-nagare{margin-bottom:36px}
.ten-order{display:inline-flex;align-items:center;padding:7px 14px;margin-left:6px;border:1px solid var(--sumi);font-size:12px;letter-spacing:.12em;border-radius:var(--kado);transition:background .3s,color .3s}.ten-order:hover{background:var(--sumi);color:#fff}
@media(max-width:900px){.ten-order{display:none}}
.om-band{background:var(--kuro);color:var(--kinari);padding:clamp(48px,7vw,88px) 0}.om-band .in{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}@media(max-width:800px){.om-band .in{grid-template-columns:1fr}}
.om-band h2{font-size:clamp(22px,2.6vw,32px)}.om-band p{color:rgba(237,230,214,.8);font-size:14px;line-height:1.9;margin:10px 0 0;max-width:620px}.om-band .fu{color:rgba(237,230,214,.55)}
.om-band .fude{background:var(--kinari);color:var(--kuro);border-color:var(--kinari);flex:none;padding:16px 32px}.om-band .fude:hover{background:#fff}
.mp-order{display:inline-flex;white-space:nowrap;margin-top:18px;padding:13px 24px;background:var(--sumi);color:#fff;font-size:12.5px;letter-spacing:.14em;border-radius:var(--kado)}.mp-order:hover{background:#000}

/* 用途の札・場面写真・工程・お客様の声・年表の写真 */
.pdp-kata a.yoto{font-size:12px;padding:5px 10px;border:1px solid var(--keisen-koi);border-radius:20px;color:var(--hai);background:var(--shiro)}.pdp-kata a.yoto:hover{border-color:var(--sumi);color:var(--sumi)}
.scene-sec{padding:8px 0 40px}.scene-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:16px;margin-top:10px}.scene-grid figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:#ebe7de}.scene-grid img{width:100%;height:100%;object-fit:cover}
.k-step{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:36px 0 12px;align-items:start}.k-step-n{font-family:var(--font-en);font-size:34px;line-height:1;color:var(--kin);font-weight:500;padding-top:2px}.k-step h3{font-size:19px;margin:0 0 6px}.k-step p{margin:0;font-size:14.5px;line-height:1.9;color:var(--hai)}
.koe-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:700px){.koe-grid{grid-template-columns:1fr}}
.koe{margin:0;background:var(--shiro);border:1px solid var(--keisen);padding:22px 24px}.setsu.shiro .koe{background:var(--ji)}.koe blockquote{margin:0 0 12px;font-family:var(--font-min);font-size:15px;line-height:2}.koe figcaption{font-size:12.5px;color:var(--usu)}.koe figcaption a{border-bottom:1px solid var(--keisen-koi);color:var(--hai)}.koe figcaption span{margin-left:10px}
.mp-num{margin-top:10px;color:var(--usu);font-size:12px}.mp-num b{color:var(--sumi);font-weight:500;font-size:15px;font-family:var(--font-en);letter-spacing:.02em}
.nenpyo-img{width:48px;height:48px;object-fit:cover;display:block;margin-top:6px}

/* ヘッダーの詰まり対策 */
.ten-r a,.ten-link,.ten-order{white-space:nowrap}
@media(max-width:1250px){.ten-btn span{display:none}.ten-r{gap:2px}.ten-link{padding:8px 9px}}
/* 言語 */
.ten-lang{border:0;background:none;font:inherit;font-size:12px;letter-spacing:.06em;color:var(--hai);padding:6px 4px;cursor:pointer;margin-left:4px;max-width:92px}
.ashi-lang a{color:rgba(237,230,214,.6);font-size:12px;letter-spacing:.06em;margin-right:12px}.ashi-lang a.ima{color:var(--kinari);border-bottom:1px solid var(--kinari)}
.ashi-note{font-size:11.5px;color:rgba(237,230,214,.5);margin-top:8px}
@media(max-width:900px){.ten-lang{display:none}}
/* 会員・決済・入荷待ち */
.co-login{font-size:13px;color:var(--hai);margin:0 0 18px}.co-login a{border-bottom:1px solid var(--keisen-koi)}
.pay-choice{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}@media(max-width:600px){.pay-choice{grid-template-columns:1fr}}
.pay-chip{position:relative;display:block;border:1px solid var(--keisen-koi);padding:12px 14px;cursor:pointer;background:var(--shiro);margin:0;font-weight:400}.pay-chip input{position:absolute;opacity:0}.pay-chip span{display:block;font-weight:500}.pay-chip small{color:var(--usu);font-size:12px;margin:0}
.pay-chip:has(input:checked){border-color:var(--sumi);box-shadow:inset 0 0 0 1px var(--sumi)}
.wait{margin-top:20px;padding:16px;background:var(--shiro);border:1px solid var(--keisen)}.wait b{display:block;font-family:var(--font-min);font-weight:500;font-size:15px}.wait small{display:block;color:var(--hai);font-size:12.5px;margin:4px 0 10px}
.wait-row{display:flex;gap:8px}.wait-row input{flex:1;border:1px solid var(--keisen-koi);padding:10px 12px;font:inherit;font-size:14px;min-width:0}.wait-row .fude{flex:none;padding:10px 18px}
.my-order{border:1px solid var(--keisen);background:var(--shiro);padding:14px 18px;margin-bottom:12px}.my-head{display:flex;align-items:center;gap:10px;font-size:13px}.my-head span{color:var(--usu)}.my-head em{margin-left:auto;font-style:normal;font-size:12px;padding:3px 8px;background:var(--keisen);border-radius:3px;color:var(--hai)}
.my-wait{display:flex;align-items:center;gap:12px}.my-wait a{font-family:var(--font-min)}.my-wait small{color:var(--usu);flex:1}.my-wait form{margin:0}

.repay{background:var(--shiro);border:1px solid var(--keisen);padding:18px 20px;margin:0 0 24px;text-align:center}.repay p{margin:0 0 12px;font-size:13.5px}.repay .fude{display:inline-flex;flex:none;padding:13px 30px}

.my-ff{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:8px 0 0;font-size:12.5px}.my-stage{padding:3px 9px;border-radius:3px;background:var(--keisen);color:var(--hai);font-size:11.5px}.my-stage.shipped{background:#e4ecf0;color:#3d5f74}.my-stage.received,.my-stage.paid_maker{background:#e6ede6;color:#365a3e}.my-stage.problem{background:#fbeeec;color:var(--shu)}.my-ff small{color:var(--usu)}

/* 即購入・オークション・評価・メッセージ */
.sokubai{display:block;width:100%;box-sizing:border-box;text-align:center;margin-top:10px;padding:12px;border:1px solid var(--keisen-koi);font-size:13px;letter-spacing:.12em;background:var(--shiro);color:var(--sumi);cursor:pointer;font-family:inherit}.sokubai:hover{border-color:var(--sumi)}
.auc{border:1px solid var(--keisen-koi);padding:16px 18px;background:var(--shiro)}.auc-now{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}.auc-now span{font-size:12px;color:var(--hai)}.auc-now b{font-size:26px;letter-spacing:.02em}.auc-now small{color:var(--usu);font-size:12px}
.auc-meta{display:flex;gap:16px;flex-wrap:wrap;font-size:12.5px;color:var(--hai);margin:8px 0 14px}.auc-meta b{color:var(--shu)}
.auc-form{display:flex;gap:8px}.auc-form input{flex:1;min-width:0;border:1px solid var(--keisen-koi);padding:10px 12px;font:inherit;font-size:16px}.auc-form .fude{flex:none}
.auc-bids{list-style:none;margin:14px 0 0;padding:0;font-size:12.5px}.auc-bids li{display:flex;gap:12px;padding:5px 0;border-top:1px solid var(--keisen)}.auc-bids li b{margin-left:auto}.auc-bids small{color:var(--usu)}
.fuda.auction{color:var(--shu)}
.rating{font-size:12.5px;color:var(--hai)}.rating b{color:var(--kin);letter-spacing:.1em;font-weight:500}.rating small{margin-left:8px}
.rate{display:inline-flex;flex-direction:row-reverse;gap:4px}.rate input{display:none}.rate label{font-size:28px;color:var(--keisen-koi);cursor:pointer;line-height:1}.rate input:checked ~ label,.rate label:hover,.rate label:hover ~ label{color:var(--kin)}
.msgs{margin-top:8px}.msg{padding:8px 12px;margin:6px 0;background:var(--shiro);border:1px solid var(--keisen);font-size:13.5px;max-width:92%}.msg.me{margin-left:auto;background:#f3f0e9}.msg small{color:var(--usu);font-size:11px;display:block}.msg p{margin:2px 0 0;line-height:1.7}
.msg-form{display:flex;gap:8px;margin-top:8px}.msg-form textarea{flex:1;border:1px solid var(--keisen-koi);padding:8px 10px;font:inherit;font-size:14px;resize:vertical}.msg-form button{border:1px solid var(--sumi);background:var(--sumi);color:#fff;padding:0 16px;cursor:pointer;font-size:12.5px}
.my-msg{margin-top:6px;font-size:12.5px}.my-msg summary{cursor:pointer;color:var(--hai)}

/* ── フォロー・通報（2026-10-16） ── */
.follow-form{display:inline-block;margin:0}
.follow{display:inline-flex;align-items:center;gap:8px;margin-top:18px;margin-left:10px;padding:12px 20px;border:1px solid var(--sumi);background:var(--shiro);color:var(--sumi);font-size:12.5px;letter-spacing:.14em;border-radius:var(--kado);cursor:pointer;font-family:inherit;vertical-align:top}
.follow.on{background:var(--sumi);color:#fff}.follow small{font-size:11px;opacity:.7;letter-spacing:0}
.report{margin-top:28px;font-size:12.5px;color:var(--usu)}.report summary{cursor:pointer;list-style:none;display:inline;border-bottom:1px solid var(--keisen-koi)}.report summary::-webkit-details-marker{display:none}
.report form{margin-top:12px;display:grid;gap:10px;max-width:460px}.report label{font-size:12.5px;display:grid;gap:4px;color:var(--hai)}.report select,.report textarea,.report input{box-sizing:border-box;width:100%;font:inherit;font-size:14px;padding:8px 10px;border:1px solid var(--keisen-koi);background:var(--shiro);border-radius:2px}
.report small{color:var(--usu)}
@media (max-width:640px){.follow{margin-left:0;margin-top:10px}}

/* 日本文化フェス・出演者・店舗・日本製（2026-10-16） */
.fes-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}.fes-list.past{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.fes-list,.fes-list.past{grid-template-columns:1fr}}
.fes-card{display:block;background:var(--shiro);border:1px solid var(--keisen);transition:border-color .3s}.fes-card:hover{border-color:var(--sumi)}
.fes-img{aspect-ratio:16/8;overflow:hidden;background:#ebe7de;position:relative}.fes-img img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.fes-card:hover .fes-img img{transform:scale(1.03)}
.fes-t{padding:18px 22px 22px}.fes-t h2{font-size:clamp(18px,2vw,24px);line-height:1.5;margin:4px 0 8px}.fes-n{font-size:12.5px;color:var(--usu);margin:10px 0 0}.fes-n b{color:var(--sumi);font-weight:500;font-family:var(--font-en);font-size:15px}
.fes-head{padding:8px 0 36px}.fes-head .dai{font-size:clamp(26px,3.4vw,40px);margin-bottom:14px}
.fes-meta{display:flex;flex-wrap:wrap;gap:8px 24px;font-size:13px;color:var(--hai)}.fes-meta b{color:var(--sumi);font-weight:500;margin-left:2px}
.prog-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--keisen)}
.prog{display:grid;grid-template-columns:200px 1fr auto;gap:12px 28px;padding:26px 0;border-bottom:1px solid var(--keisen);align-items:start}@media(max-width:800px){.prog{grid-template-columns:1fr}.prog-more{justify-self:start}}
.prog-time{font-family:var(--font-en);font-size:15px;letter-spacing:.04em;color:var(--kin);padding-top:4px}
.prog-body h3{font-size:20px;line-height:1.5}.prog-body h3 a:hover{color:var(--hai)}.prog-lead{font-size:13.5px;color:var(--hai);margin:8px 0 0;line-height:1.9}
.prog-pf,.prog-mk{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.prog-pf a,.prog-mk a{font-size:12.5px;padding:5px 12px;border:1px solid var(--keisen-koi);border-radius:20px;color:var(--sumi);background:var(--shiro)}.prog-pf a small,.prog-mk a small{color:var(--usu);margin-left:6px;font-size:11px}.prog-pf a:hover,.prog-mk a:hover{border-color:var(--sumi)}
.prog-mk{margin-top:8px}.prog-mk .fu{margin-right:4px}
.prog-more{align-self:center;white-space:nowrap}
.prog-nav{display:flex;justify-content:space-between;gap:12px;margin-top:48px;padding-top:20px;border-top:1px solid var(--keisen);font-size:13px}.prog-nav a{border-bottom:1px solid var(--keisen-koi)}.prog-nav a:hover{border-color:var(--sumi)}@media(max-width:600px){.prog-nav{flex-wrap:wrap}}
.pf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pf-grid.narrow{grid-template-columns:repeat(3,1fr)}@media(max-width:900px){.pf-grid,.pf-grid.narrow{grid-template-columns:repeat(2,1fr)}}
.pf-card{display:flex;gap:14px;align-items:center;background:var(--shiro);border:1px solid var(--keisen);padding:14px 16px;transition:border-color .3s}.pf-card:hover{border-color:var(--sumi)}
.pf-kao{width:56px;height:56px;border-radius:50%;background:#ebe7de;overflow:hidden;flex:none}.pf-kao img{width:100%;height:100%;object-fit:cover}
.pf-t b{display:block;font-family:var(--font-min);font-weight:500;font-size:16px;line-height:1.3}.pf-t small{font-size:11.5px;color:var(--hai)}
.pf-head{display:grid;grid-template-columns:280px 1fr;gap:clamp(24px,4vw,56px);padding:12px 0 24px;align-items:start}@media(max-width:800px){.pf-head{grid-template-columns:1fr}.pf-portrait{max-width:280px}}
.pf-portrait{aspect-ratio:1;overflow:hidden;background:#ebe7de;position:relative}.pf-portrait img{width:100%;height:100%;object-fit:cover}
.pf-name h1{font-size:clamp(26px,3vw,36px)}.pf-name .en{font-family:var(--font-en);color:var(--usu);letter-spacing:.08em;margin:4px 0 10px}
.pf-progs{list-style:none;margin:0;padding:0}.pf-progs li{padding:8px 0;border-top:1px solid var(--keisen);font-size:14px}.pf-progs li a{font-family:var(--font-min);border-bottom:1px solid var(--keisen-koi)}.pf-progs small{display:block;color:var(--usu);font-size:12px}
.fes-mk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.fes-mk-grid.narrow{grid-template-columns:1fr 1fr}@media(max-width:800px){.fes-mk-grid,.fes-mk-grid.narrow{grid-template-columns:1fr}}
.fes-mk{background:var(--shiro);border:1px solid var(--keisen);padding:16px 18px}.fes-mk p{margin:10px 0 0;font-size:13px;color:var(--hai);line-height:1.8}
.pi{position:relative}.pi-fuda{display:inline-block;font-size:10.5px;letter-spacing:.14em;padding:4px 9px;border-radius:var(--kado);background:var(--sumi);color:#fff}
.pi .pi-fuda{position:absolute;left:10px;top:10px;z-index:2}.pi .fuda{top:38px}
.pi-used .pi-fuda,.pi-fuda.used{background:var(--shu)}.pi-same .pi-fuda,.pi-fuda.same{background:var(--ao)}.pi-related .pi-fuda,.pi-fuda.related{background:var(--hai)}
.pi-note{font-size:12.5px;color:var(--hai);margin:6px 2px 0;line-height:1.7}
.pi-legend{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-10px 0 28px}.pi-legend small{color:var(--usu);font-size:12px;margin-left:6px}
.pi-sec{margin-top:36px}.pi-sec:first-of-type{margin-top:0}.pi-h{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 18px;font-family:var(--font-go)}.pi-h small{font-size:12.5px;color:var(--hai);font-weight:400;line-height:1.7}
.grid.grid-2{grid-template-columns:repeat(2,1fr)}@media(max-width:600px){.grid.grid-2{grid-template-columns:1fr 1fr;gap:16px 10px}}
.qr-annai{display:grid;grid-template-columns:120px 1fr;gap:clamp(24px,4vw,48px);align-items:center}@media(max-width:700px){.qr-annai{grid-template-columns:1fr}}
.qr-mark svg{width:120px;height:120px;fill:var(--kinari);opacity:.9}.qr-annai h2{font-size:clamp(22px,2.6vw,30px)}.qr-annai p{color:rgba(237,230,214,.85);font-size:14.5px;line-height:2;margin:12px 0 18px;max-width:680px}
.qr-annai .te{display:flex;gap:10px;flex-wrap:wrap}.qr-annai .te a{border:1px solid rgba(237,230,214,.7);padding:11px 20px;font-size:12px;letter-spacing:.16em;transition:background .3s,color .3s}.qr-annai .te a:hover{background:var(--kinari);color:var(--kuro)}
.store-head{padding:24px 0 36px}.store-head h1{font-size:clamp(26px,3.2vw,38px);margin:4px 0 6px}
.store-card{display:block}.store-card h3{font-size:17px;line-height:1.55}
.mij-list{list-style:none;counter-reset:mij;margin:12px 0 0;padding:0}.mij-list li{counter-increment:mij;display:grid;grid-template-columns:44px 1fr;gap:4px 16px;padding:18px 0;border-top:1px solid var(--keisen)}.mij-list li::before{content:counter(mij);font-family:var(--font-en);font-size:30px;line-height:1;color:var(--kin);grid-row:1/3}.mij-list li b{font-family:var(--font-min);font-weight:500;font-size:17px;line-height:1.6}.mij-list li span{font-size:14.5px;line-height:2;color:var(--hai)}
.mij-table th{width:11em}@media(max-width:600px){.mij-table th{width:8em}}.mij-n{margin-top:20px;font-size:13.5px;color:var(--hai)}.mij-n b{font-family:var(--font-en);font-size:20px;color:var(--sumi);font-weight:500}
.sen.ori{white-space:normal;display:inline;line-height:2.2}

/* ── 2026-10-16 速度と到達性（ピア inuisatsu-9c）末尾追記 ── */
/* 画像の地色：読込前・失敗時も写真の枠として見える */
img{background:#ebe7de;color:transparent}
.mei img,.ten-btn img,.k-play span,.maker-chip img{background:none}
/* キーボードのフォーカス */
:focus-visible{outline:2px solid var(--sumi);outline-offset:3px;border-radius:2px}
.setsu.kuro :focus-visible,.tsukurite :focus-visible,.ashi :focus-visible{outline-color:var(--kinari)}
.nyuryoku input:focus,.nyuryoku select:focus,.nyuryoku textarea:focus{box-shadow:0 0 0 2px var(--sumi)}
/* iOS の勝手な拡大を止める（16px未満で拡大される） */
.nyuryoku input:not([type=checkbox]),.nyuryoku select,.nyuryoku textarea{font-size:16px}
/* タップ領域 44px（見た目は変えず当たり判定を広げる） */
.ten-btn{min-width:44px;min-height:44px;justify-content:center}
.suki::before{content:"";position:absolute;inset:-6px}
.pan a{display:inline-block;padding:8px 0;margin:-8px 0}
.ashi-lang a{display:inline-block;padding:12px 0}
.shibori select,.shibori input{min-height:44px}
.pdp-kata a.yoto{padding:9px 12px}
.sec-head .sen{display:inline-block;padding:8px 0}
.mp-links a{display:inline-block;padding:10px 12px}
/* 動画埋め込みはサムネイル→押したら再生 */
.k-play{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#000;cursor:pointer}
.k-play img{width:100%;height:100%;object-fit:cover;opacity:.85}
.k-play span{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.92)}
.k-play span::after{content:"";position:absolute;left:26px;top:20px;border-left:20px solid var(--sumi);border-top:12px solid transparent;border-bottom:12px solid transparent}

.mp-pending{max-width:720px;margin:12px auto 0;padding:10px 14px;border:1px solid var(--keisen);background:var(--shiro);color:var(--hai);font-size:12.5px;line-height:1.7}

/* 下部固定バーのはみ出し防止（2026-10-16） */
.bag-bar .in{max-width:100%;overflow:hidden;box-sizing:border-box}
.bag-bar .fude{flex:none;white-space:nowrap;padding:12px 18px;letter-spacing:.1em}
@media(max-width:420px){.bag-bar .fude{padding:12px 14px;font-size:12px}}

/* 購入枠の幅計算（a 要素化に伴う調整、2026-10-16） */
.pdp-buy{display:flex;gap:10px;align-items:stretch}
.pdp-buy .fude{flex:1 1 auto;min-width:0;padding-left:16px;padding-right:16px;white-space:nowrap}
.pdp-buy .suki{flex:none}
.pdp-buy .suki{position:relative;right:auto;top:auto}
.ashi-col h2{font-family:var(--font-en);font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:rgba(237,230,214,.55);margin:0 0 14px;font-weight:500}

/* ── 言語切替（常に見える札、2026-10-16 夜） ── */
.ten-lang{display:none !important}
.lang-m{position:relative;margin-left:6px}
.lang-m summary{list-style:none;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:1px solid var(--keisen-koi);border-radius:999px;cursor:pointer;font-size:12px;letter-spacing:.06em;color:var(--sumi);background:var(--shiro);min-height:36px}
.lang-m summary::-webkit-details-marker{display:none}
.lang-m summary svg{width:15px;height:15px;fill:none;stroke:var(--sumi);stroke-width:1.4}
.lang-m summary b{font-weight:600;font-family:var(--font-en)}
.lang-m[open] summary{border-color:var(--sumi)}
.lang-list{position:absolute;right:0;top:calc(100% + 8px);z-index:70;min-width:190px;background:var(--shiro);border:1px solid var(--keisen-koi);border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:6px;display:grid}
.lang-list a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:4px;font-size:13.5px;color:var(--sumi);min-height:44px}
.lang-list a b{font-family:var(--font-en);font-weight:600;min-width:34px}
.lang-list a span{color:var(--hai)}
.lang-list a:hover{background:var(--kami,#f1eee7)}
.lang-list a.on{background:var(--sumi);color:#fff}.lang-list a.on span{color:#ddd}
@media(max-width:900px){.lang-m{margin-left:2px}.lang-m summary{padding:7px 8px;min-height:34px}.lang-m summary svg{display:none}}
/* ── ログイン／新規会員登録の入口 ── */
.acc-tabs{display:flex;border:1px solid var(--keisen-koi);border-radius:999px;padding:3px;margin:8px 0 18px;background:var(--shiro)}
.acc-tabs a{flex:1;text-align:center;padding:11px 8px;border-radius:999px;font-size:13.5px;letter-spacing:.08em;color:var(--hai);min-height:44px;display:flex;align-items:center;justify-content:center}
.acc-tabs a.on{background:var(--sumi);color:#fff}
.menu-reg small{display:block;font-size:11.5px;color:var(--hai)}
.sen{border-bottom:1px solid var(--keisen-koi)}
@media(max-width:900px){.lang-m summary{padding:5px 7px;min-height:30px;font-size:11px;margin-left:0}.lang-m{margin-left:0}}
@media(max-width:420px){.mei .mei-ji{font-size:17px;letter-spacing:.16em}.ten-r{gap:2px}.ten-r .ten-btn{padding:6px 5px}.lang-m summary{padding:4px 6px;min-height:28px}}
@media(max-width:420px){.mei .mei-ji{font-size:16px;letter-spacing:.12em}.lang-m{margin-left:8px}}

.sell-kijun{margin:0 0 28px}.sell-kijun .k-h2{font-size:17px}.sell-form .k-h2{margin-top:28px;font-size:17px}.sell-form label small{display:block;color:var(--hai);font-size:12px;margin-bottom:4px}

/* ====== 以下、旧 polish.css（デザイン磨き）を統合。2026-10-16 ====== */
/* SHOKEI STORE v2 ── polish.css（デザイン原則8項目の点検で加えた磨き。2026-10-16）
   site.css の後に読み込む。既存の class だけを使い、site.css と PHP は触らない。
   番号は 提出物_2026-10-16/デザイン点検.md の指摘番号と対応。 */

/* ── A. 文字の大きさ・行間の統一 ───────────────────────── */
/* A1 ページ題の大きさを一本化（作品一覧・記事・フェス・店舗・出演者） */
.kiji h1.dai,.list-head h1,.fes-head .dai,.store-head h1,.pf-name h1{font-size:clamp(24px,3vw,36px)}
/* A2 本文の大きさを 15px に揃える（記事だけ 15.5px だった） */
.kiji .bun{font-size:15px;line-height:2.1}
/* A3 作品カードの題：スマホで「 」の途中で折れるのを減らす */
@media(max-width:700px){
  .card-title{font-size:14px;line-height:1.55}
}
/* A4 作り手カードの肩書：名前の横で「絵師・美／術家」と途中で折れていた。狭い画面では名前の下に置く */
@media(max-width:900px){.mk-name small{display:block;margin:4px 0 0}}

/* ── B. 余白の統一 ──────────────────────────────────── */
/* B1 本文末〜フッターの空白が大きすぎた（トップは約250px） */
.ashi{margin-top:clamp(40px,6vw,72px)}
.setsu:has(.shinrai){padding-bottom:clamp(32px,5vw,56px)}
.seen{padding-top:32px}
/* B2 全体メニュー：「ご案内」だけ上の節との間隔が詰まっていた（h3+h3 にしか余白が無かった） */
.menu-col a+h3{margin-top:28px}

/* ── C. 写真と作品が主役 ─────────────────────────────── */
/* C1 映像が1本のとき、黒い帯の中に小さく置かれていた（PCで幅1/3）。1本なら大きく。
      grid の auto stretch だけでは iframe の width:100% が確定せず既定の300pxに潰れるため、
      .fade と .k-video に width:100% を明示して確定させる */
/* grid の auto-fill は1本しかないと左1/3幅（約295px）に小さく収まっていた。
   1本の時は grid をやめてブロック表示にし、760pxまで大きく見せる */
.video-grid:has(> .fade:only-child){display:block;max-width:760px}
/* C2 作り手一覧：スマホで2列だと肖像が小さく、1人だけのとき半分が空く。1列にして人物を大きく */
@media(max-width:600px){.maker-grid{grid-template-columns:1fr;gap:32px}}

/* ── D. 情報の優先順位（作品ページ） ───────────────────── */
/* D1【2026-10-16 20:10 修正】当初「仕様は細い文字・縦線区切り」にしたが、
      「証明書付」のような短い札が縦線だけの見た目になり他の丸い札と揃わなくなった
      （採点で指摘）。他の札と同じ丸い形に戻し、揃える。 */
.pdp-kata{gap:6px 14px;align-items:center}

/* ── E. 次の行動を明確に ─────────────────────────────── */
/* E1 作品ページの作り手の節：3つのボタンが同じ重さ。「作り手のページへ」を主にする */
.tsukurite .te a:first-child{background:var(--kinari);color:var(--kuro);border-color:var(--kinari)}
.tsukurite .te a:first-child:hover{background:#fff;border-color:#fff}
/* E2 買い物袋：スマホで「注文に進む」が右寄せの小さなボタンだった。全幅に */
@media(max-width:600px){.cart-foot .fude{display:flex;width:100%}}
/* E3 作り手ページ（スマホ）：肖像120px の横の細い列に名前・数字・ボタンが押し込まれ、ボタンが2行に折れていた。
      肖像の下に名前を置き、ボタンは全幅 */
@media(max-width:700px){
  .mp-head{grid-template-columns:1fr;gap:12px;margin-top:-40px}
  .mp-kao{width:112px}
  .mp-name{padding-top:0}
  .mp-order{display:flex;width:100%;justify-content:center;margin-top:16px}
  .mp-name .follow{display:flex;width:100%;justify-content:center;margin:8px 0 0}
}
/* E4 法人ページ：4つの相談内容の見出しが、手順番号と同じ金色の大きな文字になっていた。見出しとして読める形に */
.sell-steps:has(+form[data-type=business]) div{flex-direction:column;gap:6px}
.sell-steps:has(+form[data-type=business]) b{font-family:var(--font-min);font-size:17px;color:var(--sumi);letter-spacing:.04em}

/* ── F. スマホで快適に ───────────────────────────────── */
/* F1 注文手続き：支払い方法のラジオに .nyuryoku input の width:100%+padding が当たり、画面が 2px 横にはみ出していた */
.nyuryoku .pay-chip input{width:1px;height:1px;padding:0;margin:0;display:block;pointer-events:none}
/* F2 作品一覧の絞り込み：スマホで5つの選択肢が不揃いに3段に折れていた。2列に整える */
@media(max-width:600px){
  .shibori{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0 20px}
  .shibori select{width:100%;min-width:0}
  .shibori .migi{grid-column:1/-1;margin-left:0}
  .shibori .ima{justify-self:start}
}
/* F3 注文手続きの作品一覧：スマホで数量と金額が題の下に段違いで落ちていた。1行に */
@media(max-width:600px){
  .cart-list.small .cart-row{grid-template-columns:56px 1fr auto auto;gap:10px}
  .cart-list.small .cart-q,.cart-list.small .cart-p{grid-column:auto;text-align:right}
  .cart-list.small .cart-p{min-width:0}
}

/* ── G. 不要なものを減らす ───────────────────────────── */
/* G1 注文手続きの下に「最近見た作品」が出て、注文から気がそれる。注文手続きでは出さない */
body:has(#co-form) .seen{display:none}
/* G2 読みもの：記事が0本のときも分類の札が並んでいた。空のときは出さない */
.shibori:has(+.kara){display:none}

/* ── H. 文字が12px未満だった箇所を12px以上に（2026-10-16 20:10 採点指摘） ── */
.fuda{font-size:12px}
.card-maker{font-size:12px}
.card-price small{font-size:12px}
.mk-n{font-size:12px}
.sagasu a small{font-size:12px}
.mei small{font-size:12px}
.pan{font-size:12px}
.pdp-price small{font-size:12px}
.maker-chip small{font-size:12px}
.report small{font-size:12px}
.nenpyo .k{font-size:12px}
.nyuryoku label small{font-size:12px}
.mini small{font-size:12px}
.bag-bar .bb-t small{font-size:12px}
.ashi-shita{font-size:12px}

/* ── I. フッターのリンクのタップ領域を44px以上に（2026-10-16 20:10 採点指摘） ── */
.ashi a{padding:12px 0}


/* 映像：押して再生（全ページ共通） */
.k-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0;background:#1c1a16;cursor:pointer;overflow:hidden}
.k-play img{width:100%;height:100%;object-fit:cover;display:block;opacity:.92}
.k-play-mark{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(255,255,255,.92);box-shadow:0 6px 24px rgba(0,0,0,.25)}
.k-play-mark::after{content:"";position:absolute;left:26px;top:20px;border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent #1c1a16}
.k-play:hover .k-play-mark{background:#fff}
.k-video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}

/* ====== 押せる場所の感触（公開側・2026-10-17） ====== */
a,button{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:2px solid var(--kin,#b8860b);outline-offset:3px;border-radius:2px}
.fude{transition:background .18s,color .18s,border-color .18s,transform .08s,box-shadow .18s}
.fude:hover{background:#000;box-shadow:0 6px 18px rgba(0,0,0,.18)}.fude:active{transform:translateY(1px) scale(.99);box-shadow:none}
.fude.waku:hover{background:var(--sumi);color:#fff}
.sokubai{transition:border-color .18s,background .18s,transform .08s}.sokubai:hover{border-color:var(--sumi);background:var(--kami,#f1eee7)}.sokubai:active{transform:scale(.99)}
.ten-btn,.ten-link,.ten-order,.lang-m summary{transition:color .15s,background .15s,border-color .15s,transform .08s}
.ten-btn:hover,.ten-link:hover{color:var(--kin,#b8860b)}.ten-order:hover{background:var(--sumi);color:#fff}.ten-btn:active{transform:scale(.94)}
.card,.mk-card,.st-card-pub{transition:transform .25s ease,box-shadow .25s ease}
.card:hover,.mk-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(0,0,0,.10)}
.card img,.mk-card img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.card:hover img,.mk-card:hover img{transform:scale(1.04)}
.card .fuda,.card .suki{transition:opacity .2s,transform .2s}
.suki:hover{transform:scale(1.12)}.suki:active{transform:scale(.9)}.suki.on svg{animation:sukiPop .35s ease}
@keyframes sukiPop{0%{transform:scale(.6)}60%{transform:scale(1.25)}100%{transform:scale(1)}}
.yoto,.sagashi-hint a,.pdp-kata span,.lang-list a,.acc-tabs a,.follow,.mp-order{transition:background .15s,color .15s,border-color .15s,transform .08s}
.yoto:hover,.sagashi-hint a:hover{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.mp-order:hover{background:#000;box-shadow:0 6px 18px rgba(0,0,0,.18)}.follow:hover{background:var(--kami,#f1eee7)}.follow.on:hover{background:#000}
.ashi a,.menu a,.te a,.sen{position:relative;transition:color .15s}
.ashi a:hover,.menu a:hover{color:var(--kin,#b8860b)}
.te a::after,.sen::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.te a:hover::after,.sen:hover::after{transform:scaleX(1)}
input[type=text],input[type=email],input[type=tel],input[type=password],input[type=number],input[type=url],input[type=search],textarea,select{transition:border-color .15s,box-shadow .15s}
.nyuryoku input:focus,.nyuryoku textarea:focus,.nyuryoku select:focus,.sagashi input:focus{outline:0;border-color:var(--sumi);box-shadow:0 0 0 3px rgba(28,26,22,.08)}
.pay-chip{transition:border-color .15s,box-shadow .15s,background .15s}.pay-chip:hover{border-color:var(--sumi)}
.k-play{transition:transform .25s}.k-play:hover .k-play-mark{transform:scale(1.06)}.k-play-mark{transition:transform .2s,background .2s}
.pdp-strip img{cursor:zoom-in}
.bag-bar .fude:hover{background:#000}
.toast{box-shadow:0 10px 30px rgba(0,0,0,.18)}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{transition-duration:.01ms !important;animation-duration:.01ms !important}}

/* ====== 購入者体験（G 班・2026-10-17） ====== */
/* 画像の読込失敗：地色と作品名 */
.img-fail{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:72px;background:repeating-linear-gradient(45deg,#ebe7de 0 10px,#e4dfd4 10px 20px);color:var(--hai);font-size:14px;line-height:1.6;text-align:center;padding:10px;box-sizing:border-box;font-family:var(--font-min)}
.card-img .img-fail,.pdp-main .img-fail{position:absolute;inset:0}
.cart-row .img-fail,.noimg-box{width:72px;height:72px;min-height:0;font-size:12px;padding:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:repeating-linear-gradient(45deg,#ebe7de 0 10px,#e4dfd4 10px 20px);color:var(--hai);text-align:center}
.cart-list.small .img-fail,.cart-list.small .noimg-box{width:56px;height:56px}
.noimg span{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:10px;font-size:14px;color:var(--hai);text-align:center;font-family:var(--font-min)}
.pdp-strip .img-fail{width:100vw;flex:none;aspect-ratio:1}
/* 読み込み中・通信失敗 */
.yomikomi{color:var(--hai);font-size:14px;padding:18px 0;margin:0}
.yomikomi::before{content:"";display:inline-block;width:14px;height:14px;border:2px solid var(--keisen-koi);border-top-color:var(--sumi);border-radius:50%;margin-right:10px;vertical-align:-2px;animation:mawaru .9s linear infinite}
@keyframes mawaru{to{transform:rotate(360deg)}}
.shippai{background:#fbeeec;color:#7a2d27;border:1px solid #e8c2bd;padding:14px 16px;font-size:14px;line-height:1.9;margin:0 0 18px}
.shippai b{display:block;color:#7a2d27}.shippai .fude.waku{margin-top:10px;color:#7a2d27;border-color:#7a2d27;display:inline-flex}
.shippai .fude.waku:hover{background:#7a2d27;color:#fff}
/* 購入の条件（作品ページ・価格の下） */
.joken{margin:0 0 18px;padding:12px 14px;border:1px solid var(--keisen);background:var(--shiro);font-size:14px;line-height:1.75}
.joken>div{display:grid;grid-template-columns:5.5em 1fr;gap:6px;padding:5px 0;border-bottom:1px dashed var(--keisen)}.joken>div:last-child{border-bottom:0}
.joken dt{color:var(--hai);font-weight:500;letter-spacing:.04em}.joken dd{margin:0;color:var(--sumi)}.joken dd small{color:var(--hai);font-size:14px}.joken dd a{border-bottom:1px solid var(--keisen-koi);color:var(--hai);display:inline-block;padding:4px 0}
.sold-annai{flex-basis:100%;margin:10px 0 0;font-size:14px;line-height:1.9;color:var(--hai)}.sold-annai b{color:var(--sumi);font-weight:500}.sold-annai a{display:inline-block;border-bottom:1px solid var(--sumi);color:var(--sumi);padding:6px 0}
.pdp-buy{flex-wrap:wrap}
/* 工房ごとの区切り（買い物袋・注文・完了） */
.kgrp{margin:0 0 22px;border:1px solid var(--keisen);background:var(--shiro);padding:0 16px 10px}
.kgrp-h{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;font-size:16px;padding:14px 0 10px;border-bottom:1px solid var(--keisen);margin:0}
.kgrp-h a{border-bottom:1px solid var(--keisen-koi);display:inline-block;padding:4px 0}.kgrp-h small{font-family:var(--font-go);font-size:14px;color:var(--hai);letter-spacing:0}
.kgrp .cart-row:last-of-type{border-bottom:0}
.kgrp-foot{display:flex;justify-content:flex-end;gap:20px;flex-wrap:wrap;font-size:14px;color:var(--hai);padding:10px 0 4px;border-top:1px solid var(--keisen)}
.betsu-annai{background:#f3efe4;border:1px solid #e3dcc6;padding:12px 14px;font-size:14px;line-height:1.9;color:var(--hai);margin:0 0 18px;text-align:left}.betsu-annai b{color:var(--sumi);font-weight:500}
.cart-t small{font-size:14px}.cart-t em{font-size:14px}.cart-t a{display:inline-block;padding:2px 0}
.cart-q input{width:64px;min-height:44px;font-size:16px}.cart-q{font-size:14px}.cart-p{font-size:15px}
.cart-x{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;color:var(--hai)}
.cart-row.is-gone{opacity:.75}.cart-row.is-gone .cart-t small{color:#7a2d27}.cart-row.is-gone .cart-t small a{color:var(--sumi);border-bottom:1px solid var(--keisen-koi);display:inline-block;padding:6px 0}
.cart-sub{font-size:14px}.cart-sub.kgrp-sub{color:var(--hai);border-bottom:1px dashed var(--keisen)}
.cart-total{font-size:15px}.cart-total b{font-size:24px}
.cart-note{font-size:14px}
/* 入力ミス */
.err-msg{display:block;color:#7a2d27;font-size:14px;font-weight:400;margin-top:6px;line-height:1.7}
.nyuryoku .has-err input,.nyuryoku .has-err textarea{border-color:#b8433a;box-shadow:0 0 0 1px #b8433a}
.err-sum{background:#fbeeec;color:#7a2d27;border:1px solid #e8c2bd;padding:12px 14px;font-size:14px;line-height:1.9;margin:0 0 14px}
.err-sum a{display:block;color:#7a2d27;text-decoration:underline;padding:4px 0}
.flash-in.err{background:#fbeeec;color:#7a2d27;font-size:14px;line-height:1.9;margin:0 0 18px}.flash-in.err b{display:block}
.nyuryoku .check{align-items:flex-start;line-height:1.7;font-size:14px;padding:8px 0}.nyuryoku .check input{width:22px;height:22px;flex:none;margin:2px 0 0}
.nyuryoku label small{display:inline-block}
.co-login{font-size:14px}.co-login a{display:inline-block;padding:6px 0}
.pay-chip{min-height:44px}.pay-chip small{font-size:14px;line-height:1.7}.pay-chip span{font-size:15px}
/* 一覧の絞り込み */
.shibori{align-items:flex-end}
.sb{display:grid;gap:4px;font-size:14px;color:var(--hai);min-width:0}.sb span{font-size:14px;letter-spacing:.04em}.sb select{font-size:14px;min-height:44px;max-width:100%}
.shibori .migi{margin-left:auto}
@media(max-width:600px){.shibori{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px}.shibori .sb{width:100%}.shibori .sb.migi{grid-column:1/-1;margin-left:0}}
.ima-list{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:-16px 0 24px;font-size:14px}
.ima-label{color:var(--hai)}
.ima-list .ima{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:8px 14px;background:var(--sumi);color:#fff;border-radius:22px;font-size:14px}.ima-list .ima b{font-weight:400;opacity:.85;font-size:16px}.ima-list .ima:hover{background:#000}
.ima-clear{display:inline-flex;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--keisen-koi);border-radius:22px;color:var(--hai);font-size:14px}.ima-clear:hover{border-color:var(--sumi);color:var(--sumi)}
.list-head .kensu{font-size:14px}
.kara{font-size:15px;line-height:2.2}.kara b{color:var(--sumi);font-weight:500;font-size:17px}.kara .fude.waku{display:inline-flex;margin-top:12px}
.pager{display:flex;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:40px}.pager a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--keisen-koi);font-size:14px;border-radius:var(--kado)}.pager a.on{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.card-note{font-size:14px;color:#7a2d27;margin-top:4px}
/* 完了・マイページ・受取 */
.th-meisai{text-align:left;margin:24px 0 8px}.th-row{display:grid;grid-template-columns:1fr auto auto;gap:12px;padding:10px 0;border-bottom:1px solid var(--keisen);font-size:14px;align-items:baseline}.th-row small{display:block;color:var(--hai);font-size:14px}.th-row>span:last-child{min-width:80px;text-align:right}
.th-help{text-align:left;margin:32px 0 8px;padding-top:24px;border-top:1px solid var(--keisen)}.th-help h2{font-size:18px;margin:0 0 14px}
.th-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:600px){.th-help-grid{grid-template-columns:1fr}}
.th-help-grid a{display:block;padding:14px 16px;border:1px solid var(--keisen);background:var(--shiro);min-height:44px;transition:border-color .2s}.th-help-grid a:hover{border-color:var(--sumi)}
.th-help-grid b{display:block;font-family:var(--font-min);font-weight:500;font-size:16px}.th-help-grid small{display:block;color:var(--hai);font-size:14px;line-height:1.7;margin-top:4px}
.my-links{display:flex;flex-wrap:wrap;gap:4px 18px;margin:6px 0 0;font-size:14px}.my-links .sen{display:inline-block;padding:10px 0;font-size:14px;white-space:normal}
.my-head{font-size:14px}.my-head em{font-size:14px}.my-head .st-kind{font-size:14px !important}
.my-ff{font-size:14px}.my-stage{font-size:14px}.my-ff .sen{display:inline-block;padding:10px 0;font-size:14px}.my-msg{font-size:14px}.my-msg summary{padding:10px 0}
.chu,.nyuryoku .chu,.kiji .chu{font-size:14px}
.riido{font-size:15px}
/* 作品ページの文字と押せる所 */
.pdp-note{font-size:14px}.pdp-note a{display:inline-block;padding:6px 0}
.pdp-kata span,.pdp-kata a.yoto{font-size:14px;min-height:36px;display:inline-flex;align-items:center}.pdp-kata a.yoto{min-height:44px;padding:9px 14px}
.pdp-maker{font-size:14px}.pdp-maker a{display:inline-block;padding:6px 0}
.pdp-price small{font-size:14px}
.shiyo{font-size:14px}.shiyo th{width:10em}@media(max-width:600px){.shiyo th{width:7.5em}}
.shiyo td{color:var(--sumi)}
.maker-chip small{font-size:14px}.rating{font-size:14px}
.sagashi-hint a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;padding:8px 14px}
.k-foot .fude.waku{display:inline-flex;margin:6px 0}
.sen{font-size:14px;display:inline-block;padding:10px 0}
.sec-head .sen{padding:10px 0}
.wait small{font-size:14px}.wait-row input{min-height:44px}
.report,.report small,.report label{font-size:14px}.report summary{display:inline-block;padding:10px 0}
/* 作品カード */
.fuda{font-size:14px;padding:6px 10px}.card-maker{font-size:14px}.card-price small{font-size:14px}.card-title{font-size:15px}
@media(max-width:700px){.card-title{font-size:14px}}
.suki{width:44px;height:44px}.suki svg{width:20px;height:20px}
/* 色の対比（白地・生成り地で 4.5:1 以上に）：金色の文字は濃く */
.fuda.ikkoku,.pdp-kata span.ikkoku{color:#7a5e1c;border-color:#7a5e1c}
.cart-t em{color:#3d5f74}
.menu-col a small{font-size:14px}.menu-close{font-size:14px;min-height:44px}
.ashi-brand p,.ashi-col a,.ashi-shita,.ashi-note,.ashi-lang a{font-size:14px}.ashi-shita a{display:inline-block;padding:12px 0}
.toast{font-size:14px}
.sagashi button{font-size:14px;min-height:44px}
.ten-btn{font-size:14px}.ten-link{font-size:14px}.ten-order{font-size:14px;min-height:44px}
.lang-m summary{font-size:14px}
.obi{font-size:14px}
.fu{font-size:13px}
.bag-bar .bb-t small{font-size:14px}.bag-bar .fude{min-height:44px}
.mini{font-size:14px}.mini small{font-size:14px}
.card-note,.err-msg,.shippai,.err-sum{letter-spacing:.01em}

/* 文字 14px・押せる所 44px・対比（自動点検 a11y.py の指摘分、2026-10-17） */
.fude,.sokubai,.fude.waku{font-size:14px;min-height:44px}
.card-price{font-size:14px}
.nyuryoku label{font-size:14px}.nyuryoku label small{font-size:14px}
.pan{font-size:14px}.pan a{padding:11px 0;margin:-11px 0}
.tsukurite .te a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.tsukurite h2 small{font-size:14px}
.ashi-col h2,.menu-col h3{font-size:14px}
.kazu{font-size:13px;min-width:20px;height:20px;line-height:20px;border-radius:10px}
.mei small{font-size:14px}.mei{min-height:44px;justify-content:center}
.fu{font-size:14px}
.lang-list a,.lang-list a span{font-size:14px}.lang-m summary{min-height:44px;padding:8px 12px}
@media(max-width:900px){.lang-m summary{min-height:44px;padding:8px 10px;font-size:14px}}
@media(max-width:420px){.lang-m summary{min-height:44px;padding:8px 8px}}
@media(min-width:901px){.ten-link{min-height:44px;display:inline-flex;align-items:center}}
.ashi-lang a{min-width:44px;text-align:center}
.rate label{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.joken dd a,.pdp-note a,.sold-annai a,.co-login a,.kgrp-h a,.cart-t a,.kajo a,.chu a,.nyuryoku .chu a,.nyuryoku .check a,.my-order a,.contact-note a{display:inline-block;padding:10px 0;margin:-6px 0}
.nyuryoku .check input{width:26px;height:26px}
.report select,.report textarea,.report input,.wait-row input{min-height:46px}
.pdp-kata a.yoto,.sagashi-hint a{min-width:44px;justify-content:center}
.fude.sold{color:#5c574e}
.pdp-thumbs button{min-width:44px;min-height:44px}
.pdp-buy .qty{min-height:44px;font-size:16px}

/* 同意の帯（analytics.js が描く #an-obi）：購入バーのあるページでは下に二段重ねにせず、ヘッダーの下へ。
   帯の見た目は J 班の analytics.js の範囲なので位置だけ上書きする（analytics.js の <style> が後に入るため !important） */
body.has-bag-bar #an-obi{bottom:auto !important;top:64px !important;font-size:14px !important}
@media(max-width:900px){body.has-bag-bar #an-obi{top:58px !important}}
#an-obi button{min-height:36px !important;font-size:14px !important}
/* 残り：文字 14px・押下領域 44px・対比 */
.kazu{font-size:14px;min-width:22px;height:22px;line-height:22px;border-radius:11px;top:2px}
.mini span,.mini small{font-size:14px}
.contact-note li,.repay p,.nagare span,.nagare li span{font-size:14px}
.my-order small,.my-order b+br+small{font-size:14px}
.msg-form button{font-size:14px;min-height:44px}
@media(max-width:420px){.bag-bar .fude{font-size:14px}}
.lang-m summary{min-width:44px;justify-content:center}
.rate input{display:block;position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}.rate{position:relative}
.rate input:checked ~ label,.rate label:hover,.rate label:hover ~ label{color:#8a6d2b}
.pan a{min-width:44px;text-align:center}
.pdp-maker a,.kgrp-h a{padding:10px 0;margin:-6px 0}
/* ログイン等の横並びボタン：14px にしたぶん、折り返しを許して横はみ出しを防ぐ */
.om-te .fude{font-size:14px;white-space:normal;line-height:1.4;padding:10px 8px;letter-spacing:.02em;min-width:0}
.acc-tabs a{font-size:14px}

/* ── 3つの入口（棚）2026-10-17 ── */
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.iriguchi{padding:clamp(40px,6vw,72px) 0 0}
.iriguchi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.iriguchi-card{display:flex;flex-direction:column;background:var(--shiro);color:var(--sumi);text-decoration:none;border:1px solid var(--keisen);min-height:100%}
.iriguchi-card.kuro{background:var(--kuro);color:var(--kinari);border-color:var(--kuro)}
.iriguchi-img{aspect-ratio:4/3;background:var(--kinari);overflow:hidden}.iriguchi-card.kuro .iriguchi-img{background:#2a2621}
.iriguchi-img img{width:100%;height:100%;object-fit:cover;display:block}
.iriguchi-t{padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;flex:1}
.iriguchi-t .fu{margin:0;font-size:11px;letter-spacing:.18em;color:var(--usu)}.iriguchi-card.kuro .fu{color:rgba(237,230,214,.7)}
.iriguchi-t h3{font-family:var(--font-min);font-weight:500;font-size:clamp(20px,2.2vw,26px);margin:0;letter-spacing:.04em}
.iriguchi-lead{margin:0;font-size:15px;line-height:1.9}
.iriguchi-how{margin:0;font-size:13.5px;color:var(--usu);line-height:1.8}.iriguchi-card.kuro .iriguchi-how{color:rgba(237,230,214,.75)}
.iriguchi-t .fude{margin-top:auto;align-self:flex-start;padding:11px 18px;font-size:14px}
.iriguchi-card.kuro .fude.shiro{background:var(--kinari);color:var(--kuro);border-color:var(--kinari)}
.iriguchi-card:hover .fude.waku{background:var(--sumi);color:#fff}
.iriguchi-card:focus-visible{outline:2px solid var(--sumi);outline-offset:3px}
@media (max-width:860px){.iriguchi-grid{grid-template-columns:1fr;gap:14px}.iriguchi-img{aspect-ratio:16/9}}

.shelf-lead{margin:6px 0 0;font-size:15px;color:var(--hai);line-height:1.9}
.shelf-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.shelf-nav a{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border:1px solid var(--keisen-koi);border-radius:24px;font-size:14px;text-decoration:none;color:var(--sumi);background:var(--shiro)}
.shelf-nav a.on{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.list-head.han{background:var(--kuro);color:var(--kinari);padding-bottom:clamp(36px,5vw,60px)}.list-head.han .fu{color:rgba(237,230,214,.7)}.list-head.han .kensu,.list-head.han .shelf-lead{color:rgba(237,230,214,.75)}
.list-head.han .shelf-nav a{background:transparent;color:var(--kinari);border-color:rgba(237,230,214,.4)}.list-head.han .shelf-nav a.on{background:var(--kinari);color:var(--kuro);border-color:var(--kinari)}
.list-head.han+.setsu.kuro{padding-top:0}

.chips{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.chips-label{font-size:13px;color:var(--usu);margin-right:4px;min-width:3em}
.chip{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--keisen-koi);border-radius:24px;font-size:14px;color:var(--sumi);text-decoration:none;background:var(--shiro)}
.chip.on{background:var(--sumi);color:#fff;border-color:var(--sumi)}
.chip:hover{border-color:var(--sumi)}
.chips+.grid,.chips+.kara{margin-top:20px}

.gift-how{padding-bottom:0}
.gift-ways{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:14px 0 16px}
.gift-way{display:block;padding:22px 22px 24px;border:1px solid var(--keisen-koi);background:var(--shiro);text-decoration:none;color:var(--sumi);min-height:44px}
.gift-way b{display:block;font-family:var(--font-min);font-weight:500;font-size:20px;margin-bottom:6px}
.gift-way span{display:block;font-size:14px;color:var(--hai);line-height:1.8}
.gift-way.on,.gift-way:hover{border-color:var(--sumi)}
.gift-note{font-size:14px;line-height:1.9;color:var(--sumi);background:var(--shiro);border-left:3px solid var(--kin);padding:12px 16px;margin:0}
@media (max-width:700px){.gift-ways{grid-template-columns:1fr}}

.one-list{display:grid;gap:clamp(32px,5vw,64px)}
.one-item{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start}
.one-item:nth-child(even) .one-img{order:2}
.one-img{display:block;background:#2a2621;aspect-ratio:4/5;overflow:hidden}.one-img img{width:100%;height:100%;object-fit:cover;display:block}
.one-t{color:var(--kinari)}
.one-fuda{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}
.one-fuda .fuda{position:static;font-size:12px;padding:5px 10px;border:1px solid rgba(237,230,214,.5);background:transparent;color:var(--kinari)}
.one-fuda .fuda.auction{background:var(--shu);border-color:var(--shu);color:#fff}.one-fuda .fuda.sold{background:var(--kinari);color:var(--kuro)}
.one-nokori{font-size:13px;color:rgba(237,230,214,.8)}
.one-t .card-maker{color:rgba(237,230,214,.75);font-size:13px}
.one-t h2{font-family:var(--font-min);font-weight:500;font-size:clamp(22px,2.6vw,32px);margin:6px 0 10px;line-height:1.5}.one-t h2 a{color:inherit;text-decoration:none}
.one-price{font-size:22px;margin:0 0 14px}.one-price small{font-size:13px;color:rgba(237,230,214,.7);margin-left:6px}
.one-raireki{font-size:14px;line-height:1.9;margin:0 0 12px;color:rgba(237,230,214,.9)}.one-raireki b{display:block;font-size:12px;letter-spacing:.1em;color:rgba(237,230,214,.6);margin-bottom:4px}
.one-desc{font-size:14.5px;line-height:2;margin:0 0 14px;color:rgba(237,230,214,.85)}
.one-t .card-tags .tag{border-color:rgba(237,230,214,.4);color:var(--kinari)}
.one-t .fude{display:inline-flex;margin-top:8px;background:var(--kinari);color:var(--kuro);border-color:var(--kinari)}.one-t .fude.waku{background:transparent;color:var(--kinari)}
@media (max-width:700px){.one-item{grid-template-columns:1fr}.one-item:nth-child(even) .one-img{order:0}}

.card-tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 2px}
.tag{font-size:11.5px;padding:3px 8px;border:1px solid var(--keisen-koi);border-radius:4px;color:var(--hai);line-height:1.5}

.shelf .list-head+.setsu{padding-top:8px}.shelf .list-head.han+.setsu.kuro{padding-top:0}.shelf .list-head{padding-bottom:8px}
.iriguchi-junbi{display:flex;align-items:center;justify-content:center;height:100%;color:var(--usu);font-size:14px;letter-spacing:.1em}

/* ── 制作実績（作り手ページ、横に送る帯）2026-10-17 ── */
.pf-note{margin:-6px 0 22px;font-size:13.5px;color:var(--usu)}
.pf-row{margin:0 0 36px}.pf-row:last-child{margin-bottom:0}
.pf-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin:0 0 12px}
.pf-grp{font-size:18px;font-weight:500;margin:0}.pf-grp small{font-size:12px;color:var(--usu);margin-left:10px;font-family:var(--font-go)}
.pf-nav{display:flex;gap:6px}
.pf-btn{width:44px;height:44px;border:1px solid var(--keisen-koi);background:var(--shiro);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sumi)}
.pf-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.pf-btn:hover{border-color:var(--sumi)}.pf-btn:disabled{opacity:.3;cursor:default}
.pf-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding:4px 4px 12px;margin:0 -4px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.pf-track::-webkit-scrollbar{height:6px}.pf-track::-webkit-scrollbar-thumb{background:var(--keisen-koi);border-radius:3px}
.pf-track:focus-visible{outline:2px solid var(--sumi);outline-offset:2px}
.pf-slide{flex:0 0 min(78vw,320px);scroll-snap-align:start;margin:0;background:var(--ji)}
.pf-img{position:relative;aspect-ratio:4/5;background:var(--kinari);overflow:hidden}
.pf-img img{width:100%;height:100%;object-fit:cover;display:block;background:#efeae0}
.pf-slide.wide{flex-basis:min(90vw,460px)}.pf-slide.wide .pf-img{aspect-ratio:4/3}
.pf-track{align-items:flex-start}
.pf-more{position:absolute;right:8px;bottom:8px;min-height:32px;padding:0 10px;border:0;border-radius:16px;background:rgba(28,26,22,.78);color:#fff;font-size:12px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}
.pf-more::after{content:"›";font-size:16px;line-height:1}
.pf-slide figcaption{padding:12px 4px 4px;line-height:1.7}
.pf-slide figcaption b{display:block;font-family:var(--font-min);font-weight:500;font-size:16px;letter-spacing:.03em}
.pf-slide figcaption span{display:block;font-size:12.5px;color:var(--usu)}
.pf-slide figcaption small{display:block;font-size:12.5px;color:var(--hai);margin-top:2px}
@media (prefers-reduced-motion:reduce){.pf-track{scroll-behavior:auto}}
@media (max-width:700px){.pf-nav{display:none}.pf-slide{flex-basis:72vw}}

.pf-jump{text-align:center;margin-top:10px}.pf-jump .fude{display:inline-flex;align-items:center;gap:8px}.pf-jump svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
#portfolio{scroll-margin-top:72px}

/* 数字は崩さない：英字書体の旧字体数字を使わず、数字はゴシックの通常形で（2026-10-17 乾さん指摘） */
.mp-num b,.nenpyo .y,.kensu,.card-price,.pdp-price,.one-price{font-family:var(--font-go);font-variant-numeric:lining-nums tabular-nums}
.mp-num b{font-size:16px;font-weight:500;margin-left:2px}

/* 棚の補助（贈り方・一点物の制作依頼）2026-10-17 見やすく・選びやすく */
.shelf-sub{padding:0 0 8px}
.gift-ways{grid-template-columns:1fr 1fr;gap:10px;margin:0 0 10px}
.gift-way{padding:14px 16px;display:flex;flex-direction:column;gap:2px;text-decoration:none}
.gift-way b{font-size:16px;margin:0}.gift-way span{font-size:13px}
.gift-way.on{border-color:var(--sumi);background:var(--shiro)}
.gift-more{font-size:13.5px;color:var(--hai);margin:0 0 6px}.gift-more summary{cursor:pointer;min-height:40px;display:flex;align-items:center;color:var(--sumi)}.gift-more p{margin:4px 0 0;line-height:1.9}
.one-order{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:var(--shiro);border:1px solid var(--keisen-koi);margin:0 0 6px}
.one-order b{display:block;font-size:15px;font-weight:500}.one-order span{display:block;font-size:13px;color:var(--hai);margin-top:2px}
.one-order .fude{flex:none;padding:12px 18px}
@media (max-width:700px){.one-order{flex-direction:column;align-items:stretch}.one-order .fude{width:100%;text-align:center}.gift-ways{grid-template-columns:1fr 1fr}.gift-way span{display:none}}
.menu-order{background:var(--shiro)}.menu-order b{color:var(--sumi)}

/* 2026-10-17 見やすさの改善：一覧の札・棚の頭・スマホのトップ・♡・仕様表・パンくず・スマホの検索欄・トップの少ない節 */
.shibori-fuda{padding:4px 0 0}
.shibori-fuda .chips{margin:0 0 8px;flex-wrap:nowrap;align-items:flex-start}
.shibori-fuda .chips-label{min-width:4.5em;padding-top:9px;font-size:13px;flex:none}
.chips-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}
.shibori-fuda .chip{min-height:36px;padding:0 12px;font-size:13.5px}
.chip small{font-size:11px;color:var(--usu);margin-left:5px;font-family:var(--font-go)}.chip.on small{color:rgba(255,255,255,.75)}
@media(max-width:700px){.shibori-fuda .chips-label{min-width:3.5em}.chips-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px;margin-right:calc(-1*var(--pad));padding-right:var(--pad)}.chips-row::-webkit-scrollbar{display:none}.shibori-fuda .chip{white-space:nowrap;flex:none}}
.narabi{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;margin:8px 0 22px;border-top:1px solid var(--keisen);border-bottom:1px solid var(--keisen)}
.narabi-n{font-size:14px;color:var(--hai);display:inline-flex;align-items:center;gap:6px;font-family:var(--font-go)}.narabi .ima-clear{min-height:32px;padding:4px 10px;font-size:13px}
.sort-tabs{display:flex;gap:2px;flex-wrap:wrap}.sort-tabs a{display:inline-flex;align-items:center;min-height:36px;padding:0 10px;font-size:13.5px;color:var(--hai);border-bottom:2px solid transparent}.sort-tabs a.on{color:var(--sumi);border-bottom-color:var(--sumi);font-weight:500}.sort-tabs a:hover{color:var(--sumi)}
@media(max-width:700px){.sort-tabs{width:100%;overflow-x:auto;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad);flex-wrap:nowrap}.sort-tabs::-webkit-scrollbar{display:none}.sort-tabs a{white-space:nowrap;flex:none}}
.list-head{padding:clamp(16px,2.5vw,28px) 0 14px}
.in:has(>.pan)+.list-head{padding-top:4px}
.pan{padding:14px 0 4px}
.shelf .list-head{padding-bottom:4px}.shelf-lead{margin-top:4px}.shelf-nav{margin-top:12px}
.shelf .shelf-sub{padding:12px 0 0}.shelf .shelf-sub+.setsu{padding-top:16px}
.gift-ways{grid-template-columns:1fr 1fr auto;align-items:center;gap:10px;margin:0}
.gift-way{padding:12px 16px;min-height:0}.gift-way b{font-size:16px;margin-bottom:2px}.gift-way span{font-size:13px;line-height:1.6}
.gift-ways .gift-more{margin:0;font-size:13px}.gift-ways .gift-more summary{min-height:36px;color:var(--hai)}.gift-ways .gift-more p{font-size:13.5px}
@media(max-width:700px){.gift-ways{grid-template-columns:1fr 1fr}.gift-ways .gift-more{grid-column:1/-1}.gift-way span{display:none}}
.one-order{margin:0}
@media(max-width:700px){.hero{height:min(54vh,440px);min-height:340px}.hero-moji{padding-bottom:28px}.hero-moji h1{font-size:26px}.hero-moji p{margin:8px 0 16px}}
.iriguchi-n{display:none}
@media(max-width:860px){.iriguchi{padding-top:18px}.iriguchi-grid{grid-template-columns:repeat(3,1fr);gap:8px}.iriguchi-img{aspect-ratio:1}.iriguchi-t{padding:8px 6px 10px;gap:2px;align-items:center;text-align:center}.iriguchi-t .fu,.iriguchi-lead,.iriguchi-how,.iriguchi-t .fude{display:none}.iriguchi-t h3{font-size:14.5px;letter-spacing:.02em}.iriguchi-n{display:block;font-size:12px;color:var(--usu);font-family:var(--font-go)}.iriguchi-card.kuro .iriguchi-n{color:rgba(237,230,214,.75)}}
@media(max-width:700px){.home .setsu{padding:40px 0}.home .setsu+.setsu{padding-top:0}.home .setsu.shiro+.setsu,.home .setsu+.setsu.shiro,.home .setsu.kuro+.setsu,.home .setsu+.setsu.kuro{padding-top:40px}.home .iriguchi+.setsu{padding-top:30px}}
.suki{opacity:1;background:rgba(255,255,255,.88);box-shadow:0 1px 4px rgba(0,0,0,.08)}
.pdp-buy .fude{min-height:54px;font-size:14.5px;letter-spacing:.12em}
.joken{margin:18px 0 0}
.shiyo-note{font-size:13.5px;color:var(--hai);line-height:1.9;margin:12px 0 0}.shiyo-note a{border-bottom:1px solid var(--keisen-koi)}
.sp-search{display:none}
@media(max-width:900px){.sp-search{display:flex;align-items:center;gap:8px;margin:10px var(--pad) 0;border:1px solid var(--keisen-koi);background:var(--shiro);border-radius:24px;padding:0 14px;min-height:44px}.sp-search svg{width:18px;height:18px;fill:none;stroke:var(--usu);stroke-width:1.6;flex:none}.sp-search input{flex:1;border:0;background:none;font:inherit;font-size:16px;color:var(--sumi);min-width:0;padding:8px 0;-webkit-appearance:none;appearance:none}.sp-search input:focus{outline:none}}
.maker-grid.few{grid-template-columns:1fr 1fr}.maker-grid.few .maker-card{display:grid;grid-template-columns:200px 1fr;gap:20px;align-items:center}
.story-grid.few{grid-template-columns:1fr 1fr}.story-grid.few .story-card{display:grid;grid-template-columns:220px 1fr;gap:0 20px;align-items:center}.story-grid.few .story-img{grid-row:1/4;margin:0;aspect-ratio:4/3}
@media(max-width:700px){.maker-grid.few,.story-grid.few{grid-template-columns:1fr}.maker-grid.few .maker-card{grid-template-columns:120px 1fr;gap:14px}.story-grid.few .story-card{grid-template-columns:130px 1fr;gap:0 14px}}

/* ===== 2026-10-17 売り場調（白地・密に・写真を大きく・値段を太く）。画廊調の生成り地と明朝体の見出しをやめ、買う場所の見た目にする ===== */
:root{--ji:#fff;--shiro:#fff;--kinari:#f4f4f2;--keisen:#e9e9e6;--keisen-koi:#d8d8d4;--hai:#5f5f5c;--usu:#8c8c88;--sumi:#141414;--kado:4px}
body{background:#fff;color:var(--sumi);font-family:var(--font-go);font-size:14px;letter-spacing:0}
h1,h2,h3{font-family:var(--font-go);font-weight:700;letter-spacing:.01em}
.mei-ji{font-family:var(--font-en)}
.fade{opacity:1;transform:none}
.ten{background:rgba(255,255,255,.96);border-bottom:1px solid var(--keisen)}
.ten-link{font-weight:500}
.search-shita,.menu{background:#fff}
.sp-search{display:flex;max-width:640px;margin:12px auto 0;border:0;background:#f1f1ef;border-radius:8px;min-height:44px;align-items:center;gap:8px;padding:0 14px}
.sp-search svg{width:18px;height:18px;fill:none;stroke:var(--usu);stroke-width:1.6;flex:none}
.sp-search input{flex:1;border:0;background:none;font:inherit;font-size:15px;color:var(--sumi);min-width:0;padding:8px 0;-webkit-appearance:none;appearance:none}.sp-search input:focus{outline:none}
@media(max-width:900px){.sp-search{margin:10px var(--pad) 0}}
.fu{font-family:var(--font-go);font-size:11px;letter-spacing:.14em;color:var(--usu)}
.sec-head{margin-bottom:14px;align-items:center}.sec-head .fu{display:none}.sec-head .dai{font-size:20px;line-height:1.4}
.sen{font-size:13px;letter-spacing:0;border:0;color:var(--ao)}.sen:hover{color:var(--sumi)}
.setsu{padding:36px 0}.setsu+.setsu{padding-top:0}.setsu.shiro+.setsu,.setsu+.setsu.shiro,.setsu.kuro+.setsu,.setsu+.setsu.kuro{padding-top:36px}
.setsu.shiro{background:#f7f7f5}
.setsu-lead{margin:-6px 0 14px;font-size:13px;color:var(--hai)}
/* 帯 */
.obi-wrap{padding:14px 0 0}
.obi-track{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(-1*var(--pad));padding:0 var(--pad) 4px}.obi-track::-webkit-scrollbar{display:none}
.obi-card{position:relative;flex:0 0 clamp(260px,31%,420px);aspect-ratio:16/10;scroll-snap-align:start;border-radius:8px;overflow:hidden;background:#ece9e2;color:#fff;display:flex;align-items:flex-end}
.obi-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.obi-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.62) 100%)}
.obi-card.obi-hero{flex-basis:clamp(300px,42%,560px)}
.obi-card.kuro{background:var(--kuro)}.obi-card.kuro::after{background:none}
.obi-card.obi-junbi{background:#eeede9;color:var(--sumi)}.obi-card.obi-junbi::after{background:none}
.obi-t{position:relative;z-index:1;padding:16px 18px 16px;display:flex;flex-direction:column;gap:3px;width:100%}
.obi-t .fu{margin:0;color:rgba(255,255,255,.8)}.obi-junbi .obi-t .fu{color:var(--usu)}
.obi-t b{font-size:clamp(17px,1.6vw,22px);line-height:1.35;font-weight:700}
.obi-t span{font-size:12.5px;line-height:1.6;opacity:.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.obi-t em{font-style:normal;font-size:12.5px;font-weight:700;margin-top:6px;display:inline-flex;align-items:center;gap:4px}.obi-t em::after{content:"›";font-size:16px}
.obi-card.obi-hero .obi-t b{font-family:var(--font-min);font-weight:500;font-size:clamp(22px,2.2vw,30px);letter-spacing:.04em}
@media(max-width:700px){.obi-card{flex-basis:78vw;aspect-ratio:16/10}.obi-card.obi-hero{flex-basis:84vw}}
/* 作品カード */
.grid{gap:22px 14px}.grid.grid-5{grid-template-columns:repeat(5,1fr)}
@media(max-width:1100px){.grid.grid-5{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.grid.grid-5{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.grid,.grid.grid-5{grid-template-columns:repeat(2,1fr);gap:18px 10px}}
.card-img{background:#f3f3f1;border-radius:4px}.card:hover{transform:none;box-shadow:none}.card:hover img{transform:none}
.card-t{padding:8px 0 0}
.card-maker{font-size:12px;color:var(--sumi);font-weight:700;letter-spacing:0;gap:6px}.card-maker span{color:var(--usu);font-weight:400}
.card-title{font-family:var(--font-go);font-size:13px;color:#444;margin:2px 0 4px;line-height:1.5}.card-title small{display:block;font-size:11px;color:var(--usu)}
.card-price{font-size:16px;font-weight:700;letter-spacing:0}.card-price small{font-size:11px;font-weight:400;color:var(--usu);margin-left:4px}
.pcard-ask{font-size:12.5px;font-weight:500;color:var(--ao)}
.fuda{left:0;top:auto;bottom:0;font-size:11px;letter-spacing:.04em;padding:3px 7px;border-radius:0 3px 0 0;background:rgba(255,255,255,.95);color:#333}
.fuda.ikkoku{background:#8a6d1f;color:#fff}.fuda.sold{background:#111;color:#fff}.fuda.tenji{background:rgba(255,255,255,.95);color:#666}
.card-tags{margin:2px 0 4px}.tag{font-size:10.5px;padding:1px 6px}
.suki{width:30px;height:30px;background:rgba(255,255,255,.9);box-shadow:none;right:6px;top:6px}
/* 一覧・棚 */
.list-head{padding:10px 0 8px}.list-head .fu{display:none}.list-head h1{font-size:24px}.list-head .kensu{font-size:14px;margin-left:10px}
.shelf-lead{font-size:13.5px}
.shelf-nav a,.chip{border-radius:6px;min-height:34px;font-size:13px}.chip{padding:0 10px}
.chip.on,.shelf-nav a.on{background:var(--sumi);border-color:var(--sumi)}
.chips-label,.shibori-fuda .chips-label{font-size:12.5px}
.narabi{border:0;padding:4px 0;margin:6px 0 12px}.sort-tabs a{font-size:13px}
.gift-way{border-radius:6px}.gift-way b{font-family:var(--font-go);font-weight:700}
.one-order{border-radius:6px}
.kara{border-radius:6px;background:#f7f7f5}
.pan{font-size:12px;letter-spacing:0}.pan a{color:var(--ao)}
/* 作品ページ */
.pdp-info h1{font-family:var(--font-min);font-weight:500;font-size:clamp(22px,2.2vw,28px)}
.pdp-price{font-size:30px;font-weight:700;letter-spacing:0}.pdp-price small{font-size:12px;font-weight:400}
.pdp-maker a{font-weight:700;border-bottom-color:transparent}
.fude{border-radius:6px;letter-spacing:.04em;font-weight:700;font-size:14px}
.pdp-buy .fude{min-height:54px;font-size:15px}
.sokubai{border-radius:6px}
.joken{border-radius:6px;background:#f7f7f5;border-color:#f7f7f5}
.pdp-kata span,.pdp-kata a{border-radius:6px;font-size:12px}
.k-h2{font-size:18px}
.shiyo th{color:var(--usu)}
.tsukurite{background:#f7f7f5;color:var(--sumi)}.tsukurite .fu{color:var(--usu)}.tsukurite .te a{border-color:var(--keisen-koi)}
/* 作り手・読みもの・探す */
.sagasu a{border:0;background:#f3f3f1;border-radius:8px;font-weight:700;font-size:13.5px;padding:14px 16px}.setsu.shiro .sagasu a{background:#fff}
.sagasu a.sagasu-order{background:var(--sumi);color:#fff}.sagasu a.sagasu-order small{color:rgba(255,255,255,.7)}
.maker-grid.few .maker-card,.story-grid.few .story-card{background:#f7f7f5;border-radius:8px;overflow:hidden}.story-grid.few .story-card{padding-right:16px}
.setsu.shiro .maker-grid.few .maker-card,.setsu.shiro .story-grid.few .story-card{background:#fff}
.mk-name{font-weight:700}.story-card h3{font-size:16px}
.shinrai{border-top:1px solid var(--keisen);padding-top:24px}.shinrai b{font-weight:700}
/* フッター */
.ashi{background:#f3f3f1;color:var(--sumi);margin-top:40px}.ashi a{color:var(--sumi)}.ashi h2{color:var(--usu);font-size:12px;letter-spacing:.1em}.ashi-shita{color:var(--hai)}
.ashi .mei-ji{color:var(--sumi)}.ashi-lang a{color:var(--hai)}.ashi-lang a.ima{color:var(--sumi)}
/* 入口（スマホ）・旧ヒーローが残る画面向け */
.iriguchi-card{border-radius:8px}
.hero{height:min(42vh,400px);min-height:280px}
.setsu.shiro .sagasu a.sagasu-order{background:var(--sumi);color:#fff}
@media(min-width:1101px){.grid{grid-template-columns:repeat(5,1fr)}}
.obi-wrap .in{position:relative}.obi-wrap .in::after{content:"";position:absolute;right:0;top:0;bottom:4px;width:48px;background:linear-gradient(90deg,rgba(255,255,255,0),#fff);pointer-events:none}
@media(max-width:700px){.obi-wrap .in::after{display:none}}
.sagasu a.sagasu-order{grid-column:span 2;flex-direction:column;align-items:flex-start;gap:2px;justify-content:center}.sagasu a.sagasu-order small{font-size:12px}
@media(max-width:600px){.sagasu a.sagasu-order{grid-column:1/-1}}
.fuda.tenji{background:rgba(255,255,255,.95);color:#666}
.card-price.pcard-ask{font-size:12.5px;font-weight:500;color:var(--ao)}
.pdp-price.pdp-tenji{font-size:20px;flex-direction:column;align-items:flex-start;gap:2px}.pdp-price.pdp-tenji small{font-size:13px;color:var(--hai)}
/* 題字（2026-10-17 乾さん：一言を変え、少し小さく） */
.mei-ji{font-size:21px;letter-spacing:.28em}.mei small{font-size:11px;letter-spacing:.08em;margin-top:2px;color:var(--hai)}
@media(max-width:900px){.mei-ji{font-size:19px}}
.mei small{white-space:nowrap;font-size:10.5px}.ten-btn span,.ten-link{white-space:nowrap}
@media(max-width:1250px){.mei small{display:none}}
@media(max-width:1400px){.ten-r .ten-btn span{display:none}.ten-r{gap:2px}.ten-link{padding:8px 9px}}
@media(max-width:1250px){.mei small{display:block}}@media(max-width:1100px){.mei small{display:none}}
.ashi-brand p{color:var(--hai)}.ashi-note{color:var(--usu)}.ashi-shita{border-top-color:var(--keisen)}.ashi-col h2{color:var(--usu)}
.intl-note{font-size:13.5px;line-height:1.8;color:var(--sumi);background:#f7f7f5;border-left:3px solid var(--kin);padding:10px 14px;margin:0 0 14px}.intl-note b{display:block;font-weight:700;margin-bottom:2px}
.cart-ship-note{display:block;font-size:11.5px;color:var(--usu);font-weight:400;line-height:1.5}
.nyuryoku select{width:100%;border:1px solid var(--keisen-koi);background:var(--shiro);padding:10px 12px;font:inherit;font-size:16px;color:var(--sumi);border-radius:var(--kado);min-height:44px}
[hidden]{display:none!important}
.pf-ask{display:inline-block;margin-top:6px;font-size:12.5px;color:var(--ao);font-weight:500}.pf-ask:hover{color:var(--sumi)}
/* 会員登録のご案内（作品ページ・一度だけ・閉じられる） */
.reg-ask{position:fixed;inset:0;z-index:70;background:rgba(20,20,20,0);display:flex;align-items:flex-end;justify-content:center;transition:background .25s}
.reg-ask.show{background:rgba(20,20,20,.35)}
.reg-ask-in{position:relative;width:100%;max-width:520px;background:#fff;border-radius:14px 14px 0 0;padding:22px 22px 18px;box-shadow:0 -10px 40px rgba(0,0,0,.18);transform:translateY(24px);opacity:0;transition:transform .25s,opacity .25s}
.reg-ask.show .reg-ask-in{transform:none;opacity:1}
@media(min-width:700px){.reg-ask{align-items:center}.reg-ask-in{border-radius:12px;padding:26px 28px 22px}.reg-ask.show .reg-ask-in{transform:none}}
.reg-ask-x{position:absolute;right:10px;top:8px;width:40px;height:40px;border:0;background:none;font-size:24px;color:var(--usu);cursor:pointer}
.reg-ask h2{font-size:19px;margin:2px 0 10px}
.reg-ask-list{margin:0 0 10px;padding-left:1.2em;font-size:14px;line-height:1.9;color:#333}
.reg-ask-note{font-size:13px;color:var(--hai);margin:0 0 14px}
.reg-ask-btns{display:flex;gap:10px}.reg-ask-btns .fude{flex:1;min-height:48px}.reg-ask-btns .fude.waku{background:#fff;color:var(--sumi)}
.reg-ask-small{font-size:12px;color:var(--usu);margin:12px 0 0;text-align:center}
.reg-ask-btns .fude{font-size:13.5px;letter-spacing:0;padding-left:10px;padding-right:10px;white-space:nowrap}

.tsukurite h2 small{color:var(--hai)}.tsukurite p{color:var(--sumi)}.tsukurite .te a{color:var(--sumi)}
/* トップの帯：PC は全部の札が収まる幅に（横に隠れない） */
@media(min-width:1000px){.obi-track{overflow:visible;margin:0;padding:0 0 4px}.obi-card{flex:1 1 0;min-width:0;aspect-ratio:4/3}.obi-card.obi-hero{flex:1.7 1 0;aspect-ratio:auto}.obi-t{padding:12px 14px}.obi-t b{font-size:clamp(15px,1.3vw,20px)}.obi-t span{font-size:12px;-webkit-line-clamp:2}.obi-t em{font-size:12px}.obi-wrap .in::after{display:none}}

/* 2026-10-18 技術監査の修正：押しやすさ・はみ出し・見出し */
.menu-col .menu-h{font-family:var(--font-go);font-size:12px;letter-spacing:.14em;color:var(--usu);margin:0 0 12px;font-weight:700}
@media(max-width:700px){.suki{width:44px;height:44px;right:4px;top:4px}.suki svg{width:19px;height:19px}.chip,.shibori-fuda .chip,.shelf-nav a{min-height:44px}.sort-tabs a{min-height:44px}.pf-ask,.video-grid p a{display:inline-block;padding:10px 0}}
@media(max-width:420px){.reg-ask-btns{flex-direction:column}.reg-ask-btns .fude{white-space:normal}}
.card-maker span{word-break:keep-all}.mk-name small{word-break:keep-all}
.maker-card .om-te .fude{font-size:12.5px;white-space:nowrap}
.pf-slide img{content-visibility:auto}

/* 2026-10-18 採点の反映：帯の文字の読みやすさ・スマホで3入口を全部見せる・添え色のコントラスト */
:root{--usu:#767571}
.obi-card::after{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 40%,rgba(0,0,0,.74) 100%)}
.obi-t b,.obi-t span,.obi-t em,.obi-t .fu{text-shadow:0 1px 10px rgba(0,0,0,.45)}
.obi-junbi .obi-t b,.obi-junbi .obi-t span,.obi-junbi .obi-t em,.obi-junbi .obi-t .fu{text-shadow:none}
.obi-card.kuro .obi-t span{display:block;-webkit-line-clamp:3}
@media(max-width:700px){.obi-track{display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:visible;margin:0;padding:0}.obi-card{flex:none;aspect-ratio:4/3;border-radius:6px}.obi-card.obi-hero{grid-column:1/-1;aspect-ratio:16/9}.obi-t{padding:10px 12px}.obi-t b{font-size:15px}.obi-t span{font-size:11.5px;-webkit-line-clamp:2}.obi-t em{font-size:11.5px;margin-top:3px}.obi-card.obi-hero .obi-t b{font-size:22px}}
.sold-annai{font-size:13.5px;line-height:1.8;margin:10px 0 0;color:var(--hai)}.sold-annai b{color:var(--sumi);display:block}
.obi-card.kuro .obi-t span{-webkit-line-clamp:2}.obi-card .obi-t{overflow:hidden}

/* 2026-10-18 採点3の反映 */
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--sumi);color:#fff;padding:8px 14px;border-radius:4px}.skip:focus{left:8px}
.ten-r{min-width:0;flex-wrap:nowrap}.ten-link{white-space:nowrap}
body:not(.lang-ja) .ten-link{padding:8px 7px;font-size:13px;letter-spacing:0}
@media(max-width:1500px){body:not(.lang-ja) .ten-btn span{display:none}body:not(.lang-ja) .mei small{display:none}}
.obi-card.kuro{align-items:flex-start}.obi-card.kuro .obi-t{justify-content:flex-start}.obi-card.kuro .obi-t b{font-size:clamp(15px,1.3vw,19px);line-height:1.35}
#an-obi{position:static !important;top:auto !important;bottom:auto !important;background:#f3f3f1 !important;color:var(--sumi) !important;border-bottom:1px solid var(--keisen);backdrop-filter:none !important}
#an-obi button{border:1px solid var(--sumi) !important;background:#fff !important;color:var(--sumi) !important}#an-obi button[data-an=yes]{background:var(--sumi) !important;color:#fff !important}
.tsukurite.no-kao .in{grid-template-columns:1fr}.tsukurite.no-kao .kao{display:none}
.ten-r{min-width:auto}
body:not(.lang-ja) .ten-in{grid-template-columns:auto auto minmax(0,1fr)}body:not(.lang-ja) .mei{margin-left:16px;align-items:flex-start}body:not(.lang-ja) .ten-r{min-width:0}
@media(max-width:900px){body:not(.lang-ja) .ten-in{grid-template-columns:1fr auto 1fr}body:not(.lang-ja) .mei{margin-left:0;align-items:center}body:not(.lang-ja) .ten-r{min-width:auto}}

/* 2026-10-18 採点4の反映：会員案内は購入を遮らない札に */
.reg-ask{pointer-events:none;background:transparent !important;align-items:flex-end;justify-content:flex-end;padding:0 12px 12px}
.reg-ask-in{pointer-events:auto;max-width:360px;border-radius:12px;padding:16px 18px 14px;box-shadow:0 8px 30px rgba(0,0,0,.18);border:1px solid var(--keisen)}
.reg-ask h2{font-size:16px;margin:0 0 6px}.reg-ask-list{font-size:13px;line-height:1.7;margin:0 0 6px}.reg-ask-note{font-size:12px;margin:0 0 10px}.reg-ask-btns .fude{min-height:42px;font-size:13px}.reg-ask-small{font-size:11.5px;margin-top:8px}.reg-ask-x{top:4px;right:4px}
@media(max-width:700px){.reg-ask{padding:0 10px 72px}.reg-ask-in{max-width:none}}
body.has-bag-bar .reg-ask{padding-bottom:84px}
/* 探すの札（英語で文字が重ならないよう縦に） */
.sagasu a{flex-direction:column;align-items:flex-start;gap:2px}.sagasu a small{font-size:11.5px}
/* 添え文・字幕の大きさと色 */
.mei small{font-size:11.5px}.video-grid p{color:#c9c4b8}
@media(max-width:700px){.reg-ask-list,.reg-ask-note,.reg-ask-small{display:none}.reg-ask h2{font-size:15px;margin:0 0 8px;padding-right:28px}.reg-ask-btns{flex-direction:row}.reg-ask-btns .fude{min-height:40px;font-size:12.5px}.reg-ask-in{padding:12px 14px 12px}.reg-ask{padding:0 8px 68px}}

/* 2026-10-18 採点5の反映 */
.mk-lead-s{font-weight:700;margin:0 0 8px}.mk-nums{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--hai);margin:10px 0 0}.mk-nums b{color:var(--sumi);font-size:16px;font-family:var(--font-go)}
.pdp-strip:focus-visible,.kobo:focus-visible{outline:2px solid var(--sumi);outline-offset:2px}
.fu,.ashi h2,.ashi-col h2{color:#6e695f}
.obi-card.obi-gifts::after{background:linear-gradient(180deg,rgba(0,0,0,.12) 0%,rgba(0,0,0,.25) 40%,rgba(0,0,0,.8) 100%)}
.mk-n,.pf-note,.card-maker span,.mk-name small{color:#6e695f}

/* 2026-10-18 採点7の反映 */
@media(min-width:700px){.reg-ask{justify-content:flex-start}.reg-ask-in{max-width:340px}}
[id]{scroll-margin-top:84px}
.setsu.kuro .sen{color:#e9e4d8;border-color:#e9e4d8}
.fuda.yoyaku{background:#555;color:#fff}
.card-price small,.pdp-price small{color:#6e695f}.fu{color:#6e695f}

/* 2026-10-18 採点10の反映 */
.obi-card.obi-one::after{background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.3) 40%,rgba(0,0,0,.82) 100%)}
@media(max-width:900px){.lang-m summary{min-height:34px;padding:4px 8px;font-size:12px}.lang-m summary b{font-size:12px}}
.reg-ask-list,.reg-ask-small{display:none}.reg-ask h2{font-size:15px;margin:0 0 6px;padding-right:28px}.reg-ask-note{font-size:12.5px;margin:0 0 10px}.reg-ask-in{padding:14px 16px 12px}
.rate label{font-size:30px}.rate-hint{display:block;font-size:12.5px;color:var(--hai);margin-top:4px}

/* 2026-10-18 採点11の反映 */
body:not(.lang-ja) .nenpyo li{grid-template-columns:52px auto 1fr}.nenpyo .k{white-space:nowrap}
.pf-ask{display:inline-flex;align-items:center;min-height:44px;padding:0;margin-top:0}
@media(max-width:700px){.reg-ask .fu{display:none}.reg-ask-in{padding:8px 12px 8px}.reg-ask h2{margin:0 0 6px;padding-right:30px;font-size:13.5px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reg-ask-btns{margin:0;flex-wrap:nowrap;gap:8px}.reg-ask-btns .fude{min-height:40px;padding:0 10px;font-size:12px;white-space:nowrap;flex:1}}

/* 2026-10-18 トップの映像を帯の直下に（乾さん指示） */
.home-film{padding:28px 0 32px}.home-film .video-grid{display:block;max-width:960px;margin:0 auto}.home-film .k-video{aspect-ratio:16/9}.home-film .k-play img{opacity:.95}.home-film .video-grid p{font-size:14px;margin-top:10px;text-align:center}
@media(max-width:700px){.home-film{padding:18px 0 22px}}

/* 2026-10-18 トップ：短編の自動再生＋長編の横すべり（乾さん指示） */
.home-short{padding:0 0 26px}.short-box{position:relative;max-width:1100px;margin:0 auto;background:#000;border-radius:6px;overflow:hidden}.short-box video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#000}
.short-ctl{position:absolute;right:12px;bottom:12px;display:flex;gap:8px}.short-btn{min-height:40px;padding:0 14px;border-radius:20px;border:1px solid rgba(255,255,255,.6);background:rgba(0,0,0,.45);color:#fff;font-size:13px;cursor:pointer;backdrop-filter:blur(4px)}.short-btn:hover{background:rgba(0,0,0,.7)}
.short-cap{max-width:1100px;margin:12px auto 0;text-align:center;font-size:14px;color:#c9c4b8}.short-cap a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
.home-film{padding:8px 0 32px}.home-film .video-grid{display:none}
.film-wrap{position:relative}.film-track{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 6px;margin:0 calc(-1*var(--pad));padding-left:var(--pad);padding-right:var(--pad)}.film-track::-webkit-scrollbar{display:none}
.film-card{flex:0 0 clamp(280px,78%,640px);scroll-snap-align:start}.film-card .k-video{margin:0;border-radius:6px;overflow:hidden}.film-card p{font-size:14px;color:#c9c4b8;margin:10px 0 0}.film-card p a{color:#fff;border-bottom:1px solid rgba(255,255,255,.5)}
.film-arrow{position:absolute;top:calc(50% - 40px);z-index:2;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(0,0,0,.55);color:#fff;font-size:26px;line-height:1;cursor:pointer}.film-arrow.prev{left:-6px}.film-arrow.next{right:-6px}.film-arrow[hidden]{display:none}
@media(min-width:1000px){.film-track{margin:0;padding:0 0 6px}.film-card{flex:0 0 calc((100% - 16px)/2)}}
@media(max-width:700px){.home-short{padding-bottom:18px}.short-box{border-radius:0;margin:0 calc(-1*var(--pad))}.short-ctl{right:8px;bottom:8px}.short-btn{min-height:36px;padding:0 10px;font-size:12px}.film-arrow{display:none}.home-film{padding-bottom:22px}}

/* 短編：自動再生が止められている端末向けの大きな再生ボタン */
.short-box video{cursor:pointer}.short-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;border:0;background:rgba(255,255,255,.92);cursor:pointer;z-index:2;padding:0}.short-play span{position:absolute;left:50%;top:50%;width:0;height:0;margin:-14px 0 0 -9px;border-left:26px solid #1c1a16;border-top:14px solid transparent;border-bottom:14px solid transparent}.short-play:hover{background:#fff}.short-play[hidden]{display:none}
@media(max-width:700px){.short-play{width:60px;height:60px;margin:-30px 0 0 -30px}.short-play span{margin:-11px 0 0 -7px;border-left-width:20px;border-top-width:11px;border-bottom-width:11px}}

/* 2026-10-18 ロゴ：ヘッダーとフッターに紹継のシンボル（乾さん指示） */
.mei-row{display:inline-flex;align-items:center;gap:8px}.mei-sym{width:28px;height:28px;display:block}.mei .mei-ji{padding-left:0}
.ashi-brand .mei-row{gap:8px}.ashi-brand .mei-sym{width:26px;height:26px}
@media(max-width:900px){.mei-sym{width:24px;height:24px}}
@media(max-width:900px){.mei-row{gap:5px}.mei-sym{width:22px;height:22px}.mei-ji{font-size:18px;letter-spacing:.16em}}
@media(max-width:360px){.mei-sym{width:20px;height:20px}.mei-ji{font-size:16px;letter-spacing:.12em}}
/* スマホのヘッダー：シンボルを足した分、中央の列を確保（左右は内容幅、中央は残り） */
@media(max-width:600px){.ten-in{grid-template-columns:auto minmax(0,1fr) auto}.mei{justify-self:center;min-width:0}.mei-row{white-space:nowrap}.ten-l{gap:0}.ten-r{gap:0}.ten-r .ten-btn,.ten-l .ten-btn{padding:6px 5px}.lang-m summary{padding:4px 6px;min-height:30px;min-width:0}}
@media(max-width:380px){.mei-sym{width:19px;height:19px}.mei-ji{font-size:15px;letter-spacing:.1em}}

/* 2026-10-18 採点13：長い言語ではボタン文言を折り返す（♡のはみ出し防止） */
body:not(.lang-ja) .pdp-buy .fude{white-space:normal;line-height:1.3;padding-top:8px;padding-bottom:8px}body:not(.lang-ja) .pf-ask-btn .fude,body:not(.lang-ja) .pcard-ask .fude{white-space:normal}
.pdp-buy{min-width:0}

/* 2026-10-18 スマホの帯と黒い映像の節が接して見える → 間を空ける。短編の題は2行に */
.obi-wrap{padding-bottom:22px}@media(max-width:700px){.obi-wrap{padding-bottom:18px}}
.short-cap{display:flex;flex-direction:column;align-items:center;gap:4px}.short-cap .short-t{color:#fff;font-size:15px;letter-spacing:.04em}.short-cap .short-meta{font-size:13px}
/* 2026-10-18 スマホの帯：札の中身が切れないよう正方形に。極小幅はシンボルだけ */
@media(max-width:700px){.obi-card{aspect-ratio:1/1}.obi-card.obi-hero{aspect-ratio:16/9}.obi-t{gap:2px}.obi-t span{line-height:1.45}}
@media(max-width:340px){.mei-ji{display:none}.mei-sym{width:26px;height:26px}}
@media(max-width:700px){.home-short{padding:14px 0 14px}.home-short .in{padding-top:0;padding-bottom:0}.short-cap{margin-top:10px}.home-film{padding-top:4px}}
@media(max-width:700px){section.setsu.kuro.home-short{padding:12px 0 12px}.obi-card.kuro .obi-t{justify-content:center}}
section.setsu.kuro.home-short{padding-top:24px}@media(min-width:701px){section.setsu.kuro.home-short{padding:24px 0 26px}}
/* 2026-10-18 映像を2回タップしたときの画面の拡大（iPhoneの二度押し拡大）を止める */
.short-box,.short-box *,.home-film .k-video,.home-film .k-play,.film-track,.film-arrow,.short-cap a{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.short-box video{object-fit:cover}
/* 2026-10-18 作品ページ：.pdp の padding が .in の横の余白を消していた（乾さんのスマホ写真）。横の余白を戻す */
.pdp.in{padding:24px var(--pad) 48px}@media(max-width:900px){.pdp.in{padding-top:0}}

/* 2026-10-18 フッター（黒地）のシンボルも黒に：生成りの丸に載せて見えるようにする */
.ashi-brand .mei-sym-dark{width:26px;height:26px;background:none}   /* フッターは明るい地なので黒のまま載せる */
/* 2026-10-18 日本語の改行（乾さん指摘）：文節で折り返す・行頭に句読点を置かない・見出しは行の長さを揃える・段落は孤立した1〜2文字の行を避ける */
html:lang(ja) body{word-break:auto-phrase;line-break:strict;overflow-wrap:break-word;hanging-punctuation:allow-end}
body:not(.lang-ja){overflow-wrap:break-word}
h1,h2,h3,.dai,.obi-t b,.card-title,.kgrp-h,.pdp-info h1,.mk-name,.menu-h,.th-help b,.nagare b,.sg-step h2,.sg h1{text-wrap:balance}
p,li,dd,dt,.riido,.chu,.obi-t span,.nagare span,.th-help small,.card-maker,.pdp-en,.mk-lead,.sg-chu,.kara,.ashi-note,.ashi-brand p{text-wrap:pretty}
/* 1行に収める札・ボタンは文節折返しの対象外（余計な折返しを避ける） */
.fude,.chip,.fuda,.st-tag,.tag,.ten-link,.sort-tabs a,.shelf-nav a,.pan,.lang-m summary,.short-btn,.film-arrow{word-break:normal}

/* 2026-10-18 注文画面の利用規約：最後までスクロールしないと同意できない */
.terms-wrap{margin:18px 0 8px}.terms-h{display:flex;flex-direction:column;gap:2px;margin:0 0 6px;font-size:14px}.terms-h small{color:var(--hai);font-size:12.5px}
.terms-box{height:260px;overflow-y:auto;border:1px solid var(--keisen-koi);border-radius:6px;padding:12px 14px;background:#fafaf8;font-size:13px;line-height:1.8;-webkit-overflow-scrolling:touch}.terms-box h2{font-size:13.5px;margin:12px 0 4px}.terms-box h2:first-child{margin-top:0}.terms-box p{margin:0 0 8px}.terms-box.read{border-color:#2f5d50}
.check input:disabled+span{color:var(--usu)}

/* 2026-10-18 発送状況の時間軸（注文完了ページ・マイページ） */
.tl{margin:10px 0 18px}.tl-title{font-size:14px;font-weight:600;margin:0 0 8px}.tl-title small{font-weight:400;color:var(--hai)}
.tl-steps{list-style:none;margin:0;padding:0 0 0 22px;position:relative}.tl-steps::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--keisen-koi)}
.tl-steps li{position:relative;padding:0 0 14px 6px;font-size:14px}.tl-steps li::before{content:"";position:absolute;left:-20px;top:5px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid var(--keisen-koi);box-sizing:border-box}
.tl-steps li.done::before{background:var(--sumi);border-color:var(--sumi)}.tl-steps li.now::before{border-color:var(--sumi);background:#fff;box-shadow:0 0 0 3px rgba(28,26,22,.12)}
.tl-steps li b{display:block;font-weight:600}.tl-steps li.now b{color:var(--sumi)}.tl-steps li:not(.done):not(.now) b{color:var(--usu);font-weight:500}
.tl-steps li span{display:block;font-size:13px;color:var(--hai);margin-top:2px}.tl-steps li.now span{color:var(--sumi)}
.kanryo .tl{text-align:left;max-width:560px;margin-left:auto;margin-right:auto}.kanryo #status{margin-top:28px}

/* 2026-10-18 ご注文の状況：横並びの段階（乾さん指示）。文字は左寄せ */
.status,.kanryo .stp{text-align:left}.status .dai .st-no{font-size:16px;color:var(--usu);font-weight:400;margin-left:8px}
.stp{border:1px solid var(--keisen);border-radius:10px;padding:18px 16px 14px;margin:14px 0 18px;background:#fff}
.stp-work{margin:0 0 10px;font-size:14px;font-weight:600}.stp-work small{font-weight:400;color:var(--hai)}
.stp-title{font-size:22px;font-weight:700;margin:0 0 4px;text-align:center}.stp-sub{font-size:13.5px;color:var(--hai);margin:0 0 16px;text-align:center}.stp-sub a{color:var(--sumi);border-bottom:1px solid var(--keisen-koi)}
.stp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);position:relative}
.stp-steps li{position:relative;text-align:center;padding-top:34px;font-size:12px;color:var(--usu);line-height:1.3}
.stp-steps li i{position:absolute;left:50%;top:0;width:26px;height:26px;margin-left:-13px;border-radius:50%;border:3px solid #cfcac0;background:#fff;box-sizing:border-box;font-style:normal;font-size:13px;line-height:20px;color:#fff;z-index:1}
.stp-steps li::before{content:"";position:absolute;top:11.5px;left:-50%;width:100%;height:3px;background:#cfcac0}.stp-steps li:first-child::before{display:none}
.stp-steps li.done i{background:var(--sumi);border-color:var(--sumi)}.stp-steps li.done::before{background:var(--sumi)}
.stp-steps li.done b{color:var(--sumi)}.stp-steps li.now b{font-weight:700;color:var(--sumi)}.stp-steps li b{display:block;font-weight:500}.stp-steps li small{display:block;font-size:11px;color:var(--usu);margin-top:2px}
.stp-act{margin:16px 0 0;text-align:center}
.st-rows{list-style:none;margin:0 0 18px;padding:0;border-top:1px solid var(--keisen)}.st-row{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--keisen);font-size:14.5px}.st-row small{display:block;font-size:12.5px;color:var(--hai);margin-top:2px}.st-row b{white-space:nowrap;font-weight:600}
.st-links{list-style:none;margin:0 0 16px;padding:0;border-top:1px solid var(--keisen)}.st-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 4px;border-bottom:1px solid var(--keisen);text-decoration:none;color:var(--sumi);font-size:15px;flex-wrap:wrap}.st-links a small{flex-basis:100%;font-size:12px;color:var(--hai)}.st-links a i{font-style:normal;font-size:20px;color:var(--hai);margin-left:auto}
@media(max-width:400px){.stp-steps li{font-size:11px}.stp-title{font-size:20px}}

/* 2026-10-18 注文履歴（マイページ）：札を押すと配達状況へ */
.oh-list{list-style:none;margin:0 0 24px;padding:0}.oh-list li{border:1px solid var(--keisen);border-radius:10px;margin:0 0 10px;background:#fff}
.oh-row{display:flex;align-items:center;gap:12px;padding:12px 12px 12px 12px;text-decoration:none;color:var(--sumi)}
.oh-img{flex:none;width:64px;height:64px;border-radius:6px;background:#ece9e2;overflow:hidden}.oh-img img{width:100%;height:100%;object-fit:cover;display:block}
.oh-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.oh-status{font-size:15px;font-weight:700}.oh-status.scheduled{color:#b07a1a}.oh-status.shipped{color:#2f5d50}.oh-status.received{color:var(--hai)}.oh-status.problem,.oh-status.unpaid{color:var(--aka)}
.oh-sub{font-size:12.5px;color:var(--hai)}.oh-title{font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-t>small{font-size:12px;color:var(--usu)}
.oh-row i{font-style:normal;font-size:22px;color:var(--hai)}.oh-pay{margin:0;padding:0 12px 12px}
.st-msgbox{border:1px solid var(--keisen);border-radius:10px;padding:10px 14px;margin:0 0 16px}.st-msgbox summary{cursor:pointer;font-weight:600;font-size:14px}
.kanryo.status .riido{text-align:center}