{"title":"メンズケア","description":"","products":[{"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"},{"product_id":"muga","title":"無我無愁　110g","description":"\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_mainmuga_sp.jpg\" media=\"(max-width:767px)\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_mainmuga.jpg\" alt=\"男十撫せっけん 〜無我無愁〜 \" width=\"1000\" height=\"1444\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n  \u003c\/p\u003e\n  \u003cp class=\"main-txt-img\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_main-text_new.png\" alt=\"ボディの身だしなみ、できてますか？ OTONA bar soap\" width=\"\" height=\"\" loading=\"lazy\" class=\"imgauto\"\u003e\n  \u003c\/p\u003e\n  \u003cul class=\"main-txt-list\"\u003e\n    \u003cli\u003e\n      寝室や枕カバーの\u003cbr\u003e\n      ムワッと感が\u003cbr\u003e\n      気になってきたかも…\n    \u003c\/li\u003e\n    \u003cli\u003e\n      暑い日も気にせず\u003cbr\u003e\n      電車に乗りたい！\n    \u003c\/li\u003e\n    \u003cli\u003e\n      パートナーを傷つけずに\u003cbr\u003e\n      対策したい！\n    \u003c\/li\u003e\n    \u003cli\u003e\n      「お父さんいい香り！」\u003cbr\u003e\n      と言われたい！\n    \u003c\/li\u003e\n    \u003cli\u003e\n      対策したいけど\u003cbr\u003e\n      市販の石鹸だと\u003cbr\u003e\n      肌が荒れてしまう…\n    \u003c\/li\u003e\n  \u003c\/ul\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_intro_muga_sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_intro_muga.jpg\" alt=\"40歳からの加齢臭ケアに。\" width=\"1000\" height=\"343\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"intro-txt g-A1gothic\"\u003e40歳からのボディケアに。\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お肉や揚げ物をよく食べる\u003c\/li\u003e\n      \u003cli\u003e入浴はシャワーで済ませる\u003c\/li\u003e\n      \u003cli\u003e運動する習慣がない\u003c\/li\u003e\n      \u003cli\u003eストレスを溜めやすい\u003c\/li\u003e\n      \u003cli\u003eお酒を飲むことが多い\u003c\/li\u003e\n      \u003cli\u003e汗をかいたあと、\u003cbr\u003eムワッとしている気がする\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\"\u003e3個以上当てはまる方は\u003cbr\u003e「男十撫せっけん」で\u003cspan class=\"marker\"\u003e身だしなみを整えましょう！\u003c\/span\u003e\u003c\/p\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"smel-area\"\u003e\n    \u003cp class=\"sec-ttl\"\u003e加齢臭・ミドル脂臭って\u003cbr class=\"sp\"\u003eどんなニオイ？\u003c\/p\u003e\n    \u003cul class=\"smell-list\"\u003e\n      \u003cli\u003e\n        \u003cp class=\"smell-img\"\u003e\n          \u003cpicture\u003e\n            \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell01-sp.png\" media=\"(max-width:767px)\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell01.png\" alt=\"加齢臭\" width=\"400\" height=\"469\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n        \u003c\/p\u003e\n        \u003cp class=\"smell-txt\"\u003e加齢臭は、文字通り加齢に伴って生じる中高年特有のニオイで、古本や枯れ草のようなニオイに例えられています。\u003cbr\u003e年齢から皮脂の酸化により発生するノネナールという臭い成分が原因。\u003c\/p\u003e\n      \u003c\/li\u003e\n      \u003cli\u003e\n        \u003cp class=\"smell-img\"\u003e\n          \u003cpicture\u003e\n            \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell02-sp.png\" media=\"(max-width:767px)\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell02.png\" alt=\"ミドル脂臭\" width=\"400\" height=\"469\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n        \u003c\/p\u003e\n        \u003cp class=\"smell-txt\"\u003eミドル脂臭は、40代頃から発生しやすく、頭の後ろから首にかけて、使い古した油のような強烈なニオイがします。\u003cbr\u003e「ジアセチル」と「中鎖脂肪酸」が混ざることにより、ミドル脂臭に変化します。\u003c\/p\u003e\n      \u003c\/li\u003e\n    \u003c\/ul\u003e\n    \u003cp class=\"smell-catch g-A1gothic\"\u003e\n      \u003cspan\u003eボディケアは\u003c\/span\u003e\n      \u003cspan\u003e大人の大切な身だしなみです。\u003c\/span\u003e\n    \u003c\/p\u003e\n    \u003cp class=\"smell-catch-img\"\u003e\n      \u003cpicture\u003e\n        \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell_bnr_sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_smell_bnr.jpg\" alt=\"しっかり対策すれば、もう怖くない!\" width=\"1000\" height=\"562\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n    \u003c\/p\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_feature_new.png\" alt=\"無添加石鹸\" width=\"1000\" height=\"623\" 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の高い柿渋エキスと茶葉エキスを配合。\u003cbr\u003e\n        オリーブオイルとココナッツオイルがたっぷりの肌にやさしい石鹸なので、全身洗いの他にも洗顔用としてもオススメな万能タイプの石鹸です。\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\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_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\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_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        でおられる方にもご使用いただけるお肌思いの石鹸です。\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_use_sp_muga.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_use_point_muga.jpg\" alt=\"男十撫せっけんで汗のベタつきをリセットしましょう。 \" width=\"1000\" height=\"952\" 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        ゴシゴシと強く洗うと、皮脂が取れすぎ肌乾燥を補うために余分な皮脂が分泌され、\u003cspan class=\"marker\"\u003eムワッと感の原因\u003c\/span\u003eに繋がります。\u003cbr\u003e\n        やさしく丁寧に、今日の汚れは今日のうちに。\n      \u003c\/p\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":46957499056383,"sku":"otona-102","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957499089151,"sku":"otona-102-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957499121919,"sku":"otona-102-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-102_main.jpg?v=1749714650"},{"product_id":"zensin","title":"全身全麗　110g","description":"\u003cdiv class=\"soap-kirei-page\"\u003e\n\u003cdiv class=\"main-img-area\"\u003e\n\u003cp class=\"main-img\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_main-sp.jpg\" media=\"(max-width:767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_main.jpg\" alt=\"男十撫せっけん 〜全身全麗〜 うるおい対策 OTONA bar soap\" width=\"1460\" height=\"1520\" class=\"imgauto\"\u003e\u003c\/picture\u003e\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-area\"\u003e\n\u003cp class=\"intro-img\"\u003e\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_intro-sp.jpg\" media=\"(max-width:767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_intro.jpg\" alt=\"乾燥対策のために。\" width=\"1460\" height=\"500\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\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男十撫せっけんと共に\u003cbr\u003e乾いたカラダに潤いを。\u003c\/p\u003e\n\u003cp class=\"check-ttl\"\u003e\u003cspan class=\"jp\"\u003eセルフチェック\u003c\/span\u003e \u003cspan class=\"en\"\u003eSelf-check\u003c\/span\u003e\u003c\/p\u003e\n\u003cul class=\"check-list\"\u003e\n\u003cli\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\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-zenshin_feature.png\" alt=\"無添加石鹸\" width=\"1200\" height=\"783\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n\u003cp class=\"feature-txt\"\u003e男性特有の乾燥のために開発された石鹸。\u003cbr\u003eついつい怠りがちな日焼け対策。\u003cspan class=\"marker\"\u003e乾燥肌や日焼け肌\u003c\/span\u003eによりそう美容オイルが\u003cspan class=\"marker\"\u003e乾燥をしっかりケア\u003c\/span\u003eしていきます。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cp class=\"feature-ttl\"\u003e全身全麗\u003cbr\u003e2つのこだわり天然成分\u003c\/p\u003e\n\u003cul class=\"feature-list\"\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-zenshin_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=\"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-zenshin_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\u003cspan class=\"ttl\"\u003e毎日の日焼け対策にも！\u003c\/span\u003e 肌を\u003cspan class=\"marker\"\u003e乾燥から守ってくれる\u003c\/span\u003eレッドパームオイルとスクワランが 顔、からだ全身を包み込みます。\u003cspan class=\"marker\"\u003e毎日の潤いケアに\u003c\/span\u003eおすすめです。\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\u003cspan class=\"jp\"\u003e素材のこだわり\u003c\/span\u003e \u003cspan class=\"en\"\u003ePOINT 01\u003c\/span\u003e\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男十撫せっけんは、必要なものだけにこだわり、ムダな素材は一切使用していません。だからこそ、素材一つひとつに徹底的にこだわっています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"check-ttl\"\u003e\u003cspan class=\"jp\"\u003e製法のこだわり\u003c\/span\u003e \u003cspan class=\"en\"\u003ePOINT 02\u003c\/span\u003e\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男十撫せっけんは、全てコールドプロセス製法を用いて製造しています。\u003cbr\u003e1000時間以上もの時間かけて作る石鹸には、贅沢な天然の美容成分がそのまま生きています。\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/li\u003e\n\u003cli\u003e\n\u003cp class=\"check-ttl\"\u003e\u003cspan class=\"jp\"\u003e効用のこだわり\u003c\/span\u003e \u003cspan class=\"en\"\u003ePOINT 03\u003c\/span\u003e\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誰もが抱く様々なコンプレックスに力強く応えていくために誕生した石鹸、それが男十撫せっけんです。\u003cbr\u003eお悩みに合わせて最適な成分を厳選し、オリジナルレシピを用いて作り上げています。\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\u003cpicture\u003e \u003csource srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_use-sp.jpg\" media=\"(max-width:767px)\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-zenshin_use.jpg\" alt=\"乾燥対策\" width=\"1460\" height=\"1536\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\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\u003cspan class=\"ttl\"\u003eゴシゴシ洗うのはダメ!\u003c\/span\u003e 強くこすって洗うのは乾燥の原因になってしまいます。 \u003cspan class=\"marker\"\u003eゴシゴシやらずに、やさしく洗う、\u003c\/span\u003eこれが乾燥ケアのポイントです。\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":46957499187455,"sku":"otona-106","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957499220223,"sku":"otona-106-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957499252991,"sku":"otona-106-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-106_main.jpg?v=1766468720"},{"product_id":"as02","title":"アンサーソープ テカリ　100g","description":"\u003ch3 class=\"product-title\"\u003e男の悩みに答える石鹸。\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eANSWER SOAPは、「男性のニオイやお肌の悩みを洗い流し、香りを身にまとう」をコンセプトに誕生したブランド。\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e目的にあわせた和漢ハーブと、フレグランス成分を配合。熱を加えないコールドプロセス製法で、約40日間熟成させて作られた石けんです。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap01.jpg\" alt=\"アンサーソープ\"\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e男のテカリに答える 炭\u0026amp;天然粘土\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003e汚れ吸着力に優れた炭やクレイを配合。さらにルイボスエキスやシルクなど美容成分がしっかり汚れを落とし、肌のキメを整えていきます。\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap_oily01.jpg\" alt=\"オイリースキン\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap_oily03.jpg\" alt=\"テカリ\"\u003e\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e・Tゾーンや脂浮きが特に気になるところには、泡パックでの集中ケアをオススメします。\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e \u003c\/p\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":46793498689791,"sku":"as-102","price":2200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as-102_main_bdf48d67-20a3-4e74-b256-fd9d887079c1.jpg?v=1744891398"},{"product_id":"as03","title":"アンサーソープ カワキ　100g","description":"\u003ch3 class=\"product-title\"\u003e男の悩みに答える石鹸。\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003e「男性のニオイやお肌の悩みを洗い流し、香りを身にまとう」をコンセプトに誕生したブランド。\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e\u003cbr\u003e\u003cmeta charset=\"UTF-8\"\u003e\u003cspan\u003e目的にあわせた和漢ハーブと、フレグランス成分を配合。熱を加えないコールドプロセス製法で、約40日間熟成させて作られた石けんです。\u003c\/span\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap01.jpg\" alt=\"アンサーソープ\"\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e男のカワキに答える 竹酢液\u0026amp;薬草エキス\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003e美肌作用に優れた竹酢液や和漢ハーブを配合。肌本来の輝きと潤いを整えていきます。\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap_age01.jpg\" alt=\"エイジングケア\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as_soap_age03.jpg\" alt=\"カワキ\"\u003e\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e・優しくマッサージをするように、内側から外側に向かってクルクルと円を描くように洗います。\u003c\/p\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":46793498722559,"sku":"as-103","price":2200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/as-103_main.jpg?v=1744890491"},{"product_id":"sizen","title":"自然快頭　110g","description":"\n\u003cdiv class=\"main-img-area\"\u003e\n  \u003cp class=\"main-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_main-sizen.jpg\" alt=\"男十撫せっけん 〜自然快頭〜\" width=\"1200\" height=\"1249\" class=\"imgauto\"\u003e\n  \u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"intro-area\"\u003e\n  \u003cp class=\"intro-img\"\u003e\n    \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_catch-sizen.jpg\" alt=\"育毛だけが頭皮ケアではない！\" width=\"1200\" height=\"411\" loading=\"lazy\" class=\"imgauto\"\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直射日光が当たってシミができやすい\u003c\/li\u003e\n    \u003cli\u003e頭皮にできた傷が気になる\u003c\/li\u003e\n    \u003cli\u003eニキビや吹き出物ができると目立つ\u003c\/li\u003e\n    \u003cli\u003e頭皮をすっきり洗いたい\u003c\/li\u003e\n    \u003cli\u003e帽子を脱いだ時に臭いが気になる\u003c\/li\u003e\n    \u003cli\u003eシャンプー？ボディーソープ？\u003cbr\u003e\n      何を使ったらいいかわからない\u003c\/li\u003e\n  \u003c\/ul\u003e\n\u003c\/div\u003e\n\n\u003cdiv class=\"smel-area\"\u003e\n  \u003cp class=\"sec-ttl\"\u003eスキンヘッドの悩みはいろいろ。\u003c\/p\u003e\n  \u003cp class=\"worry-img\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_worry-sizen-sp.jpg?080433\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_worry-sizen.png?080433\" alt=\"スキンヘッドの悩みはいろいろ。\" width=\"1200\" height=\"904\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n  \u003c\/p\u003e\n  \u003cp class=\"smell-catch g-A1gothic\"\u003e\n    \u003cspan\u003e頭皮ケアは\u003c\/span\u003e\n    \u003cspan\u003e皮脂量のバランスが大切です。\u003c\/span\u003e\n  \u003c\/p\u003e\n  \u003cp class=\"smell-catch-img\"\u003e\n    \u003cpicture\u003e\n      \u003csource media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_smell-sizen-sp.jpg?0804\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_smell-sizen.jpg\" alt=\"石鹸ひとつで頭皮環境をととのえよう！\" width=\"1200\" height=\"674\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n  \u003c\/p\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-sizen_feature-sizen.png\" alt=\"無添加石鹸\" width=\"1000\" height=\"639\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/p\u003e\n    \u003cp class=\"feature-txt\"\u003e\n      紫外線による刺激や外傷を直接受けてしまうスキンヘッドは、\n      実はデリケートなヘアスタイル。「自然快頭」は、そんなスキンヘッド愛好家の声から誕生した\u003cspan class=\"marker\"\u003e頭皮ケアにこだわった\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 style=\"background-color: rgba(118, 235, 75, 0.1);\"\u003e\n      \u003cdiv class=\"feature-list-ttl\"\u003e\n        \u003cp class=\"txt\" style=\"color: #327604;\"\u003eニーム葉\u003cbr class=\"pc\"\u003eエキス\u003c\/p\u003e\n        \u003cp class=\"img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_nimu.png\" alt=\"ニーム葉エキス\" width=\"280\" height=\"280\" 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 style=\"background-color: rgba(122, 148, 127, 0.1);\"\u003e\n      \u003cdiv class=\"feature-list-ttl\"\u003e\n        \u003cp class=\"txt\" style=\"color: #abd15e;\"\u003eヘナ\u003c\/p\u003e\n        \u003cp class=\"img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_hena.png\" alt=\"ヘナ\" width=\"280\" height=\"280\" 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      汚れを落とす働きだけでなく、素肌を保護し整える働きも。\u003cbr\u003e\n      顔やからだの肌荒れが気になる時にもお使いいただけます。\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\" alt=\"素材のこだわり\" width=\"840\" height=\"840\" 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=\"840\" height=\"840\" 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 media=\"(max-width:767px)\" srcset=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_worry-use-sp.jpg?080433\"\u003e\n      \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sizen_worry-use.jpg?080433\" alt=\"大事なのは“きちんと汚れを落とす”“保湿する”こと。「自然快頭」で手軽に快適に！\" width=\"1200\" height=\"1263\" loading=\"lazy\" class=\"imgauto\"\u003e\u003c\/picture\u003e\n  \u003c\/p\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":46957499908351,"sku":"otona-103","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957499941119,"sku":"otona-103-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957499973887,"sku":"otona-103-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-103_main_4f1907bb-c432-423c-8685-f2d3ab997798.jpg?v=1761294980"},{"product_id":"hishi","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-hishi_main-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-hishi_main.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-hishi_intro_sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-hishi_intro_hishi.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鼻の頭や頬、おでこのテカリが気になる\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-hishi_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。\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=\"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-hishi_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=\"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-hishi_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      \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-hishi_use-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-hishi_use.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これが皮脂バランスのポイントです。ゴシゴシこすらなくても、 \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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"単品","offer_id":46957500039423,"sku":"otona-104","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957500072191,"sku":"otona-104-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957500104959,"sku":"otona-104-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-104_main_c7bf980e-f21a-4d4d-a86a-ee4b2eb4afb0.jpg?v=1761294980"},{"product_id":"ryokan","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-ryokan_main-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-ryokan_main.jpg\" alt=\"男十撫せっけん 〜涼感無双〜 クールダウン OTONA bar soap\" width=\"1460\" height=\"1453\" 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-ryokan_intro-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-ryokan_intro.jpg\" alt=\"爽快感。\" width=\"1460\" height=\"490\" 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スッとするクール感が好み\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-ryokan_feature.png\" alt=\"無添加石鹸\" width=\"1200\" height=\"760\" 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涼感無双\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=\"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-ryokan_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=\"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-ryokan_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に包まれる全身洗いが最高！\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-ryokan_use-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-ryokan_use.jpg\" alt=\"乾燥対策\" width=\"1460\" height=\"1483\" 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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"単品","offer_id":46957500334335,"sku":"otona-105","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957500367103,"sku":"otona-105-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957500399871,"sku":"otona-105-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-105_main_36e4878b-0302-4059-bdaa-d61744f20b5b.jpg?v=1761294980"},{"product_id":"otona-107","title":"男十撫せっけん ソープ＆石けん置きセット","description":"\u003cp class=\"product-text\"\u003e男十撫せっけんと石鹸台をセットにしたギフト。\u003cbr\u003e\u003cbr\u003e男十撫せっけん全シリーズ「綺麗な男足」「無我無臭」「自然快頭」「涼感無双」「全身全麗」「皮脂滅裂」「茄子がまま」の中からお好きな石鹸を1点お選びください。 石鹸台はウレタンスポンジ製で、デリケートな石鹸を保持するのにピッタリのアイテムです。\u003cbr\u003e\u003cbr\u003e※7種の男十撫せっけんの中からご希望の商品をお一つお選びいただきお買い物カートへお進みください。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv id=\"product_description2\"\u003e\n\u003ccenter\u003e\n\u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a01.jpg\"\u003e\u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a02.jpg\"\u003e \u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a03_2_02.jpg\"\u003e \u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a044_02.jpg\"\u003e   \u003cbr\u003e\n\u003c\/center\u003e\n\u003cp class=\"p-title-bgb\"\u003eギフトボックスサイズ\u003c\/p\u003e\n\u003cp class=\"p-title-txt\"\u003eW190 × D100 × H40\u003c\/p\u003e\n\u003cbr\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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"綺麗な男足","offer_id":46887994163455,"sku":"otona-107kirei","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭","offer_id":46887994196223,"sku":"otona-107muga","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭","offer_id":46887994228991,"sku":"otona-107sizen","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双","offer_id":46887994261759,"sku":"otona-107ryoukan","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂","offer_id":46887994294527,"sku":"otona-107hishi","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗","offer_id":46887994327295,"sku":"otona-107zensin","price":2200.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま","offer_id":46943603851519,"sku":null,"price":2200.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-107_main_1af94385-835c-4e8a-9f6f-970f41695409.jpg?v=1745233813"},{"product_id":"otona-108","title":"男十撫せっけん ベストソープセット","description":"\u003cp class=\"product-text\"\u003e男十撫せっけん2点と石鹸台をセットにした人気のギフトセット。\u003cbr\u003e\u003cbr\u003e男十撫せっけん全シリーズ「綺麗な男足」「無我無臭」「自然快頭」「涼感無双」「全身全麗」「皮脂滅裂」「茄子がまま」の中からお好きな石鹸を2点お選びください。 石鹸台はウレタンスポンジ製で、デリケートな石鹸を保持するのにピッタリのアイテムです。\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e\u003cbr\u003e※７種の男十撫せっけんの中からご希望の商品をお二つお選びいただきお買い物カートへお進みください。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv id=\"product_description2\"\u003e\n\u003ccenter\u003e\n\u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a01.jpg\"\u003e \u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_b03-3_02.jpg\"\u003e \u003cimg border=\"0\" width=\"700\" style=\"max-width:700px;\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_gift_a044_02.jpg\"\u003e \u003cbr\u003e\n\u003c\/center\u003e\n\u003cp class=\"p-title-bgb\"\u003eギフトボックスサイズ\u003c\/p\u003e\n\u003cp class=\"p-title-txt\"\u003eW190 × D100 × H40\u003c\/p\u003e\n\u003cp class=\"p-title-bgb\"\u003eご注文に関するお願い\u003c\/p\u003e\n\u003cp class=\"p-title-txt\"\u003eご注文数量によっては、ご希望の配達日時にお届けできない場合もございます。詳しくは当店からお送りする受注確認メールの内容をご確認ください。 50セット以上のご注文をご希望の場合は、お手数ですが当店までお問い合わせください。在庫確認した後、担当者から改めてご連絡させていただきます。\u003c\/p\u003e\n\u003cbr\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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"綺麗な男足(1) ＆ 綺麗な男足(2)","offer_id":46887925219583,"sku":"otona-108kirei-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 無我無臭(2)","offer_id":46887925252351,"sku":"otona-108muga-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 自然快頭(2)","offer_id":46887925285119,"sku":"otona-108sizen-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 涼感無双(2)","offer_id":46887925317887,"sku":"otona-108ryoukan-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 皮脂滅裂(2)","offer_id":46887925350655,"sku":"otona-108hisi-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 全身全麗(2)","offer_id":46887925383423,"sku":"otona-108zensin-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"綺麗な男足(1) ＆ 茄子がまま(2)","offer_id":46887925416191,"sku":"otona-108nasu-2kirei-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 綺麗な男足(2)","offer_id":46887925448959,"sku":"otona-108kirei-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 無我無臭(2)","offer_id":46887925481727,"sku":"otona-108muga-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 自然快頭(2)","offer_id":46887925514495,"sku":"otona-108sizen-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 涼感無双(2)","offer_id":46887925547263,"sku":"otona-108ryoukan-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 皮脂滅裂(2)","offer_id":46887925580031,"sku":"otona-108hisi-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 全身全麗(2)","offer_id":46887925612799,"sku":"otona-108zensin-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"無我無臭(1) ＆ 茄子がまま(2)","offer_id":46887925645567,"sku":"otona-108nasu-2muga-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 綺麗な男足(2)","offer_id":46887925678335,"sku":"otona-108kirei-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 無我無臭(2)","offer_id":46887925711103,"sku":"otona-108muga-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 自然快頭(2)","offer_id":46887925743871,"sku":"otona-108sizen-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 涼感無双(2)","offer_id":46887925776639,"sku":"otona-108ryoukan-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 皮脂滅裂(2)","offer_id":46887925809407,"sku":"otona-108hisi-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 全身全麗(2)","offer_id":46887925842175,"sku":"otona-108zensin-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"自然快頭(1) ＆ 茄子がまま(2)","offer_id":46887925874943,"sku":"otona-108nasu-2sizen-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 綺麗な男足(2)","offer_id":46887925907711,"sku":"otona-108kirei-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 無我無臭(2)","offer_id":46887925940479,"sku":"otona-108muga-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 自然快頭(2)","offer_id":46887925973247,"sku":"otona-108sizen-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 涼感無双(2)","offer_id":46887926006015,"sku":"otona-108ryoukan-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 皮脂滅裂(2)","offer_id":46887926038783,"sku":"otona-108hisi-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 全身全麗(2)","offer_id":46887926071551,"sku":"otona-108zensin-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"涼感無双(1) ＆ 茄子がまま(2)","offer_id":46887926104319,"sku":"otona-108nasu-2ryoukan-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 綺麗な男足(2)","offer_id":46887926137087,"sku":"otona-108kirei-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 無我無臭(2)","offer_id":46887926169855,"sku":"otona-108muga-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 自然快頭(2)","offer_id":46887926202623,"sku":"otona-108sizen-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 涼感無双(2)","offer_id":46887926235391,"sku":"otona-108ryoukan-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 皮脂滅裂(2)","offer_id":46887926268159,"sku":"otona-108hisi-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 全身全麗(2)","offer_id":46887926300927,"sku":"otona-108zensin-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"皮脂滅裂(1) ＆ 茄子がまま(2)","offer_id":46887926333695,"sku":"otona-108nasu-2hisi-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 綺麗な男足(2)","offer_id":46887926366463,"sku":"otona-108kirei-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 無我無臭(2)","offer_id":46887926399231,"sku":"otona-108muga-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 自然快頭(2)","offer_id":46887926431999,"sku":"otona-108sizen-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 涼感無双(2)","offer_id":46887970504959,"sku":"otona-108ryoukan-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 皮脂滅裂(2)","offer_id":46887927841023,"sku":"otona-108hisi-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 全身全麗(2)","offer_id":46887928594687,"sku":"otona-108zensin-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"全身全麗(1) ＆ 茄子がまま(2)","offer_id":46887928627455,"sku":"otona-108nasu-2zensin-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 綺麗な男足(2)","offer_id":46887928660223,"sku":"otona-108kirei-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 無我無臭(2)","offer_id":46887931576575,"sku":"otona-108muga-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 自然快頭(2)","offer_id":46887932264703,"sku":"otona-108sizen-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 涼感無双(2)","offer_id":46887933116671,"sku":"otona-108ryoukan-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 皮脂滅裂(2)","offer_id":46887933149439,"sku":"otona-108hisi-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 全身全麗(2","offer_id":46887933837567,"sku":"otona-108zensin-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true},{"title":"茄子がまま(1) ＆ 茄子がまま(2)","offer_id":46887934034175,"sku":"otona-108nasu-2nasu-1","price":3850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-108_main_3794253d-70a6-4f1b-9520-669bf668228e.jpg?v=1745233821"},{"product_id":"otona-109","title":"男十撫せっけん 6種ソープセット","description":"\u003cp class=\"product-text\"\u003e男十撫せっけん全シリーズをお試しいただけるミニソープセット。\u003cbr\u003e「綺麗な男足」「無我無臭」「自然快頭」「涼感無双」「全身全麗」「皮脂滅裂」のミニソープバージョン（55g）です。\u003cbr\u003e男十撫せっけんオリジナルのギフトボックスに入っており、ギフトにもおすすめです。\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cdiv id=\"product_description2\"\u003e\u003ccenter\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_6gift_001.jpg\" width=\"700\" border=\"0\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_6gift_01_2.jpg?v=1748229083\" width=\"700\" border=\"0\"\u003e \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona_6gift_03.jpg\" width=\"700\" border=\"0\"\u003e  \u003c\/center\u003e\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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":46802157371647,"sku":"otona-109","price":5170.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-109_main_20bb9f8a-58e1-4751-8f51-073e39922fa4.jpg?v=1745233829"},{"product_id":"otona-nasu","title":"茄子がまま　110g","description":"\u003c!-- 下部説明文 --\u003e\n\u003ch3 class=\"product-title\"\u003e摂津市銘品と男十撫せっけんがコラボ！\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003e\n\t摂津市の名産品である鳥飼なすを配合し、使い心地だけでなく、見た目にもこだわって作り上げた石鹸です。\u003cbr\u003e\n\t保湿力が高く、キメ細かい泡立ちが特徴で、洗顔や全身洗い用としてもお使いいただける万能タイプの石鹸です。\n\u003c\/p\u003e\n\t\n\t\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/nasu_main011.jpg\" alt=\"なすがまま\"\u003e\u003c\/p\u003e\n\t\n\t\u003ch3 class=\"product-title\"\u003eこだわりの成分\u003c\/h3\u003e\n\t\u003cp class=\"product-text\"\u003e\n\t\tまぼろしのなすともいわれる、なにわの伝統野菜「鳥飼なす」。摂津市内の農家さんが栽培した鳥飼なすの希少な果実エキスを配合しました。\n\t\u003c\/p\u003e\n\t\u003cbr\u003e\n\t\t\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/nasu_seibun1.jpg\" alt=\"鳥飼なす\"\u003e\u003c\/p\u003e\n\t\u003ctable class=\"product-table2\"\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eこだわり成分①　ナス果実エキス\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\n\t\t\t\tポリフェノールやアントシアニンを豊富に含み、肌にうるおいを与え、ハリ・弾力感を保ちます。また、紫外線による肌ダメージを和らげ、肌の黒化や老化から肌を守る働きも。\n\t\t\t\t\u003cbr\u003e\n\t\t\t\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003cbr\u003e\n\t\t\u003cbr\u003e\n\t\t\u003cbr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eこだわり成分②　コメエキス\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\n\t\t\t\t米から抽出したタンパク成分が、肌になめらかにフィットして、細かい汚れもくるんでいきます。素肌をいたわり、なめらかな肌に洗い上げます。\n\t\t\t\t\u003cbr\u003e\n\t\t\t\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003cbr\u003e\n\t\t\u003cbr\u003e\n\t\t\u003cbr\u003e\n\t\t\t\t\u003ctr\u003e\n\t\t\t\u003cth\u003eこだわり成分③　ラベンダー\u003c\/th\u003e\n\t\t\u003c\/tr\u003e\n\t\t\u003ctr\u003e\n\t\t\t\u003ctd\u003e\n\t\t\t\tリラックス作用や安眠作用が期待できるフレッシュな香りの精油で、肌トラブルを抑えたり、くすみやシミの予防といったエイジングケアにも優れた万能オイルです。\n\t\t\t\t\u003cbr\u003e\n\t\t\t\u003c\/td\u003e\n\t\t\u003c\/tr\u003e\n\t\u003c\/table\u003e\n\t\n\t\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/nasu_seibun.jpg\" alt=\"ナス果実エキス\"\u003e\u003c\/p\u003e\n\t\n\t\u003ch3 class=\"product-title\"\u003eパッケージデザイン\u003c\/h3\u003e\n\t\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/nasu_packege.jpg\" alt=\"ナスガママ\"\u003e\u003c\/p\u003e\n\t\n\t\u003cp class=\"product-text\"\u003e\n\t\t　摂津市には大小あわせて4000社以上の事業所が存在し、夜間より昼間の人口が多くなる、いわゆる「産業のまち」。\u003cbr\u003e\u003cbr\u003e\nこの町の匠達が作り出す製品群を「父の産物」とし、大地で生まれ育った鳥飼なすを「母（ママ）の恵み」と位置づけ、摂津市銘品の鳥飼なすを前面にうちだしたパッケージデザインを考案しました。\u003cbr\u003e\u003cbr\u003e\n母なる茄子に抱かれてスヤスヤ眠る男十撫せっけんのキャラクター（ベビーバージョン）、枕を持って茄子の元へ向かい、いまにも眠りにつきそうなセッピー（摂津市キャラクター）を登場させ、母の大いなる優しさや包容力を表現しました。\u003cbr\u003e\n\u003cbr\u003e\n\t\u003c\/p\u003e\n\t\n\n\u003c!-- 下部説明文 ココマデ--\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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"単品","offer_id":46957500432639,"sku":"otona-nasu","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957500465407,"sku":"otona-nasu-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957500498175,"sku":"otona-nasu-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-nasu_main_58b450af-f941-4cc0-8149-73d6420109be.jpg?v=1749714462"},{"product_id":"otona-sente","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-sente_main-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sente_main01.jpg\" alt=\"男十撫せっけん 〜洗手必勝〜 手洗い OTONA bar soap\" width=\"1460\" height=\"1453\" 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-sente_intro-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sente_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アルコール除菌をマメに行う\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-sente_feature.png\" alt=\"無添加石鹸\" width=\"1200\" height=\"760\" 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「整えるキレイ」\u003c\/span\u003e、2つのキレイに働きかけていきます。\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=\"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-sente_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=\"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-sente_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?v=1748226398\" 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を用いたソープデザイン。そこに自信を表す\u003cspan class=\"marker\"\u003e「金」\u003c\/span\u003eを散りばめました。縁起物のだるまをモチーフにしたパッケージもユニークです。手洗いだけじゃなく\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-sente_use-sp.jpg\" media=\"(max-width:767px)\"\u003e\n        \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sente_use.jpg\" alt=\"乾燥対策\" width=\"1460\" height=\"1483\" 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手洗い30秒ルール\u003c\/span\u003e\n        洗い残しのない手洗いには、しっかり30秒洗うことがポイント。\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\u003c\/style\u003e","brand":"cocoon-soap","offers":[{"title":"単品","offer_id":46957500530943,"sku":"otona-sente","price":1650.0,"currency_code":"JPY","in_stock":true},{"title":"5個セット／5%OFF","offer_id":46957500563711,"sku":"otona-sente-5","price":7838.0,"currency_code":"JPY","in_stock":true},{"title":"10個セット／10%OFF","offer_id":46957500596479,"sku":"otona-sente-10","price":14850.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/otona-sente_main_cc946a88-4e74-41ed-b17f-f9e75e108e76.jpg?v=1749714444"},{"product_id":"gel","title":"スキンコントローラージェル　70g","description":"\u003ch3 class=\"product-title\"\u003eヒゲ剃り、脱毛後の素肌ケアに。清潔感あるツルツヤ肌へ。\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eヒゲ剃りや脱毛後のデリケートな肌の保湿やバリア機能など、オールマイティに使える美容ジェルです。\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e\u003cbr\u003e濃いヒゲや、しつこいムダ毛・うぶ毛にお悩みの方や、しみやたるみなどのエイジングサインが気になり始めた方におすすめ。カミソリ負けや、脱毛後の肌トラブル予防にも！\u003cbr\u003e\u003cbr\u003eすでに伸びている毛を薄くするのではなく、これから生えてこようとする新しい毛に働きかけます。ヒゲやムダ毛を処理した後にお使いいただくのがおすすめです。\u003cbr\u003e\u003cbr\u003e天然精油を配合したビターオレンジの爽やかな香りがほのかに。お手入れしながら、気分もすっきりと浄化されていくよう。\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e \u003c\/p\u003e\n\u003cdiv id=\"product_description2\"\u003e\n\u003ctable class=\"product-table\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eこんなお悩みに\u003c\/th\u003e\n\u003ctd\u003e脱毛後の肌ケア、トラブル予防に\u003cbr\u003eムダ毛やうぶ毛の予防に\u003cbr\u003e濃いヒゲ・青ヒゲの悩みに\u003cbr\u003eヒゲ剃り後の肌トラブル予防に\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cbr\u003e\u003cbr\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/ac_gel_face.jpg\" alt=\"スキンコントローラージェル\"\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e整える、守る、抑える。\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eスキンコントローラージェルは、ヒゲやムダ毛のお悩みだけでなく、加齢（エイジング）とともに気になりはじめるお肌の乾燥やくすみ、ツヤ感といったお悩みにもこたえていく美容ジェルです。\u003cbr\u003e「整える、守る、抑える」といった３つのアプローチで肌に働きかけ、バランスの整ったつや肌へと導いていきます。\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/ac_gelpont2.jpg\" alt=\"エイジングケア\"\u003e\u003c\/p\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/ac_gelimage.jpg\" alt=\"抑毛\"\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e大人のツルツヤ肌へ。厳選したこだわりエッセンス\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003e素材の安定性や品質にこだわり、厳選した成分を配合しました。\u003cbr\u003e毛根や角質層になじむよう、美容成分をナノサイズに加工する特別な技術を活用しています。\u003cbr\u003e\u003c\/p\u003e\n\u003cp class=\"product-text\"\u003e \u003c\/p\u003e\n\u003ctable class=\"product-table2\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003e整える＆守る スキンケア\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eプラセンタエキス、EGF、ザクロエキス、アルブチン、イザヨイバラエキス 等\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003e抑える スキンケア\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eラレアディバリカタ葉エキス、プエラリアミリフィカ根エキス、アカツメクサ花エキス\u003cbr\u003e\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/ac_gelseibun.jpg\" alt=\"成分\"\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e効果的なご使用方法\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eスキンコントローラージェルは、朝と夜の2回、お使いいただくことをおすすめしています。洗顔や入浴後の肌になじませてください。\u003c\/p\u003e\n\u003cbr\u003e\n\u003ctable class=\"product-table2\"\u003e\n\u003ctbody\u003e\n\u003ctr\u003e\n\u003cth\u003eヒゲ・ムダ毛を処理した後に\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eすでに伸びている毛を薄くするのではなく、これから生えてこようとする新しい毛に働きかけ、毛の成長そのものを抑制していきます。そのため、カミソリ処理やムダ毛を処理した後にお使いいただくのが効果的なご使用法です。ムダ毛処理後にありがちな毛穴の乾燥や黒ずみも、ジェルに配合した美容成分で、潤いやツヤを与えていきます。\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003cth\u003e1日2回、継続的なケアを\u003c\/th\u003e\n\u003c\/tr\u003e\n\u003ctr\u003e\n\u003ctd\u003eより早く実感されたい方は1日2回、朝晩のご使用がおすすめです。即効性を感じることは難しいですが、毎日継続してお使いいただくことが大切です。\u003cbr\u003e\n\u003c\/td\u003e\n\u003c\/tr\u003e\n\u003c\/tbody\u003e\n\u003c\/table\u003e\n\u003cp class=\"product-img\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/skingel_099.jpg\" alt=\"ヒゲ\"\u003e\u003c\/p\u003e\n\u003cbr\u003e\n\u003cdiv class=\"clear\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":46940114223359,"sku":"as-120","price":4950.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/000000000055-01-xl.jpg?v=1750777208"},{"product_id":"shampoo03","title":"アンサーシャンプー　潤い　300mL","description":"\u003ch3 class=\"product-title\"\u003e髪や頭皮の悩みに答えるシャンプー\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eアンサーシャンプーは、トラブルケアとグルーミングケアを同時に叶える機能性コスメです。\u003cbr\u003e 髪の悩みや頭皮のトラブルなどに対して、ボタニカルエッセンスの力を活用し、肌環境の乱れを洗いながらしっかり整え、トラブルの根本から徹底ケアしていく、スキンケアをベースに開発し誕生したコスメシリーズです。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003ch3 class=\"product-title\"\u003e乾燥の悩みに　「アンサーソープシャンプー　潤い」\u003c\/h3\u003e\n      \u003cp class=\"product-text\"\u003e「乾燥によるかゆみ肌、敏感肌、傷ついた頭皮の悩みに答えを」\u003cbr\u003e \u003cbr\u003e 頭皮や髪に負担をかけないアミノ酸系洗浄成分を使用し、髪のボリュームダウンや元気のない毛髪や頭皮の悩みケアのためにセレクトした植物由来成分などの美容エッセンスを贅沢に配合しました。\u003cbr\u003e スマートなボトルデザインも、アンサーソープシリーズのこだわりの一つです。\u003c\/p\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":47021237272831,"sku":"ass-103","price":4180.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/000000000050-01.jpg?v=1752131389"},{"product_id":"shampoo02","title":"アンサーシャンプー　太髪　300mL","description":"\u003ch3 class=\"product-title\"\u003e髪や頭皮の悩みに答えるシャンプー\u003c\/h3\u003e\n\u003cp class=\"product-text\"\u003eアンサーシャンプーは、トラブルケアとグルーミングケアを同時に叶える機能性コスメです。\u003cbr\u003e 髪の悩みや頭皮のトラブルなどに対して、ボタニカルエッセンスの力を活用し、肌環境の乱れを洗いながらしっかり整え、トラブルの根本から徹底ケアしていく、スキンケアをベースに開発し誕生したコスメシリーズです。\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n \u003ch3 class=\"product-title\"\u003e薄毛の悩みに　「アンサーソープシャンプー　太髪」\u003c\/h3\u003e\n      \u003cp class=\"product-text\"\u003e「皮脂、痩せた髪、毛髪サイクル、髪のコシの悩みに答えを」\u003cbr\u003e \u003cbr\u003e 頭皮や髪に負担をかけないアミノ酸系洗浄成分を使用し、髪のボリュームダウンや元気のない毛髪や頭皮の悩みケアのためにセレクトした植物由来成分などの美容エッセンスを贅沢に配合しました。\u003cbr\u003e スマートなボトルデザインも、アンサーソープシリーズのこだわりの一つです。\u003c\/p\u003e","brand":"cocoon-soap","offers":[{"title":"Default Title","offer_id":47021244383487,"sku":"as-108","price":4180.0,"currency_code":"JPY","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/files\/000000000049-01.jpg?v=1752131389"}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0722\/2529\/2543\/collections\/top_cate_mens.jpg?v=1750901994","url":"https:\/\/cocoon-soap.live\/collections\/mens.oembed","provider":"石鹸工房COCOON（コクーン）","version":"1.0","type":"link"}