https://bihadado.tokyo/_next/static/chunks/pages/sample_ui-be719bdb5d6a8751.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6019],{94184:function(e,n){var t;!function(){"use strict";var s={}.hasOwnProperty;function i(){for(var e=[],n=0;n<arguments.length;n++){var t=arguments[n];if(t){var c=typeof t;if("string"===c||"number"===c)e.push(t);else if(Array.isArray(t)){if(t.length){var o=i.apply(null,t);o&&e.push(o)}}else if("object"===c){if(t.toString===Object.prototype.toString)for(var a in t)s.call(t,a)&&t[a]&&e.push(a);else e.push(t.toString())}}}return e.join(" ")}e.exports?(i.default=i,e.exports=i):void 0!==(t=(function(){return i}).apply(n,[]))&&(e.exports=t)}()},73294:function(e,n,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sample_ui",function(){return t(22622)}])},66632:function(e,n,t){"use strict";var s=t(85893),i=t(25977),c=t.n(i),o=t(40394),a=t(51664);n.Z=e=>{let{className:n,isReverse:t=!1}=e;return(0,s.jsx)("section",{className:"".concat(c().freeConsultationSection," ").concat(n||""),children:(0,s.jsxs)("div",{className:"sectionInner",children:[(0,s.jsxs)(o.Z,{level:"h3",variant:"section",children:["診察は無料。",(0,s.jsx)("br",{className:"md"}),"気軽に医師へご相談を"]}),(0,s.jsxs)("div",{className:"".concat(c().contentWrapper," ").concat(t?c().reverse:""),children:[(0,s.jsx)("div",{className:c().imageWrapper,children:(0,s.jsx)(a.Z,{src:"/about/about_1.png?250910",alt:"診察無料のバナー"})}),(0,s.jsxs)("div",{className:c().textContent,children:[(0,s.jsx)("p",{children:"東京美肌堂では、初診料・再診料・処方箋料がすべて無料です。お薬代（システム利用料込）と送料以外の費用は発生せず、明確な料金体系でご利用いただけます。"}),(0,s.jsx)("p",{children:"お薬のご購入は診察後にご検討いただけますので、まずはお気軽に医師へご相談ください。"})]})]})]})})}},94068:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(78872),c=t.n(i),o=t(40394),a=t(51664);n.Z=e=>{let{className:n,isReverse:t=!1}=e;return(0,s.jsx)("section",{className:"".concat(c().homeConsultationSection," ").concat(n||""),children:(0,s.jsxs)("div",{className:"sectionInner",children:[(0,s.jsxs)(o.Z,{level:"h3",variant:"section",children:["スマホひとつで、",(0,s.jsx)("br",{className:"md"}),"自宅から受診"]}),(0,s.jsxs)("div",{className:"".concat(c().contentWrapper," ").concat(t?c().reverse:""),children:[(0,s.jsx)("div",{className:c().imageWrapper,children:(0,s.jsx)(a.Z,{src:"/about/about_4.png",alt:"スマホで診察のイラスト"})}),(0,s.jsxs)("div",{className:c().textContent,children:[(0,s.jsx)("p",{children:"東京美肌堂のオンライン診療は、スマートフォンひとつでご自宅から受診できます。"}),(0,s.jsx)("p",{children:"通院の手間がなく、ご自身の生活スタイルに合わせて、無理なく美肌づくりを始められます。"})]})]})]})})}},95345:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(4146),c=t.n(i),o=t(40394),a=t(51664);n.Z=e=>{let{className:n,isReverse:t=!1}=e;return(0,s.jsx)("section",{className:"".concat(c().homeDeliverySection," ").concat(n||""),children:(0,s.jsxs)("div",{className:"sectionInner",children:[(0,s.jsxs)(o.Z,{level:"h3",variant:"section",children:["お薬はご自宅に。",(0,s.jsx)("br",{className:"md"}),"最短翌日発送"]}),(0,s.jsxs)("div",{className:"".concat(c().contentWrapper," ").concat(t?c().reverse:""),children:[(0,s.jsx)("div",{className:c().imageWrapper,children:(0,s.jsx)(a.Z,{src:"/about/about_5.png",alt:"お薬配送のイラスト"})}),(0,s.jsx)("div",{className:c().textContent,children:(0,s.jsx)("p",{children:"ご購入手続き完了後、お薬は最短で翌日に発送いたします。薬局に立ち寄る手間がなく、ご自宅でお薬をお受け取りいただけます。"})})]})]})})}},68857:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(24548),c=t.n(i),o=t(40394),a=t(51664);n.Z=e=>{let{isReverse:n=!1}=e;return(0,s.jsx)("section",{className:c().onlineFollowSection,children:(0,s.jsxs)("div",{className:"sectionInner",children:[(0,s.jsx)(o.Z,{level:"h3",variant:"section",children:"ã‚

1ªãƒ³ãƒ©ã‚¤ãƒ³ã ã‹ã‚‰ã“そできる、丁寧なフォロー"}),(0,s.jsxs)("div",{className:"".concat(c().contentWrapper," ").concat(n?c().reverse:""),children:[(0,s.jsx)("div",{className:c().imageWrapper,children:(0,s.jsx)(a.Z,{src:"/about/about_6.png",alt:"オンラインフォローのイラスト"})}),(0,s.jsxs)("div",{className:c().textContent,children:[(0,s.jsx)("p",{className:c().textContentText,children:"診察後も、LINEを通じていつでもご相談いただけます。お薬の飲み合わせなど、一般的な内容についてはチャットでのご回答も可能です。医師・薬剤師の監修のもと、服薬中の不安やお肌の変化についても丁寧にサポートいたします。"}),(0,s.jsx)("p",{className:c().textContentNote,children:"※お肌の状態によっては、再診をご案内させていただく場合があります。"})]})]})]})})}},70969:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(18468),c=t.n(i),o=t(39689),a=t(40394),r=t(51664);n.Z=e=>{let{className:n,isReverse:t=!1}=e;return(0,s.jsx)("section",{className:"".concat(c().smoothExperienceSection," ").concat(n||""),children:(0,s.jsxs)("div",{className:"sectionInner",children:[(0,s.jsxs)(a.Z,{level:"h3",variant:"section",children:["時間にしばられない、",(0,s.jsx)("br",{className:"md"}),"スムーズな診療体験"]}),(0,s.jsxs)("div",{className:"".concat(c().contentWrapper," ").concat(t?c().reverse:""),children:[(0,s.jsx)("div",{className:c().imageWrapper,children:(0,s.jsx)(r.Z,{src:"/about/about_3.png",alt:"診療時間のイラスト"})}),(0,s.jsxs)("div",{className:c().textContent,children:[(0,s.jsxs)("p",{children:["東京美肌堂では、平日だけでなく土日祝日も、",o.zB,"診療を行っています。家事の合間やリラックスタイムなど、ご都合の良いタイミングで受診可能です。"]}),(0,s.jsx)("p",{children:(0,s.jsx)(r.Z,{src:"/about/about_2.webp",alt:"診療時間のイラスト"})})]})]})]})})}},58789:function(e,n,t){"use strict";t.d(n,{C:function(){return r}});var s=t(85893),i=t(67294),c=t(51664),o=t(49598),a=t.n(o);let r=e=>{let{children:n,onClick:t}=e,[o,r]=(0,i.useState)(!1);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("h3",{className:a().arrowButton,onClick:t,onTouchMove:()=>{r(!0)},onTouchEnd:e=>{if(o){r(!1);return}t(e)},children:[n,(0,s.jsxs)("span",{className:a().arrowContent,children:[(0,s.jsx)(c.Z,{className:a().arrow,src:"common/icon/icon_arrow_right.svg",width:20}),(0,s.jsx)(c.Z,{className:a().arrow_on,src:"common/icon/icon_arrow_right_on.svg",width:20})]})]})})}},16159:function(e,n,t){"use strict";var s=t(85893),i=t(90512);t(67294);var c=t(96539),o=t.n(c),a=t(40394),r=t(51664);n.Z=e=>{let{title:n,beforeImage:t,afterImage:c,patientInfo:l,treatmentDetails:m,sideEffects:d,disclaimer:p,layout:h="--pattern1"}=e;return(0,s.jsxs)("section",{className:o().section,children:[(0,s.jsx)(a.Z,{level:"h3",variant:"section",children:n}),(0,s.jsxs)("div",{className:o().beforeAfterContent,children:[(0,s.jsxs)("div",{className:o().imagesArea,children:[(0,s.jsxs)("div",{className:o().imagesContainer,children:[(0,s.jsxs)("div",{className:o().imageWrapper,children:[(0,s.jsx)(r.Z,{src:t,alt:"治療前",className:o().beforeAfterImage}),(0,s.jsx)("div",{className:"".concat(o().imageLabel," ").concat(o().beforeLabel),children:"Before"})]}),(0,s.jsxs)("div",{className:o().imageWrapper,children:[(0,s.jsx)(r.Z,{src:c,alt:"治療後",className:o().beforeAfterImage}),(0,s.jsx)("div",{className:"".concat(o().imageLabel," ").concat(o().afterLabel),children:"After"})]})]}),(d||p)&&"--pattern2"===h&&(0,s.jsxs)("div",{className:(0,i.Z)(o().imagesNotionArea,o().isPC),children:[(0,s.jsxs)("div",{className:o().imagesSideEffects,children:[(0,s.jsx)("p",{children:"【副作⽤】"}),(0,s.jsx)("p",{children:d})]}),(0,s.jsxs)("div",{className:o().imagesDisclaimer,children:[(0,s.jsx)("p",{children:"【症例画像の補⾜】"}),(0,s.jsx)("p",{children:p})]})]})]}),(0,s.jsxs)("div",{className:o().treatmentDetails,children:[(0,s.jsx)("div",{className:o().patientInfo,children:l}),(0,s.jsx)("div",{className:o().treatmentInfo,children:m.map((e,n)=>(0,s.jsxs)("div",{className:o().detailItem,children:[(0,s.jsx)("h4",{children:e.title}),(0,s.jsx)("p",{className:o().mainText,children:e.mainText}),e.subText&&(0,s.jsx)("p",{className:o().subText,children:e.subText})]},n))})]}),(d||p)&&"--pattern2"===h&&(0,s.jsxs)("div",{className:(0,i.Z)(o().imagesNotionArea,o().isSP),children:[(0,s.jsxs)("div",{className:o().imagesSideEffects,children:[(0,s.jsx)("p",{children:"【副作⽤】"}),(0,s.jsx)("p",{children:d})]}),(0,s.jsxs)("div",{className:o().imagesDisclaimer,children:[(0,s.jsx)("p",{children:"【症例画像ã

