ポプリソープ
いろんな使い方ができるポプリソープ わたしたちコクーンは、石けんとともに、SDGsに取り組んでいきたいと考えます。 これからの未来のために何ができるのか、そんなことを少しだけ考えてみる時間。 小さなアクションですが、わたしたちと一緒に、その最初の第一歩を歩んでみませんか。 小さな個性がいっぱい詰まったポプリソープ ポプリという語源には花びらなどを混ぜ合わせた ものという意味があります。さまざまな原材料を使用して製造した、花びらのような石けんの端材を混ぜ合わせ、パッケージングしているところから「ポプリソープ」というネーミングにしました。 環境にやさしいエコな石鹸 一つひとつのカケラは本当に小さなものですが、すべて植物油脂から石鹸職人が手作業で製造した品質の高い石けんです。石けんは合成洗剤と比べると生分解しやすく、水や海を汚れから守ってくれる、環境にやさしいエコなアイテムです。そんな石けんをムダなく使い切るために誕生したのが「ポプリソープ」です。 ポプリソープは、石けんの製造過程で誕生する小さな石けんの集まりです。石けんの製造は、まずブロック状の石けんのかたまりを製造し、それを金太郎飴のようにひとつずつ裁断し、整形していくという工程を経て製品化しています。その工程の中で、どうしても端材や破片、規定に満たない大きさや形の石けんが発生します。 今までは端材を集め、圧縮し整形しなおすことでキッチンソープとして再利用してきましたが、小さなカケラのままでも、逆に利用しやすいという声もあったので、ポプリソープは小さなカケラの形状のまま製品化することにしました。どんなに小さくても、すべてわたしたちの自慢の石けんたちです。 いろいろなシーンで活躍 ポプリソープは、小さなカタチを活かすことで、いろいろなシーンでお使いいただける石けんです。ぬるま湯で溶かして液体石けんとして洗濯や食器を洗ったり、お皿に飾って石けんならではのやさしい香りを楽しんだり、プレゼントにしても素敵です。 ポプリソープは、あなたのアイデア次第でいろんなコトにお使いいただける便利な石けんです。 ポプリソープの10通りの使い方 Give it a try まずはシェーカーに、ポプリソープを入れ、お湯を加えて「石けん水」を作りましょう。※シェーカーを振ることで、石けんと水がうまく混ざり合います。※「石けん水」は必要な時に作り、使い切って下さい。 洗濯に 食器洗いに 布マスクなどの小物洗いに お掃除に メイクのお手入れに お部屋の香りづけに おもちゃのお手入れに 靴洗いに ペットのケアに 車洗いに 使用容量 ポプリソープ ： メモリ200 ／ お湯 ： メモリ500 使用方法 洗剤の代わりに、「石けん水」を入れ洗濯します。すすぎは1回で問題ありません。 ポイント 水をためてから「石けん水」を入れるとよく泡立ちます。 使用容量 ポプリソープ ： メモリ200 ／ お湯 ： メモリ500 使用方法 1.「石けん水」をスポンジなどにとり、よく泡立てて食器を洗います。2.水、またはお湯をかけ流してすすぎます。 ポイント 食器の汚れは、洗う前によく拭きとっておきます。 使用容量 ポプリソープ ： メモリ100 ／ お湯 ： メモリ400 使用方法 1.シェーカーの中に布マスクなどの小物を直接入れ、シェーカーを振ります。2.しばらく浸けおきした後に、水またはぬるま湯でよくすすぎます。 使用容量 ポプリソープ ： メモリ100 ／ お湯 ： メモリ500 使用方法 「石けん水」を含ませた雑巾で、一度拭きします。 使用容量 ポプリソープ ： メモリ100 ／ お湯 ： メモリ500 使用方法 1.シェーカーの中にメイク用品（パフなど）を直接入れ、シェーカーを振ります。2.しばらく浸けおきした後にしっかりすすぎます。 使用容量 ポプリソープ ： 適量 使用方法 お皿に適量を盛りつけます。 ポイント 香りが薄くなってきたら、ポプリソープを細かく砕くことで香りが復活します。 使用容量 ポプリソープ ： メモリ100 ／ お湯 ： メモリ500 使用方法 「石けん水」を含ませたタオルで、おもちゃを拭きます。 使用容量 ポプリソープ ： メモリ200 ／ お湯 ： メモリ500 使用方法 1.バケツなどに「石けん水」と靴を入れ、しばらく浸けおきします。2.ブラシでこすり洗いし、水またはぬるま湯でよくすすぎます。 使用容量 ポプリソープ ： メモリ100 ／ お湯 ： メモリ500 使用方法 「石けん水」をタオルなどに湿らせてから、気になる箇所を拭きます。 使用容量 ポプリソープ ： メモリ200 ／ お湯 ： メモリ500 使用方法 1.「石けん水」をスポンジなどにとり、よく泡立ててから車を洗います。2.水をかけて、泡が残らないようきれいに洗い流します。 /* ---------- base ---------- */ main#popuri-soap { width: 100%; max-width: unset; } .popuri-top, .kosei, .eco, .katsuyaku { width: 90%; max-width: 1030px; margin: 0 auto; } .popuri-topimg { width: 100%; margin: 30px auto 0; } .imgauto { width: 100%; } .popuri-title { font-size: 22px; font-weight: bold; text-align: center; margin-top: 80px; border-bottom: none !important; } .using-list { width: 90%; margin: 40px auto 0; justify-content: center; flex-wrap: wrap; } .using-list li { width: 70px; margin: 0 10px; } .popuri-catch, .popuri-catch-f { margin-top: 20px; font-size: 16px; line-height: 1.8; } .popuri-catch-f { margin-top: 40px; } .maker { background: linear-gradient(transparent 50%, #eee48f 50%) !important; font-weight: bold; } .popuri-sdgs { width: 70%; max-width: 600px; margin: 40px auto 0; } .popuri-subtitle { margin-top: 100px; text-align: center; font-size: 22px; position: relative; } .popuri-subtitle span { background: #fff; padding: 0 10px; } .popuri-subtitle::after { content: ""; width: 100%; height: 1px; display: inline-block; background: #000; position: absolute; left: 0; top: 50%; z-index: -1; } .popuri-wrap { margin: 60px auto 0; justify-content: space-between; align-items: center; width: 85%; max-width: 830px; position: relative; } .popuri-text { width: 45%; line-height: 1.8; } .popuri-img { width: 45%; } .popuri-sub-img { margin-top: 60px; } .popuri-text-c { margin-top: 60px; text-align: center; line-height: 1.8; } .eco-img { width: 406px; margin: 60px auto 0; } .popuri-eco-deco { position: absolute; left: -60px; top: -20px; width: 90px; } .howtouse, .howtousepopuri { margin-top: 80px; border-top: 13px solid #eee48f; background: #f4f1ee; } .howtouse .inner, .howtousepopuri .inner { padding-bottom: 100px; width:100%; } .howto-title { font-size: 30px; position: relative; } .howto-title::before, .howto-title::after { content: ""; background: url(https://cdn.shopify.com/s/files/1/0722/2529/2543/files/title-deco.png?v=1747821899) repeat-x; background-size: contain; width: 25%; height: 15px; display: inline-block; position: absolute; } .howto-title::before { left: 0; top: 60%; } .howto-title::after { right: 0; top: 60%; } .howto-subtitle { text-align: center; } .howto-catch-wrap { margin: 30px auto 0; justify-content: center; align-items: center; width: 95%; text-align: center; } .howto-img { width: 15%; } .howto-catch { width: 70%; line-height: 2; } .howto-imglist { background: url(https://cdn.shopify.com/s/files/1/0722/2529/2543/files/howtobg.svg?v=1747821899) no-repeat; background-size: 100% 100%; width: 100%; padding: 60px; margin: 0 auto; max-width: 900px; } .howto-imglist li { width: calc(20% - 20px); text-align: center; font-size: 13px; } .howto-imglist li:nth-child(n + 6) { margin-top: 30px; } .howto-imglist li img { width: 80%; display: block; margin: 0 auto 10px; } .howto-list{ padding-left:0!important; max-width:960px; margin:0 auto; } .howto-list li { margin-top: 40px; background: #fff; } .howto-list li:nth-child(n + 2) { margin-top: 20px; } .howto-list dl { padding: 20px 5%; display: flex; flex-wrap: wrap; align-items: center; } .howto-list dt { width: 15%; margin: 15px 0; } .howto-list dd { width: 85%; margin: 15px 0; } .howto-list dd.dotted { width: 100%; background: url(https://cdn.shopify.com/s/files/1/0722/2529/2543/files/dotted.svg?v=1747821899) repeat-x; background-size: 7px auto; height: 3px; } .howto-yellow span { background: #eee48f; color: #fff; padding: 10px 20px; border-radius: 20px; } .howto-pink span { background: #ffad8d; color: #fff; padding: 10px 20px; border-radius: 20px; } .point span { background: #f0e2c9; padding: 10px 20px; border-radius: 20px; } .papersoap { width: 100%; max-width: 880px; margin: 100px auto 0; } .papersoap-title { text-align: center; font-size: 30px; font-family: Lucida Grande, sans-serif; font-weight: 500; border-top: 1px solid; border-bottom: 1px solid; color: #222; padding: 6px 0; } .psoap-list { padding: 30px 2%; } .psoap-list li { display: flex; justify-content: space-between; margin-top: 40px; } .psoap-list-img { width: 43%; } .psoap-list-img img { max-width: 100%; } .psoap-list-box { width: 53%; padding: 15px 0; } .psoap-list-box h4 { font-size: 18px; } /*.price { margin-top: 20px; font-size: 12px; text-align: right; }*/ .psoap-desc { font-size: 14px; } .psoap-desc p:not(:last-child) { margin-bottom: 10px; } .psoap-text { font-size: 14px; margin-top: 20px; } .size { margin-top: 80px; } .size-box { display: flex; justify-content: center; } .size-box li { width: 220px; margin: 0 85px; position: relative; } .size-en { position: absolute; width: 80%; left: 20px; top: 10px; z-index: 10; font-size: 26px; font-family: "League Script", cursive; } .size-box li img { max-width: 100%; border-radius: 50%; padding: 5px; border: 1px dashed #ccc; } .size-name { font-size: 18px; font-weight: bold; margin-top: 20px; text-align: center; } .size-text { margin-top: 7px; padding: 10px 15px; background: #fbf8f1; text-align: center; } /* タブ切り替え */ .size-select { display: flex; justify-content: center; cursor: pointer; margin-top: 30px; } .size-select .select-name { text-align: center; background: #eee; width: 390px; height: 45px; line-height: 30px; padding: 10px 0 5px; position: relative; color: #888; font-size: 16px; font-weight: bold; } .size-select .select-name span { font-weight: 400; margin-left: 0.5em; } .size-select .select-name:hover { background: #f9f0db; cursor: pointer; } .size-select .select-name.active { background: #fbf8f1; color: #3e3e3e; } .select-name.active::before { content: "■"; position: absolute; left: 5%; font-size: 30px; color: #d0b34b; } .select-content { font-size: 30px; text-align: center; } .select-content .content { display: none; } .select-content .content.show { display: block; } .select-list { display: flex; flex-wrap: wrap; width: 100%; margin: 0 auto; justify-content: space-around; padding-bottom: 50px; background: #fbf8f1; } .select-list li { margin: 50px 1% 0; width: 23%; } .select-list li img { width: 80%; margin-bottom: 10px; } .select-list li span { display: block; font-size: 13px; } .recommendlist li a { display: block; font-size: 13px; font-weight: bold; text-align: center; } /* ---------- smartphone ---------- */ @media screen and (max-width: 767px) { .popuri-top, .kosei, .eco, .katsuyaku { width: 83%; max-width: none; } .popuri-title { font-size: 20px; margin-top: 40px; } .using-list { width: auto; } .using-list li { width: 18%; margin: 0 1%; } .using-list li:nth-child(n + 6) { margin-top: 10px; } .popuri-catch, .popuri-catch-f { font-size: 14px; } .popuri-sdgs { width: auto; max-width: 600px; } .popuri-subtitle { margin-top: 60px; font-size: 20px; border-bottom: 1px solid; padding-bottom: 5px; } .popuri-subtitle::after { display: none; } .popuri-wrap { margin: 30px auto 0; flex-direction: column; width: auto; max-width: none; order: 3; } .popuri-text { width: auto; font-size: 14px; margin-top: 30px; } .popuri-img { order: -1; width: 80%; margin: 0 auto; } .popuri-text-c { margin-top: 30px; font-size: 14px; text-align: left; } .eco { display: flex; flex-direction: column; } .eco .popuri-text-c { order: 2; } .eco .popuri-wrap { margin-top: 60px; } .eco-img { width: 80%; margin: 40px auto 0; order: 1; } .popuri-eco-deco { left: 0; top: -50px; width: 80px; } .howtouse .inner, .howtousepopuri .inner { padding-bottom: 60px; width: 94%; margin:0 auto; } .howto-title { margin-top: 60px; margin-bottom: 0; font-size: 26px; line-height: 1.2; } .howto-title::before, .howto-title::after { width: 15%; } .howto-catch-wrap { flex-wrap: wrap; } .howto-img { width: 25%; margin: 0 3%; } .howto-catch { width: 94%; order: 2; margin-top: 30px; font-size: 14px; line-height: 1.8; } .howto-imglist { padding: 30px; flex-wrap: wrap; } .howto-imglist li { width: 29%; margin: 0 2%; font-size: 10px; } .howto-imglist li:nth-child(n + 4) { margin-top: 20px; } .howto-imglist li img { width: 90%; margin: 0 auto; } .howto-list dl { display: block; padding: 20px 5%; } .howto-list dt { width: auto; margin: 0; padding: 5px 0 0; font-size: 14px; } .howto-list dd { width: auto; margin: 0; padding: 15px 0 0; font-size: 14px; } .howto-list dd.dotted { margin-top: 15px; } .howto-yellow span, .howto-pink span, .point span { padding: 5px 15px; } .papersoap { width: 86%; max-width: none; margin: 60px auto 0; } .papersoap-title { font-size: 24px; } .psoap-list { padding: 0 2%; } .psoap-list li { margin-top: 40px; padding-bottom: 40px; border-bottom: 1px dashed #ccc; flex-wrap: wrap; } .psoap-list li:last-child { border-bottom: none; padding-bottom: 0; } .psoap-list-img { width: 40%; border-radius: 4px; } .psoap-list-box { width: 55%; } .psoap-list-box h4 { font-size: 15px; } /* .price { margin-top: 10px; text-align: left; }*/ .size { width: 86%; margin: 60px auto 0; } .size-box { justify-content: space-between; width: 96%; margin: 0 auto; } .size-box li { width: 46%; margin: 0; } .size-en { left: 5px; top: 5px; font-size: 22px; } .size-box li img { box-sizing: border-box; } .size-name { font-size: 17px; margin-top: 10px; } .size-text { font-size: 11px; text-align: left; } .size-select .select-name { width: 50%; height: auto; padding: 5px 0 2px; line-height: 1.4; font-size: 16px; font-weight: normal; border-bottom: 2px solid #eee; } .size-select .select-name span { font-size: 12px; margin-left: 0; } .size-select .select-name:hover { background: #fbf8f1; } .size-select .select-name.active { border-bottom: 2px solid #d0b34b; font-weight: bold; } .select-name.active::before { content: none; } .select-list { justify-content: space-between; padding: 0 5% 50px; } .select-list li { width: 47%; margin: 30px 0 0; } .select-list li img { width: 100%; margin-bottom: 10px; } .select-list li span { font-size: 12px; } }
