{"title":"【5+1】キャプチャーザモーメント","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eCAPTURE THE MOMENT | MILBON 5+1企画\u003c\/title\u003e\n\u003cstyle\u003e\n  :root{\n    --bg-0:#1b1420;\n    --bg-warm:#c9714a;\n    --bg-warm-2:#a85a3f;\n    --bg-cool:#2c3a56;\n    --bg-cool-2:#1c2236;\n    --ink:#f7f2ea;\n    --ink-dim:rgba(247,242,234,0.72);\n    --ink-faint:rgba(247,242,234,0.45);\n    --line:rgba(247,242,234,0.28);\n    --accent:#e8a25a;\n    --card-bg:rgba(0,0,0,0.28);\n    --serif: \"Noto Serif JP\", \"Shippori Mincho\", Georgia, \"Hiragino Mincho ProN\", serif;\n    --sans: \"Noto Sans JP\", \"Hiragino Kaku Gothic ProN\", \"Yu Gothic\", sans-serif;\n  }\n\n  *{box-sizing:border-box;}\n  html,body{margin:0;padding:0;}\n  body{\n    background:var(--bg-0);\n    color:var(--ink);\n    font-family:var(--sans);\n    -webkit-font-smoothing:antialiased;\n    line-height:1.7;\n  }\n\n  img{max-width:100%;display:block;}\n\n  a{color:inherit;}\n\n  .wrap{\n    max-width:1400px;\n    margin:0 auto;\n  }\n\n  \/* ---------- HERO ---------- *\/\n  .hero{\n    position:relative;\n    padding:clamp(28px,6vw,56px) clamp(20px,5vw,64px) clamp(40px,7vw,72px);\n    background:\n      radial-gradient(ellipse at 20% 0%, rgba(232,162,90,0.18), transparent 55%),\n      linear-gradient(120deg, var(--bg-warm-2) 0%, #6b4a52 32%, #3a3f5c 58%, var(--bg-cool-2) 100%);\n    overflow:hidden;\n  }\n\n  .hero-top{\n    display:flex;\n    justify-content:space-between;\n    align-items:flex-start;\n    gap:16px;\n    flex-wrap:wrap;\n  }\n\n  .brand{\n    font-family:var(--serif);\n    font-size:clamp(13px,1.6vw,16px);\n    letter-spacing:0.06em;\n  }\n  .brand .logo{\n    display:block;\n    font-size:clamp(20px,2.6vw,26px);\n    font-weight:700;\n    letter-spacing:0.14em;\n    margin-top:4px;\n  }\n\n  .debut-badge{\n    font-family:var(--serif);\n    font-weight:700;\n    font-size:clamp(15px,2vw,20px);\n    letter-spacing:0.08em;\n    text-align:right;\n    white-space:nowrap;\n  }\n  .debut-badge span{\n    display:block;\n    font-size:clamp(11px,1.3vw,13px);\n    font-weight:400;\n    letter-spacing:0.2em;\n    color:var(--ink-dim);\n    margin-top:6px;\n  }\n\n  .hero-title{\n    margin:clamp(28px,6vw,52px) 0 6px;\n    font-family:var(--serif);\n    font-weight:700;\n    line-height:1.02;\n    font-size:clamp(34px,8.4vw,92px);\n    letter-spacing:0.01em;\n  }\n\n  .hero-sub{\n    font-family:var(--serif);\n    font-size:clamp(18px,3vw,28px);\n    letter-spacing:0.28em;\n    color:var(--ink-dim);\n    margin:0 0 18px;\n  }\n\n  .hero-tagline{\n    font-size:clamp(13px,1.8vw,16px);\n    color:var(--ink-dim);\n    letter-spacing:0.03em;\n    max-width:480px;\n    margin:0;\n  }\n  .hero-tagline span{\n    color:var(--accent);\n    font-weight:700;\n  }\n\n  .hero-meta{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px 18px;\n    align-items:baseline;\n    font-size:13px;\n    color:var(--ink-dim);\n  }\n  .hero-meta .tag{\n    font-weight:700;\n    color:var(--ink);\n    letter-spacing:0.02em;\n  }\n  .hero-note{\n    margin-top:16px;\n    font-size:11.5px;\n    line-height:1.75;\n    color:var(--ink-faint);\n    max-width:480px;\n  }\n\n  \/* ---------- PRODUCT STRIP ---------- *\/\n  .strip{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    gap:1px;\n    background:var(--line);\n  }\n\n  .product{\n    background:var(--bg-0);\n    display:flex;\n    flex-direction:column;\n  }\n\n  \/* per-column tint, warm -\u003e cool, matching hero gradient direction *\/\n  .product:nth-child(1){ --tint:#b96a45; }\n  .product:nth-child(2){ --tint:#a8654a; }\n  .product:nth-child(3){ --tint:#8a5f5a; }\n  .product:nth-child(4){ --tint:#6a5a68; }\n  .product:nth-child(5){ --tint:#4a5470; }\n  .product:nth-child(6){ --tint:#374b6e; }\n  .product:nth-child(7){ --tint:#293a5c; }\n\n  .model-photo{\n    position:relative;\n    aspect-ratio:3\/4;\n    width:100%;\n    background:\n      linear-gradient(180deg, rgba(0,0,0,0) 40%, rgba(0,0,0,0.55) 100%),\n      linear-gradient(160deg, var(--tint), #14131a 130%);\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    text-align:center;\n    padding:16px;\n  }\n  .ph-label{\n    font-size:12px;\n    color:rgba(255,255,255,0.75);\n    border:1px dashed rgba(255,255,255,0.35);\n    border-radius:6px;\n    padding:10px 12px;\n    line-height:1.6;\n  }\n  .model-photo img{\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    object-position:center top;\n  }\n\n  .product-info{\n    padding:18px 16px 24px;\n    background:var(--card-bg);\n    flex:1;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n  }\n\n  .product-name{\n    font-family:var(--serif);\n    font-size:19px;\n    font-weight:700;\n    letter-spacing:0.02em;\n  }\n  .product-size{\n    font-size:12px;\n    color:var(--ink-dim);\n    margin-top:-6px;\n  }\n\n  .hold-meter{\n    display:flex;\n    flex-direction:column;\n    gap:4px;\n  }\n  .hold-meter .hm-label{\n    font-size:10.5px;\n    color:var(--ink-faint);\n    letter-spacing:0.08em;\n  }\n  .hm-row{\n    display:flex;\n    gap:3px;\n  }\n  .hm-dot{\n    width:9px;\n    height:9px;\n    border-radius:2px;\n    background:rgba(255,255,255,0.16);\n  }\n  .hm-dot.on{ background:var(--accent); }\n\n  .product-desc{\n    font-size:12.5px;\n    color:var(--ink-dim);\n    line-height:1.75;\n  }\n\n  .product-img{\n    width:64px;\n    height:64px;\n    border-radius:8px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    margin-bottom:2px;\n  }\n  .product-img img{\n    width:100%;\n    height:100%;\n    object-fit:contain;\n  }\n\n  \/* ---------- SMALL MOBILE: tighten the 2-column cards ---------- *\/\n  @media (max-width:520px){\n    .product-name{ font-size:16px; }\n    .product-desc{ font-size:11.5px; }\n    .product-info{ padding:14px 12px 18px; gap:8px; }\n    .product-img{ width:52px; height:52px; font-size:8px; }\n  }\n\n  \/* ---------- DESKTOP: 7-column strip like the original ---------- *\/\n  @media (min-width:860px){\n    .strip{\n      grid-template-columns:repeat(7,1fr);\n    }\n    .model-photo{ aspect-ratio:auto; height:min(46vw,460px); padding:12px; }\n    .product-info{ padding:16px 12px 20px; gap:8px; }\n    .product-name{ font-size:16px; }\n    .product-desc{ font-size:11.5px; }\n  }\n\n  \/* ---------- NOTICE ---------- *\/\n  .notice{\n    background:var(--bg-cool-2);\n    padding:clamp(28px,5vw,48px) clamp(20px,5vw,64px);\n    border-top:1px solid var(--line);\n  }\n  .notice h2{\n    font-family:var(--serif);\n    font-size:15px;\n    letter-spacing:0.1em;\n    margin:0 0 16px;\n    color:var(--ink);\n  }\n  .notice ul{\n    margin:0;\n    padding:0;\n    list-style:none;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n    max-width:760px;\n  }\n  .notice li{\n    font-size:12.5px;\n    line-height:1.9;\n    color:var(--ink-dim);\n    padding-left:1.1em;\n    position:relative;\n  }\n  .notice li::before{\n    content:\"・\";\n    position:absolute;\n    left:0;\n  }\n\n  footer{\n    padding:20px clamp(20px,5vw,64px) 36px;\n    background:var(--bg-cool-2);\n    font-size:11px;\n    color:var(--ink-faint);\n    text-align:center;\n    border-top:1px solid var(--line);\n  }\n\u003c\/style\u003e\n\n\n\n\u003cdiv class=\"hero\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch1 class=\"hero-title\"\u003eCAPTURE THE\u003cbr class=\"mobile-break\"\u003eMOMENT\u003c\/h1\u003e\n    \u003cp class=\"hero-sub\"\u003e5+1企画\u003c\/p\u003e\n    \u003cp class=\"hero-tagline\"\u003eミルボン初のメンズスタイリングシリーズ、全7品から\u003cspan\u003e5+1本\u003c\/span\u003eを自由に選べる。\u003c\/p\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"strip\"\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm01-80.jpg?v=1789719020\" alt=\"Grip gel スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c01.png?v=1789720518\" alt=\"Grip gel\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eGrip gel\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e300g\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003e動きのある束感を自在に操れる、しなやかキープのジェル。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm02-80.jpg?v=1789719020\" alt=\"Hard grease スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c02.png?v=1789720518\" alt=\"Hard grease\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eHard grease\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e100g\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eツヤと束感をしっかり両立する、強めキープのグリース。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm03-80.jpg?v=1789719020\" alt=\"Soft grease スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c03.png?v=1789720518\" alt=\"Soft grease\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eSoft grease\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e120g\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eやわらかな束感とほどよいツヤで、こなれた質感に仕上げる。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm04-80.jpg?v=1789719020\" alt=\"Natural cream スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c04.png?v=1789720518\" alt=\"Natural cream\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eNatural cream\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e100mL\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eナチュラルな束感で、無造作なスタイルをやさしくまとめる。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm05-80.jpg?v=1789719020\" alt=\"Hard wax スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c05.png?v=1789720518\" alt=\"Hard wax\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eHard wax\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e100mL\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eくっきりとした束感を長時間キープする、タフなワックス。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm06-80.jpg?v=1789719020\" alt=\"Rough wax スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c06.png?v=1789720519\" alt=\"Rough wax\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eRough wax\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e100mL\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eマットな質感でラフに動かせる、抜け感重視のワックス。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"product\"\u003e\n    \u003cdiv class=\"model-photo\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/ctm07-80.jpg?v=1789719020\" alt=\"Dry cream スタイリング写真\" loading=\"lazy\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"product-info\"\u003e\n      \u003cdiv class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0584\/3700\/9581\/files\/c07.png?v=1789720518\" alt=\"Dry cream\" loading=\"lazy\"\u003e\u003c\/div\u003e\n      \u003cdiv class=\"product-name\"\u003eDry cream\u003c\/div\u003e\n      \u003cdiv class=\"product-size\"\u003e100mL\u003c\/div\u003e\n      \u003cdiv class=\"hold-meter\"\u003e\n        \u003cspan class=\"hm-label\"\u003eセット力\u003c\/span\u003e\n        \u003cdiv class=\"hm-row\"\u003e\n          \u003cspan class=\"hm-dot on\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\u003cspan class=\"hm-dot\"\u003e\u003c\/span\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cp class=\"product-desc\"\u003eマットで軽やかな束感、乾いた質感のニュアンスヘアに。\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n\u003c\/div\u003e\n\n\u003cdiv class=\"notice\"\u003e\n  \u003cdiv class=\"wrap\"\u003e\n    \u003ch2\u003e注意事項\u003c\/h2\u003e\n    \u003cul\u003e\n      \u003cli\u003e5+1本の「+1本」分もフリーチョイスとなりますので、ご希望の商品をお客様ご自身でカートに追加してください。\u003c\/li\u003e\n      \u003cli\u003e本キャンペーンは予告なく変更・終了する場合がございます。\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\n\n\n\u003c\/body\u003e","products":[],"url":"https:\/\/d-online-pf.com\/collections\/ctm-cp.oembed","provider":"DD","version":"1.0","type":"link"}