{"product_id":"mmz-005","title":"【予約販売 | 数量限定】もちはだ スクエアポンチョ","description":"\u003c!--\n  もちはだ 秋の先行予約LP\n  Shopify商品説明欄にそのまま貼り付け可能なHTML+CSS（script不要）\n  スコープ用クラス：.mhd-lp（Dawnテーマの既存CSSと衝突しないようすべての装飾をこの配下に閉じています）\n--\u003e\n\n\u003cstyle\u003e\n  \/* ==========================================================================\n     Google Fonts\n     日本語：Zen Kaku Gothic New \/ 英数字：Jost\n  ========================================================================== *\/\n  @import url('https:\/\/fonts.googleapis.com\/css2?family=Jost:wght@400;500;600\u0026family=Zen+Kaku+Gothic+New:wght@400;500;700;900\u0026display=swap');\n\n  \/* ==========================================================================\n     トークン（配色・余白・タイプスケール）\n  ========================================================================== *\/\n  .mhd-lp {\n    --brown: #6B4F3B;       \/* メインブラウン *\/\n    --brown-light: #A47C5E; \/* ライトブラウン *\/\n    --orange: #C97A45;      \/* くすみオレンジ（アクセント） *\/\n    --ivory: #F7F4EF;       \/* アイボリー *\/\n    --beige: #EEE8DF;       \/* 背景ベージュ *\/\n    --ink: #3F342C;         \/* 文字色 *\/\n    --ink-soft: #6b5f54;    \/* 補助文字色 *\/\n    --line: rgba(63, 52, 44, 0.14);\n\n    --serif-jp: 'Zen Kaku Gothic New', 'Hiragino Sans', sans-serif;\n    --num: 'Jost', sans-serif;\n\n    font-family: var(--serif-jp);\n    color: var(--ink);\n    background: var(--ivory);\n    line-height: 1.85;\n    letter-spacing: 0.02em;\n    font-size: 16px;\n    -webkit-font-smoothing: antialiased;\n    overflow-x: hidden;\n  }\n  .mhd-lp *,\n  .mhd-lp *::before,\n  .mhd-lp *::after {\n    box-sizing: border-box;\n  }\n  .mhd-lp img {\n    max-width: 100%;\n    display: block;\n  }\n  .mhd-lp p {\n    margin: 0;\n  }\n  .mhd-lp .num {\n    font-family: var(--num);\n    letter-spacing: 0.03em;\n  }\n\n  \/* 共通レイアウト -------------------------------------------------------- *\/\n  .mhd-lp .section {\n    padding: 56px 20px;\n    position: relative;\n  }\n  .mhd-lp .section--ivory { background: var(--ivory); }\n  .mhd-lp .section--beige { background: var(--beige); }\n  .mhd-lp .inner {\n    max-width: 640px;\n    margin: 0 auto;\n  }\n  .mhd-lp .inner--wide {\n    max-width: 1000px;\n    margin: 0 auto;\n  }\n\n  .mhd-lp .eyebrow {\n    display: block;\n    font-family: var(--num);\n    font-size: 13px;\n    letter-spacing: 0.26em;\n    color: var(--orange);\n    text-transform: uppercase;\n    margin-bottom: 14px;\n    text-align: center;\n  }\n  .mhd-lp .heading {\n    font-size: clamp(22px, 5.2vw, 30px);\n    font-weight: 700;\n    line-height: 1.6;\n    text-align: center;\n    margin-bottom: 20px;\n    color: var(--brown);\n  }\n  .mhd-lp .body-text {\n    font-size: 16px;\n    line-height: 1.95;\n    text-align: center;\n    color: var(--ink);\n  }\n  .mhd-lp .body-text + .body-text {\n    margin-top: 1.3em;\n  }\n\n  .mhd-lp .divider {\n    width: 1px;\n    height: 44px;\n    background: var(--line);\n    margin: 0 auto 28px;\n  }\n\n  \/* 画像プレースホルダー（\u003cimg\u003eタグ。src属性にURLを入れるだけでOK） ------------ *\/\n  .mhd-lp .img-placeholder {\n    width: 100%;\n    object-fit: contain; \/* 写真が切れずに全体が表示されるように *\/\n    background: repeating-linear-gradient(\n      45deg,\n      rgba(107, 79, 59, 0.06),\n      rgba(107, 79, 59, 0.06) 10px,\n      rgba(107, 79, 59, 0.02) 10px,\n      rgba(107, 79, 59, 0.02) 20px\n    );\n    border: 1px solid var(--line);\n    color: var(--ink-soft);\n    font-size: 12px;\n  }\n\n  \/* ==========================================================================\n     FV（ファーストビュー）\n     構成：最上部に大きなメイン画像 → 直下に予約情報を大きく押し出すバナー\n  ========================================================================== *\/\n  .mhd-lp .fv {\n    background: var(--brown);\n  }\n  .mhd-lp .fv__pretitle {\n    background: var(--beige);\n    color: var(--brown);\n    text-align: center;\n    padding: 32px 20px 28px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 16px;\n    border-top: 3px solid var(--orange);\n    border-bottom: 3px solid var(--orange);\n  }\n  .mhd-lp .fv__pretitle-main {\n    font-size: clamp(28px, 8vw, 44px);\n    font-weight: 700;\n    line-height: 1.6;\n    color: var(--brown);\n  }\n  .mhd-lp .fv__pretitle-warn {\n    display: inline-block;\n    background: var(--orange);\n    color: var(--ivory);\n    font-size: clamp(15px, 4.4vw, 19px);\n    font-weight: 700;\n    letter-spacing: 0.05em;\n    padding: 10px 24px;\n    border-radius: 999px;\n    box-shadow: 0 6px 16px rgba(201, 122, 69, 0.35);\n  }\n  .mhd-lp .fv__pretitle-sub {\n    font-size: clamp(13px, 3.6vw, 15px);\n    font-weight: 700;\n    letter-spacing: 0.22em;\n    color: var(--brown);\n  }\n  .mhd-lp .fv__hero {\n    width: 100%;\n    position: relative;\n  }\n  .mhd-lp .fv__hero .img-placeholder {\n    width: 100%;\n    height: 78svh;\n    object-fit: cover;\n    border: none;\n    border-radius: 0;\n  }\n  .mhd-lp .fv__scrim {\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 90% 65% at 50% 60%, rgba(63, 52, 44, 0.58) 0%, rgba(63, 52, 44, 0.28) 55%, rgba(63, 52, 44, 0.1) 100%);\n    pointer-events: none;\n    z-index: 1;\n  }\n  .mhd-lp .fv__hero-text {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 58%;\n    transform: translateY(-50%);\n    z-index: 2;\n    padding: 0 24px;\n    text-align: center;\n  }\n  .mhd-lp .fv__banner {\n    padding: 32px 20px 44px;\n    text-align: center;\n  }\n  .mhd-lp .fv__top {\n    max-width: 640px;\n    margin: 0 auto;\n  }\n  .mhd-lp .fv__product-name {\n    display: inline-block;\n    font-size: 15px;\n    font-weight: 700;\n    letter-spacing: 0.1em;\n    color: var(--ivory);\n    background: rgba(247, 244, 239, 0.14);\n    border: 1px solid rgba(247, 244, 239, 0.45);\n    padding: 8px 22px;\n    border-radius: 999px;\n    margin-bottom: 16px;\n  }\n  .mhd-lp .fv__eyebrow {\n    display: block;\n    font-family: var(--num);\n    font-size: 12px;\n    letter-spacing: 0.3em;\n    color: var(--orange);\n    text-transform: uppercase;\n    margin-bottom: 18px;\n  }\n  .mhd-lp .fv__copy {\n    font-size: clamp(28px, 8vw, 44px);\n    font-weight: 700;\n    line-height: 1.6;\n    color: var(--ivory);\n    margin-bottom: 14px;\n  }\n  .mhd-lp .fv__sub {\n    font-size: 16px;\n    color: rgba(247, 244, 239, 0.82);\n    margin-bottom: 28px;\n  }\n  .mhd-lp .fv__notice {\n    display: block;\n    padding: 18px 20px;\n    border-top: 1px solid rgba(247, 244, 239, 0.3);\n    border-bottom: 1px solid rgba(247, 244, 239, 0.3);\n    margin-bottom: 28px;\n  }\n  .mhd-lp .fv__notice-product {\n    display: block;\n    font-size: 13px;\n    letter-spacing: 0.14em;\n    color: rgba(247, 244, 239, 0.85);\n    margin-bottom: 10px;\n  }\n  .mhd-lp .fv__notice-label {\n    display: inline-block;\n    background: var(--ivory);\n    color: var(--brown);\n    padding: 10px 22px;\n    border-radius: 999px;\n    font-size: 14px;\n    font-weight: 700;\n    letter-spacing: 0.08em;\n    margin-bottom: 18px;\n    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);\n  }\n  .mhd-lp .fv__notice-date {\n    font-family: var(--num);\n    font-size: clamp(24px, 6vw, 32px);\n    font-weight: 500;\n    color: var(--ivory);\n    margin-bottom: 12px;\n  }\n  .mhd-lp .fv__notice-small {\n    font-size: 14px;\n    color: rgba(247, 244, 239, 0.7);\n    line-height: 1.75;\n  }\n\n  .mhd-lp .cta-btn {\n    display: inline-block;\n    background: var(--brown);\n    color: var(--ivory);\n    font-family: var(--serif-jp);\n    font-size: 15px;\n    letter-spacing: 0.12em;\n    padding: 18px 56px;\n    border-radius: 2px;\n    text-decoration: none;\n    transition: background 0.35s ease, transform 0.35s ease, box-shadow 0.35s ease;\n    box-shadow: 0 6px 20px rgba(107, 79, 59, 0.18);\n  }\n  .mhd-lp .cta-btn:hover {\n    background: var(--orange);\n    transform: translateY(-2px);\n    box-shadow: 0 10px 26px rgba(201, 122, 69, 0.28);\n  }\n  .mhd-lp .cta-btn--invert {\n    background: var(--ivory);\n    color: var(--brown);\n    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);\n  }\n  .mhd-lp .cta-btn--invert:hover {\n    background: var(--orange);\n    color: var(--ivory);\n  }\n  .mhd-lp .fv__cta {\n    margin-bottom: 0;\n  }\n\n  \/* ==========================================================================\n     強調テキスト（一般販売の予定はございません、など）\n  ========================================================================== *\/\n  .mhd-lp .highlight-text {\n    display: inline-block;\n    color: var(--orange);\n    font-weight: 700;\n    position: relative;\n  }\n  .mhd-lp .highlight-text::after {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: -3px;\n    height: 2px;\n    background: currentColor;\n    opacity: 0.55;\n  }\n  .mhd-lp .final-cta__emphasis {\n    font-size: clamp(17px, 4.4vw, 21px);\n    margin: 2px 0 18px;\n  }\n\n  \/* ==========================================================================\n     サイズ表記（置き画像＋寸法リスト）\n  ========================================================================== *\/\n  .mhd-lp .spec-list {\n    list-style: none;\n    margin: 0 auto;\n    padding: 0;\n    max-width: 420px;\n  }\n  .mhd-lp .spec-list li {\n    display: flex;\n    justify-content: space-between;\n    align-items: baseline;\n    gap: 12px;\n    padding: 16px 4px;\n    border-bottom: 1px solid var(--line);\n    font-size: 15px;\n    text-align: left;\n  }\n  .mhd-lp .spec-list li:first-child {\n    border-top: 1px solid var(--line);\n  }\n  .mhd-lp .spec-list__label {\n    color: var(--ink);\n    letter-spacing: 0.04em;\n  }\n  .mhd-lp .spec-list__value {\n    color: var(--brown);\n    font-size: 17px;\n    font-weight: 600;\n    white-space: nowrap;\n  }\n  .mhd-lp .spec-note {\n    text-align: center;\n    font-size: 13px;\n    color: var(--ink-soft);\n    margin-top: 18px;\n  }\n\n  \/* ==========================================================================\n     チェックリスト（②）\n  ========================================================================== *\/\n  .mhd-lp .checklist {\n    list-style: none;\n    margin: 0 auto;\n    padding: 0;\n    max-width: 420px;\n  }\n  .mhd-lp .checklist li {\n    display: flex;\n    align-items: flex-start;\n    gap: 14px;\n    padding: 14px 0;\n    border-bottom: 1px solid var(--line);\n    font-size: 16px;\n    text-align: left;\n    line-height: 1.75;\n  }\n  .mhd-lp .checklist li:first-child {\n    border-top: 1px solid var(--line);\n  }\n  .mhd-lp .checklist .mark {\n    flex: 0 0 auto;\n    width: 22px;\n    height: 22px;\n    border: 1px solid var(--orange);\n    border-radius: 50%;\n    color: var(--orange);\n    font-size: 12px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-top: 2px;\n  }\n\n  \/* ==========================================================================\n     3カット構成（⑤）\n  ========================================================================== *\/\n  .mhd-lp .triptych {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 20px;\n  }\n  .mhd-lp .triptych figure {\n    margin: 0;\n  }\n  .mhd-lp .triptych .img-placeholder {\n    aspect-ratio: 1 \/ 1;\n    height: auto;\n    margin-bottom: 10px;\n  }\n  .mhd-lp .triptych figcaption {\n    text-align: center;\n    font-size: 13px;\n    color: var(--ink-soft);\n    letter-spacing: 0.06em;\n  }\n\n  \/* ==========================================================================\n     追加カット用グリッド（③④⑥ など複数画像セクション共通）\n  ========================================================================== *\/\n  .mhd-lp .img-grid {\n    display: grid;\n    grid-template-columns: 1fr;\n    gap: 14px;\n    margin-bottom: 28px;\n  }\n  .mhd-lp .img-grid figure {\n    margin: 0;\n  }\n  .mhd-lp .img-grid .img-placeholder {\n    aspect-ratio: 4 \/ 3;\n    height: auto;\n    margin-bottom: 10px;\n  }\n  .mhd-lp .img-grid figcaption {\n    text-align: center;\n    font-size: 13px;\n    color: var(--ink-soft);\n    letter-spacing: 0.06em;\n  }\n  @media (min-width: 640px) {\n    .mhd-lp .img-grid--2 { grid-template-columns: repeat(2, 1fr); }\n    .mhd-lp .img-grid--3 { grid-template-columns: repeat(3, 1fr); }\n  }\n\n  \/* 画面幅いっぱいに広げるカット（雑誌風の版面ブレイク） --------------------- *\/\n  .mhd-lp .img-bleed {\n    width: 100vw;\n    position: relative;\n    left: 50%;\n    right: 50%;\n    margin-left: -50vw;\n    margin-right: -50vw;\n    margin-bottom: 36px;\n  }\n  .mhd-lp .img-bleed .img-placeholder {\n    height: clamp(220px, 44vw, 380px);\n    border-left: none;\n    border-right: none;\n  }\n\n  \/* ==========================================================================\n     タイムライン（⑦）※本ページの署名要素\n  ========================================================================== *\/\n  .mhd-lp .timeline {\n    max-width: 420px;\n    margin: 0 auto;\n    padding: 8px 0 0;\n  }\n  .mhd-lp .timeline__item {\n    position: relative;\n    padding: 0 0 32px 30px;\n    border-left: 1px solid var(--line);\n  }\n  .mhd-lp .timeline__item:last-child {\n    border-left: 1px solid transparent;\n    padding-bottom: 0;\n  }\n  .mhd-lp .timeline__item::before {\n    content: '';\n    position: absolute;\n    left: -5px;\n    top: 2px;\n    width: 9px;\n    height: 9px;\n    border-radius: 50%;\n    background: var(--orange);\n  }\n  .mhd-lp .timeline__date {\n    font-family: var(--num);\n    font-size: 18px;\n    color: var(--brown);\n    margin-bottom: 6px;\n  }\n  .mhd-lp .timeline__label {\n    font-size: 15px;\n    color: var(--ink-soft);\n    line-height: 1.75;\n  }\n\n  \/* ==========================================================================\n     最終CTA\n  ========================================================================== *\/\n  .mhd-lp .final-cta {\n    background: var(--brown);\n    color: var(--ivory);\n    text-align: center;\n    padding: 72px 20px;\n  }\n  .mhd-lp .final-cta .heading {\n    color: var(--ivory);\n    font-size: clamp(24px, 6vw, 32px);\n  }\n  .mhd-lp .final-cta .body-text {\n    color: rgba(247, 244, 239, 0.82);\n  }\n  .mhd-lp .final-cta .fv__notice {\n    border-color: rgba(247, 244, 239, 0.28);\n  }\n  .mhd-lp .final-cta .fv__notice-date {\n    color: var(--ivory);\n  }\n  .mhd-lp .final-cta .fv__notice-small {\n    color: rgba(247, 244, 239, 0.7);\n  }\n  .mhd-lp .final-cta .cta-btn {\n    background: var(--ivory);\n    color: var(--brown);\n  }\n  .mhd-lp .final-cta .cta-btn:hover {\n    background: var(--orange);\n    color: var(--ivory);\n  }\n\n  \/* ==========================================================================\n     アニメーション（CSSのみ／fade-up）\n  ========================================================================== *\/\n  @keyframes mhdFadeUp {\n    from { opacity: 0; transform: translateY(18px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes mhdHeroIn {\n    from { opacity: 0; transform: scale(1.05); }\n    to   { opacity: 1; transform: scale(1); }\n  }\n  .mhd-lp .fv__pretitle {\n    opacity: 0;\n    animation: mhdFadeUp 0.7s ease forwards;\n  }\n  .mhd-lp .fv__hero .img-placeholder {\n    opacity: 0;\n    animation: mhdHeroIn 1.1s ease forwards;\n  }\n  .mhd-lp .fv__product-name,\n  .mhd-lp .fv__eyebrow,\n  .mhd-lp .fv__copy,\n  .mhd-lp .fv__sub,\n  .mhd-lp .fv__notice,\n  .mhd-lp .fv__cta {\n    opacity: 0;\n    animation: mhdFadeUp 0.9s ease forwards;\n  }\n  .mhd-lp .fv__product-name { animation-delay: 0.02s; }\n  .mhd-lp .fv__eyebrow { animation-delay: 0.1s; }\n  .mhd-lp .fv__copy    { animation-delay: 0.22s; }\n  .mhd-lp .fv__sub     { animation-delay: 0.36s; }\n  .mhd-lp .fv__notice  { animation-delay: 0.5s; }\n  .mhd-lp .fv__cta     { animation-delay: 0.66s; }\n\n  \/* スクロール連動フェードアップ（対応ブラウザのみ／非対応時は常に表示） *\/\n  .mhd-lp .reveal {\n    opacity: 1;\n  }\n  @supports (animation-timeline: view()) {\n    .mhd-lp .reveal {\n      opacity: 0;\n      animation: mhdFadeUp 0.8s ease forwards;\n      animation-timeline: view();\n      animation-range: entry 0% entry 40%;\n    }\n  }\n  @media (prefers-reduced-motion: reduce) {\n    .mhd-lp .fv__pretitle,\n    .mhd-lp .fv__product-name,\n    .mhd-lp .fv__eyebrow,\n    .mhd-lp .fv__copy,\n    .mhd-lp .fv__sub,\n    .mhd-lp .fv__notice,\n    .mhd-lp .fv__cta,\n    .mhd-lp .reveal,\n    .mhd-lp .fv__hero .img-placeholder {\n      animation: none !important;\n      opacity: 1 !important;\n      transform: none !important;\n    }\n  }\n\n  \/* ==========================================================================\n     レスポンシブ（PC幅 最大1200px／タブレット・PCで余白と文字を拡張）\n  ========================================================================== *\/\n  @media (min-width: 640px) {\n    .mhd-lp { font-size: 16px; }\n    .mhd-lp .section { padding: 100px 40px; }\n    .mhd-lp .triptych { grid-template-columns: repeat(3, 1fr); gap: 24px; }\n    .mhd-lp .fv__hero .img-placeholder { height: 86svh; }\n    .mhd-lp .fv__banner { padding: 56px 40px 76px; }\n  }\n  @media (min-width: 900px) {\n    .mhd-lp .inner { max-width: 680px; }\n    .mhd-lp .inner--wide { max-width: 1000px; }\n    .mhd-lp .section { padding: 130px 60px; }\n    .mhd-lp .heading { font-size: 32px; }\n    .mhd-lp .fv__hero .img-placeholder { height: 92svh; }\n    .mhd-lp .fv__banner { padding: 64px 60px 88px; }\n  }\n\n  \/* ==========================================================================\n     季節ビジュアル（Season Visual）\n  ========================================================================== *\/\n  .mhd-lp .season-visual {\n    position: relative;\n    border-radius: 24px;\n    overflow: hidden;\n    margin: 0 auto;\n    max-width: 640px;\n    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.08);\n  }\n  .mhd-lp .season-visual img {\n    width: 100%;\n    aspect-ratio: 8 \/ 7;\n    height: auto;\n    object-fit: cover;\n    display: block;\n  }\n  .mhd-lp .season-visual__overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to top,\n      rgba(40, 30, 20, 0.55),\n      rgba(40, 30, 20, 0.18) 45%,\n      rgba(40, 30, 20, 0) 70%\n    );\n  }\n  .mhd-lp .season-visual__copy {\n    position: absolute;\n    left: 36px;\n    bottom: 36px;\n    right: 36px;\n  }\n  .mhd-lp .season-visual__lead {\n    color: #fff;\n    font-size: clamp(28px, 5vw, 38px);\n    line-height: 1.6;\n    font-weight: 700;\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);\n  }\n  @media (max-width: 640px) {\n    .mhd-lp .season-visual img { aspect-ratio: 4 \/ 5; }\n    .mhd-lp .season-visual__copy { left: 20px; right: 20px; bottom: 20px; }\n    .mhd-lp .season-visual__lead { font-size: 24px; }\n  }\n\n  \/* ==========================================================================\n     スタイリングビジュアル（Styling Visual）\n  ========================================================================== *\/\n  .mhd-lp .style-visual {\n    position: relative;\n    width: 100%;\n    max-width: 900px;\n    margin: 0 auto 56px;\n    overflow: hidden;\n    border-radius: 24px;\n    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.08);\n  }\n  .mhd-lp .style-visual img {\n    width: 100%;\n    aspect-ratio: 3 \/ 2;\n    height: auto;\n    object-fit: cover;\n    object-position: center 30%;\n    display: block;\n    transform: scale(1.25);\n    transform-origin: center 30%;\n  }\n  .mhd-lp .style-visual__overlay {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to top,\n      rgba(40, 30, 20, 0.55),\n      rgba(40, 30, 20, 0.18) 45%,\n      rgba(40, 30, 20, 0) 70%\n    );\n  }\n  .mhd-lp .style-visual__copy {\n    position: absolute;\n    left: 36px;\n    bottom: 32px;\n    right: 36px;\n  }\n  .mhd-lp .style-visual__lead {\n    color: #fff;\n    font-size: clamp(22px, 4.4vw, 30px);\n    line-height: 1.6;\n    font-weight: 700;\n    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.25);\n  }\n  @media (max-width: 640px) {\n    .mhd-lp .style-visual { margin-bottom: 28px; border-radius: 18px; }\n    .mhd-lp .style-visual img { aspect-ratio: 4 \/ 5; }\n    .mhd-lp .style-visual__copy { left: 22px; right: 22px; bottom: 20px; }\n    .mhd-lp .style-visual__lead { font-size: 22px; }\n  }\n\n\n\n\n\/* ==========================================================================\n   Styling Gallery（03のみ）\n========================================================================== *\/\n.mhd-lp .style-gallery{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:32px;\n  margin:40px 0 48px;\n}\n\n.mhd-lp .style-gallery figure{\n  margin:0;\n  background:#fff;\n  border-radius:18px;\n  overflow:hidden;\n  box-shadow:0 12px 30px rgba(0,0,0,.08);\n}\n\n.mhd-lp .style-gallery img{\n  width:100%;\n  aspect-ratio:4\/5;\n  object-fit:cover;\n  display:block;\n  border:none;\n}\n\n.mhd-lp .style-gallery figcaption{\n  padding:18px 10px;\n  text-align:center;\n  font-size:15px;\n  color:var(--brown);\n  font-weight:700;\n}\n\n@media(max-width:768px){\n  .mhd-lp .style-gallery{\n    grid-template-columns:1fr;\n    gap:20px;\n  }\n\n  .mhd-lp .style-gallery img{\n    aspect-ratio:4\/5;\n  }\n}\n\n  \n\u003c\/style\u003e\n\n\u003cdiv class=\"mhd-lp\"\u003e\n\n  \u003c!-- ============================================================\n       FV（ファーストビュー）\n       最上部：メイン画像を画面いっぱいに大きく配置\n       直下：予約情報＋CTAを大きく押し出すバナー\n  ============================================================= --\u003e\n  \u003csection class=\"fv\"\u003e\n    \u003cdiv class=\"fv__pretitle\"\u003e\n      \u003cspan class=\"fv__pretitle-main\"\u003eこの商品は\u003cbr\u003e予約販売限定です\u003c\/span\u003e\n      \u003cspan class=\"fv__pretitle-warn\"\u003e一般販売の予定はございません\u003c\/span\u003e\n      \u003cspan class=\"fv__pretitle-sub num\"\u003e数量限定・9月末ごろお届け\u003c\/span\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fv__hero\"\u003e\n      \u003c!-- メイン画像 --\u003e\n      \u003cimg class=\"img-placeholder\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_01.jpg?v=1784101073\" alt=\"もちはだ スクエアポンチョ メインビジュアル\"\u003e\n      \u003cdiv class=\"fv__scrim\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"fv__hero-text\"\u003e\n        \u003cspan class=\"fv__product-name\"\u003eもちはだ スクエアポンチョ\u003c\/span\u003e\n        \u003cspan class=\"fv__eyebrow num\"\u003eReservation Open\u003c\/span\u003e\n        \u003cp class=\"fv__copy\"\u003e一枚重ねるだけで、\u003cbr\u003e品よく、美しく。\u003c\/p\u003e\n        \u003cp class=\"fv__sub\"\u003e秋の装いに、軽やかな暖かさを。\u003c\/p\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"fv__banner\"\u003e\n      \u003cdiv class=\"fv__top\"\u003e\n        \u003cdiv class=\"fv__notice\"\u003e\n          \u003cspan class=\"fv__notice-product\"\u003eもちはだ スクエアポンチョ\u003c\/span\u003e\n          \u003cdiv class=\"fv__notice-label\"\u003e数量限定・先行予約受付中\u003c\/div\u003e\n          \u003cdiv class=\"fv__notice-date num\"\u003e7\/24（金）— 7\/31（金）\u003c\/div\u003e\n          \u003cp class=\"fv__notice-small\"\u003e\n            この秋、この一枚を手にできるのは今回だけ。\u003cbr\u003e\n            \u003cspan class=\"highlight-text\"\u003e一般販売の予定はございません。\u003c\/span\u003e\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"fv__cta\"\u003e\n          \u003ca href=\"#MainContent\" class=\"cta-btn cta-btn--invert\"\u003e予約する\u003c\/a\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ① 今年も、この季節がやってきます。\n  ============================================================= --\u003e\n  \u003csection class=\"section section--beige\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e01\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e今年も、この季節が\u003cbr\u003eやってきます。\u003c\/p\u003e\n\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n      \u003c!-- メインビジュアル --\u003e\n      \u003cdiv class=\"season-visual\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_02.jpg?v=1784101201\" alt=\"秋を感じる女性\"\u003e\n        \u003cdiv class=\"season-visual__overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"season-visual__copy\"\u003e\n          \u003cp class=\"season-visual__lead\"\u003e\n            今はまだ夏本番。\u003cbr\u003e\n            でも秋は、気づけば\u003cbr\u003e\n            あっという間。\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"body-text\" style=\"margin-top:32px;\"\u003e\n        「羽織るものが欲しい。」そう思った頃には、人気カラーや数量限定商品は完売していることも少なくありません。\n      \u003c\/p\u003e\n\n      \u003cp class=\"body-text\"\u003e\n        だから今年は、\u003cstrong style=\"color:var(--brown);font-weight:700;\"\u003e「着たい日に届いている安心」\u003c\/strong\u003eをご用意しました。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ② 秋を待たずに、秋の準備。（3つのポイント）\n  ============================================================= --\u003e\n  \u003csection class=\"section section--ivory\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e02\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e秋を待たずに、\u003cbr\u003e秋の準備。\u003c\/p\u003e\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n      \u003c!-- スタイリングカット画像 --\u003e\n      \u003cdiv class=\"style-visual\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_03.jpg?v=1784157905\" alt=\"秋のスタイリング\"\u003e\n        \u003cdiv class=\"style-visual__overlay\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"style-visual__copy\"\u003e\n          \u003cp class=\"style-visual__lead\"\u003eこの一枚で、\u003cbr\u003e秋を先取り。\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cul class=\"checklist\"\u003e\n        \u003cli\u003e\n\u003cspan class=\"mark\"\u003e✓\u003c\/span\u003e秋の始まりに間に合う9月お届け\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"mark\"\u003e✓\u003c\/span\u003e売り切れ前に、安心のご予約\u003c\/li\u003e\n        \u003cli\u003e\n\u003cspan class=\"mark\"\u003e✓\u003c\/span\u003e寒くなってから慌てない\u003c\/li\u003e\n      \u003c\/ul\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ③ 一枚重ねるだけで、品よく、美しく。\n  ============================================================= --\u003e\n  \u003csection class=\"section section--beige\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e03\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e一枚重ねるだけで、\u003cbr\u003e品よく、美しく。\u003c\/p\u003e\n\n\u003cdiv class=\"style-gallery\"\u003e\n\n  \u003cfigure\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_04.jpg?v=1784160215\" alt=\"シャツコーデ\"\u003e\n    \u003cfigcaption\u003eシャツに重ねて\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n\n  \u003cfigure\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_05.jpg?v=1784161575\" alt=\"ワンピースコーデ\"\u003e\n    \u003cfigcaption\u003eワンピースに重ねて\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n\n  \u003cfigure\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_06.jpg?v=1784166285\" alt=\"ニットコーデ\"\u003e\n    \u003cfigcaption\u003eニットに重ねて\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n\n\u003c\/div\u003e\n\n      \u003cp class=\"body-text\"\u003e\n        シャツにも、ワンピースにも、ニットにも。\u003cbr\u003e\n        いつもの服に重ねるだけで、大人らしい上品な印象に。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ④ 見た目はすっきり。でも、暖かい。\n  ============================================================= --\u003e\n  \u003csection class=\"section section--ivory\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e04\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e見た目はすっきり。\u003cbr\u003eでも、暖かい。\u003c\/p\u003e\n\n      \u003cdiv class=\"img-grid img-grid--2\"\u003e\n        \u003cfigure\u003e\n          \u003c!-- 鷲尾式起毛説明画像 --\u003e\n          \u003cimg class=\"img-placeholder\" style=\"aspect-ratio:auto;height:auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_15.jpg?v=1784619847\" alt=\"鷲尾式起毛説明画像\"\u003e\n          \u003cfigcaption\u003e鷲尾式起毛のしくみ\u003c\/figcaption\u003e\n        \u003c\/figure\u003e\n        \u003cfigure\u003e\n          \u003c!-- 素材ディテール画像（アップカット） --\u003e\n          \u003cimg class=\"img-placeholder\" style=\"aspect-ratio:auto;height:auto;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_10.jpg?v=1784273406\" alt=\"素材ディテール画像\"\u003e\n          \u003cfigcaption\u003e生地のアップカット\u003c\/figcaption\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"body-text\"\u003e\n        もちはだ独自の鷲尾式起毛が空気をたっぷり含み、軽さと暖かさを両立します。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       置きサイズ（置き画像＋寸法）\n  ============================================================= --\u003e\n  \u003csection class=\"section section--beige\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e05\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003eサイズ\u003c\/p\u003e\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n      \u003c!-- 置き画像 --\u003e\n      \u003cimg class=\"img-placeholder\" style=\"aspect-ratio:auto;height:auto;border:none;margin-bottom:32px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_11.jpg?v=1784275099\" alt=\"置き画像\"\u003e\n\n      \u003cul class=\"spec-list\"\u003e\n        \u003cli\u003e\n          \u003cspan class=\"spec-list__label\"\u003e上部幅（肩側）\u003c\/span\u003e\n          \u003cspan class=\"spec-list__value num\"\u003e約107cm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"spec-list__label\"\u003e裾幅\u003c\/span\u003e\n          \u003cspan class=\"spec-list__value num\"\u003e約98cm\u003c\/span\u003e\n        \u003c\/li\u003e\n        \u003cli\u003e\n          \u003cspan class=\"spec-list__label\"\u003e着丈\u003c\/span\u003e\n          \u003cspan class=\"spec-list__value num\"\u003e約49cm\u003c\/span\u003e\n        \u003c\/li\u003e\n      \u003c\/ul\u003e\n      \u003cp class=\"spec-note\"\u003e※置きサイズ（±3cm）\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ⑥ 秋だけでは終わりません。（3カット）\n  ============================================================= --\u003e\n  \u003csection class=\"section section--ivory\"\u003e\n    \u003cdiv class=\"inner--wide reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e06\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e季節をまたいで愛せる逸品\u003c\/p\u003e\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"triptych\"\u003e\n        \u003cfigure\u003e\n          \u003c!-- 秋の朝晩 画像 --\u003e\n          \u003cimg class=\"img-placeholder\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_07.jpg?v=1784270686\" alt=\"秋の朝晩 画像\"\u003e\n          \u003cfigcaption\u003e秋の朝晩\u003c\/figcaption\u003e\n        \u003c\/figure\u003e\n        \u003cfigure\u003e\n          \u003c!-- 夏の室内 画像 --\u003e\n          \u003cimg class=\"img-placeholder\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_08.jpg?v=1784270686\" alt=\"冬の室内 画像\"\u003e\n          \u003cfigcaption\u003e夏の冷房対策\u003c\/figcaption\u003e\n        \u003c\/figure\u003e\n        \u003cfigure\u003e\n          \u003c!-- 春先の肌寒い日 画像 --\u003e\n          \u003cimg class=\"img-placeholder\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_09.jpg?v=1784270686\" alt=\"春先の肌寒い日 画像\"\u003e\n          \u003cfigcaption\u003e春先の肌寒い日\u003c\/figcaption\u003e\n        \u003c\/figure\u003e\n      \u003c\/div\u003e\n\n      \u003cp class=\"body-text\" style=\"margin-top:40px;\"\u003e長く寄り添ってくれる一枚です。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ⑦ 数量限定でお届けします。\n  ============================================================= --\u003e\n  \u003csection class=\"section section--beige\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e07\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e数量限定で\u003cbr\u003eお届けします。\u003c\/p\u003e\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n\u003cdiv class=\"img-grid img-grid--3\"\u003e\n  \u003cfigure\u003e\n    \u003c!-- 裁断工程画像 --\u003e\n    \u003cimg class=\"img-placeholder\" style=\"border:none;object-fit:cover;background:none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_12.jpg?v=1784618719\" alt=\"裁断工程画像\"\u003e\n    \u003cfigcaption\u003e裁断\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n  \u003cfigure\u003e\n    \u003c!-- 縫製工程画像 --\u003e\n    \u003cimg class=\"img-placeholder\" style=\"border:none;object-fit:cover;background:none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_13.jpg?v=1784618718\" alt=\"縫製工程画像\"\u003e\n    \u003cfigcaption\u003e縫製\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n  \u003cfigure\u003e\n    \u003c!-- 検品工程画像 --\u003e\n    \u003cimg class=\"img-placeholder\" style=\"border:none;object-fit:cover;background:none;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_14.jpg?v=1784618719\" alt=\"検品工程画像\"\u003e\n    \u003cfigcaption\u003e検品\u003c\/figcaption\u003e\n  \u003c\/figure\u003e\n\u003c\/div\u003e\n\n      \u003cp class=\"body-text\"\u003e\n        国内工場で一枚一枚丁寧に仕立てています。\u003cbr\u003e\n        そのため大量生産はできません。\u003cbr\u003e\n        今回ご用意できる数量にも限りがあります。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       ⑧ ご予約について（タイムライン）\n  ============================================================= --\u003e\n  \u003csection class=\"section section--ivory\" id=\"mhd-reserve\"\u003e\n    \u003cdiv class=\"inner reveal\"\u003e\n      \u003cspan class=\"eyebrow num\"\u003e08\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003eご予約について\u003c\/p\u003e\n      \u003cdiv class=\"divider\"\u003e\u003c\/div\u003e\n\n      \u003cdiv class=\"timeline\"\u003e\n        \u003cdiv class=\"timeline__item\"\u003e\n          \u003cdiv class=\"timeline__date num\"\u003e7\/24 — 7\/31\u003c\/div\u003e\n          \u003cdiv class=\"timeline__label\"\u003eご予約受付期間\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline__item\"\u003e\n          \u003cdiv class=\"timeline__date\"\u003e製造\u003c\/div\u003e\n          \u003cdiv class=\"timeline__label\"\u003e国内工場にて一枚一枚仕立てます\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"timeline__item\"\u003e\n          \u003cdiv class=\"timeline__date\"\u003e9月末ごろより順次発送\u003c\/div\u003e\n          \u003cdiv class=\"timeline__label\"\u003e秋が訪れる頃からすぐ着ていただけるようお届けします\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n  \u003c!-- ============================================================\n       最終CTA\n  ============================================================= --\u003e\n  \u003csection class=\"final-cta\"\u003e\n    \u003cdiv class=\"inner\"\u003e\n      \u003cspan class=\"fv__product-name\" style=\"margin-bottom:20px;\"\u003eもちはだ スクエアポンチョ\u003c\/span\u003e\n      \u003cp class=\"heading\"\u003e\n        この商品は予約販売限定です。\n      \u003c\/p\u003e\n      \u003cp class=\"final-cta__emphasis\"\u003e\u003cspan class=\"highlight-text\"\u003e一般販売の予定はございません。\u003c\/span\u003e\u003c\/p\u003e\n      \u003cp class=\"body-text\"\u003e\n        9月にお届けできる、この機会をお見逃しなく\n      \u003c\/p\u003e\n\n      \u003c!-- クロージングイメージ画像 --\u003e\n      \u003cdiv class=\"img-bleed\" style=\"margin-top:28px;margin-bottom:0;\"\u003e\n        \u003cimg class=\"img-placeholder\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_03.jpg?v=1784157905\" alt=\"クロージングイメージ画像\"\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"fv__notice\" style=\"margin-top:28px;\"\u003e\n        \u003cdiv class=\"fv__notice-label\"\u003e7\/24 — 7\/31 限定受付\u003c\/div\u003e\n        \u003cdiv class=\"fv__notice-date num\"\u003e数量限定・9月末ごろお届け\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv style=\"margin-top:28px;\"\u003e\n        \u003ca href=\"#MainContent\" class=\"cta-btn\"\u003e予約する\u003c\/a\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\n\u003c\/div\u003e","brand":"ワシオ株式会社","offers":[{"title":"ブラック \/ フリー","offer_id":51321671155958,"sku":"mmz-005099","price":15180.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0711\/8674\/3542\/files\/mmz-005_01s.jpg?v=1784684486","url":"https:\/\/washio-japan.com\/products\/mmz-005","provider":"もちはだSTORE｜WASHIO JAPAN","version":"1.0","type":"link"}