1®è£œâ¾œã€‘"}),(0,s.jsx)("p",{children:p})]})]})]}),(d||p)&&"--pattern1"===h&&(0,s.jsxs)("div",{className:o().notesSection,children:[d&&(0,s.jsxs)("div",{className:o().sideEffects,children:[(0,s.jsx)("h4",{children:"【副作用】"}),(0,s.jsx)("p",{children:d})]}),p&&(0,s.jsxs)("div",{className:o().disclaimer,children:[(0,s.jsx)("h4",{children:"※症例画像の補足"}),(0,s.jsx)("p",{children:p})]})]})]})}},91593:function(e,n,t){"use strict";var s=t(85893),i=t(67294),c=t(58411),o=t.n(c);n.Z=e=>{let{items:n,className:t,variant:c="yellow",onItemToggle:a}=e,[r,l]=(0,i.useState)(n.map(e=>e.checked)),m=e=>{let n=[...r];n[e]=!n[e],l(n),a&&a(e,n[e])};return(0,s.jsx)("div",{className:"".concat(o().checklistBox," ").concat(o()[c]," ").concat(t||""),children:(0,s.jsx)("ul",{className:o().checkList,children:n.map((e,n)=>(0,s.jsxs)("li",{className:o().checkItem,onClick:()=>m(n),children:[(0,s.jsx)("span",{className:r[n]?o().checkmark:o().checkbox}),e.text]},n))})})}},58803:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(26775);n.Z=e=>{let{clinicInfo:n,className:t=""}=e,c=[{項目:"診療科目",内容:(0,s.jsxs)("div",{children:[n.specialty,n.note&&(0,s.jsx)("div",{style:{fontSize:"0.8125rem",color:"#666666",marginTop:"0.25rem"},children:n.note})]})},...n.doctor?[{項目:"院長",内容:n.doctor}]:[],{項目:"お問合せ先",内容:n.phone},{項目:"アクセス",内容:n.address},...n.operator?[{項目:"運営事業者",内容:n.operator}]:[]];return(0,s.jsx)(i.Z,{data:c,className:"clinicTable ".concat(t),bordered:!0,responsive:!0,size:"medium",mobileCardLayout:!0})}},48639:function(e,n,t){"use strict";var s=t(85893),i=t(90512);t(67294);var c=t(56929),o=t.n(c);n.Z=e=>{let{className:n}=e;return(0,s.jsx)("section",{className:"".concat(o().doctorInterviewSection," ").concat(n||""),children:(0,s.jsx)("div",{className:(0,i.Z)("sectionInner",o().sectionInner),children:(0,s.jsx)("a",{href:"https://bihadado.tokyo/media/50113/",className:o().contentWrapper,children:(0,s.jsxs)("picture",{children:[(0,s.jsx)("source",{srcSet:"/images/about/about_7_bnr.png",media:"(min-width: 769px)"}),(0,s.jsx)("source",{srcSet:"/images/about/about_7_sp_bnr.png",media:"(max-width: 768px)"}),(0,s.jsx)("img",{src:"/images/about/about_7_bnr.png",alt:"都丸真依子先生のインタビューはこちら"})]})})})})}},30430:function(e,n,t){"use strict";t.d(n,{Q:function(){return m}});var s=t(85893),i=t(9473),c=t(70043),o=t(955),a=t(75715),r=t.n(a);let l=["L-システイン","ビタミンC","ビタミンB2","ビタミンE","ビタミンB6","トラネキサム酸","ビオチン","ハイドロキノン","酪酸菌","アダパレン","トレチノイン","ビタミンC誘導体クリーム"],m={l1:"L-システイン",l2:"ビタミンC",l3:"ビタミンB2",l4:"ビタミンE",l5:"ビタミン B6",l6:"トラネキサム酸",l7:"ビオチン",l8:"ハイドロキノン",l9:"酪酸菌",l10:"アバタレン",l11:"トレチノイン",l12:"ビタミンC誘導体クリーム"};n.Z=e=>{let{includeList:n,className:t}=e,a=(0,i.I0)();return(0,s.jsx)("div",{className:"".concat(r().mainIngredientsWrapper," ").concat(t),children:(0,s.jsx)("ul",{children:l.map((e,t)=>(n.filter(n=>n===e).length>0?e:"")?(0,s.jsx)("li",{className:"include",onClick:()=>{var n;a(o.Z.actions.showModal({header:e,imgPath:void 0,type:"ingredients",body:null===(n=(0,c.VE)(e))||void 0===n?void 0:n.html,isWithCancel:!1,tagList:[]}))},children:e},t):(0,s.jsx)("li",{},t))})})}},97513:function(e,n,t){"use strict";var s=t(85893),i=t(67294),c=t(55078),o=t(9473),a=t(51664),r=t(30430),l=t(98075),m=t(70043),d=t(18960),p=t.n(d);n.Z=e=>{var n;let{setId:t,className:d,isShowPrice:h,isShowPrice2:_}=e;(0,o.I0)();let[x,j]=(0,i.useState)(!1);(0,i.useEffect)(()=>{});let u=(0,m.wp)(t);return(0,s.jsx)(c.Z,{onClickAway:()=>{x&&j(!1)},children:(0,s.jsxs)(l.bw,{className:"".concat(p().medicineComponentWrapper," ").concat(d),thema:l.Iz.typeA_L,children:[u.subtitle?(0,s.jsx)("p",{className:"subtitle",children:u.subtitle}):null,(0,s.jsx)("h4",{className:u.titleType,dangerouslySetInnerHTML:{__html:u.title}}),(0,s.jsxs)("div",{className:"imagingContent",children:[(0,s.jsx)(a.Z,{src:"lineup/".concat(u.imgPath),alt:u.title}),(0,s.jsx)("ul",{className:"efficacy",children:null===(n=u.efficacyList)||void 0===n?void 0:n.map((e,n)=>(0,s.jsx)("li",{children:e},n))})]}),_?(0,s.jsx)("div",{className:"price",dangerouslySetInnerHTML:{__html:u.price2}}):null,(0,s.jsx)("h5",{children:"主要成分"}),(0,s.jsx)(r.Z,{className:"mainIngredientsContent",includeList:u.mainIngred}),h?(0,s.jsx)("div",{className:"price",dangerouslySetInnerHTML:{__html:u.price}}):null]})})}},85750:function(e,n,t){"use strict";var s=t(85893),i=t(90512),c=t(67294),o=t(55078),a=t(9473),r=t(51664),l=t(98075),m=t(89253),d=t(955),p=t(87914),h=t.n(p),_=t(58789),x=t(74039);

