<?xml version="1.0" encoding="utf-8" ?>
<feed version="0.3" xml:lang="ja" xmlns="http://purl.org/atom/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/"><title>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/" /><modified>2026-05-04T02:12:45+09:00</modified><entry><title>黒門餃子20個【限定200セット】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=186048255" /><id>https://naminami.shop-pro.jp/?pid=186048255</id><issued>2025-04-11T11:22:25+09:00</issued><modified>2026-04-28T05:39:58Z</modified><created>2025-04-11T02:22:25Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/kuromon_gyoza_main.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Kuromon Gyoza &#8212; A New Osaka Specialty</span>
      <h1 class="naminami-prd-h1">黒い皮の、<br>新名物。</h1>
      <p class="naminami-prd-tagline">
        竹炭配合の黒い皮に、芳寿豚100%。<br>大阪・黒門市場発、贈答にもふさわしい新名物。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/kuromon_gyoza_main.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>黒門餃子 20個入り【限定200セット】</h2>
        <div class="naminami-prd-info-spec">冷凍餃子 / 20個入り箱 / 贈答用</div>
        <div class="naminami-prd-price">\2,000</div>
        <span class="naminami-prd-price-tax">税別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>★ 限定200セット</li><li>竹炭配合の黒い皮（ミネラル豊富）</li><li>芳寿豚100%・ニンニク不使用・無添加</li><li>高級感のある箱入り（贈答用）</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>箱を開けたとき、その黒さに驚く。</h2>
      <p>大阪のミナミ、黒門市場。食い倒れの街の中心地で、<br>もう一つの名物が生まれました。</p><p>真っ黒な皮の正体は、ミネラル豊富な竹炭。<br>中は、SPF認定二十五年の希少銘柄豚<br>「芳寿豚」100%のタネ。</p><p>ニンニク不使用、化学薬品・化学調味料も一切なし。<br>老若男女問わず、安心して召し上がっていただけます。<br>贈答用にもふさわしい、究極の一品。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上バラ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73805367" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/tonkatsu_loin_4_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上ロースとんかつ 4枚</div><div class="naminami-prd-related-card-price">\2,500</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">★ 極上しゃぶしゃぶセット 3人前</div><div class="naminami-prd-related-card-price">\4,536</div></div></a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>【お得セット】白身が旨い！芳寿豚合計1Ｋのフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用500ｇ×2P】限定50セット！！部位はお任せ。</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=166011050" /><id>https://naminami.shop-pro.jp/?pid=166011050</id><issued>2022-01-08T17:56:45+09:00</issued><modified>2026-04-28T05:39:54Z</modified><created>2022-01-08T08:56:45Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/set_shabu_otoku_1kg_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Special &#8212; Limited 50 Sets</span>
      <h1 class="naminami-prd-h1">限定50セット、<br>お得な1kg。</h1>
      <p class="naminami-prd-tagline">
        部位はお任せ、白身が旨い芳寿豚を1kg。<br>おうちの定番にぴったりの、お得セット。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/set_shabu_otoku_1kg_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>【限定50】お得セット 白身が旨い しゃぶしゃぶ肉 1kg</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 500g×2P 合計1kg / 部位お任せ / 冷凍便</div>
        <div class="naminami-prd-price">\3,500</div>
        <span class="naminami-prd-price-tax">税259円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>★ 限定50セット</li><li>500g×2パック（合計1kg）</li><li>部位はお任せ（白身が旨い部位を厳選）</li><li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>おうちの定番、芳寿豚の1kg。</h2>
      <p>部位はお任せでお届けする、お得な芳寿豚の1kgセット。<br>白身（脂身）の甘みが楽しめる部位を、私たちが厳選。</p><p>500g×2パックなので、半量を冷凍保存しておけば、<br>気軽に二回分の食卓を彩れます。</p><p>限定50セットの数量限定。<br>「気軽に芳寿豚を味わいたい」というお客様のための、<br>なみなみからの特別セットです。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上肩ウデ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\1,700</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上モモ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\1,700</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上バラ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>極上しゃぶしゃぶセット8人前！送料無料！ポン酢付き【しゃぶしゃぶ肉、上肩ロース・上バラ・上モモ、各500ｇ合計１.５K!】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=166010964" /><id>https://naminami.shop-pro.jp/?pid=166010964</id><issued>2022-01-08T17:51:59+09:00</issued><modified>2026-04-28T05:39:38Z</modified><created>2022-01-08T08:51:59Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/set_shabu_8nin_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Flagship Set &#8212; 8 Servings</span>
      <h1 class="naminami-prd-h1">八人で囲む、<br>芳寿豚のすべて。</h1>
      <p class="naminami-prd-tagline">
        上肩ロース・上バラ・上モモを各500g。<br>三部位の個性を、一度に味わう至福。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/set_shabu_8nin_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>極上しゃぶしゃぶセット 8人前 ポン酢付き</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 上肩ロース・上バラ・上モモ各500g 合計1.5kg / 冷凍便</div>
        <div class="naminami-prd-price">\10,778</div>
        <span class="naminami-prd-price-tax">税798円別 ／ 送料無料</span>

        <ul class="naminami-prd-features">
          <li>★ フラッグシップセット（最上位ライン）</li><li>上肩ロース 500g + 上バラ 500g + 上モモ 500g</li><li>合計1.5kg / 8人前 / 専用ポン酢付き</li><li>★ 送料無料（10,000円未満でも適用）</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>三部位×500g、芳寿豚の三重奏。</h2>
      <p>芳寿豚の最高峰を、三部位の食べ比べで。<br>上肩ロースの王道、上バラの縞模様、上モモのあっさり。</p><p>同じ豚の、異なる部位の味の違いを、<br>家族・親族・大切な人と分かち合う一夜。</p><p>SPF認定二十五年・日本で唯一の銘柄豚を、<br>三部位×500gの圧巻のボリュームで。<br>これがなみなみの、芳寿豚の極み。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">★ 極上しゃぶしゃぶセット 3人前</div><div class="naminami-prd-related-card-price">\4,536</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上バラ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\2,000</div></div></a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card"><div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" /><div class="naminami-prd-related-card-body"><div class="naminami-prd-related-card-name">上モモ ふわふわしゃぶしゃぶ</div><div class="naminami-prd-related-card-price">\1,700</div></div></a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>【2024新春特別セール！芳寿豚セット1.5ｋ・送料込み】大人気！芳寿豚のフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用1.0Kg！（500ｇ×2P）・とんかつ用500ｇ（4枚入り）】限定20セット！！</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=163269683" /><id>https://naminami.shop-pro.jp/?pid=163269683</id><issued>2021-09-10T17:50:02+09:00</issued><modified>2024-12-07T01:55:05Z</modified><created>2021-09-10T08:50:02Z</created><summary>

なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！
市場に出回らない、感動のお味をご堪能下さい。
焦がさないように、適度な加熱でお召し上がりくださいませ。
もうスーパーのお肉が食べれなくなるかも！？

...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<div class="shouhin-gaiyou">

<p>なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！<br />
市場に出回らない、感動のお味をご堪能下さい。<br />
焦がさないように、適度な加熱でお召し上がりくださいませ。<br />
もうスーパーのお肉が食べれなくなるかも！？</p>


<h3>商品概要</h3>
<table class="style01">
	<tr>
		<th>【内容量】</th>
		<td>しゃぶしゃぶ用1.0KG！上モモ・上肩ロース（５００ｇ×2P）</td>
<td>とんかつ用500ｇ！上ロース（125ｇ×4枚/P）</td>
	</tr>
	<tr>
		<th>【賞味期限】</th>
		<td>−１５℃以下で約３ヶ月。解凍後２日以内にお召し上がり下さいませ。<td>送料はご注文確認時に値引きさせて頂きます。</td></td>
	</tr>
	<tr>
		<th>【保存方法】</th>
		<td>−１５℃以下で保存して下さい。</td>
	</tr>
	<tr>
		<th>【原材料】</th>
		<td>国産豚肉（国産ＳＰＦ豚肉）</td>
	</tr>
</table>

<p class="m">【商品イメージ】</p>
<div class="shouhin-photo">
	<div class="l-p">
		<img src="https://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-09.jpg?20140412115605" width="150" width="113" alt="芳寿豚のこま切れ肉の写真" /><br />ここまで美しいサンの入ったモモは、<br />そうお目にかかれるものではありません。
	</div>
	<div class="r-p">
		<a href="http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-07.jpg?20140412121151" onclick="window.open('http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-07.jpg?20140412121151', '', 'width=610,height=461'); return false;"><img src="https://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-07-s.jpg?20140412121134" width="150" width="113" alt="芳寿豚を美味しく食べる子どもの写真" /></a><br />▲クリックで拡大します。
	</div>
</div>

</div>]]></content></entry><entry><title>最高級！上ロース125gとんかつ用を4枚＆上肩ロースのステーキ125gを4枚【合計１K】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73807308" /><id>https://naminami.shop-pro.jp/?pid=73807308</id><issued>2014-04-12T14:41:38+09:00</issued><modified>2026-04-28T05:39:36Z</modified><created>2014-04-12T05:41:38Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/set_loin_steak_1kg_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Set &#8212; 1kg Combo</span>
      <h1 class="naminami-prd-h1">二つの極上、<br>合計1kgの贅沢。</h1>
      <p class="naminami-prd-tagline">
        上ロースのとんかつと、上肩ロースのステーキ。<br>芳寿豚の二つの顔を、一度に。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/set_loin_steak_1kg_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>最高級セット ロースとんかつ4枚＋上肩ロースステーキ4枚</h2>
        <div class="naminami-prd-info-spec">とんかつ＋ステーキ用 / 合計1kg / 冷凍便</div>
        <div class="naminami-prd-price">\4,320</div>
        <span class="naminami-prd-price-tax">税320円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>上ロースとんかつ用 125g×4枚</li><li>上肩ロースステーキ用 125g×4枚</li><li>合計1kg / 8枚の大ボリューム</li><li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>とんかつとステーキ、両方を一度に。</h2>
      <p>上ロースは、とんかつに。脂が美しく、揚げると花咲くサシ。<br>上肩ロースは、ステーキに。鉄板で焼くと旨みが集約される。</p><p>二つの異なる調理法を、芳寿豚の異なる部位で。<br>家族の週末、贅沢な食卓を彩る最高級セット。</p><p>それぞれが125g×4枚の厚切り。<br>合計1kgの圧倒的なボリュームで、お得にお届けします。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>肉がやわらかい！上ロースのステーキ125gカットを4枚【ステーキ肉、合計500g】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73806636" /><id>https://naminami.shop-pro.jp/?pid=73806636</id><issued>2014-04-12T14:33:31+09:00</issued><modified>2023-04-17T03:36:47Z</modified><created>2014-04-12T05:33:31Z</created><summary>


なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！
市場に出回らない、感動のお味をご堪能下さい。
焦がさないように、適度な加熱でお召し上がりくださいませ。
もうスーパーのお肉が食べれなくなるかも！？
...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<div class="shouhin-gaiyou">

<p>
なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！<br />
市場に出回らない、感動のお味をご堪能下さい。<br />
焦がさないように、適度な加熱でお召し上がりくださいませ。<br />
もうスーパーのお肉が食べれなくなるかも！？
</p>


<h3>商品概要</h3>
<table class="style01">
	<tr>
		<th>【内容量】</th>
		<td>１２０g×４枚（４８０g）</td>
	</tr>
	<tr>
		<th>【賞味期限】</th>
		<td>−１５℃以下で約３ヶ月。解凍後２日以内にお召し上がり下さいませ。</td>
	</tr>
	<tr>
		<th>【保存方法】</th>
		<td>−１５℃以下で保存して下さい。</td>
	</tr>
	<tr>
		<th>【原材料】</th>
		<td>国産豚肉（国産ＳＰＦ豚肉）</td>
	</tr>
