{"title":"LP monthly11月 コスメ","description":"\u003c!----------------------------- HTMLは270行目あたりから -----------------------------\u003e\n\n\u003c!----------------------------- ここからCSS -----------------------------\u003e\n\u003cstyle\u003e\n\/* カラーの変更は↓ここ *\/\n.nh-wrapper{\n  --main:#4f7351;\n  --mainBgc:#e8f0e4;\n  --subColor:#0c929c;\n  --gold:#b88b48;\n  --line:#e6dfd2;\n}\n.nh-wrapper{\n  max-width:830px;\n  margin:0 auto;\n  padding:20px 10px 72px;\n  line-height:1.9;\n  letter-spacing:.025em;\n  font-size: 18px;\n  color: #333;\n}\n.nh-wrapper *{box-sizing:border-box}\n.nh-wrapper a{text-decoration:none;color:inherit}\n.nh-wrapper p{text-align: left;}\n.nh-wrapper img{width:100%;height:auto;}\n.bold{font-weight: bold;}\n.nh-sec{margin-bottom: 50px;}\n\n\/* HERO *\/\n.nh-head{\n  text-align:center;\n}\np.nh-theme{\n  display: inline-block;\n  padding: 0px 50px;\n  font-size: 20px;\n  background:var(--mainBgc);\n  color:var(--main);\n  border-radius: 15px;\n  margin: 10px auto;\n}\nh2.nh-theme{\n  font-size:24px;\n  margin: 10px;\n  font-weight: bold;\n}\n.nh-hero{\n  width:100%;\n  margin: 10px auto 30px;\n}\n\n\/* SECTION *\/\nh1.nh-theme{\n  font-size:30px;\n  margin: 10px auto 20px;\n  font-weight: bold;\n  color: var(--main);\n}\nh3.nh-theme{\n  font-size: 20px;\n  text-align: center;\n}\n.nh-sec{\n  padding: 10px 5px 30px;\n  border-bottom:1px solid var(--line);\n}\ndiv.lead{\n  width: 90%;\n  margin: 0 auto 10px;\n  border-bottom: 2px solid var(--main);\n}\nh3.lead{\n  font-size: 20px;\n  text-align: center;\n}\np.lead{\n  text-align: center;\n}\n.box{\n  padding:20px;\n}\n.nh-textbox{\n  margin:0 auto;\n  padding:20px;\n  background:var(--mainBgc);\n}\n.nh-msg{\n  text-align: left;\n  margin-top:24px;\n  padding:10px;\n  border-left:3px solid var(--gold);\n}\n\n\/* mustBuy *\/\n.nh-mustBuy{\n  border:1px solid var(--mainBgc);\n  padding: 15px;\n  margin-bottom: 20px;\n}\n.nh-mustBuy-head{\n  position: relative;\n  text-align: left;\n  padding: 20px;\n  margin-bottom: 10px;\n}\n.nh-label{\n  color:var(--gold);\n  font-weight:700;\n  letter-spacing:.15em;\n}\n.nh-mustBuy h2{\n  margin:6px 0 9px;\n  color:var(--main);\n  font-size:30px;\n  font-weight:500;\n  line-height:1.3;\n}\n.nh-mustBuy-box{\n  position: absolute;\n  width: 100%;\n  padding: 0 50px;\n  background-color: #ffffffa4;\n}\n.nh-mustBuy-img{\n  display: block;\n  object-fit:cover;\n  z-index: -10;\n}\n.nh-mustBuy-img img{\n  width:100%;\n  max-height:400px;\n  object-fit:cover;\n}\n.nh-box{\n  padding:15px;\n  border-top: 1px solid var(--line);\n}\n.nh-standards{\n  display:grid;\n  grid-template-columns:repeat(2,minmax(0,1fr));\n  gap:10px;\n  margin-top:5px;\n}\n.nh-standard{\n  border:1px solid var(--line);\n  background:var(--mainBgc);\n  padding: 10px;\n} \n.nh-standard h3{\n  margin:0;\n  text-align: left;\n}\n.nh-box p,.nh-standard p{\n  margin: 10px;\n}\n.nh-buy{\n  margin:20px 0;\n  padding:15px;\n  border-left:4px solid var(--gold);\n}\n.nh-buy h3{\n  margin:5px 0;\n  color:var(--main);\n  font-size:25px;\n  font-weight:500;\n  text-align: left;\n}\n.nh-buy p{\n  margin:0;\n}\n.nh-prod-msg{\n  margin: 10px 0;\n  gap: 15px;\n  overflow: hidden;\n}\n.nh-prod-img{\n  float: right;\n  width: 180px;\n  margin: 5px;\n  border:none;\n}\n.nh-prod-img img{\n  width:100%;\n  max-height:180px;\n  object-fit:contain;\n  border:none;\n  border-radius: 30px;\n}\n.nh-links{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:15px;\n  margin-top:20px;\n  margin-bottom: 30px;\n}\n.nh-link{\n  display:inline-block;\n  padding:10px 15px;\n  border:2px solid var(--main);\n  border-radius:25px;\n  background:#fff;\n  color:var(--main);\n}\n.nh-link.primary{\n  background:var(--main);\n  color:#fff;\n}\n.nh-link.accentColor{\n  border:2px solid var(--subColor);\n}\n\n\n\/* MOBILE *\/\n@media(max-width:749px){\n  .nh-wrapper{\n  padding:0 8px 48px;\n  line-height:1.8;\n  font-size: 16px;\n  }\n  .nh-head{\n    margin-bottom:23px;\n  }\n  h2.nh-theme{\n    font-size:26px;\n  }\n  div.lead{\n    width: 100%;\n    padding:20px;\n  }\n  h3.lead{\n    font-size: 18px;\n    text-align: left;\n  }\n  p.lead{\n    text-align: left;\n  }\n  .onlyPC{display: none;}\n  .nh-standards{\n    grid-template-columns:1fr;\n  }\n\n  .nh-mustBuy h2{\n    font-size:25px;\n  }\n  .nh-mustBuy-box{\n    font-size:12px;\n  }\n  .nh-mustBuy-img img{\n  max-height:270px;\n  }\n  .nh-box,.nh-standard{\n    padding:10px;\n  }\n  .nh-prod-img{\n    width:150px;\n  }\n  .nh-links{\n    gap:7px;\n  }\n  .nh-link{\n    font-size:14px;\n    padding:8px 11px;\n  }\n}\n\u003c\/style\u003e\n\u003c!----------------------------- ここまでCSS -----------------------------\u003e\n\u003c!----------------------------- ここからHTML -----------------------------\u003e\n\u003cdiv class=\"nh-wrapper\"\u003e\n\u003c!-- \u003cdiv class=\"nh-head\"\u003e\n\u003cp class=\"nh-theme\"\u003eBLESS THE EARTH\u003c\/p\u003e\n\u003ch2 class=\"nh-theme\"\u003e秋の保湿対策\u003c\/h2\u003e\n\u003c\/div\u003e --\u003e\n\u003ch1 class=\"nh-hero\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0695\/7577\/0331\/files\/11____page-0009.jpg?v=1792481612\" alt=\"どうしても作りたかった、本物のリアルオーガニックコスメです\"\u003e\u003c\/h1\u003e\n\n\u003csection class=\"nh-sec\"\u003e\n\u003cdiv class=\"nh-head\"\u003e\n\u003ch3 class=\"nh-theme\"\u003e今月のライフスタイル提案\u003c\/h3\u003e\n\u003cp class=\"nh-theme bold\"\u003eBLESS THE EARTH\u003c\/p\u003e\n\u003ch2 class=\"nh-theme\"\u003e秋の保湿対策\u003c\/h2\u003e\n\u003ch1 class=\"nh-theme\"\u003eどうしても作りたかった、\u003cbr class=\"onlyPC\"\u003e本物のリアルオーガニックコスメです。\u003c\/h1\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nh-concept\"\u003e\n\u003cp class=\"bold\"\u003eBLESS THE EARTHを使ったことがない方へ！\u003c\/p\u003e\n\u003cp class=\"lead\"\u003e5日間トライアルで実感する、アンチケミカルなスキンケア！どうしても作りたかった、本物のリアルオーガニックコスメです。\u003c\/p\u003e\n\u003cdiv class=\"nh-textbox\"\u003e\n\u003cp class=\"bold\"\u003eBLESS THE EARTHを使ったことがない方へ！\u003c\/p\u003e\n\u003cp\u003e新生活＆秋ビューティー！ケミカルの力ではなく、肌の生命力で夏のダメージを癒します。「オーガニックは安全だけど物足りない・・・」そう思っている方こそお試しください。\u003c\/p\u003e\n\u003cp\u003e5日間トライアルで実感する、アンチケミカルなスキンケア！\u003c\/p\u003e\n\u003cp\u003e\u003cspan class=\"bold\"\u003e①美白\u003c\/span\u003e：ナノ成分に依存するのではなく、肌本来のターンオーバー力を高める。\u003cbr\u003e\n\u003cspan class=\"bold\"\u003e②保湿\u003c\/span\u003e：シリコン・ポリマーに依存するのではなく、肌の常在菌のバランスを整える。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nh-msg\"\u003e\n\u003cp\u003eどうしても作りたかった、本物のリアルオーガニックコスメです。\u003cbr\u003e\n①効果性：オーガニック認証基準を上回る植物有効性成分配合。\u003cbr\u003e\n②使用感：国産製造なので日本人肌に合った使用感。\u003cbr\u003e\n③ケミカル添加物：ALLフリー。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"nh-links\"\u003e\n\u003ca class=\"nh-link primary\" href=\"https:\/\/www.naturalhouse.jp\/products\/%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB-%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%BB%E3%83%83%E3%83%88-%E3%83%9B%E3%83%AF%E3%82%A4%E3%83%88-5%E6%97%A5%E9%96%93%E3%82%BB%E3%83%83%E3%83%88\"\u003e5日間トライアル（ホワイト）\u003c\/a\u003e\n\u003ca class=\"nh-link primary\" href=\"https:\/\/www.naturalhouse.jp\/products\/%E3%83%88%E3%83%A9%E3%82%A4%E3%82%A2%E3%83%AB-%E3%82%B5%E3%83%B3%E3%83%97%E3%83%AB%E3%82%BB%E3%83%83%E3%83%88-%E3%83%9B%E3%83%AF%E3%82%A4%E3%83%88-5%E6%97%A5%E9%96%93%E3%82%BB%E3%83%83%E3%83%88-%E3%82%B3%E3%83%94%E3%83%BC\"\u003e5日間トライアル（モイスト）\u003c\/a\u003e\n\u003ca class=\"nh-link primary\" href=\"https:\/\/www.naturalhouse.jp\/collections\/bless-the-earth\"\u003eBLESS THE EARTH 商品一覧\u003c\/a\u003e\n\u003ca class=\"nh-link\" href=\"https:\/\/www.naturalhouse.co.jp\/seasonal\/standard\/40\/\" target=\"_blank\"\u003e基準を見る →\u003c\/a\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c\/div\u003e","products":[],"url":"https:\/\/www.naturalhouse.jp\/en\/collections\/lp-monthly11%e6%9c%88-%e3%82%b3%e3%82%b9%e3%83%a1.oembed","provider":"ナチュラルハウス オンラインショップ","version":"1.0","type":"link"}