1n.Z=e=>{let{setId:n,wrap2:t=!1,showCardDescription:p=!1}=e,j=m.find(e=>e.id===String(n)),u=(0,a.I0)(),[v,N]=(0,c.useState)(!1),g=(null==j?void 0:j.price)?1.1*j.price:void 0;return(0,s.jsx)(o.Z,{onClickAway:()=>{v&&N(!1)},children:(0,s.jsx)("div",{children:j?(0,s.jsx)(l.bw,{className:(0,i.Z)(h().outline,t&&h().wrap2),thema:l.Iz.typeD,children:(0,s.jsxs)("div",{className:"".concat(h().medicineSingleWrapper," "),children:[(0,s.jsx)("ul",{className:h().efficacyContent,children:j.tags.map((e,n)=>(0,s.jsx)("li",{children:(0,s.jsx)(x.Z,{tag:e})},n))}),(0,s.jsx)(r.Z,{className:"mediImg",src:j.thumbnail_img,alt:j.display_name}),p&&j.card_description&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("h2",{className:h().medicineCardTitle,children:j.display_name}),void 0!==j.price&&null!==j.price&&(0,s.jsxs)("p",{className:"".concat(h().medicineCardPrice," ").concat(h().medicineCardPriceDescription),children:[j.price.toLocaleString(),"円／月 ",(0,s.jsxs)("span",{children:["(税込",null==g?void 0:g.toLocaleString(),"円／月)"]})]}),(0,s.jsx)("p",{className:h().medicineCardLead,children:j.card_description})]}),void 0!==j.price&&null!==j.price&&!p&&(0,s.jsxs)("p",{className:h().medicineCardPrice,children:[j.price.toLocaleString(),"円／月 ",(0,s.jsxs)("span",{children:["(税込",null==g?void 0:g.toLocaleString(),"円／月)"]})]}),(0,s.jsx)(_.C,{onClick:()=>{N(!0),j&&u(d.Z.actions.showModal({type:"medicine",header:j.display_name,imgPath:j.thumbnail_img,tagList:j.tags,body:j.description,description:j.description,activeIngredient:j.active_ingredient,efficacy:j.efficacy,dosage:j.dosage,sideEffect:j.side_effect,precautions:j.precautions,isWithCancel:!1}))},children:(0,s.jsx)("span",{className:h().medicineName,dangerouslySetInnerHTML:{__html:"".concat(j.display_name.replaceAll("(",'<span class="small">(').replaceAll(")",")</span>"))}})})]})}):null})})}},95093:function(e,n,t){"use strict";var s=t(85893),i=t(51664),c=t(98075),o=t(70043),a=t(87914),r=t.n(a);n.Z=e=>{let{setId:n,wrap2:t=!1}=e,a=(0,o.fb)(n);return(0,s.jsx)(c.bw,{className:"".concat(r().outline," ").concat(t?r().wrap2:""),thema:c.Iz.typeA_L,children:(0,s.jsxs)("div",{className:"".concat(r().medicineSingleWrapper," "),children:[(0,s.jsx)("h4",{dangerouslySetInnerHTML:{__html:a.name2}}),(0,s.jsx)(i.Z,{className:"mediImg",src:a.img,alt:a.name}),(0,s.jsx)("div",{dangerouslySetInnerHTML:{__html:a.html}})]})})}},95961:function(e,n,t){"use strict";var s=t(85893),i=t(90512);t(67294);var c=t(4454),o=t.n(c);n.Z=e=>{let n={White:o().rectOutlineWithIconContentWhite,Yellow:o().rectOutlineWithIconContentYellow};return(0,s.jsx)("div",{className:(0,i.Z)(o().rectOutlineWithIcon,e.className),children:(0,s.jsxs)("div",{className:(0,i.Z)(o().rectOutlineWithIconContent,n[e.bgColor||"White"]),children:[e.topIconElm&&(0,s.jsx)("span",{className:o().topIcon,children:e.topIconElm}),(0,s.jsx)("div",{className:o().content,children:e.children})]})})}},77402:function(e,n,t){"use strict";var s=t(85893),i=t(51664),c=t(2006),o=t.n(c);n.Z=e=>{let{}=e;return(0,s.jsxs)("div",{className:"".concat(o().regularService," "),children:[(0,s.jsxs)("div",{className:"textContent",children:[(0,s.jsxs)("p",{className:"serviceTitle",children:["お薬は定期便で","お届けします"]}),(0,s.jsx)("p",{className:"noteText",children:"※12ヶ月プランで、継続月数19ヶ月以上の場合"})]}),(0,s.jsx)("div",{className:"iconContent",children:(0,s.jsxs)("div",{className:"iconRow",children:[(0,s.jsx)(i.Z,{src:"lineup/discount-40-off.svg",alt:"最大40%OFF"}),(0,s.jsx)(i.Z,{src:"lineup/shipping-adjustment-ok.svg",alt:"発送日調整OK"}),(0,s.jsx)(i.Z,{src:"lineup/same-prescription-no-hassle.svg",alt:"同じ処方なら再診の手間なし"})]})})]})}},45673:function(e,n,t){"use strict";var s=t(85893),i=t(90512);t(67294);var c=t(78576),o=t.n(c);n.Z=e=>{let{title:n,className:t}=e;return(0,s.jsx)("h4",{className:(0,i.Z)(o().stepListTitle,t),children:n})}},11387:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(13226),c=t.n(i),o=t(91593),a=t(40394),r=t(51664);n.Z=e=>{let{title:n,symptomsTitle:t,checkItems:i,description:l,imageSource:m,imagePlaceholder:d="症状画像"}=e;return(0,s.jsxs)("section",{className:c().section,children:[(0,s.jsx)(a.Z,{level:"h2",variant:"section",children:n}),(0,s.jsxs)("div",{className:c().symptomsSection,children:[(0,s.jsx)("h3",{className:c().symptomsTitle,children:t}),(0,s.jsxs)("div",{className:c().symptomsContent,children:[(0,s.jsx)("div",{className:c().symptomsImage,children:(0,s.jsxs)("div",{className:c().imageWrapper,children:[m?(0,s.jsx)(r.Z,{src:m,alt:n,className:c().actualImage}

1):(0,s.jsx)("div",{className:c().shimImage,"data-placeholder":d}),(0,s.jsx)("p",{className:c().imageCaption,children:"※症状画像はイメージです。"})]})}),(0,s.jsx)(o.Z,{items:i,variant:"yellow"})]}),(0,s.jsx)("div",{className:c().description,children:(0,s.jsx)("p",{children:l})})]})]})}},26775:function(e,n,t){"use strict";var s=t(85893);t(67294);var i=t(5563),c=t.n(i);n.Z=e=>{let{data:n,headers:t,className:i="",headerClassName:o="",rowClassName:a="",cellClassName:r="",striped:l=!1,bordered:m=!0,hover:d=!1,responsive:p=!0,caption:h,size:_="medium",mobileCardLayout:x=!1}=e,j=[c().table,l&&c().striped,m&&c().bordered,d&&c().hover,c()[_],x&&c().mobileCardLayout,i].filter(Boolean).join(" "),u=[c().tableWrapper,p&&c().responsive,x&&c().mobileCardWrapper].filter(Boolean).join(" "),v=t||(n.length>0?Object.keys(n[0]):[]);return(0,s.jsx)("div",{className:u,children:(0,s.jsxs)("table",{className:j,children:[h&&(0,s.jsx)("caption",{className:c().caption,children:h}),t&&(0,s.jsx)("thead",{className:c().thead,children:(0,s.jsx)("tr",{className:"".concat(c().headerRow," ").concat(o),children:t&&v.map((e,n)=>(0,s.jsx)("th",{className:"".concat(c().headerCell," ").concat(r),children:e},n))})}),(0,s.jsx)("tbody",{className:c().tbody,children:n.map((e,n)=>(0,s.jsx)("tr",{className:"".concat(c().bodyRow," ").concat(a),children:v.map((n,i)=>{let o=n;if(x&&!t&&"項目"===n)o="";else if(x&&!t&&"内容"===n){let n=e["項目"];o="string"==typeof n?n:""}return(0,s.jsx)("td",{className:"".concat(c().bodyCell," ").concat(r),...(t||x)&&{"data-label":o},children:e[n]},i)})},n))})]})})}},51622:function(e,n,t){"use strict";var s=t(85893),i=t(90512),c=t(41664),o=t.n(c);t(67294);var a=t(51664),r=t(71051),l=t.n(r),m=t(47701);let d=e=>{let{category:n,onClick:t,usePageLinks:i=!0}=e,c=()=>{t&&t(n.id)},r=(0,s.jsxs)("div",{className:l().categoryCard,onClick:c,role:"button",tabIndex:0,onKeyDown:e=>{("Enter"===e.key||" "===e.key)&&(e.preventDefault(),c())},children:[(0,s.jsx)("div",{className:l().categoryIcon,children:(0,s.jsx)(a.Z,{src:n.thumbnail,alt:n.title})}),(0,s.jsxs)("div",{className:l().categoryContent,children:[(0,s.jsx)("h3",{className:l().categoryTitle,style:{color:n.titleColor},children:n.title}),(0,s.jsx)("p",{className:l().categoryDescription,children:n.description})]}),(0,s.jsx)("div",{className:l().categoryArrow,children:(0,s.jsx)(a.Z,{src:i?"common/icon/icon_arrow_right_green.svg":"common/icon/icon_arrow_under_green.svg",alt:""})})]});return i?(0,s.jsx)(o(),{href:(0,m.S)(n.pageUrl),legacyBehavior:!0,children:(0,s.jsx)("a",{className:l().categoryCardLink,children:r})}):r};n.Z=e=>{let{categories:n,onCategorySelect:t,className:c,usePageLinks:o=!0}=e;return(0,s.jsx)("div",{className:(0,i.Z)(l().categorySelector,c),children:(0,s.jsx)("div",{className:l().categoryGrid,children:n.map(e=>(0,s.jsx)(d,{category:e,onClick:t,usePageLinks:o},e.id))})})}},99912:function(e,n,t){"use strict";var s=t(85893),i=t(94184),c=t.n(i),o=t(67294),a=t(70043),r=t(17462),l=t.n(r),m=t(51664);n.Z=()=>{let[e,n]=(0,o.useState)(null),t={oralNotes:a.f1.filter(e=>"oralNotes"===e.section),externalNotes:a.f1.filter(e=>"externalNotes"===e.section),kanpouNotes:a.f1.filter(e=>"kanpouNotes"===e.section)},i=[{key:"oralNotes",className:l().oralNotes,label:"内服薬"},{key:"externalNotes",className:l().externalNotes,label:"外用薬"}],[r,d]=(0,o.useState)(null),p=t=>{n(e===t?null:t),d(r===t?null:t)};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:l().lineupNotesBtn,children:i.map(e=>(0,s.jsxs)("button",{onClick:()=>p(e.key),className:c()({[l().lineupNotesOpen]:r===e.key,[l().lineupNotesClose]:r!==e.key}),children:[e.label,(0,s.jsx)(m.Z,{src:"common/icon/icon_plus.png",width:27,className:c()(l().lineupNotesImgOpen,{[l().hidden]:r===e.key})}),(0,s.jsx)(m.Z,{src:"common/icon/icon_minus.png",width:27,className:c()(l().lineupNotesImgClose,{[l().hidden]:r!==e.key})})]},e.key))}),i.map(n=>(0,s.jsx)("div",{className:c()(n.className,{[l().visible]:e===n.key}),children:(t[n.key]||[]).map(e=>(0,s.jsxs)("table",{className:l().lineupNotesTable,children:[(0,s.jsx)("thead",{children:(0,s.jsx)("tr",{className:l().lineupNotesItemName,children:(0,s.jsx)("th",{colSpan:2,dangerouslySetInnerHTML:{__html:e.name}})})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:l().lineupNotesItemTtl,children:"未承認医薬品等"}),(0,s.jsx)("td",{className:l().lineupNotesItemTxt,children:e.description1})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:l().lineupNotesItemTtl,children:"入手経路等"}),(0,s.jsx)("td",{className:l().lineupNotesItemTxt,children:e.description2})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:l().lineupNotesItemTtl,children:"国内の承認医薬品等の有無"}),(0,s.jsx)("td",{className:l().lineupNotesItemTxt,children:e.description3})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:l().lineupNotesItemTtl,children:"諸外国の安全等の情報および副作用"}),(0,s.jsx)("td",{className:l().lineupNotesItemTxt,children:e.description4})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{className:l().lineupNotesItemTtl,children:"医薬品副作用被害救済制度について"}),(0,s.jsx)("td",{className:l().lineupNotesItemTxt,children:e.description5})]})]})]},e.id))},n.key))]})}},22622:function(e,n,t){"use strict";t.r(n),t.d(n,{__N_SSP:function(){return eZ},default:function(){return eP}});var s=t(85893),i=t(2962),c=t(66632),o=t(94068),a=t(95345),r=t(68857),l=t

1(70969),m=t(67294),d=t(66261),p=t(2917),h=t.n(p),_=e=>{let{categoryName:n,list:t,navClickHandler:i}=e,[c,o]=(0,m.useState)(-100);return(0,m.useEffect)(()=>{window.addEventListener("resize",()=>{o(window.innerWidth<768?-20:-100)})}),(0,s.jsx)("div",{className:"".concat(h().anchorWrapper," "),children:(0,s.jsxs)("div",{className:"".concat(h().anchorContent," "),children:[n?(0,s.jsx)("div",{children:n}):null,(0,s.jsx)("ul",{className:n?h().onCategory:"",children:t.map((e,n)=>(0,s.jsx)(d.rU,{offset:c,smooth:!0,duration:500,onClick:()=>i,to:e.anchorId,onTouchEnd:()=>{d.OK.scrollTo(e.anchorId,{smooth:!0,duration:500})},children:(0,s.jsx)("dd",{children:e.label})},e.anchorId+e.label+n))})]})})},x=t(90512),j=t(51664),u=t(49598),v=t.n(u);let N=e=>{let{children:n,to:t,imgContent:i,stopDoublePrevention:c,className:o}=e,[a,r]=(0,m.useState)(!1);return(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)(d.rU,{smooth:!0,duration:500,to:t,hashSpy:!0,className:(0,x.Z)(v().arrowButton,v().ovalButton,i&&v().noFlex,o),onTouchMove:()=>{r(!0)},onTouchEnd:()=>{if(c&&a){r(!1);return}d.OK.scrollTo(t,{smooth:!0,duration:500})},children:[(0,s.jsxs)("span",{className:v().flex,children:[n,(0,s.jsxs)("span",{className:(0,x.Z)(v().arrowContent),children:[(0,s.jsx)(j.Z,{className:v().arrow,src:"common/icon/icon_arrow_right.svg",width:20}),(0,s.jsx)(j.Z,{className:v().arrow_on,src:"common/icon/icon_arrow_right_on.svg",width:20})]})]}),i&&(0,s.jsx)("div",{className:v().imgContent,children:i})]})})};var g=t(58789),f=t(16159),b=t(17574),I=t(80444),C=t(96618),y=t(91593),w=t(61331),S=t(58803),Z=t(80650),P=t(40394),T=t(90830),L=t(48639),W=t(28954),k=t(94652),B=t(61437),U=t(53194),A=t(22982),O=t(88883),E=t(30430),D=t(97513),M=t(85750),F=t(95093),R=t(30686),H=t(40914),z=t(92733),Q=t.n(z);let Y=e=>{let{children:n,onClick:t,className:i,isOpen:c}=e;return(0,s.jsxs)("button",{className:(0,x.Z)(Q().arrowButton,i,c&&Q().isOpen),onClick:t,children:[n,(0,s.jsxs)("span",{className:(0,x.Z)(Q().arrowContent),children:[(0,s.jsx)(j.Z,{className:Q().arrow,src:"common/icon/icon_plus.png",width:20}),(0,s.jsx)(j.Z,{className:Q().arrow_on,src:"common/icon/icon_minus.png",width:20})]})]})};var q=t(98075),G=t(36632),K=t(85025),X=t(23538),V=t(97168),J=t.n(V);let $=(0,m.forwardRef)((e,n)=>{let{children:t,thema:i,disable:c,className:o,width:a="undefined",height:r="undefined",style:l}=e;return(0,s.jsx)("div",{className:"".concat(J().outlineWrapper),children:(0,s.jsx)("div",{className:"".concat(o||""," ").concat(J().outline," ").concat(i," ").concat(c?"disable":""),children:t})})});var ee=t(95961),en=t(77402),et=t(45673),es=t(11387),ei=t(26775),ec=()=>{let e=[{商品名:"ビタミンC誘導体",価格:"\xa52,800",在庫:"在庫あり"},{商品名:"トラネキサム酸",価格:"\xa53,200",在庫:"在庫あり"},{商品名:"ハイドロキノン",価格:"\xa54,500",在庫:"在庫僅少"}],n=["商品名","価格","在庫"];return(0,s.jsxs)("div",{style:{padding:"2rem",maxWidth:"1200px",margin:"0 auto"},children:[(0,s.jsx)("h2",{children:"テーブルコンポーネント使用例"}),(0,s.jsxs)("section",{style:{marginBottom:"3rem"},children:[(0,s.jsx)("h3",{children:"基本的なテーブル"}),(0,s.jsx)(ei.Z,{data:e,headers:n,bordered:!0,striped:!0,hover:!0,responsive:!0,size:"medium"})]}),(0,s.jsxs)("section",{style:{marginBottom:"3rem"},children:[(0,s.jsx)("h3",{children:"料金表（小さいサイズ）"}),(0,s.jsx)(ei.Z,{data:[{プラン:"ベーシックプラン",初回:"\xa50","2回目以降":"\xa54,800"},{プラン:"スタンダードプラン",初回:"\xa50","2回目以降":"\xa56,800"},{プラン:"プレミアムプラン",初回:"\xa50","2回目以降":"\xa58,800"}],headers:["プラン","初回","2回目以降"],bordered:!0,size:"small",caption:"※価格は税込み表示です"})]}),(0,s.jsxs)("section",{style:{marginBottom:"3rem"},children:[(0,s.jsx)("h3",{children:"クリニック情報テーブル"}),(0,s.jsx)(S.Z,{clinicInfo:{name:"東京山手クリニック",specialty:"皮膚科・美容皮膚科",address:"東京都品川区大崎一丁目20番3号 イマス大崎ビル5階",phone:"03-6420-3305",operator:"株式会社LATRICO",note:"※東京山手クリニックは自費診療のみ行っており、保険適用外となります。"}})]}),(0,s.jsxs)("section",{style:{marginBottom:"3rem"},children:[(0,s.jsx)("h3",{children:"大きいサイズのテーブル"}),(0,s.jsx)(ei.Z,{data:e,headers:n,bordered:!0,size:"large",hover:!0})]})]})}