</table>

<p class="m">【商品イメージ】</p>
<div class="shouhin-photo">
	<div class="l-p">
		<a href="http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-22.jpg?20140412143322" onclick="window.open('http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-22.jpg?20140412143322', '', 'width=490,height=375'); return false;"><img src="https://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-22-s.jpg?20140412143315" width="150" width="113" alt="芳寿豚上ロースのステーキの写真" /></a>
	</div>
	<div class="r-p">
		<img src="https://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-21.jpg?20140412143246" width="150" width="113" alt="芳寿豚上ロースのステーキの写真" />
	</div>
▲クリックで拡大します。
</div>

</div>]]></content></entry><entry><title>毎日放送「せやねん」で大絶賛！上ヒレ１本丸ごと！超希少部位。約500ｇ【とんかつやステーキに最高！500g〜550ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73805923" /><id>https://naminami.shop-pro.jp/?pid=73805923</id><issued>2014-04-12T14:26:28+09:00</issued><modified>2026-04-28T05:39:32Z</modified><created>2014-04-12T05:26:28Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/tonkatsu_hire_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Tenderloin</span>
      <h1 class="naminami-prd-h1">一頭から一本のみ、<br>超希少のヒレ。</h1>
      <p class="naminami-prd-tagline">
        芳寿豚の最も柔らかい部位を、丸ごと一本。<br>とんかつにも、ステーキにも。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/tonkatsu_hire_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>上ヒレ 1本丸ごと 約500g</h2>
        <div class="naminami-prd-info-spec">とんかつ・ステーキ用 / 約500-550g / 冷凍便</div>
        <div class="naminami-prd-price">\2,160</div>
        <span class="naminami-prd-price-tax">税160円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>★ 超希少部位（一頭から一本のみ）</li><li>約500-550gの大ボリューム</li><li>とんかつ・ステーキの最高素材</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>希少だから、特別な日に。</h2>
      <p>ヒレは、一頭の豚から一本しか取れない希少な部位。<br>芳寿豚の中でも、最も柔らかく、脂が少ない最高級カット。</p><p>丸ごと一本でお届けするのは、<br>ご家庭でお好みの厚さ・お好みの調理法で<br>楽しんでいただきたいから。</p><p>とんかつ、ステーキ、ヒレかつ、ロースト&#8212;&#8212;<br>調理の自由度の高さが、超希少部位の真価です。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>毎日放送「せやねん」で大絶賛！上ロースのとんかつ125gカットを4枚【とんかつ肉、合計500g】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73805367" /><id>https://naminami.shop-pro.jp/?pid=73805367</id><issued>2014-04-12T14:19:18+09:00</issued><modified>2026-04-28T05:39:24Z</modified><created>2014-04-12T05:19:18Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/tonkatsu_loin_4_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Loin Cutlets</span>
      <h1 class="naminami-prd-h1">TV絶賛、<br>涙のとんかつ。</h1>
      <p class="naminami-prd-tagline">
        ピンクに透ける極上の断面、<br>「せやねん」で大絶賛された名物。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/tonkatsu_loin_4_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>上ロースのとんかつ 125g×4枚</h2>
        <div class="naminami-prd-info-spec">とんかつ用 / 合計500g / 冷凍便</div>
        <div class="naminami-prd-price">\2,500</div>
        <span class="naminami-prd-price-tax">税185円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>125g×4枚（合計500g）の厚切りカット</li><li>MBS「せやねん!」で大絶賛</li><li>低温調理にも対応する肉厚</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>断面で語る、極上のとんかつ。</h2>
      <p>芳寿豚の上ロースを、とんかつ用に厚切りカット。<br>火を通してもジューシーさが残る、絶妙な厚み。</p><p>揚げあがった断面は、ピンクに透ける極上のレア感。<br>「こんなにジューシーなトンカツがあったのか」<br>と驚かれる、なみなみの名物。</p><p>SPF認定二十五年の芳寿豚だからこそ、<br>レア気味でも安心して召し上がっていただけます。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>極上しゃぶしゃぶセット8人前！送料無料！ポン酢付き【しゃぶしゃぶ肉、上肩ロース・上バラ・上モモ、各500ｇ合計１.５K!】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73803063" /><id>https://naminami.shop-pro.jp/?pid=73803063</id><issued>2014-04-12T13:50:45+09:00</issued><modified>2022-06-27T01:51:55Z</modified><created>2014-04-12T04:50:45Z</created><summary>


なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！
市場に出回らない、感動のお味をご堪能下さい。
焦がさないように、適度な加熱でお召し上がりくださいませ。
もうスーパーのお肉が食べれなくなるかも！？
...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<div class="shouhin-gaiyou">

<p>
なんと悪玉菌保有率がマグロの刺身以下と言う、安心・安全で美味しく食せるとっても希少な極上豚です！<br />
市場に出回らない、感動のお味をご堪能下さい。<br />
焦がさないように、適度な加熱でお召し上がりくださいませ。<br />
もうスーパーのお肉が食べれなくなるかも！？
</p>


<h3>商品概要</h3>
<table class="style01">
	<tr>
		<th>【内容量】</th>
		<td>上肩ロース５００g・上バラ５００g・上モモ５００g＝合計1500ｇ</td>
	</tr>
	<tr>
		<th>【賞味期限】</th>
		<td>−１５℃以下で約３ヶ月。解凍後２日以内にお召し上がり下さいませ。</td>
	</tr>
	<tr>
		<th>【保存方法】</th>
		<td>−１５℃以下で保存して下さい。</td>
	</tr>
	<tr>
		<th>【原材料】</th>
		<td>国産豚肉（国産ＳＰＦ豚肉）</td>
	</tr>
