MARFY'S WHITE 歯磨き粉
/* Issue-004 MARFY'S WHITE draft v0.1 : すべて .marfys-white-product-page 配下へscope Wider / Grand draft のCSSをMARFY'S WHITE用class(mw-)へ置き換えて再利用している。 新規UI設計・Global selectorへの指定は行っていない。 * / .marfys-white-product-page{ --mw-text:#1f1f1f; --mw-sub:#55524c; --mw-tint:#f7f6f3; --mw-border:#e4e2dd; --mw-radius:8px; color:var(--mw-text); font-family:-apple-system,BlinkMacSystemFont,"Hiragino Sans","Noto Sans JP","Yu Gothic",sans-serif; font-size:0.95rem; line-height:1.7; } .marfys-white-product-page *, .marfys-white-product-page *::before, .marfys-white-product-page *::after{box-sizing:border-box;} .marfys-white-product-page .mw-section{padding:44px 0;background:#fff;} .marfys-white-product-page .mw-section--tint{background:var(--mw-tint);} .marfys-white-product-page .mw-inner{max-width:1200px;margin:0 auto;padding:0 18px;} .marfys-white-product-page .mw-title{ font-size:1.375rem; font-weight:700; line-height:1.4; margin:0 0 16px; color:var(--mw-text); } .marfys-white-product-page .mw-title--center{text-align:center;} .marfys-white-product-page p{margin:0 0 12px;font-size:0.95rem;line-height:1.7;color:var(--mw-text);} .marfys-white-product-page p:last-child{margin-bottom:0;} .marfys-white-product-page .mw-sub{color:var(--mw-sub);} .marfys-white-product-page .mw-note{font-size:0.8rem;line-height:1.6;color:var(--mw-sub);margin-top:12px;} .marfys-white-product-page img, .marfys-white-product-page .mw-media{ max-width:100%; height:auto; display:block; border-radius:var(--mw-radius); } /* Issue-041: S04 / S06 の正方形インフォグラフィック(Human-approved CDN Asset)の幅キャップ。 PC 上限 640px・中央寄せ。width:100% は .mw-media の max-width:100% が本ルールの max-width:640px に上書きされても SP で親幅を超えないための指定。 上下 24px は隣接ブロックの margin と collapse する。既存ルール・変数・breakpoint は変更していない。 */ .marfys-white-product-page .mw-media--infographic{width:100%;max-width:640px;margin:24px auto;} /* S03 Recommended for */ .marfys-white-product-page .mw-list{list-style:none;margin:0;padding:0;display:grid;gap:10px;} .marfys-white-product-page .mw-list li{ background:#fff; border:1px solid var(--mw-border); border-radius:var(--mw-radius); padding:14px 16px; font-size:0.95rem; line-height:1.7; } .marfys-white-product-page .mw-section--tint .mw-list li{background:#fff;} /* S04 Free-from list */ .marfys-white-product-page .mw-free{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;} .marfys-white-product-page .mw-free li{ border:1px solid var(--mw-border); border-radius:var(--mw-radius); padding:12px 14px; font-size:0.9rem; line-height:1.6; text-align:center; background:#fff; } /* S05 / S08 Feature sections */ .marfys-white-product-page .mw-feature{display:grid;gap:20px;align-items:center;} .marfys-white-product-page .mw-feature__body{min-width:0;} /* S08 Developer画像のみ: 人物写真がDeveloper Story本文より視覚的に強くならないよう 表示サイズを約75%へ縮小し中央寄せする(PC/SP共通)。 さらに縦方向の下半分を非表示にする(上半分のみ表示)。 元Assetは 800x1200(2:3)。表示枠を 800x600(4:3) に制限することで 表示高は従来の正確に50%となり、object-fit:cover + object-position:center top により 画像を変形させずに上側(顔・肩・上半身)だけを残す。 既存id #mw-s08 と既存wrapper .mw-feature__media へscopeしており、 Asset・alt・HTML構造・他Sectionの画像・breakpointは変更していない。 */ .marfys-white-product-page #mw-s08 .mw-feature__media{overflow:hidden;} .marfys-white-product-page #mw-s08 .mw-feature__media img{ max-width:75%; margin-left:auto; margin-right:auto; height:auto; aspect-ratio:800 / 600; object-fit:cover; object-position:center top; } /* S06 Points */ .marfys-white-product-page .mw-points{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:mw-point;} .marfys-white-product-page .mw-points li{ counter-increment:mw-point; border:1px solid var(--mw-border); border-radius:var(--mw-radius); padding:14px 16px 14px 46px; position:relative; background:#fff; font-size:0.95rem; line-height:1.7; } .marfys-white-product-page .mw-points li::before{ content:counter(mw-point); position:absolute; left:16px; top:14px; font-weight:700; color:var(--mw-sub); } /* S07 Ingredients */ .marfys-white-product-page .mw-grid-3{display:grid;grid-template-columns:1fr;gap:20px;list-style:none;margin:0;padding:0;} .marfys-white-product-page .mw-ing__name{font-size:1.05rem;font-weight:700;line-height:1.5;margin:12px 0 6px;} .marfys-white-product-page .mw-ing__purpose{ display:inline-block; font-size:0.8rem; font-weight:700; line-height:1.4; color:var(--mw-sub); border:1px solid var(--mw-border); border-radius:999px; padding:4px 12px; margin-top:8px; background:#fff; } /* S09 Steps */ .marfys-white-product-page .mw-steps{display:grid;grid-template-columns:1fr;gap:20px;list-style:none;margin:0;padding:0;counter-reset:mw-step;} .marfys-white-product-page .mw-step{counter-increment:mw-step;} .marfys-white-product-page .mw-step__label{ display:inline-block; font-size:0.8rem; font-weight:700; letter-spacing:0.04em; color:var(--mw-sub); margin:12px 0 4px; } .marfys-white-product-page .mw-step__label::before{content:"STEP 0" counter(mw-step);} .marfys-white-product-page .mw-step__text{margin:0;font-size:0.95rem;line-height:1.7;} /* S10 Specifications */ .marfys-white-product-page .mw-spec{width:100%;border-collapse:collapse;table-layout:fixed;} .marfys-white-product-page .mw-spec th, .marfys-white-product-page .mw-spec td{ border:1px solid var(--mw-border); padding:12px; font-size:0.9rem; line-height:1.7; text-align:left; vertical-align:top; word-break:break-word; } .marfys-white-product-page .mw-spec th{width:38%;font-weight:700;background:#fff;color:var(--mw-sub);} .marfys-white-product-page .mw-section--tint .mw-spec th, .marfys-white-product-page .mw-section--tint .mw-spec td{background:#fff;} /* S11 FAQ */ .marfys-white-product-page .mw-faq{display:grid;gap:10px;} .marfys-white-product-page .mw-faq details{ border:1px solid var(--mw-border); border-radius:var(--mw-radius); background:#fff; } .marfys-white-product-page .mw-faq summary{ list-style:none; cursor:pointer; padding:14px 44px 14px 16px; position:relative; font-size:0.95rem; font-weight:700; line-height:1.6; } .marfys-white-product-page .mw-faq summary::-webkit-details-marker{display:none;} .marfys-white-product-page .mw-faq summary::after{ content:"\FF0B"; position:absolute; right:16px; top:50%; transform:translateY(-50%); font-weight:700; color:var(--mw-sub); } .marfys-white-product-page .mw-faq details[open] summary::after{content:"\FF0D";} .marfys-white-product-page .mw-faq .mw-faq__body{padding:0 16px 16px;margin:0;color:var(--mw-sub);} /* S12 Subscription */ .marfys-white-product-page .mw-sub-box{ border:1px solid var(--mw-border); border-radius:var(--mw-radius); background:#fff; padding:20px 18px; text-align:center; } .marfys-white-product-page .mw-sub-box__lead{font-size:1.125rem;font-weight:700;line-height:1.5;margin:0 0 8px;} /* S13 CTA */ .marfys-white-product-page .mw-cta{text-align:center;} .marfys-white-product-page .mw-cta__btn{ display:inline-block; margin-top:16px; padding:14px 32px; border-radius:999px; background:var(--mw-text); color:#fff; font-size:0.95rem; font-weight:700; line-height:1.4; text-decoration:none; } .marfys-white-product-page .mw-cta__btn:hover, .marfys-white-product-page .mw-cta__btn:focus{color:#fff;text-decoration:none;opacity:0.85;} @media screen and (min-width:768px){ .marfys-white-product-page .mw-section{padding:72px 0;} .marfys-white-product-page .mw-inner{padding:0 32px;} .marfys-white-product-page .mw-title{font-size:1.75rem;} .marfys-white-product-page .mw-list{grid-template-columns:repeat(2,1fr);} .marfys-white-product-page .mw-free{grid-template-columns:repeat(3,1fr);} .marfys-white-product-page .mw-feature{grid-template-columns:1fr 1fr;gap:40px;} .marfys-white-product-page .mw-feature--reverse .mw-feature__media{order:2;} .marfys-white-product-page .mw-feature--reverse .mw-feature__body{order:1;} .marfys-white-product-page .mw-points{grid-template-columns:repeat(2,1fr);} .marfys-white-product-page .mw-grid-3{grid-template-columns:repeat(3,1fr);gap:24px;} .marfys-white-product-page .mw-steps{grid-template-columns:repeat(2,1fr);} .marfys-white-product-page .mw-spec th{width:26%;} } 現役歯科医師が開発した、毎日使い続けたいハミガキ。 天然由来成分99%配合。9つの合成添加物を使用しない、日本製ジェルタイプ歯磨き。 こんな方に 着色汚れが気になる 強い刺激の歯磨き粉が苦手 毎日使うものだから成分にこだわりたい 泡立ちの少ない歯磨き粉を使いたい 天然由来成分99%配合 毎日使うものだから、9つの合成添加物を使用しない設計にしました。 ラウリル硫酸ナトリウム フッ素 パラベン プロピレングリコール サッカリン 酸化チタン 合成着色料 合成香料 界面活性剤 ※ 上記9項目は不使用です。 泡立ちを抑えて、磨いている感覚を確かめながら。 発泡剤を使用していないため、泡立ちが少ないジェルタイプの歯磨きです。 磨いている感覚を確認しながら、歯を1本ずつ丁寧にブラッシングできます。 毎日のブラッシングを支える7つのポイント 歯を白くする 口臭を防ぐ 虫歯を防ぐ 歯石の付着を防ぐ 歯垢を除去する 歯のヤニを取る 口中を浄化する ※いずれも日々のブラッシングによるケアのポイントです。配合成分のみによる効果ではありません。 配合成分 シリカ 吸着力のあるシリカと清掃力の高いシリカを配合。 配合目的:清掃剤 ヨモギ葉エキス 熊本県産ヨモギ由来。 配合目的:浸潤剤 ヒノキチオール ヒノキ由来の成分。 配合目的:保存剤 褐藻エキス 海藻由来の多糖類を含むエキス。 配合目的:浸潤剤 グリチルリチン酸2K 甘草由来の成分。 配合目的:矯味剤 チョウジ油・ハッカ油 香りと清涼感による使用感。 配合目的:清涼剤 開発者:村瀬 雅典 MARFY'S WHITE は、現役歯科医師の村瀬雅典氏(ユニバ通り村瀬歯科クリニック院長)が開発した歯磨き粉です。 歯科医師としてよく聞かれる「どの歯磨き粉がいいですか?」という質問に納得のいく答えを出したい。その思いから成分と効能への理解を深めていきましたが、追求するほどに、添加物の多い製品と、無添加にこだわるあまり使用感に疑問が残る製品とに分かれ、万人に紹介できる製品が見つかりませんでした。 「なければ作ったらいい」という知人の一言をきっかけに、製薬会社や工場へ連絡を重ね、宮崎の製薬会社とともに試作を繰り返しました。歯科医師や家族、友人にも使ってもらいながら改良を続け、たどりついたのがこの歯磨き粉です。 使用方法 歯ブラシを覆う程度の歯磨き粉を取ります。 3〜5分を目安に、歯1本ずつ丁寧にブラッシングしてください。 商品仕様 商品名 マーフィーズホワイト ハミガキ カテゴリ 歯磨剤 内容量 90g サイズ 4.5 × 3.5 × 15 cm 全成分 水(溶剤)シリカ(清掃剤)グリセリン(浸潤剤)BG(浸潤剤)キタサンガム(粘度調整剤)炭酸水素Na(pH調整剤)カラギーナン(粘度調整剤)ハッカ油(清涼剤)グリチルリチン酸2K(矯味剤)ステビア葉/茎エキス(甘味剤)ヨモギ葉エキス(浸潤剤)褐藻エキス(浸潤剤)チョウジ油(清涼剤)ヒノキチオール(保存剤) 製造国 日本 メーカー 株式会社MARFY'S 販売元 株式会社MARFY'S 総代理店 株式会社ダイバーシティ よくあるご質問 マーフィーズホワイトとはどのような歯磨き粉ですか? マーフィーズホワイトは、現役歯科医師・村瀬雅典氏(ユニバ通り村瀬歯科クリニック院長)が開発した日本製ジェルタイプ歯磨き粉です。天然由来成分99%配合・9つの合成添加物不使用で、ホワイトニング・口臭防止・虫歯予防など7つのケアポイントをサポートします。 毎日使えますか? はい。マーフィーズホワイトは毎日のケアに使いやすいよう、成分や使用感に配慮して設計しています。 泡立たないのはなぜですか? マーフィーズホワイトは発泡剤を使用していないため、泡立ちを抑えています。磨いている感覚を確認しながら丁寧にブラッシングできます。 子どもでも使えますか? マーフィーズホワイトはフッ素不使用のため、ご家族皆さまで使いやすい設計です。幼児への使用が気になる場合は歯科医師へご相談ください。 清涼感はありますか? 強い清涼感はありませんが、天然由来のハッカ油によるほのかな爽やかさがあります。刺激が強い歯磨き粉が苦手な方にもマーフィーズホワイトは使いやすい設計です。 研磨剤は入っていますか? マーフィーズホワイトにはシリカ(ケイ素)由来成分を配合しています。 どのくらいブラッシングすれば良いですか? 3〜5分程度を目安に、1本ずつ丁寧にブラッシングしてください。 電動歯ブラシでも使えますか? はい、マーフィーズホワイトは電動歯ブラシでもご使用いただけます。発泡剤不使用のため泡立ちが少なく、電動歯ブラシとの相性も良い設計です。 定期購入について 定期購入なら5%OFF 定期購入のお申し込みは、ページ上部の購入エリアからお選びいただけます。 毎日のハミガキを、成分から選ぶ。 単品購入・定期購入をお選びいただけます。 購入方法を選ぶ