https://p-b-a.jp/_next/static/chunks/pages/sp/birthdaycolor-1d5dce4295998673.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6956],{79801:function(e,t,r){(window.__NEXT_P=window.__NEXT_P||[]).push(["/sp/birthdaycolor",function(){return r(88097)}])},2106:function(e,t,r){"use strict";r.d(t,{Z:function(){return i}});var a=r(85893),n=r(42523),s=r(89618),l=r(17524);function i(e){let{pages:t}=e;return(0,a.jsx)("nav",{className:"flex","aria-label":"Breadcrumb",children:(0,a.jsxs)("ol",{role:"list",className:"inline-flex items-center space-x-1 w-full bg-slate-50/80 py-0.5 px-2 overflow-x-scroll whitespace-nowrap hide-scrollbar",children:[(0,a.jsx)("li",{className:"text-slate-500/90",children:(0,a.jsx)("div",{className:"flex-shrink-0",children:(0,a.jsxs)("a",{href:"/",onClick:()=>{(0,n.Eq)("BREADCRUMBS",{name:"Home"})},children:[(0,a.jsx)(s.Z,{className:"h-5 w-5","aria-hidden":"true"}),(0,a.jsx)("span",{className:"sr-only",children:"Home"})]})})}),t.map(e=>(0,a.jsx)("li",{className:"text-slate-500/90",children:(0,a.jsxs)("div",{className:"flex items-center flex-shrink-0",children:[(0,a.jsx)(l.Z,{className:"h-4 w-4","aria-hidden":"true"}),(0,a.jsx)("a",{onClick:()=>{(0,n.Eq)("BREADCRUMBS",{name:e.name})},href:e.href,className:"ml-1 text-sm font-medium","aria-current":e.current?"page":void 0,children:e.name})]})},e.name))]})})}},16485:function(e,t,r){"use strict";r.d(t,{d:function(){return c},z:function(){return o}});var a=r(85893),n=r(67294),s=r(88426),l=r(12003),i=r(31040);let c=(0,l.j)("inline-flex items-center justify-center whitespace-nowrap rounded-md text-base font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-40",{variants:{variant:{default:"bg-sky-400 text-white font-semibold hover:bg-sky-400/90",destructive:"bg-white border-red-500 border text-red-500  hover:bg-destructive/90",outline:"border border-input border-sky-500 text-sky-500 bg-background hover:bg-accent hover:text-accent-foreground",secondary:"bg-amber-500 text-white font-semibold hover:bg-amber-500/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-10 px-4 py-2",sm:"h-9 rounded-md px-3",lg:"h-11 rounded-md px-8",icon:"h-10 w-10"}},defaultVariants:{variant:"default",size:"default"}}),o=n.forwardRef((e,t)=>{let{className:r,variant:n,size:l,asChild:o=!1,...d}=e,u=o?s.g7:"button";return(0,a.jsx)(u,{className:(0,i.cn)(c({variant:n,size:l,className:r})),ref:t,...d})});o.displayName="Button"},88097:function(e,t,r){"use strict";r.r(t),r.d(t,{default:function(){return o}});var a=r(85893),n=r(16850),s=r(2106),l=r(67294),i=r(16485),c=r(11163);function o(e){let{}=e,t=(0,c.useRouter)(),[r,o]=(0,l.useState)(1),[d,u]=(0,l.useState)(1),h=e=>[4,6,9,11].includes(e)?30:2===e?29:31;return(0,a.jsx)(n.Z,{seo:{title:"バースデーカラー診断",description:"「バースデーカラー診断」は、あなたの誕生日に隠された特別なカラーを見つける診断テストです。誕生日には、それぞれの人にぴったりの色が秘められています。その色は、あなたの個性や魅力を引き出すヒントになるかもしれません。診断はとても簡単、誕生日を入力するだけで、あなたのバースデーカラーがわかります。自分だけの色を知り、日常に取り入れてみませんか？",images:[{url:"http://contents.p-b-a.jp/wp-content/uploads/2024/10/shindan-37.webp",width:1200,height:630,alt:"バースデーカラー診断の画像",type:"Image/jpeg"}]},children:(0,a.jsxs)("div",{className:"w-full flex flex-1 flex-col items-start justify-start bg-slate-50 min-h-screen",children:[(0,a.jsx)(s.Z,{pages:[{name:"バースデーカラー診断",href:"/sp/birthdaycolor/",current:!0}]}),(0,a.jsxs)("div",{className:"max-w-2xl mx-auto",children:[(0,a.jsx)("figure",{className:"w-full h-full",children:(0,a.jsx)("img",{src:"http://contents.p-b-a.jp/wp-content/uploads/2024/10/shindan-37.webp",alt:"バースデーカラー診断の画像",className:"w-full"})}),(0,a.jsxs)("div",{className:"w-full p-3 bg-white",children:[(0,a.jsx)("h1",{className:"text-2xl font-bold",children:"バースデーカラー診断"}),(0,a.jsx)("div",{className:"py-3",children:(0,a.jsx)("p",{className:"text-xs text-slate-500",children:"「バースデーカラー診断」は、あなたの誕生日に隠された特別なカラーを見つける診断テストです。誕生日には、それぞれの人にぴったりの色が秘められています。その色は、あなたの個性や魅力を引き出すヒントになるかもしれません。診断はとても簡単、誕生日を入力するだけで、あなたのバースデーカラーがわかります。自分だけの色を知り、日常に取り入れてみませんか？"})}),(0,a.jsx)("div",{className:"text-center font-semibold py-1.5",children:(0,a.jsx)("p",{className:"text-sm text-slate-500",children:"診断したい誕生日を入力してください"})}),(0,a.jsxs)("div",{className:"flex items-center justify-center gap-3 mb-3",children:[(0,a.jsx)("select",{className:"border border-slate-300 rounded-md p-2",value:r,onChange:e=>{let t=parseInt(e.target.value);o(t),d>h(t)&&u(1)},children:Array.from({length:12},(e,t)=>t+1).map(e=>(0,a.jsxs)("option",{value:e,children:[e,"月"]},e))}),(0,a.jsx)("select",{className:"border border-slate-300 rounded-md p-2",value:d,onChange:e=>u(parseInt(e.target.value)),children:Array.from({length:h(r)},(e,t)=>t+1).map(e=>(0,a.jsxs)("option",{value:e,children:[e,"日"]},e))})]}),(0,a.jsx)("div",{className:"p-3",children:(0,a.jsx)(i.z,{variant:"secondary",onClick:()=>{let e="".concat(String(r).padStart(2,"0")).concat(String(d).padStart(2,"0"));t.push("/sp/birthdaycolor/".concat(e,"?self=true"))},className:"w-full",children:"診断する"})})]})]})]})})}},17524:function(e,t,r){"use strict";var a=r(67294);let n=a.forwardRef(function({title:e,titleId:t,...r},n){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:n,"aria-labelledby":t},r),e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",d:"M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z",clipRule:"evenodd"}))});t.Z=n},89618:function(e,t,r){"use strict";var a=r(67294);let n=a.forwardRef(function({title:e,titleId:t,...r},n){return a.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",fill:"currentColor","aria-hidden":"true","data-slot":"icon",ref:n,"aria-labelledby":t},r),e?a.createElement("title",{id:t},e):null,a.createElement("path",{fillRule:"evenodd",d:"M9.293 2.293a1 1 0 0 1 1.414 0l7 7A1 1 0 0 1 17 11h-1v6a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1v-3a1 1 0 0 0-1-1H9a1 1 0 0 0-1 1v3a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-6H3a1 1 0 0 1-.707-1.707l7-7Z",clipRule:"evenodd"}))});t.Z=n}},function(e){e.O(0,[2016,3662,1404,2190,9728,6850,9774,2888,179],function(){return e(e.s=79801)}),_N_E=e.O()}]);