</table>

<p class="m">【商品イメージ】</p>
<div class="shouhin-photo">
	<div class="l-p">
		<a href="http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-13.jpg?20140412133517" onclick="window.open('http://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-13.jpg?20140412133517', '', 'width=610,height=461'); return false;"><img src="https://img13.shop-pro.jp/PA01277/383/etc/photo-houjuton-13-s.jpg?20140412133539" width="150" width="113" alt="芳寿豚極上ふわふわしゃぶしゃぶセットの写真" /></a><br />▲クリックで拡大します。
	</div>

</div>
<p class="m">※注</p>
通常商品と同時にご注文の場合は、送料込の金額が表示されます。<br />
当社で、受注確認時に送料を無料に変更いたします。</p>
<p class="m">※沖縄・北海道・その他離島は別途送料が掛かります。</p>
</div>]]></content></entry><entry><title>極上しゃぶしゃぶセットポン酢付き3人前！送料無料！【しゃぶしゃぶ肉、上肩ロース合計500ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73802652" /><id>https://naminami.shop-pro.jp/?pid=73802652</id><issued>2014-04-12T13:45:16+09:00</issued><modified>2026-04-28T05:39:21Z</modified><created>2014-04-12T04:45:16Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Set &#8212; 3 Servings</span>
      <h1 class="naminami-prd-h1">三人で楽しむ、<br>芳寿豚の極上。</h1>
      <p class="naminami-prd-tagline">
        上肩ロース500g＋ポン酢付き。<br>家族の食卓を、特別な夜に。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>極上しゃぶしゃぶセット ポン酢付き 3人前</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 上肩ロース 合計500g / 冷凍便</div>
        <div class="naminami-prd-price">\4,536</div>
        <span class="naminami-prd-price-tax">税336円別 ／ 送料無料</span>

        <ul class="naminami-prd-features">
          <li>上肩ロースしゃぶしゃぶ用 500g</li><li>専用ポン酢付き</li><li>★ 送料無料（10,000円未満でも適用）</li><li>3人前 / 贈答にも</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>食卓を、特別な夜に。</h2>
      <p>芳寿豚の真髄である上肩ロースを、<br>三人で囲むしゃぶしゃぶに最適な量で。</p><p>専用ポン酢が、芳寿豚の純粋な旨みを引き立てます。<br>余計な調味料は、ここでは不要。</p><p>送料無料でお届け。<br>家族の特別な夜、ご家庭で芳寿豚の極上を。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>赤身と脂身が良いバランス！上肩ロースフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用500ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73802025" /><id>https://naminami.shop-pro.jp/?pid=73802025</id><issued>2014-04-12T13:27:10+09:00</issued><modified>2026-04-28T05:39:16Z</modified><created>2014-04-12T04:27:10Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Kataroes</span>
      <h1 class="naminami-prd-h1">赤身と脂身、<br>黄金のバランス。</h1>
      <p class="naminami-prd-tagline">
        上肩ロースは、しゃぶしゃぶの王道。<br>サシの美しさが、口の中で旨みを花開かせる。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>上肩ロース ふわふわしゃぶしゃぶ肉</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 500g / 冷凍便</div>
        <div class="naminami-prd-price">\2,000</div>
        <span class="naminami-prd-price-tax">税148円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>赤身と脂身の比率が理想的なバランス</li><li>朝一番カット・専用加工場・流通経路の透明性</li><li>大阪黒門市場よりお届け</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>サシの美しさが、味の正体。</h2>
      <p>上肩ロースは、赤身と脂身のバランスが最も整った部位。<br>サシの入り方が美しく、しゃぶしゃぶに最適です。</p><p>熱湯をくぐった瞬間、サシがとろけ、<br>赤身がふわっと柔らかに花開きます。</p><p>SPF認定二十五年の芳寿豚は、<br>食肉の臭みが一切なく、純粋な旨みだけが残る。<br>しゃぶしゃぶの王道を、ご家庭で。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">極上しゃぶしゃぶセット ポン酢付き 3人</div>
            <div class="naminami-prd-related-card-price">\4,536</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>脂身があっさり旨い！芳寿豚の上バラフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用バラ500ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73800015" /><id>https://naminami.shop-pro.jp/?pid=73800015</id><issued>2014-04-12T12:12:06+09:00</issued><modified>2026-04-28T05:39:07Z</modified><created>2014-04-12T03:12:06Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Bara</span>
      <h1 class="naminami-prd-h1">脂身があっさり旨い、<br>上バラのふわふわしゃぶしゃぶ。</h1>
      <p class="naminami-prd-tagline">
        縞模様の美しさが、しゃぶしゃぶの王道。<br>口に入れると、脂が透けてとろける一瞬を。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 500g / 冷凍便</div>
        <div class="naminami-prd-price">\2,000</div>
        <span class="naminami-prd-price-tax">税148円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>赤身と脂身の縞模様マーブリングが特徴</li><li>朝一番カット・専用加工場・流通経路の透明性</li><li>大阪黒門市場よりお届け</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>縞模様の、その向こう側。</h2>
      <p>芳寿豚の上バラは、赤身と脂身が美しい縞模様を描きます。<br>この層こそが、しゃぶしゃぶに最適な所以。</p><p>熱湯にくぐらせた瞬間、脂が透明にとろけ、<br>赤身は柔らかなピンクに変化します。</p><p>脂身でありながら、しつこさを感じさせない後味。<br>長崎島原のSPF認定環境で、二十五年以上、<br>健康に育てられてきた芳寿豚だからこそ。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">極上しゃぶしゃぶセット ポン酢付き 3人</div>
            <div class="naminami-prd-related-card-price">\4,536</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>あっさり旨い！芳寿豚の上モモフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用モモ500ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73799578" /><id>https://naminami.shop-pro.jp/?pid=73799578</id><issued>2014-04-12T12:00:05+09:00</issued><modified>2026-04-28T05:39:02Z</modified><created>2014-04-12T03:00:05Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Momo</span>
      <h1 class="naminami-prd-h1">あっさり、けれど深い。<br>上モモのふわふわしゃぶしゃぶ。</h1>
      <p class="naminami-prd-tagline">
        最も赤身率が高い部位、<br>淡白なのに芯のある旨みを、ご家庭で。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>あっさり旨い 上モモ ふわふわしゃぶしゃぶ肉</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 500g / 冷凍便</div>
        <div class="naminami-prd-price">\1,700</div>
        <span class="naminami-prd-price-tax">税126円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>赤身率が最も高く、あっさりとした味わい</li><li>朝一番カット・専用加工場・流通経路の透明性</li><li>大阪黒門市場よりお届け</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>軽やかな赤身、たおやかな旨み。</h2>
      <p>上モモは、芳寿豚の中でも最も赤身が多い部位。<br>あっさりとしながらも、しっかりとした肉本来の旨み。</p><p>熱湯にくぐらせると、ピンクに透けるその断面に、<br>SPF二十五年の健康な命の輝きが宿ります。</p><p>夏場の食卓にも、あっさりとお召し上がりいただける、<br>毎日の食事に寄り添うしゃぶしゃぶ肉です。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799055" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">極上しゃぶしゃぶセット ポン酢付き 3人</div>
            <div class="naminami-prd-related-card-price">\4,536</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry><entry><title>芳寿豚の上肩ウデのフワフワしゃぶしゃぶ肉！【しゃぶしゃぶ用上肩ウデ500ｇ】</title><link rel="alternate" type="text/html" href="https://naminami.shop-pro.jp/?pid=73799055" /><id>https://naminami.shop-pro.jp/?pid=73799055</id><issued>2014-04-12T11:47:13+09:00</issued><modified>2026-04-28T05:38:59Z</modified><created>2014-04-12T02:47:13Z</created><summary>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --f...</summary><author><name>芳寿豚専門ショップ「なみなみ」芳寿豚の通販/卸販売サイト</name></author><content mode="escaped" type="text/html" xml:lang="ja"><![CDATA[<style>
