https://lipscosme.com/_next/static/chunks/pages/tieup/personal_color/start-e74159b717a18f95.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[879],{24933:function(t,e,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/tieup/personal_color/start",function(){return r(5207)}])},5207:function(t,e,r){"use strict";r.r(e),r.d(e,{__N_SSG:function(){return _},default:function(){return w}});var n=r(82051),i=r(18678),l=r(93546),o=r(10980),a=r.n(o),s=r(65436),c=r(14749),u=r(62444),d=r(38310),f=r(22620),m=r(55362),p=r(89744),h=r(92580),x=r(13010),g=r(15885),y=r(12122);let b=()=>(0,n.BX)(s.K,{px:6,gap:4,children:[(0,n.tZ)(c.X,{size:"lg",children:"監修者プロフィール"}),(0,n.BX)(u.U,{gap:4,children:[(0,n.tZ)(d.E,{src:"/next_public/personal_color/SupervisorIcon.jpeg",alt:"渡辺樹里のアイコン",width:10,height:10,rounded:"full",fit:"fill"}),(0,n.BX)(s.K,{gap:"2px",children:[(0,n.tZ)(c.X,{fontSize:"lg",children:"渡辺樹里"}),(0,n.tZ)(f.x,{fontSize:"md",color:"gray.700",children:"カラー&コスメコンサルタント"})]})]}),(0,n.BX)(f.x,{fontSize:"md",children:["東京・新宿にあるイメージコンサルティングサロン「jewelblooming」を運営。パ ーソナルカラー診断だけにとどまらず、骨格診断・顔タイプ診断も踏まえ、「得意 」を知って「好き」を極めるをコンセプトに、総合的なイメージコンサルティングを実施。",(0,n.tZ)("br",{}),"近著に『パーソナルカラー\xd7骨格\xd7顔タイプ診断\xae︎でわかる！センスのいらないおしゃれの教科書』（KADOKAWA刊）"]})]}),v=()=>(0,n.BX)(m.g,{gap:2,h:"100%",w:"full",alignItems:"center",children:[(0,n.BX)(m.g,{px:"24px",h:"100%",w:"full",gap:"28px",pt:"10",pb:"4",children:[(0,n.BX)(m.g,{flex:"1",gap:6,children:[(0,n.tZ)(d.E,{src:"/next_public//personal_color_sales/personal_color_sales_hero.png",fit:"fill"}),(0,n.BX)(f.x,{textAlign:"center",color:"dark.900",fontWeight:"600",fontSize:"xl",children:["パーソナルカラー診断結果を元に",(0,n.tZ)("br",{}),"おすすめの色とクチコミをご提案します！"]})]}),(0,n.tZ)(p.z,{asChild:!0,type:void 0,backgroundColor:"dark.900",color:"white",borderRadius:"base",w:"full",h:"48px",gap:"normal",children:(0,n.BX)("a",{href:"/tieup/personal_color/analysis",children:[(0,n.tZ)(h.m.span,{display:"inline-flex",alignSelf:"center",flexShrink:0,marginEnd:"0.5rem",children:(0,n.tZ)(x.J,{as:y.gRS,w:5,h:5,mr:1,focusable:"false"})}),"診断をスタート"]})}),(0,n.BX)(u.U,{children:[(0,n.tZ)(f.x,{fontSize:"xs",color:"dark.600",children:"powered by"}),(0,n.tZ)(d.E,{h:5,src:"/next_public/Logo.png",fit:"fill"})]})]}),(0,n.tZ)(g.x,{h:6}),(0,n.BX)(m.g,{px:4,gap:1,children:[(0,n.BX)(f.x,{fontWeight:"bold",fontSize:"lg",textAlign:"center",children:["カメラで自分の顔に馴染むリップの色を選ぶと ",(0,n.tZ)("br",{}),"あなたのパーソナルカラーが分かります"]}),(0,n.tZ)(d.E,{src:"/next_public/personal_color_sales/lip_compare_genderless.png",alt:"",width:"full",px:4,fit:"fill"})]}),(0,n.tZ)(g.x,{h:8}),(0,n.tZ)(g.x,{w:"full",bg:"gray.100",py:8,children:(0,n.tZ)(b,{})})]});var _=!0,w=()=>(0,n.BX)(n.HY,{children:[(0,n.tZ)(a(),{children:(0,n.tZ)("title",{children:"パーソナルカラー診断"})}),(0,n.tZ)(i.M,{bg:"white",children:(0,n.tZ)(l.K,{mx:"auto",maxWidth:"640px",children:(0,n.tZ)(v,{})})})]})},85125:function(t,e,r){"use strict";r.d(e,{w_:function(){return s}});var n=r(44194),i={color:void 0,size:void 0,className:void 0,style:void 0,attr:void 0},l=n.createContext&&n.createContext(i),o=function(){return(o=Object.assign||function(t){for(var e,r=1,n=arguments.length;r<n;r++)for(var i in e=arguments[r])Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i]);return t}).apply(this,arguments)},a=function(t,e){var r={};for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&0>e.indexOf(n)&&(r[n]=t[n]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var i=0,n=Object.getOwnPropertySymbols(t);i<n.length;i++)0>e.indexOf(n[i])&&Object.prototype.propertyIsEnumerable.call(t,n[i])&&(r[n[i]]=t[n[i]]);return r};function s(t){return function(e){return n.createElement(c,o({attr:o({},t.attr)},e),function t(e){return e&&e.map(function(e,r){return n.createElement(e.tag,o({key:r},e.attr),t(e.child))})}(t.child))}}function c(t){var e=function(e){var r,i=t.attr,l=t.size,s=t.title,c=a(t,["attr","size","title"]),u=l||e.size||"1em";return e.className&&(r=e.className),t.className&&(r=(r?r+" ":"")+t.className),n.createElement("svg",o({stroke:"currentColor",fill:"

