{"product_id":"kirei","title":"綺麗な男足　110g","description":"\u003cdiv class=\"soap-kirei-page\"\u003e\n  \u003cdiv class=\"main-img-area\"\u003e\n    \u003cp class=\"main-img\"\u003e\n      \u003cpicture\u003e\n        \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_main_sp_new.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_main_new.jpg\" alt=\"男十撫せっけん 〜綺麗な男足〜 今日からはじめる足のエチケット習慣 OTONA bar soap\" width=\"1460\" height=\"1520\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n    \u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"intro-area\"\u003e\n    \u003cp class=\"intro-img\"\u003e\n      \u003cpicture\u003e\n        \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_intro-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_intro.jpg\" alt=\"誰もが気になる足の悩みのために。\" width=\"1460\" height=\"500\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"intro-txt g-A1gothic\"\u003e誰もが気になる足の悩みのために。\u003c\/p\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"over40-area sec-bg\"\u003e\n    \u003cp class=\"over40-catch\"\u003e\n      男十撫せっけんと共に\u003cbr\u003e\n      爽やかな足元に。\n    \u003c\/p\u003e\n    \u003cp class=\"check-ttl\"\u003e\n      \u003cspan class=\"jp\"\u003eセルフチェック\u003c\/span\u003e\n      \u003cspan class=\"en\"\u003eSelf-check\u003c\/span\u003e\n    \u003c\/p\u003e\n    \u003cul class=\"check-list\"\u003e\n      \u003cli\u003eムワッと感が気になって\u003cbr class=\"pc\"\u003e靴を脱ぐのが億劫！\u003c\/li\u003e\n      \u003cli\u003e毎日綺麗に洗っていても\u003cbr\u003e足のムワッと感が消えない\u003c\/li\u003e\n      \u003cli\u003eかかとの硬さ・乾燥が気になる\u003c\/li\u003e\n      \u003cli\u003e思春期の息子の足がムワッとしてる・・・\u003c\/li\u003e\n      \u003cli\u003e\u003cspan\u003e仕事柄、革靴やブーツなどを長時間履くことが多い\u003c\/span\u003e\u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \n  \u003cdiv class=\"feature-area\"\u003e\n    \u003cp class=\"sec-ttl\"\u003e男十撫せっけん\u003cbr class=\"sp\"\u003e〜綺麗な男足〜の特徴\u003c\/p\u003e\n    \u003cdiv class=\"sec-bg\"\u003e\n      \u003cp class=\"feature-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_feature.png\" alt=\"無添加石鹸\" width=\"1200\" height=\"783\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n      \u003cp class=\"feature-txt\"\u003e\n        誰もが気になる足の悩みのために開発された石鹸。\u003cbr\u003e\n        \u003cspan class=\"marker\"\u003e整肌作用\u003c\/span\u003eの高い竹酢液と洗浄力に優れた炭のダブルの力で、足裏のしつこい\u003cspan class=\"marker\"\u003e悩みをクリア\u0026amp;清潔\u003c\/span\u003eにしてくれます。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n    \u003cp class=\"feature-ttl\"\u003e\n      綺麗な男足\u003cbr\u003e\n      2つのこだわり天然成分\n    \u003c\/p\u003e\n    \u003cul class=\"feature-list\"\u003e\n      \u003cli class=\"gray\"\u003e\n        \u003cdiv class=\"feature-list-ttl\"\u003e\n          \u003cp class=\"txt\"\u003e炭\u003c\/p\u003e\n          \u003cp class=\"img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_feature01.png\" alt=\"炭\" width=\"248\" height=\"248\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"feature-list-txt\"\u003e炭の成分が汚れをしっかり吸着し、すっきり肌に整えます。\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli class=\"orange\"\u003e\n        \u003cdiv class=\"feature-list-ttl\"\u003e\n          \u003cp class=\"txt\"\u003e竹酢液\u003c\/p\u003e\n          \u003cp class=\"img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_feature02.png\" alt=\"竹酢液\" width=\"248\" height=\"248\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cp class=\"feature-list-txt\"\u003e竹炭から採れる竹酢液は洗浄作用に優れており、肌を柔らかく仕上げます。\u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cdiv class=\"check-bx\"\u003e\n      \u003cp class=\"check-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_check.png\" alt=\"CHECK\" width=\"300\" height=\"168\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n      \u003cp class=\"check-txt\"\u003e\n        \u003cspan class=\"ttl\"\u003e顔やからだの肌荒れにも\u003c\/span\u003e\n        毛穴の汚れを吸着してくれる\u003cspan class=\"marker\"\u003e炭と竹酢液\u003c\/span\u003eが\n        足裏ケアだけでなく、\u003cspan class=\"marker\"\u003e肌荒れ\u003c\/span\u003eも防ぎます。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"about-area\"\u003e\n    \u003cp class=\"sec-ttl\"\u003e男十撫せっけんの\u003cbr class=\"sp\"\u003e３つのこだわり\u003c\/p\u003e\n    \u003cul class=\"about-list\"\u003e\n      \u003cli\u003e\n        \u003cp class=\"check-ttl\"\u003e\n          \u003cspan class=\"jp\"\u003e素材のこだわり\u003c\/span\u003e\n          \u003cspan class=\"en\"\u003ePOINT 01\u003c\/span\u003e\n        \u003c\/p\u003e\n        \u003cdiv class=\"about-list-bx\"\u003e\n          \u003cp class=\"about-list-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_about01.jpg?525\" alt=\"素材のこだわり\" width=\"300\" height=\"300\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n          \u003cp class=\"about-list-txt\"\u003e\n            男十撫せっけんは、必要なものだけにこだわり、ムダな素材は一切使用していません。だからこそ、素材一つひとつに徹底的にこだわっています。\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cp class=\"check-ttl\"\u003e\n          \u003cspan class=\"jp\"\u003e製法のこだわり\u003c\/span\u003e\n          \u003cspan class=\"en\"\u003ePOINT 02\u003c\/span\u003e\n        \u003c\/p\u003e\n        \u003cdiv class=\"about-list-bx\"\u003e\n          \u003cp class=\"about-list-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_about02.jpg?525\" alt=\"製法のこだわり\" width=\"300\" height=\"300\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n          \u003cp class=\"about-list-txt\"\u003e\n            男十撫せっけんは、全てコールドプロセス製法を用いて製造しています。\u003cbr\u003e\n            1000時間以上もの時間かけて作る石鹸には、贅沢な天然の美容成分がそのまま生きています。\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cp class=\"check-ttl\"\u003e\n          \u003cspan class=\"jp\"\u003e効用のこだわり\u003c\/span\u003e\n          \u003cspan class=\"en\"\u003ePOINT 03\u003c\/span\u003e\n        \u003c\/p\u003e\n        \u003cdiv class=\"about-list-bx\"\u003e\n          \u003cp class=\"about-list-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_about03.jpg\" alt=\"効用のこだわり\" width=\"300\" height=\"300\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n          \u003cp class=\"about-list-txt\"\u003e\n            誰もが抱く様々なコンプレックスに力強く応えていくために誕生した石鹸、それが男十撫せっけんです。\u003cbr\u003e\n            お悩みに合わせて最適な成分を厳選し、オリジナルレシピを用いて作り上げています。\n          \u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"use-area\"\u003e\n    \u003cp class=\"sec-ttl\"\u003e男十撫せっけんの使い方\u003c\/p\u003e\n    \u003cp class=\"use-img\"\u003e\n      \u003cpicture\u003e\n        \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_use_sp_new.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-kirei_use_new.jpg\" alt=\"足裏の汗や皮脂汚れが悩みの原因に。対策としては、「汚れをしっかり落とすこと」足裏を清潔に保つこと」が大切です。 頭から足の先まで全身洗える！ ゴシゴシ洗っていませんか? 使ったあとはさらっと、スッキリ！ 「洗うポイント」足の悩みの原因の多くが指と指の間の汚れ。指の間は洗い残ししやすい場所でもあります。ここに古い角質や汚れが残ってしまい、悩みの原因となっていきます。\" width=\"1460\" height=\"1536\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n    \u003c\/p\u003e\n    \u003cdiv class=\"check-bx\"\u003e\n      \u003cp class=\"check-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_check.png\" alt=\"CHECK\" width=\"300\" height=\"168\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n      \u003cp class=\"check-txt\"\u003e\n        \u003cspan class=\"ttl\"\u003eムワッと感を消したいからとゴシゴシ洗うのはダメ!\u003c\/span\u003e\n        強くこすって洗うのは逆効果。肌トラブルの原因にもなってしまいます。\n        \u003cspan class=\"marker\"\u003eゴシゴシやらずに、やさしく洗う、\u003c\/span\u003eこれが足裏ケアのポイントです。\n      \u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/div\u003e\n\u003cstyle\u003e\n@charset \"utf-8\";\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Bebas+Neue\u0026display=swap');\n.productimgarea{\n\tborder-bottom: none;\n}\n.main-img-area{\n\tbackground-color: #E9E9E9;\n}\n.main-txt-img{\n\tposition: relative;\n\ttop: -90px;\n}\n.main-txt-list {\n\tdisplay: flex;\n\tjustify-content: center;\n\tgap: 20px;\n\tmargin-top: 20px;\n\tposition: relative;\n\ttop: -70px;\n\twidth: 90%;\n\tmargin-left: auto;\n\tmargin-right: auto;\n}\n.main-txt-list li {\n  background: #666666;\n  width: calc((100% - 40px) \/ 3);\n\theight: 120px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\ttext-align: center;\n\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_check-icon.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-size: 90px;\n\tbackground-position: center center;\n\tcolor: #fff;\n\tfont-size: clamp(12px, 1.3vw, 15px);\n}\n@media screen and (min-width: 768px) {\n\t.main-txt-list{\n\t\tflex-flow: row-reverse wrap-reverse;\n\t}\n\t.main-txt-list li:first-child {\n\t\torder: 5;\n\t}\n\t.main-txt-list li:nth-child(2) {\n\t\torder: 4;\n\t}\n\t.main-txt-list li:nth-child(3) {\n\t\torder: 3;\n\t}\n\t.main-txt-list li:nth-child(4) {\n\t\torder: 2;\n\t}\n\t.main-txt-list li:last-child {\n\t\torder: 1;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.main-txt-list{\n\t\tflex-wrap: wrap;\n\t\tgap: 10px;\n\t\tjustify-content: space-between;\n\t}\n\t.main-img-area{\n\t\tpadding-bottom: 10px;\n\t}\n\t.main-txt-img{\n\t\ttop: -40px;\n\t}\n\t.main-txt-list{\n\t\ttop: -30px;\n\t}\n\t.main-txt-list li:first-child {\n\t\twidth: 100%;\n\t}\n\t.main-txt-list li{\n\t\tfont-size: 11px;\n\t\theight: 100px;\n\t}\n\t.main-txt-list li + li{\n\t\twidth: calc(50% - 5px);\n\t}\n}\n.intro-area{\n\tposition: relative;\n}\n.intro-txt{\n\tbackground-color: #fff;\n\tfont-size: 38px;\n\tpadding: 7px 25px;\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\ttransform: translateY(50%);\n}\n@media screen and (max-width: 767px) {\n\t.intro-txt{\n\t\tfont-size: 18px;\n\t}\n}\n.over40-area{\n\tpadding: 40px 0 80px;\n}\n.sec-bg{\n\tposition: relative;\n}\n.sec-bg::after{\n\tcontent: \"\";\n\tposition: absolute;\n\ttop: 0;\n\tleft: 50%;\n\twidth: 40%;\n\theight: 100%;\n\tbackground-color: rgba(242, 242, 242, 0.7);\n\ttransform: translateX(-50%) skewX(-20deg);\n\tz-index: -2;\n}\n.over40-catch{\n\tfont-size: 25px;\n\twidth: fit-content;\n\tmargin-left: auto;\n\tmargin-right: auto;\n\tmargin-top: 60px;\n\tfont-weight: bold;\n\tposition: relative;\n\ttext-align: center;\n\tletter-spacing: 0.1em;\n}\n.over40-catch::before{\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\ttransform: translateX(-100%);\n\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_catch-deco01.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-position: top;\n\twidth: 36px;\n\theight: 40px;\n}\n.over40-catch::after{\n\tcontent: \"\";\n\tdisplay: inline-block;\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\ttransform: translateX(100%);\n\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_catch-deco02.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-position: bottom;\n\twidth: 36px;\n\theight: 40px;\n}\n.over40-area .check-ttl{\n\tfont-weight: bold;\n}\n.check-ttl{\n\tposition: relative;\n\twidth: fit-content;\n\tpadding: 5px 0;\n\tmargin: 20px auto 0;\n\ttransform: translateY(50%);\n}\n.check-ttl::after{\n\tcontent: '';\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 100%;\n\theight: 100%;\n\ttransform:  skewX(-20deg);\n\tbackground-color: #000;\n\tz-index: -1;\n}\n.check-ttl .jp{\n\tfont-size: 28px;\n\ttext-align: center;\n\tdisplay: block;\n\tcolor: #fff;\n\tpadding: 0 30px;\n\tmargin: 5px 0;\n}\n.check-ttl .en{\n\tfont-size: 15px;\n\ttext-align: center;\n\tdisplay: block;\n\tposition: relative;\n\tcolor: #000;\n\tz-index: 1;\n\tfont-family: 'Bebas Neue', sans-serif;\n\tletter-spacing: 0.05em;\n}\n.check-ttl .en::before{\n\tcontent: '';\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: calc(100% - 10px);\n\theight: 100%;\n\ttransform: skewX(-20deg);\n\tbackground-color: #fff;\n\tz-index: -1;\n}\n.check-list{\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\tborder: 2px solid #000;\n\tpadding: 80px 25px 40px;\n}\n.check-list li{\n\twidth: 48%;\n\tfont-weight: bold;\n\tdisplay: flex;\n\talign-items: center;\n\tletter-spacing: 0.05em;\n}\n.check-list li span{\n\tflex: 1;\n}\n.check-list li::before{\n\tcontent: '';\n\tdisplay: inline-block;\n\twidth: 30px;\n\theight: 30px;\n\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_check.svg);\n\tbackground-repeat: no-repeat;\n\tbackground-position: center;\n\tmargin-right: 10px;\n}\n.check-list li:nth-of-type(n+3){\n\tborder-top: 1px dotted #000;\n\tmargin-top: 15px;\n\tpadding-top: 15px;\n}\n.check-bx{\n\tbackground-color: #F4E9AE;\n\tmargin-top: 20px;\n\tdisplay: flex;\n\talign-items: center;\n\tpadding: 30px 0;\n}\n.check-img{\n\twidth: 130px;\n\tpadding-bottom: 5px;\n\tmargin-right: 20px;\n}\n.check-txt{\n\tflex: 1;\n\tpadding-right: 20px;\n\tletter-spacing: 0.05em;\n}\n.check-txt .marker{\n\tbackground:linear-gradient(transparent 70%, #fff 70%);\n\tfont-weight: bold;\n}\n.check-txt .ttl{\n\tborder-left: 8px solid #000;\n\tpadding-left: 20px;\n\tfont-size: 20px;\n\tdisplay: block;\n\tfont-weight: bold;\n\tmargin-bottom: 20px;\n}\n@media screen and (min-width: 768px) {\n\t.check-ttl{\n\t\twidth: 100%;\n\t\tmax-width: 320px;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.over40-area{\n\t\tpadding: 20px 0 40px;\n\t}\n\t.over40-catch{\n\t\tfont-size: 15px;\n\t\tmargin-top: 40px;\n\t}\n\t.over40-catch::before,\n\t.over40-catch::after{\n\t\twidth: 22px;\n\t\theight: 22px;\n\t}\n\t.check-ttl .jp{\n\t\tfont-size: 18px;\n\t}\n\t.check-ttl .en{\n\t\tfont-size: 11px;\n\t}\n\t.check-list{\n\t\tpadding: 50px 20px 30px;\n\t}\n\t.check-list li{\n\t\tfont-size: 14px;\n\t\twidth: 100%;\n\t\tmax-width: 340px;\n\t\tmargin: 0 auto;\n\t}\n\t.check-list li::before{\n\t\twidth: 25px;\n\t\theight: 25px;\n\t}\n\t.check-list li:nth-of-type(n+2) {\n    border-top: 1px dotted #000;\n    margin-top: 15px;\n    padding-top: 15px;\n\t}\n\t.check-bx{\n\t\tpadding: 50px 0 20px;\n\t\tposition: relative;\n\t\tmargin-top: 60px;\n\t}\n\t.check-img{\n\t\twidth: 37%;\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\ttransform: translateY(-50%);\n\t}\n\t.check-txt{\n\t\tfont-size: 14px;\n\t\tpadding-left: 20px;\n\t}\n\t.over40-area.sec-bg::after{\n\t\ttransform: translateX(-50%) skewX(-13deg);\n\t}\n}\n.sec-ttl{\n\tfont-size: 28px;\n\tfont-weight: bold;\n\tbackground-color: #000;\n\tcolor: #fff;\n\tposition: relative;\n\theight: 100px;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n}\n.sec-ttl::before{\n\tcontent: '';\n\tdisplay: inline-block;\n\tposition: absolute;\n\ttop: 0;\n\tleft: 0;\n\twidth: 0;\n\theight: 0;\n\tborder-style: solid;\n\tborder-width: 100px 100px 0 0;\n\tborder-color: rgba(242, 242, 242, 0.2) transparent transparent transparent;\t\n}\n.sec-ttl::after{\n\tcontent: '';\n\tdisplay: inline-block;\n\tposition: absolute;\n\tbottom: 0;\n\tright: 0;\n\twidth: 0;\n\theight: 0;\n\tborder-style: solid;\n\tborder-width: 0 0 100px 100px;\n\tborder-color: transparent transparent rgba(242, 242, 242, 0.2) transparent;\t\n}\n.smell-list{\n\tdisplay: flex;\n\tjustify-content: space-between;\n\tflex-wrap: wrap;\n\talign-items: stretch;\n\tmargin-top: 40px;\n\tposition: relative;\n}\n.smell-list li{\n\twidth: 44%;\n\tdisplay: flex;\n\tflex-direction: column;\n}\n.smell-img{\n\twidth: 70%;\n\tmargin: 0 auto;\n}\n.smell-txt{\n\tflex: 1;\n\tpadding: 40px 20px 20px;\n\tmargin-top: -20px;\n\tfont-weight: bold;\n}\n.smell-list li:nth-of-type(1) .smell-txt{\n\tbackground-color: rgba(153, 153, 153, 0.3);\n}\n.smell-list li:nth-of-type(2) .smell-txt{\n\tbackground-color: rgba(194, 183, 166, 0.3);\n}\n.smell-catch{\n\tmargin-top: 60px;\n\tposition: relative;\n\tz-index: 1;\n}\n.smell-catch span{\n\tdisplay: block;\n\tbackground-color: #000;\n\tcolor: #fff;\n\twidth: fit-content;\n\tmargin: 3px auto;\n\tpadding: 5px 20px;\n\tfont-size: 28px;\n}\n.smell-catch-img{\n\tmargin-top: -25px;\n}\n@media screen and (min-width: 768px) {\n\t.smell-list::after{\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\tbottom: -30px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 17%;\n\t\theight: 460px;\n\t\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_human.png);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: bottom;\n\t\tbackground-size: contain;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.sec-ttl{\n\t\tfont-size: 18px;\n\t\theight: 70px;\n\t\ttext-align: center;\n\t}\n\t.sec-ttl::before{\n\t\tborder-width: 70px 70px 0 0;\n\t}\n\t.sec-ttl::after {\n    content: '';\n    display: inline-block;\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 0;\n    height: 0;\n    border-style: solid;\n    border-width: 0 0 70px 70px;\n    border-color: transparent transparent rgba(242, 242, 242, 0.2) transparent;\n}\n\t.smell-list li{\n\t\twidth: 48%;\n\t}\n\t.smell-txt{\n\t\tmargin-top: -10px;\n\t\tfont-size: 12px;\n\t\tpadding: 30px 10px 20px;\n\t\tletter-spacing: 0.025em;\n\t}\n\t.smell-list::after{\n\t\tcontent: '';\n\t\tdisplay: inline-block;\n\t\tposition: absolute;\n\t\ttop: -15px;\n\t\tleft: 50%;\n\t\ttransform: translateX(-50%);\n\t\twidth: 13%;\n\t\theight: 200px;\n\t\tbackground-image: url(https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_human.png);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: top;\n\t\tbackground-size: contain;\n\t}\n\t.smell-catch span{\n\t\tfont-size: 16px;\n\t}\n\t.smell-catch{\n\t\tmargin-top: 40px;\n\t}\n}\n.feature-img{\n\twidth: 70%;\n\tmargin: 0 auto;\n}\n.feature-txt{\n\tmax-width: 450px;\n\tmargin: 0 auto;\n\twidth: 90%;\n}\n.feature-txt .marker{\n\tbackground:linear-gradient(transparent 70%, #EEE48F 70%);\n\tfont-weight: bold;\n}\n.feature-ttl{\n\tfont-weight: bold;\n\ttext-align: center;\n\tborder-top: 2px solid #000;\n\tborder-bottom: 2px solid #000;\n}\n.feature-list{\n\tdisplay: flex;\n\tflex-wrap: wrap;\n\tjustify-content: space-between;\n\tmargin-top: 40px;\n}\n.feature-list li{\n\twidth: 48%;\n\tpadding: 30px 20px 40px;\n}\n.feature-list-ttl{\n\tdisplay: flex;\n\talign-items: center;\n}\n.feature-list-ttl .txt{\n\tfont-size: 18px;\n\tflex: 1;\n\tfont-weight: bold;\n}\n.feature-list li:nth-of-type(1){\n\tbackground-color: rgba(205, 165, 112, 0.1);\n}\n.feature-list li:nth-of-type(1) .feature-list-ttl{\n\tcolor: #FF8A45;\n}\n.feature-list li:nth-of-type(2){\n\tbackground-color: rgba(102, 102, 102, 0.1);\n}\n.feature-list li:nth-of-type(2) .feature-list-ttl{\n\tcolor: #7AA033;\n}\n.feature-list-txt{\n\tfont-size: 18px;\n\tfont-weight: bold;\n\tmargin-top: 20px;\n}\n@media screen and (min-width: 768px) {\n\t.feature-area{\n\t\tmargin-top: 80px;\n\t}\n\t.feature-ttl{\n\t\tfont-size: 28px;\n\t\tpadding: 15px 0;\n\t\tmargin: 0 20px;\n\t}\n\t.feature-list-ttl .img{\n\t\twidth: 40%;\n\t}\n\t.feature-area .sec-bg{\n\t\tpadding: 40px 0 60px;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.feature-area{\n\t\tmargin-top: 40px;\n\t}\n\t.feature-area .sec-bg{\n\t\tpadding: 20px 0;\n\t}\n\t.feature-ttl{\n\t\tfont-size: 18px;\n\t\tpadding: 10px 0;\n\t}\n\t.feature-txt{\n\t\tfont-size: 14px;\n\t}\n\t.feature-list{\n\t\tmargin-top: 20px;\n\t}\n\t.feature-list li{\n\t\tpadding: 20px 10px 30px;\n\t}\n\t.feature-list-ttl{\n\t\tflex-direction: column-reverse;\n\t}\n\t.feature-list-ttl .img{\n\t\twidth: 80%;\n\t\tmargin-bottom: 10px;\n\t}\n\t.feature-list-txt{\n\t\tfont-size: 14px;\n\t\tletter-spacing: 0.025em;\n\t}\n\t.check-txt .ttl{\n\t\tfont-size: 16px;\n\t\tborder-left: 6px solid #000;\n\t\tpadding-left: 10px;\n\t}\n}\n.about-area{\n\tmargin-top: 80px;\n}\n.about-list{\n\tmargin-top: 20px;\n}\n.about-list li{\n\tmargin-top: -20px;\n}\n.about-list-bx{\n\tdisplay: flex;\n\talign-items: center;\n\tborder: 2px solid #000;\n\tpadding: 80px 20px 50px;\n}\n.use-area{\n\tmargin-top: 80px;\n}\n.info-ttl{\n\tfont-size: 28px;\n\tfont-weight: bold;\n\ttext-align: center;\n}\n.about-list .check-ttl .en::before{\n\twidth: calc(100% - 8px);\n}\n@media screen and (min-width: 768px) {\n\t.about-list .check-ttl{\n\t\tmax-width: 320px;\n\t\twidth: 100%;\n    display: block!important;\n\t}\n\t.about-list .check-ttl .jp{\n\t\tfont-size: 20px;\n\t}\n\t.about-list-img{\n\t\twidth: 210px;\n\t}\n\t.about-list-txt{\n\t\tflex: 1;\n\t\tmargin-left: 40px;\n\t}\n\t.product-table-area{\n\t\tmargin-top: 80px;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.about-list .check-ttl{\n\t\tmax-width: 230px;\n\t\twidth: 100%;\n\t}\n\t.about-area{\n\t\tmargin-top: 40px;\n\t}\n\t.about-list .check-ttl .jp{\n\t\tfont-size: 16px;\n\t}\n\t.about-list-bx{\n\t\tflex-direction: column;\n\t}\n\t.about-list-bx{\n\t\tpadding: 60px 30px 30px;\n\t}\n\t.about-list-img{\n\t\twidth: 90%;\n\t}\n\t.about-list-img img{\n\t\twidth: 100%;\n\t}\n\t.about-list-txt{\n\t\tmargin-top: 20px;\n\t\tfont-size: 14px;\n\t}\n\t.info-ttl{\n\t\tfont-size: 18px;\n\t}\n\t.product-table-area{\n\t\tmargin-top: 40px;\n\t}\n}\n.product-sreis-area{\n\tmargin-top: 80px;\n}\n.product-sreis-list{\n\tdisplay: grid;\n\tgrid-template-columns: repeat(3, 1fr);\n\tcolumn-gap: 40px;\n\trow-gap: 60px;\n\tmargin-top: 40px;\n}\n.product-sreis-img{\n\tmargin-bottom: 10px;\n}\n.product-sreis-catch{\n\tfont-size: 12px;\n}\n.product-sreis-name{\n\tfont-size: 14px;\n}\n.product-sreis-price{\n\tfont-size: 14px;\n}\n.product-sreis-price .tax{\n\tfont-size: 11px;\n}\n.product-sreis-btn a{\n\tdisplay: block;\n\twidth: 100%;\n\tpadding: 5px 0;\n\tbackground-color: #CBB782;\n\tcolor: #fff;\n\ttext-align: center;\n\tfont-size: 15px;\n\tmargin-top: 10px;\n}\n.product-sreis-btn a:hover{\n\tbackground: #bebbaa;\n}\n@media screen and (max-width: 767px) {\n\t.product-sreis-area{\n\t\tmargin-top: 40px;\n\t\tmargin-bottom: 40px;\n\t}\n\t.product-sreis-list{\n\t\tgrid-template-columns: repeat(2, 1fr);\n\t\tcolumn-gap: 20px;\n\t\trow-gap: 40px;\n\t\tmargin-top: 20px;\n\t}\n}\n.shop-table-area{\n\tmargin-top: 80px;\n}\n.shop-table {\n  border-collapse: collapse;\n  width: 100%;\n}\n.shop-table caption {\n\tmargin-bottom: 10px;\n\ttext-align-last: left;\n}\n@media screen and (min-width: 768px) {\n\t.shop-table {\n\t\tborder-top: solid 1px #000;\n\t\tfont-size: 14px;\n\t\tmargin-top: 30px;\n\t}\n\t.shop-table tr {\n\t\tborder-bottom: solid 1px #000;\n\t}\n\t.shop-table .name,\n\t.shop-table .tel{\n\t\twidth: 25%;\n\t}\n\t.shop-table .address{\n\t\twidth: 50%;\n\t}\n\t.shop-table th, .shop-table td {\n\t\tborder-right: solid 1px #000;\n\t\tpadding: 10px;\n\t}\n\t.shop-table tr th:first-child,\n\t.shop-table tr td:first-child{\n\t\tborder-left: 1px solid #000;\n\t}\n}\n@media screen and (max-width: 767px) {\n\t.shop-table-area{\n\t\tmargin-top: 40px;\n\t}\n\t.shop-table {\n    margin: 20px auto 40px;\n    border-spacing: 0;\n    border-top: 1px solid #c8c8c8;\n\t}\n\t.shop-table caption {\n    font-size: 15px;\n\t}\n\t.shop-table caption span{\n\t\tdisplay: block;\n\t\tfont-size: 11px;\n\t}\n\t.shop-table tr{\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t}\n\t.shop-table th{\n\t\tdisplay: block;\n\t\twidth: 30%;\n\t\tfont-size: 12px;\n\t\tfont-weight: normal;\n\t\ttext-align: center;\n\t\tborder-right: 1px solid #c8c8c8;\n\t\tborder-bottom: 1px solid #c8c8c8;\n\t\tpadding: 10px 0 8px;\n\t\twidth: 30%;\n\t\tcolor: #3c3c3c;\n\t}\n\t.shop-table td {\n\t\tdisplay: block;\n\t\twidth: 70%;\n    font-size: 13px;\n    border-bottom: 1px solid #c8c8c8;\n    padding: 10px 10px 8px 15px;\n\t}\n\t.shop-table tr td:first-child{\n\t\twidth: 100%;\n\t\ttext-align: center;\n\t\tborder-right: none;\n    background: #efefef;\n    font-size: 14px;\n    font-weight: bold;\n\t}\n}\n\/* 綺麗な男足 *\/\n.soap-kirei-page .over40-catch::before{\n\tleft: -1em;\n}\n.soap-kirei-page .over40-catch::after{\n\tright: -1em;\n}\n.soap-kirei-page .feature-area{\n\tmargin: 0;\n}\n.soap-kirei-page .feature-area .feature-txt{\n\tmax-width: 500px;\n}\n.feature-list li.gray{\n\tbackground-color: #EFEFEF;\n}\n.feature-list li.gray .feature-list-ttl{\n\tcolor: #666666;\n}\n.feature-list li.orange{\n\tbackground-color: #FFFAE4;\n}\n.feature-list li.orange .feature-list-ttl{\n\tcolor: #EFAA4F;\n}\n@media screen and (max-width: 767px) {\n\t.soap-kirei-page .main-img-area{\n\t\tpadding-bottom: 0;\n\t}\n\t.soap-kirei-page .intro-txt{\n\t\tletter-spacing: normal;\n\t}\n}\n.over40-catch{\n    padding: 0 1em;\n  }\n  .sec-bg::after{\n    display: none;\n  }\n  .feature-txt{\n    max-width: 540px;\n  }\n\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"単品","offer_id":46957498925311,"sku":"otona-101","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957498958079,"sku":"otona-101-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957498990847,"sku":"otona-101-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-101_main.jpg?v=1766468720","url":"https:\/\/cocoon-soap.live\/products\/kirei","provider":"石鹸工房COCOON（コクーン）","version":"1.0","type":"link"}