:root {
  --black: #0A0A0A;
  --black-soft: #1F1B18;
  --gray-warm: #2C2722;
  --offwhite: #F5F1EA;
  --amber: #B8722A;
  --amber-deep: #8F5419;
  --gold: #C9A35B;
  --text-light: #F5F1EA;
  --text-muted-light: #A8A29A;
  --border-dark: #3A332C;
  --font-heading: "Shippori Mincho B1", "Noto Serif JP", serif;
  --font-body: "Noto Sans JP", sans-serif;
  --font-accent: "Cormorant Garamond", serif;
}

html:has(body.naminami-prd-locked),
body.naminami-prd-locked {
  overflow: hidden !important;
  height: 100vh !important;
  height: 100dvh !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
}
/* body直下の旧shop-pro要素を全て非表示（オーバーレイだけ残す） */
body.naminami-prd-locked > *:not(#naminami-prd-overlay):not(script):not(style):not(noscript) {
  display: none !important;
}

#naminami-prd-overlay,
#naminami-prd-overlay *,
#naminami-prd-overlay *::before,
#naminami-prd-overlay *::after {
  box-sizing: border-box;
}

#naminami-prd-overlay {
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: var(--black);
  color: var(--text-light);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: .04em;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "palt" 1;
}

#naminami-prd-overlay img { max-width: 100%; height: auto; display: block; }
#naminami-prd-overlay a { color: var(--gold); text-decoration: none; transition: opacity .3s; }
#naminami-prd-overlay a:hover { opacity: .8; }

/* === HEADER === */
.naminami-prd-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(10,10,10,.92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-dark);
  padding: 14px 32px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.naminami-prd-back {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .25em;
  color: var(--text-muted-light) !important;
  text-transform: uppercase;
}
.naminami-prd-logo {
  font-family: var(--font-heading);
  font-size: 20px;
  font-weight: 600;
  letter-spacing: .04em;
  color: var(--offwhite);
  text-align: center;
}
.naminami-prd-logo span {
  display: block;
  font-family: var(--font-accent);
  font-size: 10px;
  letter-spacing: .25em;
  color: var(--gold);
  margin-top: 2px;
  text-transform: uppercase;
  font-weight: 400;
}
.naminami-prd-cartlink {
  font-family: var(--font-heading);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--offwhite) !important;
  background: var(--amber);
  padding: 10px 18px;
  border-radius: 2px;
}
.naminami-prd-cartlink:hover { background: var(--amber-deep); opacity: 1 !important; }

/* === HERO === */
.naminami-prd-hero {
  position: relative;
  min-height: 65vh;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.naminami-prd-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: brightness(.55) saturate(1.05);
}
.naminami-prd-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(10,10,10,.4) 0%, rgba(10,10,10,.85) 100%);
}
.naminami-prd-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 32px;
  width: 100%;
}
.naminami-prd-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  display: block;
  margin-bottom: 18px;
}
.naminami-prd-h1 {
  font-family: var(--font-heading);
  font-size: clamp(28px, 4.5vw, 50px);
  font-weight: 600;
  line-height: 1.45;
  letter-spacing: .04em;
  color: var(--offwhite);
  margin: 0 0 20px;
  text-shadow: 0 2px 24px rgba(0,0,0,.5);
}
.naminami-prd-tagline {
  font-size: clamp(14px, 1.5vw, 17px);
  line-height: 2;
  letter-spacing: .08em;
  color: var(--offwhite);
  max-width: 580px;
  margin: 0;
}

