/* /brand-meat/ だけが読む（2026-10-29 見本 D から移した・設計書_ブランド肉.md） */
@font-face{font-family:"KouzanBrush";src:url(/font/kouzan_brand_202610291500.woff2) format("woff2");font-display:block}
.bmd{--d:#2c1810;--d2:#1d0f08;--c:#faf6ef;--r:#c0392b;--m:#5a3e2b;--g:#d9a441;--line:rgba(44,24,16,.14)}
.bmd *{box-sizing:border-box}
.bmd{margin:0;background:var(--d2);color:var(--d);font-family:'Noto Sans JP',sans-serif;line-height:1.8}
.bmd img{display:block;width:100%;height:auto;object-fit:cover}
.bmd .w{max-width:1080px;margin:0 auto;padding:0 16px}
.bmd .serif{font-family:'Noto Serif JP',serif;font-weight:900}
.bmd .wood{background-color:var(--d);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='2500' height='600'><filter id='w'><feTurbulence type='fractalNoise' baseFrequency='0.004 0.09' numOctaves='3' seed='7' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.10  0 0 0 0 0.05  0 0 0 0 0.02  0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23w)'/></svg>"),radial-gradient(120% 80% at 30% 0%,rgba(120,70,30,.35),transparent 60%);color:#f3e9da}
.bmd .washi{background-color:var(--c);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='400' height='400'><filter id='p'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' seed='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.45  0 0 0 0 0.35  0 0 0 0 0.25  0 0 0 0.10 0'/></filter><rect width='100%25' height='100%25' filter='url(%23p)'/></svg>")}
.bmd .brush{display:block;width:120px;height:12px;margin:6px 0 0;color:var(--g)}
.bmd .hanko{display:inline-grid;place-items:center;width:42px;height:42px;background:var(--r);color:#fff;font-family:'KouzanBrush',serif;font-weight:400;font-size:30px;line-height:1;padding-top:2px;-webkit-text-stroke:.6px #fff;border-radius:6px;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px rgba(255,255,255,.25);flex:none}
.bmd .fv{position:relative;overflow:hidden;padding:44px 0 36px;min-height:calc(100svh - 60px);background:var(--d2)}
.bmd .fv .bgimg{position:absolute;inset:0;background:url(/img/brand_fv_sp_202610291500.webp) center top/cover;animation:kb 18s ease-out both}
.bmd .fv .bgimg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(29,15,8,.78),rgba(29,15,8,.55) 45%,rgba(29,15,8,.92))}
@keyframes kb{from{transform:scale(1.03)}to{transform:scale(1)}}
.bmd .fv h1{font-size:34px;line-height:1.3;margin:0;color:#fff}
.bmd .fv .lead{font-weight:700;font-size:18px;margin:12px 0 22px;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.9),0 0 14px rgba(0,0,0,.8)}
.bmd .picks{display:grid;gap:12px;padding:0;margin:0}
.bmd .picks li{list-style:none}
.bmd .pk{position:relative;min-width:0;display:grid;grid-template-columns:104px minmax(0,1fr);align-items:center;gap:14px;padding:10px;background:rgba(0,0,0,.28);border:1px solid rgba(217,164,65,.35);border-radius:6px;color:#fff;text-decoration:none}
.bmd .pk img{aspect-ratio:4/3;border-radius:4px}
.bmd .pk .nm{display:flex;align-items:center;gap:10px;font-family:'Noto Serif JP',serif;font-weight:900;font-size:18px}
.bmd .pk .go{display:block;font-size:14px;color:var(--g);margin-top:2px}
.bmd .only{padding:64px 0}
.bmd .only h2{font-size:30px;margin:0;color:#fff}
.bmd .zz{display:grid;gap:36px;margin-top:28px}
.bmd .zrow{display:grid;gap:14px}
.bmd .zrow .ph{position:relative}
.bmd .zrow .ph img{aspect-ratio:3/2;border-radius:2px}
.bmd .zrow .ph::after{content:"";position:absolute;inset:8px;border:1px solid rgba(217,164,65,.7);pointer-events:none}
.bmd .num{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--g);color:var(--g);font-family:'Noto Serif JP',serif;font-weight:900;margin-right:10px}
.bmd .ot{display:grid;grid-template-columns:34px 1fr;column-gap:10px;align-items:start;font-family:'Noto Serif JP',serif;font-weight:900;font-size:20px;line-height:1.5;color:#fff}
.bmd .ot .num{margin:0;margin-top:2px}
.bmd .ox{display:block;color:rgba(243,233,218,.85);margin-top:8px;padding-left:44px}
.bmd .ot a{color:inherit;text-decoration:none}
.bmd .big{position:relative;height:62vh;max-height:560px;overflow:hidden;background:var(--d2)}
.bmd .big .par{position:absolute;left:0;right:0;top:-6%;height:112%}
.bmd .big::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(29,15,8,.55),transparent 40%)}
.bmd .board{color:var(--d);position:relative;z-index:1;margin:-90px 12px 0;padding:26px 20px;border-radius:4px;box-shadow:0 10px 30px rgba(0,0,0,.35)}
.bmd .board .hd{display:flex;align-items:center;gap:12px}
.bmd .board h2{font-size:24px;margin:0;line-height:1.4}
.bmd .board .brush{color:var(--r)}
.bmd .def{font-weight:700;font-size:18px;margin:14px 0 0}
.bmd .facts{margin:12px 0 0}
.bmd .facts div{padding:12px 0;border-top:1px solid var(--line)}
.bmd .facts dt{font-weight:700;color:var(--r)}
.bmd .facts dd{margin:2px 0 0;color:var(--m)}
.bmd .mh{font-family:'Noto Serif JP',serif;font-weight:900;font-size:24px;margin:34px 0 12px;padding-top:22px;border-top:1px solid var(--line)}
.bmd .card{display:grid;background:#fff;border-radius:4px;overflow:hidden}
.bmd .card img{aspect-ratio:4/3}
.bmd .card .b{padding:16px}
.bmd .tag{color:var(--r);font-weight:700;font-size:16px;margin:0}
.bmd .cn{font-family:'Noto Serif JP',serif;font-weight:900;font-size:22px;margin:0}
.bmd .cp{color:var(--r);white-space:nowrap}
.bmd .cd{color:var(--m);margin:4px 0 0}
.bmd .bm-menu{margin-top:18px}
.bmd .bm-h3{font-family:'Noto Serif JP',serif;font-size:20px;margin:18px 0 0}
.bmd .bm-list{list-style:none;margin:0;padding:0}
.bmd .bm-list li{padding:12px 0;border-bottom:1px solid var(--line)}
.bmd .bm-name{font-weight:700;font-size:18px}
.bmd .bm-price{color:var(--r);font-weight:700;font-size:18px;font-variant-numeric:tabular-nums;white-space:nowrap}
.bmd .bm-diff{display:block;color:var(--m);font-size:16px}
.bmd .gap{height:64px}
.bmd .visit{position:relative;padding:64px 0;color:#fff;overflow:hidden}
.bmd .visit .bg{position:absolute;inset:0;background:url(https://mashimashitakanasensei.lp-web.net/wp-content/uploads/2024/09/DSC04855-1536x1024-1-1024x683.jpg) center/cover}
.bmd .visit .bg::after{content:"";position:absolute;inset:0;background:rgba(29,15,8,.82)}
.bmd .visit .w{position:relative}
.bmd .visit h2{font-size:28px;margin:0;color:#fff}
.bmd .visit ul{list-style:none;padding:0;margin:18px 0 0}
.bmd .visit li{padding:12px 0;border-top:1px solid rgba(255,255,255,.2)}
.bmd .visit a{color:var(--g)}
.bmd .btn{display:inline-block;margin-top:22px;background:var(--r);color:#fff;text-decoration:none;font-weight:700;padding:12px 28px;border-radius:99px}
html.js .bmd .rv{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
html.js .bmd .rv.in{opacity:1;transform:none}
.bmd .big .fude.rv{transform:translate(-50%,-50%)}
.bmd .big .fude.rv.in{transform:translate(-50%,-50%)}
@media (prefers-reduced-motion:reduce){.bmd .fv .bgimg{animation:none}
html.js .bmd .rv{opacity:1;transform:none;transition:none}}
@media(min-width:768px){.bmd .fv{display:flex;align-items:center;min-height:0;aspect-ratio:auto;height:calc(100svh - 60px);max-height:1100px;padding:32px 0}
.bmd .fv>.w{width:100%}
.bmd .fv h1{font-size:52px}
.bmd .picks{margin-top:28px}
.bmd .pk img{aspect-ratio:16/10}
.bmd .picks{grid-template-columns:repeat(3,1fr)}
.bmd .pk{grid-template-columns:1fr;text-align:left}
.bmd .pk img{aspect-ratio:3/2}
.bmd .zrow{grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.bmd .zrow:nth-child(even) .ph{order:2}
.bmd .board{max-width:820px;margin:-150px auto 0;padding:44px}
.bmd .big .fude{top:38%}
.bmd .board h2{font-size:32px}
.bmd .facts div{display:grid;grid-template-columns:8.5em 1fr;gap:16px}
.bmd .card{grid-template-columns:1fr 1fr}
.bmd .card .b{align-self:center;padding:24px}
.bmd .bm-menu{columns:2;column-gap:40px}}
.bmd .big .fude{position:absolute;z-index:1;left:50%;top:44%;transform:translate(-50%,-50%);font-family:'KouzanBrush',serif;font-size:min(54vw,330px);line-height:1;color:#f5ecdc;-webkit-text-stroke:min(2.6vw,11px) #f5ecdc;paint-order:stroke fill;filter:drop-shadow(0 4px 18px rgba(0,0,0,.55));white-space:nowrap}
.bmd .big .tate{position:absolute;z-index:1;right:16px;top:20px;writing-mode:vertical-rl;font-family:'KouzanBrush',serif;font-size:clamp(30px,6vw,48px);line-height:1.1;color:#f5ecdc;-webkit-text-stroke:1px #f5ecdc;text-shadow:0 2px 10px rgba(0,0,0,.7)}
.bmd .big .shade{position:absolute;inset:0;background:rgba(29,15,8,.35)}
.bmd{word-break:auto-phrase;line-break:strict}
.bmd h1,.bmd h2,.bmd h3,.bmd .ot,.bmd .nm,.bmd .cn,.bmd .lead{text-wrap:balance}
.bmd p,.bmd dd,.bmd .ox,.bmd li{text-wrap:pretty}
@media(min-width:768px){.bmd .big{display:grid;grid-template-columns:1fr minmax(0,520px);align-items:center;height:auto;max-height:none;min-height:0;padding:48px max(24px,calc((100% - 1080px)/2)) 0;background:transparent}
.bmd .big .par{position:relative;inset:auto;top:auto;height:auto;min-height:0;aspect-ratio:3/2;grid-column:2;border-radius:4px;transform:none!important}
.bmd .big .shade,.bmd .big::after{display:none}
.bmd .big .fude{left:28%;top:52%;font-size:280px}
.bmd .big .tate{right:auto;left:calc(28% + 160px);top:56px}
.bmd .board{margin:32px auto 0}}
.bmd .nb{white-space:nowrap}
.bmd .card{grid-template-columns:minmax(0,1fr)}
.bmd .card>*,.bmd .board>*{min-width:0}
.bmd .cn,.bmd .bm-name,.bmd .ot a{overflow-wrap:anywhere}
@media(min-width:768px){.bmd .card{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.bmd .zz,.bmd .zrow{grid-template-columns:minmax(0,1fr)}
.bmd .zrow>*{min-width:0}
.bmd .ot{grid-template-columns:34px minmax(0,1fr)!important}
@media(min-width:768px){.bmd .zrow{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
.bmd .more{margin-top:8px}
.bmd .more summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;margin-top:12px;padding:10px 18px;border:1.5px solid var(--r);border-radius:99px;color:var(--r);font-weight:700}
.bmd .more summary::-webkit-details-marker{display:none}
.bmd .more summary::after{content:"＋";font-weight:700}
.bmd .more[open] summary::after{content:"－"}
.bmd .more[open] summary{margin-bottom:4px}
.bmd .visit .btn{color:#fff}
.bmd .vgrid{display:grid;gap:24px;margin-top:8px}
.bmd .vgrid>*{min-width:0}
.bmd .resv{margin-top:18px;padding:20px;border:1px solid rgba(217,164,65,.45);border-radius:6px;background:rgba(0,0,0,.25)}
.bmd .resv .rt{font-size:20px;margin:0;color:#fff}
.bmd .resv p{margin:6px 0 0}
.bmd .resv .btn{display:inline-block;margin-top:14px;background:var(--r);color:#fff}
.bmd .btn2{display:inline-block;margin:14px 0 0 10px;padding:11px 22px;border:1.5px solid rgba(255,255,255,.7);border-radius:99px;color:#fff!important;text-decoration:none;font-weight:700}
.bmd .map iframe{display:block;width:100%;aspect-ratio:4/3;border:0;border-radius:6px}
.bmd .map .gm{display:inline-block;margin-top:10px}
@media(min-width:768px){.bmd .vgrid{grid-template-columns:1fr 1fr;gap:40px;align-items:start}}
@media(min-width:768px){.bmd .fv .bgimg{background:url(/img/brand_fv_pc_202610291500.webp) center/cover}}
.bmd .fv{display:flex;align-items:center}
.bmd .fv>.w{width:100%}
@media(max-width:350px){.bmd .pk{grid-template-columns:80px minmax(0,1fr);gap:10px;padding:8px}
.bmd .pk .nm{font-size:16px;gap:6px}
.bmd .pk .hanko{width:34px;height:34px;font-size:24px}
.bmd .board{padding:22px 14px}
.bmd .board h2{font-size:21px}
.bmd .board .hd{gap:8px}
.bmd .mh{font-size:21px}}
.bmd .bm-list li{break-inside:avoid}.bmd .bm-h3{break-after:avoid}
.bmd .visit a:not(.btn){text-decoration:underline;text-underline-offset:3px}