1currentColor",strokeWidth:"0"},e.attr,i,c,{className:r,style:o(o({color:t.color||e.color},e.style),t.style),height:u,width:u,xmlns:"http://www.w3.org/2000/svg"}),s&&n.createElement("title",null,s),t.children)};return void 0!==l?n.createElement(l.Consumer,null,function(t){return e(t)}):e(i)}},18678:function(t,e,r){"use strict";r.d(e,{M:function(){return o},u:function(){return s}});var n=r(31549),i=r(21176),l=r(89890);let o=(0,i.m)("div",{baseStyle:{display:"flex",alignItems:"center",justifyContent:"center"}});o.displayName="Center";let a={horizontal:{insetStart:"50%",transform:"translateX(-50%)"},vertical:{top:"50%",transform:"translateY(-50%)"},both:{insetStart:"50%",top:"50%",transform:"translate(-50%, -50%)"}},s=(0,l.G)(function(t,e){let{axis:r="both",...l}=t;return(0,n.jsx)(i.m.div,{ref:e,__css:a[r],...l,position:"absolute"})})},93546:function(t,e,r){"use strict";r.d(e,{K:function(){return u}});var n=r(31549),i=r(27762),l=r(32354),o=r(44194),a=r(21176);let s=t=>(0,n.jsx)(a.m.div,{className:"chakra-stack__item",...t,__css:{display:"inline-block",flex:"0 0 auto",minWidth:0,...t.__css}});s.displayName="StackItem";var c=r(80740);let u=(0,r(89890).G)((t,e)=>{let{isInline:r,direction:u,align:d,justify:f,spacing:m="0.5rem",wrap:p,children:h,divider:x,className:g,shouldWrapChildren:y,...b}=t,v=r?"row":u??"column",_=(0,o.useMemo)(()=>(function(t){let{spacing:e,direction:r}=t,n={column:{my:e,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},"column-reverse":{my:e,mx:0,borderLeftWidth:0,borderBottomWidth:"1px"},row:{mx:e,my:0,borderLeftWidth:"1px",borderBottomWidth:0},"row-reverse":{mx:e,my:0,borderLeftWidth:"1px",borderBottomWidth:0}};return{"&":(0,c.XQ)(r,t=>n[t])}})({spacing:m,direction:v}),[m,v]),w=!!x,j=!y&&!w,k=(0,o.useMemo)(()=>{let t=(0,i.W)(h);return j?t:t.map((e,r)=>