/* === MAIN: 2-column image + info+cart === */
.naminami-prd-main {
  background: var(--black-soft);
  border-bottom: 1px solid var(--border-dark);
  padding: 64px 32px;
}
.naminami-prd-main-inner {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: start;
}
.naminami-prd-image-side .naminami-prd-image {
  aspect-ratio: 1 / 1;
  background-size: cover;
  background-position: center;
  background-color: var(--gray-warm);
  border-radius: 2px;
}
.naminami-prd-info-side h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 14px;
  line-height: 1.5;
}
.naminami-prd-info-spec {
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  margin-bottom: 28px;
}
.naminami-prd-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 36px;
  font-weight: 700;
  letter-spacing: .02em;
  color: var(--gold);
  font-feature-settings: 'tnum' 1;
  margin: 0 0 8px;
}
.naminami-prd-price-tax {
  font-size: 13px;
  color: var(--text-muted-light);
  letter-spacing: 0;
  margin-bottom: 28px;
  display: block;
}

.naminami-prd-features {
  list-style: none;
  padding: 0;
  margin: 0 0 32px;
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 18px 0;
}
.naminami-prd-features li {
  padding: 8px 0 8px 24px;
  font-size: 13px;
  letter-spacing: .04em;
  color: var(--text-light);
  position: relative;
}
.naminami-prd-features li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 16px;
  width: 12px;
  height: 1px;
  background: var(--gold);
}

/* Cart slot &#8212; shop-pro 標準 form を JS で移植する場所 */
.naminami-prd-cart-area {
  margin-top: 8px;
}
.naminami-prd-cart-area form[name="product_form"],
.naminami-prd-cart-area form {
  background: var(--black);
  border: 1px solid var(--border-dark);
  border-radius: 2px;
  padding: 24px;
  display: block;
}
/* 移植されたshop-pro標準フォームから不要な重複要素を全て非表示 */
.naminami-prd-cart-area .ttl_h2,
.naminami-prd-cart-area .product_image,
.naminami-prd-cart-area .product_image_main,
.naminami-prd-cart-area .product_image_thumb,
.naminami-prd-cart-area .product_exp,
.naminami-prd-cart-area .product_info_lst,
.naminami-prd-cart-area .item_lst,
.naminami-prd-cart-area .icon_lst,
.naminami-prd-cart-area .social_share,
.naminami-prd-cart-area .twitter-share-button,
.naminami-prd-cart-area .line-it-button,
.naminami-prd-cart-area .product_spec_table tr:not(.product_order_form),
.naminami-prd-cart-area .stock_error:empty,
.naminami-prd-cart-area .disable_cartin:empty,
.naminami-prd-cart-area form > h2,
.naminami-prd-cart-area form > p {
  display: none !important;
}
/* 残った購入行をブロック化してきれいに整える */
.naminami-prd-cart-area .product_info_block,
.naminami-prd-cart-area .product_spec_block {
  background: transparent !important;
  padding: 0 !important;
  border: 0 !important;
  margin: 0 !important;
  width: 100% !important;
  float: none !important;
}
.naminami-prd-cart-area .product_spec_table,
.naminami-prd-cart-area .product_spec_table tbody,
.naminami-prd-cart-area .product_spec_table tr.product_order_form,
.naminami-prd-cart-area .product_spec_table tr.product_order_form th,
.naminami-prd-cart-area .product_spec_table tr.product_order_form td {
  display: block !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  width: 100% !important;
  text-align: left !important;
}
.naminami-prd-cart-area .product_spec_table tr.product_order_form th {
  font-family: var(--font-heading) !important;
  font-size: 12px !important;
  letter-spacing: .15em !important;
  color: var(--text-muted-light) !important;
  margin-bottom: 10px !important;
  font-weight: 400 !important;
}
.naminami-prd-cart-area .product_init {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}
.naminami-prd-cart-area .product_init_num input {
  width: 60px;
  padding: 8px;
  background: var(--black-soft);
  border: 1px solid var(--border-dark);
  color: var(--text-light);
  text-align: center;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.naminami-prd-cart-area .product_init_num::before {
  content: "数量";
  display: inline-block;
  font-size: 12px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
}
.naminami-prd-cart-area .product_cart_btn,
.naminami-prd-cart-area input[type="submit"],
.naminami-prd-cart-area .btn_addbasket {
  display: block !important;
  width: 100% !important;
  padding: 22px !important;
  background: var(--amber) !important;
  color: var(--offwhite) !important;
  border: 0 !important;
  font-family: var(--font-heading) !important;
  font-size: 16px !important;
  letter-spacing: .2em !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  border-radius: 2px !important;
  transition: background .3s !important;
}
.naminami-prd-cart-area .product_cart_btn:hover,
.naminami-prd-cart-area input[type="submit"]:hover {
  background: var(--amber-deep) !important;
}
.naminami-prd-cart-area .stock_error {
  color: #ff8b8b;
  font-size: 12px;
  margin-top: 8px;
}
.naminami-prd-cart-area .disable_cartin {
  width: 100%;
}

/* === STORY === */
.naminami-prd-story {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-story-inner {
  max-width: 760px;
  margin: 0 auto;
  text-align: center;
}
.naminami-prd-story h2 {
  font-family: var(--font-heading);
  font-size: clamp(24px, 3vw, 36px);
  font-weight: 600;
  letter-spacing: .04em;
  margin: 0 0 28px;
  line-height: 1.5;
}
.naminami-prd-story p {
  margin-bottom: 24px;
  line-height: 2.1;
  color: var(--text-light);
}
.naminami-prd-story p:last-child { margin-bottom: 0; }

/* === TRUST BAR === */
.naminami-prd-trust {
  background: var(--black-soft);
  border-top: 1px solid var(--border-dark);
  border-bottom: 1px solid var(--border-dark);
  padding: 48px 32px;
}
.naminami-prd-trust-grid {
  max-width: 1200px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}
.naminami-prd-trust-item {
  text-align: center;
}
.naminami-prd-trust-num {
  font-family: var(--font-accent);
  font-size: 28px;
  color: var(--gold);
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
}
.naminami-prd-trust-label {
  font-size: 11px;
  letter-spacing: .15em;
  color: var(--text-muted-light);
  line-height: 1.6;
}

/* === RELATED === */
.naminami-prd-related {
  background: var(--black);
  padding: 96px 32px;
}
.naminami-prd-related-inner {
  max-width: 1200px;
  margin: 0 auto;
}
.naminami-prd-related h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  text-align: center;
  letter-spacing: .04em;
  margin: 0 0 8px;
}
.naminami-prd-related-eyebrow {
  font-family: var(--font-accent);
  font-size: 12px;
  letter-spacing: .35em;
  color: var(--gold);
  text-transform: uppercase;
  text-align: center;
  display: block;
  margin-bottom: 12px;
}
.naminami-prd-related-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-top: 40px;
}
.naminami-prd-related-card {
  background: var(--gray-warm);
  border-radius: 2px;
  overflow: hidden;
  transition: transform .5s ease;
}
.naminami-prd-related-card:hover {
  transform: translateY(-4px);
  opacity: 1;
}
.naminami-prd-related-card-img {
  aspect-ratio: 4 / 5;
  background-size: cover;
  background-position: center;
  background-color: var(--black);
}
.naminami-prd-related-card-body {
  padding: 18px 16px;
}
.naminami-prd-related-card-name {
  font-family: var(--font-heading);
  font-size: 13px;
  margin-bottom: 8px;
  line-height: 1.5;
  color: var(--text-light) !important;
}
.naminami-prd-related-card-price {
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--gold);
  letter-spacing: .02em;
}