1,eo=t(74039),ea=t(51622),er=t(70043),el=t(31715),em=t.n(el),ed=()=>(0,s.jsx)("div",{className:em().doctorCosmeComponentWrapper,children:er.c0.map(e=>(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:em().hearderContent,children:[(0,s.jsx)(j.Z,{src:e.setImage,width:"100%",alt:"ゼオスキンヘルス"}),(0,s.jsx)(j.Z,{src:e.appealImage,width:"100%",alt:"全商品15%off!購入金額に応じて最大30%off"}),(0,s.jsx)("div",{className:em().notice,dangerouslySetInnerHTML:{__html:e.notice.replaceAll("\n","<br />")}})]}),(0,s.jsx)("h3",{className:em().topLabel,dangerouslySetInnerHTML:{__html:e.topLabel.replaceAll("\n","<br />")}}),e.lineup.map(e=>(0,s.jsx)(q.bw,{thema:"outlineTypeE",className:em().outlineWrapper,children:(0,s.jsxs)("div",{children:[(0,s.jsx)("h4",{dangerouslySetInnerHTML:{__html:e.label.replaceAll("\n","<br />")}}),(0,s.jsx)("div",{className:em().thumbnailContent,children:(0,s.jsx)(j.Z,{className:em().thumbnail,src:e.thumbnail})}),(0,s.jsx)("div",{className:em().subLabel,dangerouslySetInnerHTML:{__html:e.subLabel.replaceAll("\n","<br />")}}),(0,s.jsx)("div",{className:em().description,dangerouslySetInnerHTML:{__html:e.description.replaceAll("\n","<br />")}}),(0,s.jsx)(j.Z,{src:e.priceImage,alt:e.priceAlt,width:"100%"})]})},e.label))]}))}),ep=t(99912),eh=t(63727),e_=t.n(eh);let ex=e=>{var n;let{item:t,plan:i,lineupIndex:c}=e,o=(0,m.useRef)(null),[a,r]=(0,m.useState)(!1),l=i.lineup.find(e=>e.label===t.label&&"NB"===e.type),d=i.lineup.find(e=>e.label===t.label&&"PB"===e.type);return(0,s.jsxs)("div",{children:[l&&(0,s.jsx)(j.Z,{src:t.subLabelImg,alt:t.alt,className:e_().subLabelImg}),(0,s.jsx)("div",{className:e_().contentRow,children:[l,d].map(e=>e?(0,s.jsxs)(q.bw,{className:e_().setContent,thema:"outlineTypeD",children:[(0,s.jsx)("h4",{children:e.label}),(0,s.jsx)("div",{className:e_().description,dangerouslySetInnerHTML:{__html:e.description.replaceAll("\n","<br />")}}),(0,s.jsx)("div",{className:e_().ingredientsContent,children:e.ingredients.map(e=>(0,s.jsx)(U.Z,{imagePath:"lineup/ingredients_icon/".concat(e.img),label:e.label},e.label))}),(0,s.jsx)("div",{className:e_().detail,dangerouslySetInnerHTML:{__html:e.breakdown.replaceAll("\n","<br />")}}),(0,s.jsxs)("div",{className:e_().priceContent,children:[(0,s.jsx)("div",{}),(0,s.jsx)("div",{children:(0,s.jsx)(j.Z,{src:"lineup/prescription-plice-".concat(e.price.replaceAll(",",""),".png"),width:"152px",alt:"".concat(e.price,"円/月 (税込").concat(e.taxIncluded,"円/月)")})})]})]},"".concat(t.label,"_").concat(c)):null)}),l&&(0,s.jsxs)("div",{className:(0,x.Z)(e_().priceTableContent),children:[(0,s.jsx)(Y,{className:e_().openButton,isOpen:a,onClick:()=>{r(!a)},children:"料金詳細"}),(0,s.jsx)("div",{style:{height:a?null===(n=o.current)||void 0===n?void 0:n.getBoundingClientRect().height:"0px"},className:(0,x.Z)(e_().priceTable,a&&e_().isOpenPriceTable),children:(0,s.jsx)(j.Z,{ref:o,src:"lineup/prescription-price-table-".concat(t.price.replaceAll(",",""),".png"),alt:"楽々お届けプラン　まとめて配送が断然お得"})})]})]},c)};var ej=e=>{let{}=e;return(0,s.jsxs)(s.Fragment,{children:[er.vz.map((e,n)=>(0,s.jsxs)("div",{className:e_().wrapper,children:[(0,s.jsx)("h2",{className:e_().topDescription,dangerouslySetInnerHTML:{__html:e.topLabel}}),(0,s.jsx)("hr",{className:e_().categoryUnderline}),e.lineup.map((n,t)=>"PB"===n.type?null:(0,s.jsx)(ex,{item:n,plan:e,lineupIndex:t},t))]},n)),(0,s.jsxs)("div",{className:e_().lastContent,children:[(0,s.jsx)("div",{className:e_().plus,children:(0,s.jsx)(j.Z,{src:"lineup/plus.svg"})}),(0,s.jsxs)("div",{className:(0,x.Z)(e_().greyBox,e_().center,e_().bold,e_().single),children:["初診料：",(0,s.jsx)("span",{className:e_().strong,children:"0円"})]})]})]})},eu=t(53370),ev=t.n(eu),eN=e=>{let{children:n,move:i,delay:c=200,className:o,distance:a,duration:r=1e3}=e,l=(0,m.useRef)(null);return(0,m.useEffect)(()=>{(async function(){l.current&&(0,(await t.e(1247).then(t.bind(t,81247))).default)().reveal(l.current,{delay:c,opacity:0,origin:i,distance:"".concat(a,"px"),duration:r,viewFactor:.2})})()},[c,a,r,i,l]),(0,s.jsx)("li",{className:"".concat(o),ref:l,children:n})},eg=e=>{let{list:n}=e;return(0,s.jsx)("div",{className:"".concat(ev().balloonWrapper," "),children:(0,s.jsx)("ul",{children:n.map((e,n)=>(0,s.jsx)(eN,{move:"bottom",delay:0,distance:150,className:"".concat(ev().section," ").concat(ev().benefitSec),children:(0,s.jsxs)("div",{className:"body",children:[(0,s.jsx)("h3",{dangerouslySetInnerHTML:{__html:e.title}}

1),(0,s.jsx)(j.Z,{src:e.imgPath}),(0,s.jsx)("p",{className:"text",dangerouslySetInnerHTML:{__html:e.text}})]})},e.title+n))})})},ef=t(53603),eb=t(56375),eI=t(41498),eC=t(79394),ey=t(27424),ew=t(65738),eS=t.n(ew),eZ=!0,eP=()=>(0,s.jsxs)("div",{className:"mainWrapper ".concat(eS().sampleUiWrapper),children:[(0,s.jsx)(i.PB,{title:"コンポーネントサンプル｜東京美肌堂",canonical:"https://bihadado.tokyo/sample_ui/",noindex:!0}),(0,s.jsx)("h1",{className:eS().pageTitle,children:"コンポーネントサンプル一覧"}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"About Components"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"FreeConsultationSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(c.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"HomeConsultationSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(o.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"HomeDeliverySection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(a.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"OnlineFollowSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(r.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"SmoothExperienceSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(l.Z,{})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"Common Components"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Button (THEMA.typeA_L)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(b.zx,{thema:b.wO.typeA_L,children:"ボタンサンプル"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Button (THEMA.typeB_S)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(b.zx,{thema:b.wO.typeB_S,children:"ボタンサンプル"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Anchor"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(_,{list:[{label:"セクション1",anchorId:"section1"},{label:"セクション2",anchorId:"section2"},{label:"セクション3",anchorId:"section3"}],categoryName:"カテゴリー名"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ArrowButton"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(N,{to:"sample",children:"矢印ボタンサンプル"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ArrowModalButton"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(g.C,{onClick:()=>{},children:"モーダル矢印ボタン"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ChecklistBox"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(y.Z,{items:[{text:"チェック項目1",checked:!1},{text:"チェック項目2",checked:!1},{text:"チェック項目3",checked:!1}]})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ChildPageHeader"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(w.Z,{children:"サンプルヘッダー"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ClinicInfoTable"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(S.Z,{clinicInfo:{name:"東京美肌堂クリニック",specialty:"皮膚科・美容皮膚科",address:"東京都港区赤坂○-○-○",phone:"03-1234-5678",operator:"医療法人東京美肌堂",note:"※オンライン診療専門"}})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"CustomDropdown"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(Z.Z,{options:[{value:"all",label:"すべて"},{value:"option1",label:"オプション1"},{value:"option2",label:"オプション2"},{value:"option3",label:"オプション3"}],value:"all",onChange:e=>{},placeholder:"選択してください",label:"カテゴリー"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"DecorativeHeading"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(P.Z,{level:"h2",children:"装飾見出しサンプル"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"DiscountSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(T.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"DoctorInterviewSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(L.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"FaqAccordion"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(W.Z,{faqData:ey.N.slice(0,2)})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"RecommendedSection"}),(0,s.jsxs)("div",{className:eS().componentPreview,children:[(0,s.jsx)(X.Z,{title:"こんな方におすすめ",items:[{text:"シミやそばかすが気になる方"},{text:"肌のトーンアップを図りたい方"},{text:"美白ケアを始めたい方"},{text:"手軽にオンライン診療を受けたい方"}],doctorImage:"/images/lineup/products/acne-care/doctor.png",doctorName:"東京美肌堂医師",clinicName:"東京美肌堂"}),(0,s.jsx)(X.Z,{title:"こんな方におすすめ",description:"ニキビや⽑⽳の悩みで、以下のようなお困りごとはありませんか？提携医療機関の医師が、美容内服‧外⽤薬治療がどのような⽅におすすめかを具体例を挙げてご紹介します。",items:[{text:"シミやそばかすが気になる方"},{text:"肌のトーンアップを図りたい方"},{text:"美白ケアを始めたい方"},{text:"手軽にオンライン診療を受けたい方"}],doctorImage:"/images/lineup/products/acne-care/doctor.png",doctorName:"東京美肌堂医師",clinicName:"東京美肌堂",reverseLayout:!0})]})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"H3Diagonal"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(k.Z,{type:k.O.single,children:"斜めの見出しサンプル"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"LegitScriptSeal"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(A.O,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"LineContent"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(O.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"MainIngredients"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(E.Z,{includeList:[E.Q.l1,E.Q.l2,E.Q.l3,E.Q.l4,E.Q.l5,E.Q.l6,E.Q.l7,E.Q.l8,E.Q.l9]})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"IngredientIcon"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsxs)("div",{style:{display:"flex",flexWrap:"wrap",gap:"10px"},children:[(0,s.jsx)(U.Z,{imagePath:"lineup/ingredients_icon/l-cystine.png",label:"L-システイン"}),(0,s.jsx)(U.Z,{imagePath:"lineup/ingredients_icon/vitamin_c.png",label:"ビタミン<br />C"})]})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"IngredientCards"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(B.Z,{cardIds:[100013,500082,100015]})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"MedicineComponent"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(D.Z,{setId:1,isShowPrice:!0,isShowPrice2:!1})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"MedicineSingle"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(M.Z,{setId:1,wrap2:!1})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"MedicineSinglenone"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(F.Z,{setId:1,wrap2:!1})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"OnlineConsultationCta (デフォルトテキスト)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(R.Z,{href:"https://system.bihadado.tokyo/reservation-form/reserve7"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"OnlineConsultationCta (カスタムテキスト)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(R.Z,{href:"https://system.bihadado.tokyo/reservation-form/reserve7",title:"今すぐオンライン診療で\\n専門医に相談しよう",subtext:"＼まずは無料相談から／",buttonText:"無料相談の予約はこちら"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"OnlineShinryou"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(H.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"OpenButton"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(Y,{isOpen:!1,onClick:()=>{},children:"開く"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Outline (OUTLINE_THEMA.typeA_L)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(q.bw,{thema:q.Iz.typeA_L,children:(0,s.jsx)("p",{children:"アウトラインコンテンツ"})})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"RectOutline"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)($,{thema:q.Iz.typeA_L,children:(0,s.jsx)("p",{children:"四角形アウトラインコンテンツ"})})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"RectOutlineWithIcon"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ee.Z,{topIconElm:(0,s.jsx)(s.Fragment,{children:"01"}),bgColor:"Yellow",children:(0,s.jsx)("p",{children:"アイコン付きアウトラインボックス"})})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"RegularService"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(en.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"StepListTitle"}),(0,s.jsxs)("div",{className:eS().componentPreview,children:[(0,s.jsx)(et.Z,{title:"シミ・くすみを防ぎ、肌に透明感を与える作用"}),(0,s.jsx)(et.Z,{title:"ニキビの炎症を抑え、皮脂バランスを調整する作用"}),(0,s.jsx)(et.Z,{title:"肌のターンオーバーを促進し、ハリ・ツヤを与える作用"})]})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"SymptomSection"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(es.Z,{title:"肌トラブルの症状",symptomsTitle:"こんな症状はありませんか？",checkItems:[{text:"かゆみがある",checked:!1}

1,{text:"赤みがある",checked:!1},{text:"乾燥している",checked:!1},{text:"ニキビができやすい",checked:!1}],description:"これらの症状がある場合は、早めの対処が必要です。東京美肌堂では、あなたの症状に合わせた最適な治療をご提案します。",imagePlaceholder:"症状イメージ"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Table"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ei.Z,{data:[{項目:"å¹´é½¢",内容:"25æ­³"},{項目:"性別",内容:"女性"},{項目:"診察日",内容:"2024å¹´1月15日"}],headers:["項目","内容"],striped:!0,size:"medium"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"TableExample"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ec,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"TagComponent(うまく標示されない)"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(eo.Z,{tag:"シミ・肝斑"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"CategoryTabs"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(C.O,{categories:[{id:"all",label:"すべて",anchor:"all"},{id:"acne",label:"ニキビ",anchor:"acne"},{id:"pigmentation",label:"シミ・肝斑",anchor:"pigmentation"},{id:"pores",label:"毛穴",anchor:"pores"}],scrollOffset:100,iconSrc:"common/icon/icon_arrow_right.svg"})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"PlanCard"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)("div",{style:{display:"flex",gap:"20px",flexWrap:"wrap"},children:(0,s.jsx)(G.Z,{primaryTab:{label:"基本プラン",title:"基本プラン",price:"3,980円",taxIncludedPrice:"5,980円"},secondaryTab:{label:"プレミアムプラン",title:"プレミアムプラン",price:"6,980円",taxIncludedPrice:"9,980円"},isPopular:!0})})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Img"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsxs)("div",{style:{display:"flex",gap:"20px",flexWrap:"wrap",alignItems:"center"},children:[(0,s.jsx)(j.Z,{src:"common/logo.png",alt:"東京美肌堂ロゴ",width:200,height:60}),(0,s.jsx)(j.Z,{src:"top/hero_image.png",alt:"ヒーロー画像",width:300,height:200})]})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"Lineup Components"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"CategorySelector"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ea.Z,{categories:eC.v,onCategorySelect:()=>{}})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"DoctorCosmeComponent"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ed,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"MedicationNotesComponent"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ep.Z,{})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"PrescriptionPlanComponent"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ej,{})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"Voice Components"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ReviewCard"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(ef.Z,{review:{examination_id:"sample001",patient_id:"patient001",sex:2,prefecture:"東京都",age:35,ageGroup:"30代",evaluation:12,description:"シミが気になって使い始めました。3ヶ月ほど続けていますが、少しずつ薄くなってきた気がします。オンライン診療も丁寧で安心できました。",category:"シミ・肝斑",tags:["ã

1‚·ãƒŸ","肝斑"],displayOrder:1}})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ReviewFilter"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(eb.Z,{filters:{categories:["シミ・肝斑","ニキビ"],ageGroups:["20代","30代","40代"]},onFilterChange:()=>{}})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"ReviewList"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(eI.Z,{reviews:[{examination_id:"sample001",patient_id:"patient001",sex:2,prefecture:"東京都",age:35,ageGroup:"30代",evaluation:12,description:"シミが気になって使い始めました。3ヶ月ほど続けていますが、少しずつ薄くなってきた気がします。",category:"シミ・肝斑",tags:["シミ"],displayOrder:1},{examination_id:"sample002",patient_id:"patient002",sex:1,prefecture:"大阪府",age:28,ageGroup:"20代",evaluation:11,description:"ニキビ跡が気になっていましたが、治療を続けてきれいになってきました。",category:"ニキビ",tags:["ニキビ跡"],displayOrder:2}],defaultDisplayCount:10})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"Balloon"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(eg,{list:[{title:"お客様の声1",imgPath:"voice/sample-balloon.png",text:"オンライン診療で手軽に始められました。医師の説明も丁寧で、安心して服用できています。"},{title:"お客様の声2",imgPath:"voice/sample-balloon.png",text:"定期配送で買い忘れの心配がなく、続けやすいです。効果も実感できています。"}]})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"BeforeAfterSection"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"服用による改善例"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)("div",{className:"mainWrapper",children:(0,s.jsx)("section",{style:{display:"block"},children:(0,s.jsx)("div",{className:"sectionInner",children:(0,s.jsx)(f.Z,{title:"服用による改善例（Before / After）",beforeImage:"lineup/pigmentation/treatment_before.png",afterImage:"lineup/pigmentation/treatment_after.png",patientInfo:"50代/女性",treatmentDetails:[{title:"【処方内容】",mainText:"とことん美白対策基本セット",subText:"・単品：トレチノインクリーム0.05％（休薬あり）\n・単品：ハイドロキノン4％クリーム"},{title:"【治療期間】",mainText:"2022å¹´8月3日~2023å¹´1月4日(約5ヶ月)"},{title:"【治療費用】",mainText:"毎月5,830円～12,650円(税込)",subText:"・とことん美白対策基本セット 7,800円\n・単品：トレチノインクリーム0.05％（休薬あり） 2,700円\n・単品：ハイドロキノン4％クリーム 2,400円"}],sideEffects:"・内服薬に含まれる成分：服用後まれに便秘、悪心、胃部不快感、下痢、発疹などの症状が現れる場合がございます。・ハイドロキノン：使用後、人によってはかぶれたり、刺激がある場合がございます。・トレチノイン：外用開始後、1～2週間前後は、トレチノイド皮膚炎と呼ばれる皮膚の剥離、炎症作用が見られます。",disclaimer:"・上記画像は東京美肌堂サービスのモニターに参加されたユーザーの肌画像です。・これらの画像は、ユーザーがご自宅にて撮影したものです。・上記画像のユーザーは、いずれも東京美肌堂をご利用いただき、医師から処方された医薬品の服用をしており、その結果を画像によってご紹介しています。ただし、これら同様の効果を保証するものではございません。"})})})})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"CategoryLabels"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"全カテゴリー表示"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(I.Z,{categoryIds:["spots-freckles","acne-pores","wrinkles-aging","whitening-dullness","skin-improvement"]})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"一部カテゴリー表示"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(I.Z,{categoryIds:["spots-freckles","acne-pores"]})})]})]}),(0,s.jsxs)("section",{className:eS().componentSection,children:[(0,s.jsx)("h2",{className:eS().sectionTitle,children:"PricingTable"}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"美容内服入門セット料金"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(K.Z,{monthlyPrices:{threeMonth:3800,sixMonth:3167,twelveMonth:2850,threeMonthTotal:11400,sixMonthTotal:19e3,twelveMonthTotal:34200}})})]}),(0,s.jsxs)("div",{className:eS().componentItem,children:[(0,s.jsx)("h3",{className:eS().sampleUI,children:"別の商品の料金例"}),(0,s.jsx)("div",{className:eS().componentPreview,children:(0,s.jsx)(K.Z,{monthlyPrices:{threeMonth:5e3,sixMonth:4200,twelveMonth:3500,threeMonthTotal:15e3,sixMonthTotal:25200,twelveMonthTotal:42e3}})})]})]})]})},25977:function(e){e.exports={strong:"freeConsultationSection_strong__01S8K",freeConsultationSection:"freeConsultationSection_freeConsultationSection__KbBQy",contentWrapper:"freeConsultationSection_contentWrapper___5jj3",reverse:"freeConsultationSection_reverse__dD5CS",imageWrapper:"freeConsultationSection_imageWrapper__qRZDj",textContent:"freeConsultationSection_textContent__ZPPCe"}},78872:function(e){e.exports={strong:"homeConsultationSection_strong__u1iPx",homeConsultationSection:"homeConsultationSection_homeConsultationSection__hRHnB",contentWrapper:"homeConsultationSection_contentWrapper__A6qkF",reverse:"homeConsultationSection_reverse__FxLsf",imageWrapper:"homeConsultationSection_imageWrapper__kVvX4",textContent:"homeConsultationSection_textContent__51N8D"}},4146:function(e){e.exports={strong:"homeDeliverySection_strong__n987x",homeDeliverySection:"homeDeliverySection_homeDeliverySection__g10T5",contentWrapper:"homeDeliverySection_contentWrapper__LlWJ5",reverse:"homeDeliverySection_reverse__LZ38R",imageWrapper:"homeDeliverySection_imageWrapper__FAdNx",textContent:"homeDeliverySection_textContent__XjlWY"}},24548:function(e){e.exports={strong:"onlineFollowSection_strong__2lxUj",onlineFollowSection:"onlineFollowSection_onlineFollowSection__35wTw",contentWrapper:"onlineFollowSection_contentWrapper__1CD_B",reverse:"onlineFollowSection_reverse__UE2so",imageWrapper:"onlineFollowSection_imageWrapper__4anOD",textContent:"onlineFollowSection_textContent__p9N0K",textContentText:"onlineFollowSection_textContentText__b64TD",textContentNote:"onlineFollowSection_textContentNote__rgL7Y"}},18468:function(e){e.exports={strong:"smoothExperienceSection_strong__P2trq",smoothExperienceSection:"smoothExperienceSection_smoothExperienceSection__L0md_",contentWrapper:"smoothExperienceSection_contentWrapper__TlXoX",reverse:"smoothExperienceSection_reverse__Pelk0",imageWrapper:"smoothExperienceSection_imageWrapper__vleOR",textContent:"smoothExperienceSection_textContent__cjsYW"}},2917:function(e){e.exports={strong:"anchor_strong__f7N_Z",anchorWrapper:"anch

1or_anchorWrapper__TzyP9",anchorContent:"anchor_anchorContent__UKZtC",onCategory:"anchor_onCategory__rYRw3"}},49598:function(e){e.exports={strong:"arrowButton_strong__6t8BN",ovalButton:"arrowButton_ovalButton__0sXEn",arrowButton:"arrowButton_arrowButton__F7A_a",arrowContent:"arrowButton_arrowContent__L2Rgg",arrow:"arrowButton_arrow__41ZCi",arrow_on:"arrowButton_arrow_on__aI_x_",flex:"arrowButton_flex__dwA_S",noFlex:"arrowButton_noFlex__R8l2Z",imgContent:"arrowButton_imgContent__1svH9"}},71051:function(e){e.exports={strong:"categorySelector_strong__ahQKp",categorySelector:"categorySelector_categorySelector__3dysI",categoryGrid:"categorySelector_categoryGrid__N4Op_",categoryCardLink:"categorySelector_categoryCardLink__ECPMo",categoryCard:"categorySelector_categoryCard__BzozY",categoryIcon:"categorySelector_categoryIcon__ya_G5",categoryContent:"categorySelector_categoryContent__t2cKI",categoryTitle:"categorySelector_categoryTitle___SE3n",categoryDescription:"categorySelector_categoryDescription__XuqE_",categoryArrow:"categorySelector_categoryArrow__JYbux"}},96539:function(e){e.exports={strong:"beforeAfterSection_strong__pgW1s",section:"beforeAfterSection_section__SwJi1",beforeAfterContent:"beforeAfterSection_beforeAfterContent__z3LOe",imagesArea:"beforeAfterSection_imagesArea__RSpiX",imagesContainer:"beforeAfterSection_imagesContainer__hskuh",imageWrapper:"beforeAfterSection_imageWrapper__6r_0f",beforeAfterImage:"beforeAfterSection_beforeAfterImage__pvfIa",imageLabel:"beforeAfterSection_imageLabel__le5Sx",beforeLabel:"beforeAfterSection_beforeLabel__YFP_F",afterLabel:"beforeAfterSection_afterLabel__nPFte",treatmentDetails:"beforeAfterSection_treatmentDetails__zIqG9",patientInfo:"beforeAfterSection_patientInfo__TMKfp",treatmentInfo:"beforeAfterSection_treatmentInfo__l41yY",detailItem:"beforeAfterSection_detailItem__Hpp43",mainText:"beforeAfterSection_mainText__0oshM",subText:"beforeAfterSection_subText__8bZS7",notesSection:"beforeAfterSection_notesSection__yPCnE",sideEffects:"beforeAfterSection_sideEffects__2yEUm",disclaimer:"beforeAfterSection_disclaimer__v4wZh",imagesNotionArea:"beforeAfterSection_imagesNotionArea__cfOlT",isPC:"beforeAfterSection_isPC__mKrkx",isSP:"beforeAfterSection_isSP__rjd8o",imagesSideEffects:"beforeAfterSection_imagesSideEffects__BJhcH",imagesDisclaimer:"beforeAfterSection_imagesDisclaimer__DyuiE"}},58411:function(e){e.exports={strong:"checklistBox_strong__ggLmz",checklistBox:"checklistBox_checklistBox__qbLyJ",yellow:"checklistBox_yellow__rsSFC",blue:"checklistBox_blue__1wu2T",green:"checklistBox_green__FTbLu",default:"checklistBox_default__8kbf3",checkList:"checklistBox_checkList__TycBc",checkItem:"checklistBox_checkItem__prfQD",checkmark:"checklistBox_checkmark__9rZdz",checkbox:"checklistBox_checkbox__JyanS"}},13226:function(e){e.exports={strong:"symptomSection_strong__puf1Q",section:"symptomSection_section__2p3IQ",symptomsSection:"symptomSection_symptomsSection__wkaWk",symptomsTitle:"symptomSection_symptomsTitle__z58Rn",symptomsContent:"symptomSection_symptomsContent__MNLPs",symptomsImage:"symptomSection_symptomsImage__ApNR1",imageWrapper:"symptomSection_imageWrapper__3FvNJ",actualImage:"symptomSection_actualImage__QUByu",shimImage:"symptomSection_shimImage__HpnIh",imageCaption:"symptomSection_imageCaption__5x1k7",description:"symptomSection_description__5qTrF"}},31715:function(e){e.exports={strong:"doctorCosmeComponent_strong__9nXOD",doctorCosmeComponentWrapper:"doctorCosmeComponent_doctorCosmeComponentWrapper__CeK__",hearderContent:"doctorCosmeComponent_hearderContent__Gj0wU",description:"doctorCosmeComponent_description__ATFkt",notice:"doctorCosmeComponent_notice__BokZw",topLabel:"doctorCosmeComponent_topLabel__kD6QL",outlineWrapper:"doctorCosmeComponent_outlineWrapper__HDw_n",thumbnailContent:"doctorCosmeComponent_thumbnailContent__tGja0",thumbnail:"doctorCosmeComponent_thumbnail__g7_0N",subLabel:"doctorCosmeComponent_subLabel___4QY7"}},56929:function(e){e.exports={strong:"doctorInterviewSection_strong__zG3JL",doctorInterviewSection:"doctorInterviewSection_doctorInterviewSection__UIrBf",sectionInner:"doctorInterviewSection_sectionInner__AHSIZ",contentWrapper:"doctorInterviewSection_contentWrapper__LY3yU"}},75715:function(e){e.exports={strong:"mainIngredients_strong__Dr5SU",mainIngredientsWrapper:"mainIngredients_mainIngredientsWrapper__VfY_T"}},17462:function(e){e.exports={strong:"medicationNotesComponent_strong__1jS1I",lineupNotesBtn:"medicationNotesComponent_lineupNotesBtn__45od5",lineupNotesOpen:"medicationNotesComponent_lineupNotesOpen__QMzdy",lineupNotesImgOpen:"medicationNotesComponent_lineupNotesImgOpen___aIN8",lineupNotesClose

1:"medicationNotesComponent_lineupNotesClose__ROlHs",lineupNotesImgClose:"medicationNotesComponent_lineupNotesImgClose__NpLBF",oralNotes:"medicationNotesComponent_oralNotes__OViBL",externalNotes:"medicationNotesComponent_externalNotes__WlKnA",kanpouNotes:"medicationNotesComponent_kanpouNotes__DnRMC",visible:"medicationNotesComponent_visible__RHmFP",lineupNotesTable:"medicationNotesComponent_lineupNotesTable__crNiQ",lineupNotesItemName:"medicationNotesComponent_lineupNotesItemName__71geB",lineupNotesItemTtl:"medicationNotesComponent_lineupNotesItemTtl__yTfp6",lineupNotesItemTxt:"medicationNotesComponent_lineupNotesItemTxt__fmS9A",hidden:"medicationNotesComponent_hidden__76VMX"}},18960:function(e){e.exports={strong:"medicineComponent_strong__Z6XBk",medicineComponentWrapper:"medicineComponent_medicineComponentWrapper__4lcqb"}},92733:function(e){e.exports={strong:"openButton_strong__DVxhY",ovalButton:"openButton_ovalButton__GLWRb",arrowButton:"openButton_arrowButton__GYURV",arrowContent:"openButton_arrowContent__ZeSp9",arrow:"openButton_arrow__bXjIv",arrow_on:"openButton_arrow_on___ncTs",isOpen:"openButton_isOpen__e79jN",flex:"openButton_flex__7iTV_",noFlex:"openButton_noFlex__Tr7F0"}},63727:function(e){e.exports={strong:"prescriptionPlanList_strong__ySEgg",wrapper:"prescriptionPlanList_wrapper__LRNlP",topDescription:"prescriptionPlanList_topDescription__Q_pRF",subLabelImg:"prescriptionPlanList_subLabelImg__bYgC3",contentRow:"prescriptionPlanList_contentRow__XsEBq",setContent:"prescriptionPlanList_setContent__PTg5O",description:"prescriptionPlanList_description__UWqCU",ingredientsContent:"prescriptionPlanList_ingredientsContent___P_X6",ingredients:"prescriptionPlanList_ingredients__B6D6k",ingredientsIcon:"prescriptionPlanList_ingredientsIcon__zjhP4",detail:"prescriptionPlanList_detail__W9gYu",priceContent:"prescriptionPlanList_priceContent__feu_4",price:"prescriptionPlanList_price__rME_f",taxIncludedContent:"prescriptionPlanList_taxIncludedContent__jrTIz",priceTableContent:"prescriptionPlanList_priceTableContent__ZV8u0",openButton:"prescriptionPlanList_openButton___6tX2",priceTable:"prescriptionPlanList_priceTable__0pxzf",isOpenPriceTable:"prescriptionPlanList_isOpenPriceTable__Cyzna",lastContent:"prescriptionPlanList_lastContent__kergN",center:"prescriptionPlanList_center__gM6xb",bold:"prescriptionPlanList_bold__y4pyw",plus:"prescriptionPlanList_plus___61Sz",graph:"prescriptionPlanList_graph__n2VP6",magentaBox:"prescriptionPlanList_magentaBox__jwP0Q",greyBox:"prescriptionPlanList_greyBox__ywyHq",single:"prescriptionPlanList_single__0_YwQ",small:"prescriptionPlanList_small__qOmKD",categoryUnderline:"prescriptionPlanList_categoryUnderline__m97oi"}},4454:function(e){e.exports={strong:"rectOutlineWithIcon_strong__Ab5n_",rectOutlineWithIcon:"rectOutlineWithIcon_rectOutlineWithIcon__imd3u",rectOutlineWithIconContent:"rectOutlineWithIcon_rectOutlineWithIconContent__KuCEf",rectOutlineWithIconContentWhite:"rectOutlineWithIcon_rectOutlineWithIconContentWhite__idECF",rectOutlineWithIconContentYellow:"rectOutlineWithIcon_rectOutlineWithIconContentYellow__cqQhY",topIcon:"rectOutlineWithIcon_topIcon__MyoaL",content:"rectOutlineWithIcon_content__xD4ut"}},2006:function(e){e.exports={strong:"regularService_strong__43dLR",regularService:"regularService_regularService__Bsa7J",aboutButton:"regularService_aboutButton__NqwrG"}},65738:function(e){e.exports={strong:"sampleUi_strong__F25v8",sampleUiWrapper:"sampleUi_sampleUiWrapper__NUBV4",pageTitle:"sampleUi_pageTitle__i09

1NV",componentSection:"sampleUi_componentSection__lUbL5",sectionTitle:"sampleUi_sectionTitle__zAGt_",componentItem:"sampleUi_componentItem__1XmKs",sampleUI:"sampleUi_sampleUI__mf_we",componentPreview:"sampleUi_componentPreview__IkLSJ",componentWrapper:"sampleUi_componentWrapper__EXBGm",sampleUiSection:"sampleUi_sampleUiSection__XMQP6",lineupListContent:"sampleUi_lineupListContent__5GZrW",bannerSection:"sampleUi_bannerSection__6t0v5"}},78576:function(e){e.exports={strong:"stepListTitle_strong__lKoLJ",stepListTitle:"stepListTitle_stepListTitle__986Y_"}},5563:function(e){e.exports={strong:"table_strong__pVnE3",tableWrapper:"table_tableWrapper__3_Ode",responsive:"table_responsive__DqxM_",table:"table_table__u9cSD",bordered:"table_bordered__b2kqj",striped:"table_striped__nCqeA",bodyRow:"table_bodyRow__yHxWa",hover:"table_hover__2M6y1",small:"table_small__WzTmJ",headerCell:"table_headerCell__HH2ai",bodyCell:"table_bodyCell__prfUb",medium:"table_medium___qcaT",large:"table_large__QVfuS",caption:"table_caption__WG97d",thead:"table_thead__tiuen",headerRow:"table_headerRow__U7yIS",tbody:"table_tbody__OWSvy",clinicTable:"table_clinicTable__ZB24F",noteCell:"table_noteCell__cnNaZ",mobileCardLayout:"table_mobileCardLayout__fd7qn",mobileCardWrapper:"table_mobileCardWrapper__uDU9Y"}},53370:function(e){e.exports={strong:"balloon_strong__qmTrm",balloonWrapper:"balloon_balloonWrapper__pKJoI",section:"balloon_section__94fei",benefitSec:"balloon_benefitSec__Mwfum"}},55078:function(e,n,t){"use strict";t.d(n,{Z:function(){return o}});var s=t(67294);function i(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}var c={click:"onClick",focusin:"onFocus",focusout:"onFocus",mousedown:"onMouseDown",mouseup:"onMouseUp",touchstart:"onTouchStart",touchend:"onTouchEnd"},o=function(e){var n,t=e.children,o=e.onClickAway,a=e.focusEvent,r=void 0===a?"focusin":a,l=e.mouseEvent,m=void 0===l?"click":l,d=e.touchEvent,p=void 0===d?"touchend":d,h=(0,s.useRef)(null),_=(0,s.useRef)(null),x=(0,s.useRef)(!1);(0,s.useEffect)(function(){return setTimeout(function(){x.current=!0},0),function(){x.current=!1}},[]);var j=function(e){return function(n){_.current=n.target;var s=null==t?void 0:t.props[e];s&&s(n)}};(0,s.useEffect)(function(){var e=function(e){x.current&&(h.current&&h.current.contains(e.target)||_.current===e.target||!document.contains(e.target)||o(e))};return document.addEventListener(m,e),document.addEventListener(p,e),document.addEventListener(r,e),function(){document.removeEventListener(m,e),document.removeEventListener(p,e),document.removeEventListener(r,e)}},[r,m,o,p]);var u=c[m],v=c[p],N=c[r];return s.Children.only((0,s.cloneElement)(t,(i(n={ref:function(e){h.current=e;var n=t.ref;"function"==typeof n?n(e):n&&(n.current=e)}},N,j(N)),i(n,u,j(u)),i(n,v,j(v)),n)))};o.displayName="ClickAwayListener"}},function(e){e.O(0,[1817,4076,4762,9983,3097,7149,5798,1498,2888,9774,179],function(){return e(e.s=73294)}),_N_E=e.O()}]);