1{let i=void 0!==e.key?e.key:r,l=r+1===t.length,a=(0,n.jsx)(s,{children:e},i),c=y?a:e;if(!w)return c;let u=(0,o.cloneElement)(x,{__css:_});return(0,n.jsxs)(o.Fragment,{children:[c,l?null:u]},i)})},[x,_,w,j,y,h]),N=(0,l.cx)("chakra-stack",g);return(0,n.jsx)(a.m.div,{ref:e,display:"flex",alignItems:d,justifyContent:f,flexDirection:v,flexWrap:p,gap:w?void 0:m,className:N,...b,children:k})});u.displayName="Stack"},15885:function(t,e,r){"use strict";r.d(e,{x:function(){return n}});let n=(0,r(92580).m)("div");n.displayName="Box"},89744:function(t,e,r){"use strict";r.d(e,{z:function(){return g}});var n=r(31549),i=r(44194),l=r(48381),o=r(44),a=r(92580),s=r(83758),c=r(5166);let u=(0,a.m)("span");u.displayName="Span";var d=r(64076);let f=(0,a.m)("div",{base:{position:"absolute",display:"flex",alignItems:"center",justifyContent:"center"},variants:{axis:{horizontal:{insetStart:"50%",translate:"-50%",_rtl:{translate:"50%"}},vertical:{top:"50%",translate:"0 -50%"},both:{insetStart:"50%",top:"50%",translate:"-50% -50%",_rtl:{translate:"50% -50%"}}}},defaultVariants:{axis:"both"}});f.displayName="AbsoluteCenter";let m=i.forwardRef(function(t,e){let{spinner:r=(0,n.jsx)(d.$,{size:"inherit",borderWidth:"0.125em",color:"inherit"}),spinnerPlacement:i="start",children:l,text:o,visible:a=!0,...s}=t;return a?o?(0,n.jsxs)(u,{ref:e,display:"contents",...s,children:["start"===i&&r,o,"end"===i&&r]}):r?(0,n.jsxs)(u,{ref:e,display:"contents",...s,children:[(0,n.jsx)(f,{display:"inline-flex",children:r}),(0,n.jsx)(u,{visibility:"hidden",display:"contents",children:l})]}):(0,n.jsx)(u,{ref:e,display:"contents",...s,children:l}):l});m.displayName="Loader";let{useRecipeResult:p,PropsProvider:h,usePropsContext:x}=(0,o.d)({key:"button"}),g=(0,i.forwardRef)(function(t,e){let r=x(),o=(0,i.useMemo)(()=>(0,l.d)(r,t),[r,t]),u=p(o),{loading:d,loadingText:f,children:h,spinner:g,spinnerPlacement:y,...b}=u.props;return(0,n.jsx)(a.m.button,{type:"button",ref:e,...b,"data-loading":(0,s.P)(d),disabled:d||b.disabled,className:(0,c.cx)(u.className,o.className),css:[u.styles,o.css],children:!o.asChild&&d?(0,n.jsx)(m,{spinner:g,text:f,spinnerPlacement:y,children:h}):h})});g.displayName="Button"},14749:function(t,e,r){"use strict";r.d(e,{X:function(){return l}});let{withContext:n,PropsProvider:i}=(0,r(44).d)({key:"heading"}),l=n("h2")},13010:function(t,e,r){"use strict";r.d(e,{J:function(){return u}});var n=r(31549),i=r(44194),l=r(44),o=r(92580),a=r(5166);let{useRecipeResult:s,PropsProvider:c}=(0,l.d)({key:"icon"}),u=i.forwardRef(function(t,e){let{styles:r,className:i,props:l}=s({asChild:!t.as,...t});return(0,n.jsx)(o.m.svg,{ref:e,focusable:!1,"aria-hidden":"true",...l,css:[r,t.css],className:(0,a.cx)(i,t.className)})})},38310:function(t,e,r){"use strict";r.d(e,{E:function(){return a}});var n=r(31549),i=r(44194),l=r(92580),o=r(5166);let a=(0,i.forwardRef)(function(t,e){let{align:r,fit:i="cover",...a}=t;return(0,n.jsx)(l.m.img,{ref:e,objectFit:i,objectPosition:r,className:(0,o.cx)("chakra-image",t.className),...a})});a.displayName="Image"},64076:function(t,e,r){"use strict";r.d(e,{$:function(){return l}});let{withContext:n,PropsProvider:i}=(0,r(44).d)({key:"spinner"}),l=n("span")},62444:function(t,e,r){"use strict";r.d(e,{U:function(){return o}});var n=r(31549),i=r(44194),l=r(65436);let o=(0,i.forwardRef)(function(t,e){return(0,n.jsx)(l.K,{align:"center",...t,direction:"row",ref:e})});o.displayName="HStack"},65436:function(t,e,r){"use strict";r.d(e,{K:function(){return s}});var n=r(31549),i=r(44194),l=r(92580),o=r(5166),a=r(93058);let s=(0,i.forwardRef)(function(t,e){let{direction:r="column",align:s,justify:c,gap:u="0.5rem",wrap:d,children:f,separator:m,className:p,...h}=t,x=(0,i.useMemo)(()=>(function(t){let{gap:e,direction:r}=t,n={column:{marginY:e,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},"column-reverse":{marginY:e,marginX:0,borderInlineStartWidth:0,borderTopWidth:"1px"},row:{marginX:e,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0},"row-reverse":{marginX:e,marginY:0,borderInlineStartWidth:"1px",borderTopWidth:0}};return{"&":(0,a.X)(r,t=>n[t])}})({gap:u,direction:r}),[u,r]),g=(0,i.useMemo)(()=>(0,i.isValidElement)(m)?i.Children.toArray(f).filter(t=>(0,i.isValidElement)(t)).map((t,e,r)=>{let l=void 0!==t.key?t.key:e,o=(0,i.cloneElement)(m,{css:[x,m.props.css]});return(0,n.jsxs)(i.Fragment,{children:[t,e===r.length-1?null:o]},l)}):f,[f,m,x]);return(0,n.jsx)(l.m.div,{ref:e,display:"flex",alignItems:s,justifyContent:c,flexDirection:r,flexWrap:d,gap:m?void 0:u,className:(0,o.cx

1)("chakra-stack",p),...h,children:g})});s.displayName="Stack"},55362:function(t,e,r){"use strict";r.d(e,{g:function(){return o}});var n=r(31549),i=r(44194),l=r(65436);let o=(0,i.forwardRef)(function(t,e){return(0,n.jsx)(l.K,{align:"center",...t,direction:"column",ref:e})});o.displayName="VStack"},83758:function(t,e,r){"use strict";r.d(e,{P:function(){return n}});let n=t=>t?"":void 0},27762:function(t,e,r){"use strict";r.d(e,{W:function(){return i}});var n=r(44194);function i(t){return n.Children.toArray(t).filter(t=>(0,n.isValidElement)(t))}},80740:function(t,e,r){"use strict";r.d(e,{AV:function(){return i},XQ:function(){return l},Yq:function(){return o}});var n=r(99448);let i=Object.freeze(["base","sm","md","lg","xl","2xl"]);function l(t,e){return Array.isArray(t)?t.map(t=>null===t?null:e(t)):(0,n.Kn)(t)?Object.keys(t).reduce((r,n)=>(r[n]=e(t[n]),r),{}):null!=t?e(t):null}function o(t,e=i){let r={};return t.forEach((t,n)=>{let i=e[n];null!=t&&(r[i]=t)}),r}}},function(t){t.O(0,[9341,2888,9774,179],function(){return t(t.s=24933)}),_N_E=t.O()}]);
2//# sourceMappingURL=start-e74159b717a18f95.js.map