/* === BRAND BRIDGE === */
.naminami-prd-bridge {
  background: linear-gradient(180deg, var(--black) 0%, #050505 100%);
  padding: 80px 32px;
  text-align: center;
}
.naminami-prd-bridge h2 {
  font-family: var(--font-heading);
  font-size: clamp(22px, 2.6vw, 30px);
  margin: 0 0 16px;
  letter-spacing: .04em;
}
.naminami-prd-bridge p {
  color: var(--text-muted-light);
  margin-bottom: 28px;
  font-size: 14px;
}
.naminami-prd-bridge-cta {
  display: inline-block;
  padding: 18px 40px;
  border: 1px solid var(--border-dark);
  font-family: var(--font-accent);
  font-size: 13px;
  letter-spacing: .25em;
  text-transform: uppercase;
  color: var(--gold) !important;
  border-radius: 2px;
  transition: all .3s;
}
.naminami-prd-bridge-cta:hover { border-color: var(--gold); background: rgba(201,163,91,.06); opacity: 1 !important; }

/* === FOOTER === */
.naminami-prd-footer {
  background: #050505;
  color: var(--text-muted-light);
  padding: 40px 32px 32px;
  text-align: center;
  font-size: 11px;
  letter-spacing: .12em;
  border-top: 1px solid var(--border-dark);
}

/* === RESPONSIVE === */
@media (max-width: 880px) {
  .naminami-prd-main-inner { grid-template-columns: 1fr; gap: 40px; }
  .naminami-prd-trust-grid { grid-template-columns: repeat(2, 1fr); gap: 18px; }
  .naminami-prd-related-grid { grid-template-columns: repeat(2, 1fr); }
  .naminami-prd-header { padding: 12px 16px; }
  .naminami-prd-back, .naminami-prd-cartlink { font-size: 11px; padding: 8px 12px; }
}
@media (max-width: 540px) {
  .naminami-prd-related-grid { grid-template-columns: 1fr; }
}
</style>

<div id="naminami-prd-overlay">

  <!-- HEADER -->
  <header class="naminami-prd-header">
    <a href="https://naminami.shop-pro.jp/" class="naminami-prd-back">← 通販トップへ</a>
    <div class="naminami-prd-logo">
      なみなみ
      <span>HOUJUTON ONLINE</span>
    </div>
    <a href="https://naminami.shop-pro.jp/cart/proxy/basket?shop_id=PA01277383&shop_domain=naminami.shop-pro.jp" class="naminami-prd-cartlink">カート</a>
  </header>

  <!-- HERO -->
  <section class="naminami-prd-hero">
    <div class="naminami-prd-hero-bg" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
    <div class="naminami-prd-hero-overlay" />
    <div class="naminami-prd-hero-inner">
      <span class="naminami-prd-eyebrow">Houjuton Premium Pork &#8212; Kata-Ude</span>
      <h1 class="naminami-prd-h1">前腕のうま味、<br>上肩ウデのふわふわしゃぶしゃぶ。</h1>
      <p class="naminami-prd-tagline">
        バランスのとれた赤身と脂のハーモニー、<br>薄切りでふわっとほどける食感を。
      </p>
    </div>
  </section>

  <!-- MAIN: image + info + cart -->
  <section class="naminami-prd-main">
    <div class="naminami-prd-main-inner">

      <div class="naminami-prd-image-side">
        <div class="naminami-prd-image" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kata_ude_v1.png');" />
      </div>

      <div class="naminami-prd-info-side">
        <h2>芳寿豚 上肩ウデ ふわふわしゃぶしゃぶ肉</h2>
        <div class="naminami-prd-info-spec">しゃぶしゃぶ用 / 500g / 冷凍便</div>
        <div class="naminami-prd-price">\1,700</div>
        <span class="naminami-prd-price-tax">税126円別 ／ 10,000円以上で送料無料</span>

        <ul class="naminami-prd-features">
          <li>長崎・芳寿牧場 SPF認定 連続二十五年以上</li><li>前腕部の運動量から生まれる、しっかりした旨み</li><li>朝一番カット・専用加工場・流通経路の透明性</li><li>大阪黒門市場よりお届け</li>
        </ul>

        <!-- Cart slot：JSが shop-pro 標準フォームをここに移植 -->
        <div id="naminami-cart-slot" class="naminami-prd-cart-area">
          <!-- ▼ プレビュー用ダミー（本番では shop-pro form が入る）▼ -->
          <div style="background:#0A0A0A;border:1px solid #3A332C;padding:24px;border-radius:2px;">
            <div style="display:flex;align-items:center;gap:14px;margin-bottom:18px;">
              <span style="font-size:12px;letter-spacing:.15em;color:#A8A29A;">数量</span>
              <input type="text" value="1" style="width:60px;padding:8px;background:#1F1B18;border:1px solid #3A332C;color:#F5F1EA;text-align:center;font-size:16px;font-weight:700;">
            </div>
            <button style="display:block;width:100%;padding:22px;background:#B8722A;color:#F5F1EA;border:0;font-family:'Shippori Mincho B1',serif;font-size:16px;letter-spacing:.2em;font-weight:500;cursor:pointer;border-radius:2px;">カートに入れる</button>
          </div>
          <p style="font-size:11px;color:#A8A29A;margin-top:12px;text-align:center;">
            ※ 本番では、shop-pro標準フォームをこの位置に自動移植します
          </p>
        </div>

      </div>
    </div>
  </section>

  <!-- STORY -->
  <section class="naminami-prd-story">
    <div class="naminami-prd-story-inner">
      <span class="naminami-prd-eyebrow">The Story</span>
      <h2>動く部位だから、深い旨み。</h2>
      <p>上肩ウデは、豚が日々動かす前腕部の肉。<br>その運動量から生まれる、確かな繊維と濃い旨み。</p><p>薄くスライスしてしゃぶしゃぶにすると、<br>ふわっとした食感の中に、しっかりとした旨みが広がります。</p><p>SPF認定二十五年の芳寿豚だからこそ生まれる、<br>臭みのない、純粋な肉の味わいを。</p>
    </div>
  </section>

  <!-- TRUST -->
  <section class="naminami-prd-trust">
    <div class="naminami-prd-trust-grid">
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">25+</div>
        <div class="naminami-prd-trust-label">SPF認定<br>連続合格</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">100%</div>
        <div class="naminami-prd-trust-label">芳寿豚使用<br>一頭買い</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">\10,000</div>
        <div class="naminami-prd-trust-label">以上で<br>送料無料</div>
      </div>
      <div class="naminami-prd-trust-item">
        <div class="naminami-prd-trust-num">24h</div>
        <div class="naminami-prd-trust-label">ネット注文<br>受付中</div>
      </div>
    </div>
  </section>

  <!-- RELATED PRODUCTS -->
  <section class="naminami-prd-related">
    <div class="naminami-prd-related-inner">
      <span class="naminami-prd-related-eyebrow">Other Cuts</span>
      <h2>他のしゃぶしゃぶも、ぜひ。</h2>
      <div class="naminami-prd-related-grid">

        <a href="https://naminami.shop-pro.jp/?pid=73799578" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_momo_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">あっさり旨い 上モモ ふわふわしゃぶしゃ</div>
            <div class="naminami-prd-related-card-price">\1,700</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73800015" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_bara_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">芳寿豚 上バラ ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802025" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_kataroes_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">上肩ロース ふわふわしゃぶしゃぶ肉</div>
            <div class="naminami-prd-related-card-price">\2,000</div>
          </div>
        </a><a href="https://naminami.shop-pro.jp/?pid=73802652" class="naminami-prd-related-card">
          <div class="naminami-prd-related-card-img" style="background-image:url('https://www.naminami.co.jp/assets/shabu_set_premium_v1.png');" />
          <div class="naminami-prd-related-card-body">
            <div class="naminami-prd-related-card-name">極上しゃぶしゃぶセット ポン酢付き 3人</div>
            <div class="naminami-prd-related-card-price">\4,536</div>
          </div>
        </a>

      </div>
    </div>
  </section>

  <!-- BRAND BRIDGE -->
  <section class="naminami-prd-bridge">
    <span class="naminami-prd-eyebrow">Brand Story</span>
    <h2>芳寿豚の物語、もっと詳しく。</h2>
    <p>長崎・芳寿牧場の物語、SPF認定の背景、職人の手仕事&#8212;&#8212;<br>すべての物語を、ブランドサイトでご覧いただけます。</p>
    <a href="https://www.naminami.co.jp/" target="_blank" rel="noopener" class="naminami-prd-bridge-cta">なみなみブランドサイトへ &#8599;</a>
  </section>

  <!-- FOOTER -->
  <footer class="naminami-prd-footer">
    芳寿豚専門店なみなみ ／ 有限会社エムエーツーユニオン<br>
    〒542-0073 大阪市中央区日本橋1-22-20 ／ TEL 06-6643-8129<br>
    平日 11:00〜18:00（土日祝休）／ ネット注文 24時間受付<br>
    © 2014&#8211;2026 MA2 Union Ltd.
  </footer>

</div>

<script>
(function(){
  const overlay = document.getElementById('naminami-prd-overlay');
  if (!overlay) return;

  // 1. Move overlay to body root for clean fixed positioning
  if (overlay.parentNode !== document.body) {
    document.body.appendChild(overlay);
  }
  document.body.classList.add('naminami-prd-locked');

  // 2. Transplant shop-pro standard cart form into our slot
  function transplantCart() {
    const form = document.querySelector('form[name="product_form"]');
    const slot = document.getElementById('naminami-cart-slot');
    if (form && slot) {
      // Clear preview placeholder, then move form
      slot.innerHTML = '';
      slot.appendChild(form);
    } else {
      // Try again later (DOM may still be loading)
      setTimeout(transplantCart, 200);
    }
  }
  if (document.readyState === 'loading') {
    document.addEventListener('DOMContentLoaded', transplantCart);
  } else {
    transplantCart();
  }
})();
</script>]]></content></entry></feed>