app/template/myufull1/_Product/cp/2022/be-conscious-set.twig line 1

Open in your IDE?
  1. {% set imgEGFPath = '/html/template/myufull1/assets/img/page/product/extra-essence-pn-plus/' %}
  2. {% set imgPath = '/html/template/myufull1/assets/img/page/product/cp/2022/be-conscious-set/' %}
  4. <div id="cp-2022-be-conscious-set">
  6.   <div class="container">
  7.     <!-- PC -->
  8.     <figure class="d-none d-md-block mb-0">
  9.       <img src="{{imgPath}}1.jpg" srcset="{{imgPath}}1.jpg 1x, {{imgPath}}1@2x.jpg 2x" class="max-width" alt="ミューフル35周年記念 特別BOXセット。数量限定。美コンシャス。">
  10.     </figure>
  11.     <!-- /PC -->
  12.     <!-- SP -->
  13.     <figure class="d-inline-block d-md-none mb-0">
  14.       <img src="{{imgPath}}1_sp.jpg" srcset="{{imgPath}}1_sp.jpg 1x, {{imgPath}}1_sp@2x.jpg 2x" class="max-width" alt="ミューフル35周年記念 特別BOXセット。数量限定。美コンシャス。">
  15.     </figure>
  16.     <!-- /SP -->
  17.   </div>
  19.   <div class="container unecessary">
  20.     <h3 class="title-2lines">
  21.       <div class="first">集中ケア効果を守り抜く</div>
  22.       <div class="second"><img src="{{imgPath}}2.png" srcset="{{imgPath}}2.png 1x, {{imgPath}}2@2x.png 2x" alt="美コンシャス。"></div>
  23.     </h3>
  24.     <p class="lh20 text-center">
  25.       長年にわたり素肌の健康と美しさを追求してきたミューフルから、<br>
  26.       ついにピンポイント集中ケアアイテムが誕生！<br>
  27.       その効果を守り抜くためのセットを35周年記念特別BOXでご用意いたしました。
  28.     </p>
  29.   </div>
  31.   <div class="container-fluid recommend">
  32.     <div class="container">
  33.       <h3 class="title-gold"><span class="en">SKIN TROUBLES</span><span class="jp">こんなお悩みありませんか？</span></h3>
  34.       <ul class="list">
  35.         <li>目もと口まわりの乾燥が目立つ</li>
  36.         <li>ほうれい線や目の下にファンデーションが溜まる</li>
  37.         <li>まぶたのアイシャドウがきれいにのらない</li>
  38.         <li>気づくと眉間にシワを寄せてしまっている</li>
  39.         <li>アイラインが引きにくくなってきた</li>
  40.       </ul><!-- /.list -->
  41.     </div><!-- /.container -->
  42.   </div><!-- /.recommend -->
  44.   <div class="container mt-4">
  45.     <p class="text-center">これらの悩みを抱えたままの顔の印象は実年齢より10歳以上も年上の印象を与えてしまうことも。<br>だからこそ少しでも早めに丁寧なケアを行うことが大切です。</p>
  47.     <div class="text-center">
  48.       <div class="fs22 bold color-red-dark">これらの主な原因</div>
  49.       <i class="fas fa-caret-down color-red-dark fs60"></i>
  50.     </div>
  52.     <ul class="list-rectangle">
  53.       <li><span>①</span>加齢による肌の弾力低下</li>
  54.       <li><span>②</span>気温や湿度低下による乾燥</li>
  55.       <li><span>③</span>表情のクセ</li>
  56.       <li><span>④</span>紫外線ダメージによるもの</li>
  57.     </ul>
  58.     <p class="text-center my-5">
  59.       ケアをせずに放置してしまうと、数が増えたり溝が深くなったりします。<br>
  60.       できるだけ早く対策をはじめることが大切です。<br>
  61.       だからこそ、早めに対策（ケア）を行うことが大切です。
  62.     </p>
  63.   </div>
  65.   <div class="container">
  66.     <figure class="d-none d-md-block mb-0">
  67.       <img src="{{imgPath}}3.jpg" srcset="{{imgPath}}3.jpg 1x, {{imgPath}}3@2x.jpg 2x" class="max-width" alt="悩みの原因となる①～③の対策。気になる年齢線にアプローチ。「ミューフルエクストラエッセンスPNプラス」">
  68.     </figure>
  69.     <figure class="d-inline-block d-md-none mb-0">
  70.       <img src="{{imgPath}}3_sp.jpg" srcset="{{imgPath}}3_sp.jpg 1x, {{imgPath}}3_sp@2x.jpg 2x" class="max-width" alt="悩みの原因となる①～③の対策。気になる年齢線にアプローチ。「ミューフルエクストラエッセンスPNプラス」">
  71.     </figure>
  73.     <i class="fas fa-caret-down caret-down-gold"></i>
  75.     <img src="{{imgPath}}4.png" srcset="{{imgPath}}4.png 1x, {{imgPath}}4@2x.png 2x" alt="深く刻まれるその前に！" class="img-fluid mx-auto d-block mb-3">
  77.     <figure class="d-none d-md-block mb-0">
  78.       <img src="{{imgEGFPath}}2.jpg" srcset="{{imgEGFPath}}2.jpg 1x, {{imgEGFPath}}2@2x.jpg 2x" class="max-width" alt="トリプルアクション。眉間: 繰り返される筋肉の収縮に負けないハリを。目元: はっきりと立体感のある印象的な目元へ。口もと: 素早くふっくらとした柔らかな弾力を。">
  79.     </figure>
  80.     <figure class="d-inline-block d-md-none mb-0">
  81.       <img src="{{imgEGFPath}}2_sp.jpg" srcset="{{imgEGFPath}}2_sp.jpg 1x, {{imgEGFPath}}2_sp@2x.jpg 2x" class="max-width" alt="トリプルアクション。眉間: 繰り返される筋肉の収縮に負けないハリを。目元: はっきりと立体感のある印象的な目元へ。口もと: 素早くふっくらとした柔らかな弾力を。">
  82.     </figure>
  83.     <div class="text-right"><small>＊当社従来品との比較</small></div>
  84.   </div>
  87.   <div class="container">
  88.     <h3 class="title-2lines2"><div class="first">5方向から同時に仕掛ける</div><div class="second">ミューフル独自の"ペンタゴン効果"でアプローチ</div></h3>
  90.     <figure class="d-none d-md-block mb-0">
  91.       <img src="{{imgEGFPath}}3.jpg" srcset="{{imgEGFPath}}3.jpg 1x, {{imgEGFPath}}3@2x.jpg 2x" alt="ペンタゴン効果: 持続力、ターンオーバー、湿潤力、保水力、抑制力。">
  92.     </figure>
  93.     <figure class="d-inline-block d-md-none mb-0">
  94.       <img src="{{imgEGFPath}}3_sp.jpg" srcset="{{imgEGFPath}}3_sp.jpg 1x, {{imgEGFPath}}3_sp@2x.jpg 2x" alt="ペンタゴン効果: 持続力、ターンオーバー、湿潤力、保水力、抑制力。">
  95.     </figure>
  96.   </div>
  98.   <div class="container">
  99.     <h3 class="title-2lines2"><div class="first">狙った年齢線に“ジュワッと密着ジェル”</div><div class="second">毎日の丁寧なお手入れでハリ・透明感・うるおいを満たし柔肌に導きます。</div></h3>
  101.     <figure class="d-none d-md-block mb-0">
  102.       <img src="{{imgEGFPath}}4.jpg" srcset="{{imgEGFPath}}4.jpg 1x, {{imgEGFPath}}4@2x.jpg 2x" class="max-width" alt="配合成分: 「保湿」ヒドロキシエチルセルロース、「保湿」グリセリルグルコシド、「整肌成分」EGF（ヒトオリゴペプチド-1）">
  103.     </figure>
  104.     <figure class="d-inline-block d-md-none mb-0">
  105.       <img src="{{imgEGFPath}}4-1_sp.jpg" srcset="{{imgEGFPath}}4-1_sp.jpg 1x, {{imgEGFPath}}4-1_sp@2x.jpg 2x" class="max-width" alt="配合成分: 「保湿」ヒドロキシエチルセルロース、「保湿」グリセリルグルコシド、「整肌成分」EGF（ヒトオリゴペプチド-1）"><br>
  106.       <img src="{{imgEGFPath}}4-2_sp.jpg" srcset="{{imgEGFPath}}4-2_sp.jpg 1x, {{imgEGFPath}}4-2_sp@2x.jpg 2x" class="max-width" alt="配合成分: 「保湿」ヒドロキシエチルセルロース、「保湿」グリセリルグルコシド、「整肌成分」EGF（ヒトオリゴペプチド-1）">
  107.     </figure>
  108.   </div>
  111.   <div class="container">
  112.     <figure class="d-none d-md-block mb-0">
  113.       <img src="{{imgPath}}5.jpg" srcset="{{imgPath}}5.jpg 1x, {{imgPath}}5@2x.jpg 2x" class="max-width" alt="見落としがちな④紫外線ダメージ対策。せっかくの集中ケアもコレをしないと台無しに！「ミューフルUVジェルPN」">
  114.     </figure>
  115.     <figure class="d-inline-block d-md-none mb-0">
  116.       <img src="{{imgPath}}5_sp.jpg" srcset="{{imgPath}}5_sp.jpg 1x, {{imgPath}}5_sp@2x.jpg 2x" class="max-width" alt="見落としがちな④紫外線ダメージ対策。せっかくの集中ケアもコレをしないと台無しに！「ミューフルUVジェルPN」">
  117.     </figure>
  119.     <i class="fas fa-caret-down caret-down-gold"></i>
  121.     <img src="{{imgPath}}6.png" srcset="{{imgPath}}6.png 1x, {{imgPath}}6@2x.png 2x" alt="紫外線対策だけで終わらせない、ミューフルUVジェルのここがスゴい！" class="img-fluid mx-auto d-block mb-3">
  123.     <figure class="d-none d-md-block mb-0">
  124.       <img src="{{imgPath}}7.jpg" srcset="{{imgPath}}7.jpg 1x, {{imgPath}}7@2x.jpg 2x" class="max-width" alt="紫外線対策しながら美肌ケア。紫外線から肌を守りつつ、美容成分EGFが肌を、つるりとなめらかな肌に整え、
  125. エイジングケア※をサポートします。肌荒れから守る。ノンケミカル成分の紫外線散乱剤。うるおいを持続。クインシードエキス配合。">
  126.     </figure>
  127.     <figure class="d-inline-block d-md-none mb-0">
  128.       <img src="{{imgPath}}7_sp.jpg" srcset="{{imgPath}}7_sp.jpg 1x, {{imgPath}}7_sp@2x.jpg 2x" class="max-width" alt="紫外線対策しながら美肌ケア。紫外線から肌を守りつつ、美容成分EGFが肌を、つるりとなめらかな肌に整え、
  129. エイジングケア※をサポートします。肌荒れから守る。ノンケミカル成分の紫外線散乱剤。うるおいを持続。クインシードエキス配合。">
  130.     </figure>
  131.   </div>
  134.   <div class="container spf">
  135.     <div class="row">
  136.       <div class="col-12 col-md-8">
  137.         <h6 class="title-sub title-sub__border-gold">SPF17++では弱い？！</h6>
  138.         <p>
  139.           一般的に「SPF1 ＝ 20分」の防止効果といわれています。<br>
  140.           <span class="color-red-dark bold">SPF17 ＝ 約6時間</span><br>
  141.           日常生活に十分な防止効果を発揮します。
  142.         </p>
  143.       </div>
  144.       <div class="col-12 col-md-4 text-right">
  145.         <img src="{{imgPath}}8.png" srcset="{{imgPath}}8.png 1x, {{imgPath}}8@2x.png 2x" class="max-width" alt="ミューフルUVジェルPN">
  146.       </div>
  147.     </div>
  148.   </div>
  151.   <div class="container">
  152.     <figure class="d-none d-md-block mb-0">
  153.       <img src="{{imgPath}}9.jpg" srcset="{{imgPath}}9.jpg 1x, {{imgPath}}9@2x.jpg 2x" class="max-width" alt="ワンポイントアドバイス。「エクストラエッセンスPNプラス」と「ミューフルUNジェルPN」の合わせ技">
  154.     </figure>
  155.     <figure class="d-inline-block d-md-none mb-0">
  156.       <img src="{{imgPath}}9_sp.jpg" srcset="{{imgPath}}9_sp.jpg 1x, {{imgPath}}9_sp@2x.jpg 2x" class="max-width" alt="ワンポイントアドバイス。「エクストラエッセンスPNプラス」と「ミューフルUVジェルPN」の合わせ技">
  157.     </figure>
  159.     <i class="fas fa-caret-down caret-down-gold"></i>
  161.     <div class="how-to-use">
  162.       <div class="inner2 mb-5">
  163.         <h3 class="title-gold"><span class="en">HOW TO USE</span><span class="jp">使い方</span></h3>
  165.         <p>
  166.           ミューフルエクストラエッセンスPNプラスを気になる部分に優しく馴染ませてください。<br>
  167.           その上からミューフルUNジェルPNをまんべんなく塗ります。<br>
  168.           <span class="color-red-dark">※肌に塗る際は強く引っ張ったりこすったりしないように注意しましょう。</span>
  169.         </p>
  171.         <div class="d-flex flex-column flex-md-row justify-content-between">
  172.           <div class="align-self-end text-center"><img src="{{imgPath}}10.png" srcset="{{imgPath}}10.png 1x, {{imgPath}}10@2x.png 2x" class="img-fluid" alt=""></div>
  173.           <div class="align-self-center text-center">
  174.             <i class="fas fa-angle-right color-gold fs40 d-none d-md-block"></i>
  175.             <i class="fas fa-angle-down color-gold fs40 d-block d-md-none"></i>
  176.           </div>
  177.           <div class="align-self-end text-center"><img src="{{imgPath}}11.png" srcset="{{imgPath}}11.png 1x, {{imgPath}}11@2x.png 2x" class="img-fluid" alt=""></div>
  178.         </div>
  180.         <i class="fas fa-caret-down my-3 caret-down-gold fs60"></i>
  182.         <p>
  183.           ミューフルUVジェルPN単体での使用時より、さらに高いピンポイントケア効果や使用中のうるおい感をご実感いただけます。また、UVケア商品特有の白浮きや軋みも緩和されます。
  184.         </p>
  185.       </div>
  186.     </div>
  187.   </div>
  190.   <div class="container">
  191.     <p>
  192.       ミューフルエクストラエッセンスPNプラス 〈全成分表示〉<br>
  193.       水（精製水）、プロパンジオール（トウモロコシ）、グリセリルグルコシド（トウモロコシ等）、ヒドロキシエチルセルロース（パルプ）、ヒトオリゴペプチド-1（発酵法）、ヒアルロン酸Na（発酵法）、水溶性コラーゲン（豚皮）、マンニトール（トウモロコシ）、グリセリン（ヤシ油等）、クエン酸（さつまいも等）、クエン酸Na（さつまいも等）、グレープフルーツ種子エキス（グレープフルーツ） ※（ ）内は原料由来
  194.     </p>
  196.     <p>
  197.       ミューフルUVジェルPN 〈全成分表示〉<br>
  198.       水（精製水）、プロパンジオール（トウモロコシ）、酸化チタン（鉱物）、グリセリン（パーム）、シリカ（鉱物）、ヒトオリゴペプチド-1（発酵法）、マンニトール（トウモロコシ）、クインスシードエキス（マルメロ種子）、グリセリルグルコシド（トウモロコシ等）、クエン酸（さつまいも等）、クエン酸Na（さつまいも等） ※（ ）内は原料由来
  199.     </p>
  200.   </div>
  203.   <div class="container">
  204.     <div class="box-gold p-5">
  205.       <h3 class="title fs20 text-center">より若々しく、ハリと輝きが増した肌へ導くトータルメソッド</h3>
  206.       <div class="row">
  207.         <div class="col-12 col-md-4 text-center">
  208.           <a href="/products/detail/48">
  209.             <img src="{{imgEGFPath}}pnp.jpg" alt="ナチュラルシリーズPN PNパック">
  210.             <div class="my-2">効果を閉じ込め浸透させる</div>
  211.             <h5 class="font-mincho mb-0">ナチュラルシリーズPN<br>PNパック</h5>
  212.           </a>
  213.         </div>
  215.         <div class="col-12 col-md-4 text-center">
  216.           <a href="/products/detail/52">
  217.             <img src="{{imgEGFPath}}egf.jpg" alt="エクストラエッセンスPN">
  218.             <div class="my-2">広範囲のケアに</div>
  219.             <h5 class="font-mincho mb-0">エクストラエッセンスPN</h5>
  220.           </a>
  221.         </div>
  223.         <div class="col-12 col-md-4 text-center">
  224.           <a href="/products/detail/170">
  225.             <img src="{{imgEGFPath}}ttt.jpg" alt="ミューフル美顔器">
  226.             <div class="my-2">ハイクラスケアに</div>
  227.             <h5 class="font-mincho mb-0">ミューフル美顔器</h5>
  228.           </a>
  229.         </div>
  230.       </div>
  231.     </div>
  232.   </div>
  234. </div>