{"product_id":"v-rohto-contact-premium","title":"V Rohto Contact Premium","description":"\u003c!-- =========================\nVロート プレミアム \/ LP（Mobile表示をPCでも維持）\n- PCでもスマホと同じ「縦積み（1列）」表示に固定\n- 外枠線\/影なし\n- 指定ヘッダー背景は薄グレー統一（角丸なし）\n- 写真同士の隙間ゼロ \/ 角丸なし\n- HERO：商品名の下にPill（第2類医薬品 \/ 目の疲れ・充血に）\n- 角膜\/筋肉\/炎症 見出し色（青\/赤\/緑）＆大きめ\n- 区切り線：①成分1→筋肉、②成分2→炎症\n- シニアでも読みやすい文字サイズ\n- HERO画像：スマホでも切れない（contain）\n========================= --\u003e\n\u003cstyle\u003e\n  .vrp{\n    --navy:#0b1e4b;\n    --navy2:#14327a;\n    --bghead:#eef2f8;\n    --line:rgba(0,0,0,.12);\n    --text:#111;\n    --muted:rgba(17,17,17,.72);\n\n    font-family: system-ui,-apple-system,\"Segoe UI\",\"Hiragino Kaku Gothic ProN\",\"Noto Sans JP\",Meiryo,sans-serif;\n    color:var(--text);\n    line-height:1.9;\n    background:#fff;\n    word-break:keep-all;\n\n    font-size:16px; \/* シニア向け *\/\n  }\n  .vrp *{box-sizing:border-box;}\n  .vrp img{max-width:100%; height:auto; display:block; border-radius:0 !important;}\n\n  .vrp .wrap{max-width:980px; margin:0 auto; padding:18px 14px 70px;}\n  .vrp .muted{color:var(--muted);}\n  .vrp strong{font-weight:1000;}\n  .vrp p, .vrp li{font-size:16px;}\n\n  \/* ===== HERO ===== *\/\n  .vrp .hero{\n    background: radial-gradient(1200px 380px at 50% 30%, #f8e5a6 0%, #e2be61 45%, #c89a33 100%);\n    overflow: visible; \/* 画像切れ防止 *\/\n  }\n  .vrp .heroInner{padding:18px 16px 12px;}\n  .vrp .hero h1{\n    margin:0 0 10px;\n    font-size:26px;\n    line-height:1.3;\n    font-weight:1000;\n    color:rgba(255,255,255,.98);\n    text-shadow:0 2px 12px rgba(0,0,0,.22);\n  }\n\n  \/* HERO：商品名→下にpill *\/\n  .vrp .badgeRow{display:block;}\n  .vrp .heroName{font-size:22px; font-weight:1000; color:var(--navy); margin:0 0 8px;}\n  .vrp .pillRow{display:flex; gap:10px; flex-wrap:wrap;}\n  .vrp .pill{\n    display:inline-flex; align-items:center;\n    padding:7px 12px;\n    font-size:13px;\n    font-weight:1000;\n    background:rgba(11,30,75,.10);\n    border:0;\n    color:var(--navy);\n  }\n\n  \/* HERO画像：必ず収める *\/\n  .vrp .hero .prod{\n    display:flex;\n    justify-content:center;\n    padding:0 16px 18px;\n  }\n  .vrp .hero .prodHeroImg{\n    width:100% !important;\n    max-width:560px !important;\n    height:auto !important;\n    object-fit:contain !important;\n    object-position:center !important;\n    display:block;\n    filter: drop-shadow(0 18px 26px rgba(0,0,0,.22));\n  }\n  @media (max-width:480px){\n    .vrp .hero .prodHeroImg{width:92vw !important;}\n  }\n  .vrp .hero img{max-height:none !important;} \/* テーマ側対策 *\/\n\n  \/* ===== セクション（外枠なし） ===== *\/\n  .vrp .sec{margin-top:18px; border:0; border-radius:0; box-shadow:none; background:#fff;}\n  .vrp .secHead{\n    padding:18px 16px;\n    background: linear-gradient(180deg, rgba(20,50,122,.08) 0%, rgba(11,30,75,.02) 100%);\n    border:0;\n  }\n  .vrp .flatHead{background:var(--bghead) !important; border:0 !important; border-radius:0 !important;}\n\n  .vrp .kicker{\n    font-size:13px;\n    letter-spacing:.10em;\n    font-weight:900;\n    color:var(--muted);\n    margin:0 0 8px;\n  }\n  .vrp .title{\n    margin:0;\n    font-size:26px;\n    line-height:1.25;\n    font-weight:1000;\n    color:var(--navy);\n  }\n  .vrp .lead{margin:12px 0 0; color:var(--muted); font-weight:750; font-size:16px;}\n  .vrp .body{padding:18px 16px 24px;}\n\n  \/* ===== 見出し ===== *\/\n  .vrp .headline{\n    margin:10px 0 0;\n    font-size:26px;\n    line-height:1.25;\n    font-weight:1000;\n    color:var(--navy);\n    text-align:center;\n  }\n  .vrp .sub{margin:8px 0 0; font-size:13px; color:var(--muted); text-align:center;}\n\n  \/* ===== 症状（常に縦積みでOKなら1列固定） ===== *\/\n  .vrp .sym{display:grid; grid-template-columns:1fr; gap:12px; margin-top:16px;}\n  .vrp .sym .item{\n    border:1px solid var(--line);\n    border-radius:0;\n    padding:14px 12px;\n    background:#fff;\n  }\n  .vrp .sym h3{margin:0 0 6px; font-size:18px; font-weight:1000; color:var(--navy);}\n  .vrp .sym p{margin:0; color:var(--muted); font-weight:700; font-size:16px; line-height:1.8;}\n\n  .vrp .ribbon{\n    margin:18px 0 14px;\n    padding:14px 16px;\n    color:#fff;\n    text-align:center;\n    font-weight:1000;\n    background: linear-gradient(180deg,#14327a 0%, #0b1e4b 100%);\n    font-size:16px;\n  }\n\n  \/* ===== 図（枠なし） ===== *\/\n  .vrp .imgBox{margin-top:12px; border:0; border-radius:0; background:transparent;}\n\n  \/* ===== 角膜\/筋肉\/炎症カード：PCでもスマホと同じ「1列」 ===== *\/\n  .vrp .grid{display:grid; grid-template-columns:1fr; gap:12px; margin-top:14px;} \/* ←重要：常に1列 *\/\n  .vrp .card{\n    border:1px solid var(--line);\n    border-radius:0;\n    padding:14px 12px;\n    background:#fff;\n  }\n  .vrp .triTitle{\n    font-size:28px;\n    font-weight:1000;\n    line-height:1.1;\n    letter-spacing:.02em;\n    margin:0 0 10px;\n  }\n  .vrp .tri-corneal{color:#0b4aa6;}\n  .vrp .tri-muscle{color:#c31616;}\n  .vrp .tri-inflam{color:#0f6a3a;}\n  .vrp .triText{margin:0; color:var(--text); font-weight:700; font-size:16px; line-height:1.9;}\n\n  \/* ===== 有効成分：見出し色付き（右画像風） ===== *\/\n  .vrp .apTitle{font-size:20px; font-weight:1000; margin:0 0 10px; line-height:1.2;}\n  .vrp .apTitle small{font-size:13px; color:var(--muted); font-weight:900;}\n  .vrp .ap-corneal{color:#0b4aa6;}\n  .vrp .ap-muscle{color:#c31616;}\n  .vrp .ap-inflam{color:#0f6a3a;}\n\n  .vrp .group{padding-top:16px; margin-top:16px;}\n  .vrp .group:first-child{padding-top:0; margin-top:0;}\n\n  .vrp .bar{\n    width:100%;\n    padding:12px 12px;\n    border-radius:0;\n    background: linear-gradient(180deg, rgba(11,30,75,.96) 0%, rgba(20,50,122,.92) 100%);\n    color:#fff;\n    font-weight:1000;\n    letter-spacing:.02em;\n    font-size:16px;\n  }\n  .vrp .cap{margin:12px 0 10px; color:var(--muted); font-weight:750; font-size:16px; line-height:1.9;}\n  .vrp ol{margin:0 0 0 1.2em; padding:0;}\n  .vrp li{margin:10px 0; font-weight:800; color:#111; font-size:16px;}\n\n  .vrp .sepLine{border:0; border-top:1px solid #e5e7eb; margin:16px 0 18px;}\n  .vrp .footnote{margin-top:14px; font-size:14px; color:var(--muted); line-height:1.8;}\n\n  \/* ===== 写真：隙間ゼロ ===== *\/\n  .vrp .photoStack{margin-top:14px;}\n  .vrp .photoStack img{width:100%; margin:0; display:block;}\n\n  \/* ===== 使いやすさ（説明は枠なし） ===== *\/\n  .vrp .noBoxTitle{margin:14px 0 6px; font-size:20px; font-weight:1000; color:var(--navy);}\n  .vrp .noBoxText{margin:0; color:var(--muted); font-weight:750; font-size:16px; line-height:1.9;}\n\n  \/* ===== 製品情報 ===== *\/\n  .vrp .productInfo{text-align:center;}\n  .vrp .name{margin-top:10px; font-size:20px; font-weight:1000; color:var(--navy);}\n  .vrp .desc{margin:8px 0 0; color:var(--muted); font-weight:750; font-size:16px;}\n  .vrp .tag{\n    display:block;\n    width:fit-content;\n    margin:14px auto 0;\n    padding:8px 12px;\n    border-radius:999px;\n    font-weight:1000;\n    font-size:14px;\n    border:0;\n    background:rgba(11,30,75,.10);\n    color:var(--navy);\n  }\n  .vrp .level{margin:12px auto 0; display:inline-block; text-align:left; border:0; padding:0; background:transparent; font-size:16px; font-weight:900;}\n  .vrp .dots{display:flex; gap:8px; margin-top:10px; justify-content:center;}\n  .vrp .dot{\n    width:32px; height:32px; border-radius:999px;\n    display:flex; align-items:center; justify-content:center;\n    font-size:14px; font-weight:1000;\n    border:1px solid var(--line);\n    color:var(--muted);\n    background:#fff;\n  }\n  .vrp .dot.on{background:var(--navy); border-color:rgba(11,30,75,.4); color:#fff;}\n\n  \/* ===== PCでも「スマホと同じ」表示を維持するため、列増やす系は一切入れない ===== *\/\n\u003c\/style\u003e\n\u003csection class=\"vrp\"\u003e\n\u003cdiv class=\"wrap\"\u003e\n\u003c!-- HERO --\u003e\n\u003cdiv class=\"hero\"\u003e\n\u003cdiv class=\"heroInner\"\u003e\n\u003ch1\u003eWhen wearing Contact lenses\u003cbr\u003eFor eye fatigue beyond endurance\u003cbr\u003eA drop of premium.\u003c\/h1\u003e\n\u003cdiv class=\"badgeRow\"\u003e\n\u003cdiv class=\"heroName\"\u003eV Rohto Contact Premium\u003c\/div\u003e\n\u003cdiv class=\"pillRow\"\u003e\u003cspan class=\"pill\"\u003eClass 3 OTC Drug\u003c\/span\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"prod\"\u003e\u003cimg class=\"prodHeroImg\" alt=\"V Rohto Contact Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/4987241174508-1.png?v=1768876473\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- INTRO --\u003e\n\u003cdiv class=\"sec\"\u003e\n\u003cdiv class=\"body\"\u003e\n\u003ch2 class=\"headline\"\u003eDue to long hours of wearing Contact lenses\u003cbr\u003e\u003cstrong\u003eUncomfortable symptoms\u003c\/strong\u003e\n\u003c\/h2\u003e\n\u003cdiv class=\"photoStack\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact1.jpg?v=1768876227\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact2.jpg?v=1768876993\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"secHead flatHead\"\u003e\n\u003ch2 class=\"title\"\u003e\u003cstrong\u003eFormulated design\u003c\/strong\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cp style=\"text-align: center; margin: 18px 0 6px; font-weight: 1000; color: var(--navy); font-size: 18px;\"\u003eAll six active ingredients meet standards \u003cbr\u003e*1 Contains the highest concentration in its category.\u003c\/p\u003e\n\u003cp style=\"text-align: center; margin: 0; font-size: 28px; font-weight: 1000; color: var(--navy);\"\u003eRelieves severe eye fatigue when wearing Contact lenses!\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"photoStack\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact5.jpg?v=1768877243\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact6.jpg?v=1768877295\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- STORY --\u003e\n\u003cdiv class=\"sec\"\u003e\n\u003cdiv class=\"secHead flatHead\"\u003e\n\u003cp class=\"kicker\"\u003eCares for eye fatigue while protecting the cornea\u003c\/p\u003e\n\u003ch2 class=\"title\"\u003eHigh Molecular Chondroitin\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"body\"\u003e\n\u003cp class=\"triText\"\u003eModern eyes are continuously strained by digital devices such as computers, smartphones, and video viewing. We believe it is important to \u003cspan style=\"text-decoration: underline;\"\u003eprotect while caring\u003c\/span\u003e for the accumulated eye fatigue damage daily, which led us to \u003cspan style=\"text-decoration: underline;\"\u003ehigh molecular chondroitin\u003c\/span\u003e.\u003c\/p\u003e\n\u003cdiv class=\"photoStack\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-5.png?v=1768805903\"\u003e \u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-6.png?v=1768805910\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- USABILITY --\u003e\n\u003cdiv class=\"sec\"\u003e\n\u003cdiv class=\"secHead flatHead\"\u003e\n\u003cp class=\"kicker\"\u003eEven for those who have difficulty bending their neck\u003c\/p\u003e\n\u003ch2 class=\"title\"\u003eNozzle and one-touch cap for easy instillation\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"body\"\u003e\n\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact7.jpg?v=1768877521\"\u003e\n\u003ch4 class=\"noBoxTitle\"\u003eFree Angle Nozzle\u003c\/h4\u003e\n\u003cp class=\"noBoxText\"\u003eEquipped with the \"Free Angle Nozzle®\" that can be used from any angle. Because you can apply it at any angle, you can instill drops comfortably without tilting your neck excessively.\u003c\/p\u003e\n\u003cdiv style=\"margin-top: 16px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto-contact8.jpg?v=1768877545\"\u003e\u003c\/div\u003e\n\u003ch4 class=\"noBoxTitle\"\u003eOne-touch screw cap\u003c\/h4\u003e\n\u003cp class=\"noBoxText\"\u003eTo open, turn left until you hear one click; to close, turn right until you hear one click.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c!-- PRODUCT INFO --\u003e\n\u003cdiv class=\"sec\"\u003e\n\u003cdiv class=\"secHead flatHead\"\u003e\n\u003ch2 class=\"kicker\" style=\"margin-bottom: 0px; text-align: center;\"\u003e\u003cstrong\u003eProduct Information\u003c\/strong\u003e\u003c\/h2\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"body productInfo\"\u003e\n\u003cdiv style=\"max-width: 420px; margin: 0 auto;\"\u003e\u003cimg alt=\"V Rohto Contact Premium\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/4987241174508-1.png?v=1768876473\"\u003e\u003c\/div\u003e\n\u003cdiv class=\"name\"\u003eV Rohto\u003cbr\u003eContact Premium\u003c\/div\u003e\n\u003cp class=\"desc\"\u003eFor eye fatigue while wearing Contact lenses\u003c\/p\u003e\n\u003cspan class=\"tag\"\u003eClass 3 OTC Drug\u003c\/span\u003e\n\u003cdiv class=\"level\" aria-label=\"清涼感レベル 4\"\u003e\n\u003cb\u003eCooling Sensation Level: 4\u003c\/b\u003e\n\u003cdiv class=\"dots\" aria-hidden=\"true\"\u003e\n\u003cspan class=\"dot on\"\u003e1\u003c\/span\u003e \u003cspan class=\"dot on\"\u003e2\u003c\/span\u003e \u003cspan class=\"dot on\"\u003e3\u003c\/span\u003e \u003cspan class=\"dot on\"\u003e4\u003c\/span\u003e \u003cspan class=\"dot\"\u003e5\u003c\/span\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 18px;\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003cdiv style=\"margin-top: 18px;\"\u003e\u003cimg alt=\"\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0527\/4068\/5983\/files\/v-rhoto.jpg?v=1768806092\"\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e","brand":"ROHTO","offers":[{"title":"15ml","offer_id":51944247591228,"sku":"4987241174508","price":1500.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0845\/9803\/0652\/files\/4987241174508.jpg?v=1754054454","url":"https:\/\/mamigo.jp\/en-ph\/products\/v-rohto-contact-premium","provider":"MamiGo","version":"1.0","type":"link"}