:root{--bg:#FFF9F5;--paper:#FFFEFB;--white:#fff;--ink:#55494A;--ink-soft:#8A7A7B;--pink:#F58F8A;--pink-soft:#FAD8D3;--yellow:#E9B858;--yellow-soft:#FCEAC0;--orange:#F4AD72;--orange-soft:#FBE1C3;--blue:#82B5C9;--blue-soft:#DCECF1;--gray-soft:#ECE8E4;--lavender:#B9A4D7}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:'Zen Maru Gothic',sans-serif;line-height:1.8;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button{font:inherit;color:inherit}.wide{width:min(1120px,calc(100% - 40px));margin:auto}.narrow{width:min(760px,calc(100% - 40px));margin:auto}.logo,h1,h2,h3,.eyebrow,.btn{font-family:'M PLUS Rounded 1c',sans-serif}
header{position:sticky;top:0;z-index:40;background:rgba(255,249,245,.94);border-bottom:2px dashed var(--pink-soft);backdrop-filter:blur(8px)}.yurutorisan-page header{z-index:40}.nav-inner{width:min(1080px,calc(100% - 40px));min-height:72px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-size:1.25rem;font-weight:800;color:var(--pink)}.links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:.82rem;font-weight:700}.links a{padding:8px 12px;border-radius:999px;transition:background .2s ease,transform .2s ease}.links a:hover,.links .current{background:var(--pink-soft)}.links a:hover{transform:translateY(-1px)}.menu-btn{display:none;border:0;border-radius:999px;background:var(--pink);color:var(--white);padding:9px 15px;font-weight:700}a:focus-visible,button:focus-visible{outline:3px solid var(--lavender);outline-offset:3px}
.hero{position:relative;min-height:660px;display:grid;align-items:center;padding:76px 0;background:linear-gradient(165deg,var(--blue-soft) 0 70%,var(--bg) 70%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:36px}.hero-copy{position:relative;z-index:2;padding-left:6%}.eyebrow,.yurutorisan-page .eyebrow{color:#58899C;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.hero h1{margin-top:8px;font-size:clamp(3rem,7vw,5.5rem);line-height:1.15;letter-spacing:.05em}.catch{margin-top:22px;font-size:clamp(1.05rem,2.4vw,1.35rem);font-weight:700}.tiny-note,.aside-note,.scribble{display:inline-block;margin-top:22px;padding:6px 14px;border:2px dashed rgba(85,73,74,.16);border-radius:999px;color:var(--ink-soft);font-size:.82rem;transform:rotate(-1deg)}.hero-picture{position:relative;min-height:500px;display:grid;place-items:center}.hero-picture img{position:relative;z-index:2;width:min(470px,88%);filter:drop-shadow(0 12px 0 rgba(85,73,74,.07));animation:yurutori-float 5s ease-in-out infinite}.hero-cloud{position:absolute;width:90%;aspect-ratio:1.25;background:rgba(255,255,255,.68);border:3px dashed rgba(130,181,201,.45);border-radius:48% 52% 57% 43%/55% 45% 55% 45%;transform:rotate(3deg)}.hero-dot{position:absolute;border-radius:50%;background:var(--yellow-soft)}.dot-one{width:75px;height:75px;left:5%;top:18%}.dot-two{width:38px;height:38px;right:5%;bottom:20%;background:var(--pink-soft)}.hero-dots{position:absolute;right:8%;top:17%;color:var(--ink-soft);font-size:3rem;letter-spacing:.18em;transform:rotate(7deg)}
.section{padding:92px 0}.section-head{text-align:center;margin-bottom:42px}.section-head h2{margin-top:5px;font-size:clamp(1.75rem,4vw,2.55rem)}.section-head>p:last-child:not(.eyebrow){margin-top:9px;color:var(--ink-soft)}.intro-section{background:var(--paper)}.intro-layout{display:grid;grid-template-columns:.55fr 1.4fr .55fr;align-items:center;gap:18px}.intro-card{position:relative;padding:52px 56px;text-align:center;background:var(--bg);border:3px dashed var(--blue);border-radius:48% 52% 47% 53%/4% 5% 4% 5%;box-shadow:0 7px 0 rgba(85,73,74,.05)}.intro-card .section-head{margin-bottom:24px}.intro-lead{font:800 clamp(1.2rem,3vw,1.55rem) 'M PLUS Rounded 1c',sans-serif}.prose{display:grid;gap:16px;margin-top:24px;color:var(--ink-soft)}.intro-bird img{width:100%;filter:drop-shadow(0 6px 0 rgba(85,73,74,.05))}.bird-peek{transform:translateX(18px) rotate(-7deg)}.bird-wander{transform:translateX(-16px) translateY(42px) rotate(8deg)}
.feelings-section{background:var(--yellow-soft)}.feelings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.feeling{position:relative;padding:16px 16px 26px;background:var(--white);border:2px solid rgba(85,73,74,.08);border-radius:22px;box-shadow:0 6px 0 rgba(85,73,74,.05);transition:transform .2s ease}.feeling:nth-child(even){margin-top:34px}.feeling:hover{transform:translateY(-3px) rotate(-.5deg)}.feeling-letter{position:absolute;z-index:3;left:10px;top:10px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--yellow-soft);color:#A36E26;font-weight:900}.anger .feeling-letter{background:var(--pink-soft);color:#B85E5B}.sorrow .feeling-letter{background:var(--blue-soft);color:#58899C}.fun .feeling-letter{background:var(--orange-soft);color:#A86E3B}.feeling-visual{min-height:200px;display:grid;place-items:center;background:#F8F6F2;border-radius:16px}.feeling-visual img{width:90%;height:190px;object-fit:contain}.anger .feeling-visual img{transform:rotate(-4deg)}.sorrow .feeling-visual img{transform:translateY(8px) rotate(3deg)}.fun .feeling-visual img{transform:rotate(5deg)}.feeling h3{margin-top:18px;font-size:1.12rem}.feeling p{margin-top:7px;color:var(--ink-soft);font-size:.9rem}
.daily-section{background:var(--bg)}.daily-gallery{columns:3 260px;column-gap:18px}.daily-item{break-inside:avoid;margin:0 0 18px;padding:16px;background:var(--white);border-radius:22px;box-shadow:0 5px 0 rgba(85,73,74,.05)}.daily-feature{transform:rotate(-.6deg)}.daily-item img{width:100%;height:auto;min-height:190px;object-fit:contain;background:var(--paper);border-radius:15px}.daily-item:nth-child(3n) img{background:var(--yellow-soft)}.daily-item:nth-child(3n+2) img{background:var(--blue-soft)}.daily-feature img{min-height:310px;background:var(--blue-soft)}.daily-item figcaption{padding:12px 4px 2px;color:var(--ink-soft);font-weight:700}
.friends-section{background:var(--paper)}.friends-layout{display:grid;grid-template-columns:1.35fr .85fr;align-items:center;gap:50px}.friends-picture{min-height:410px;display:flex;align-items:center;justify-content:center;gap:4px;padding:32px;background:var(--blue-soft);border-radius:45% 55% 50% 50%/52% 47% 53% 48%}.friends-picture img{width:52%;margin:0 -4%;filter:drop-shadow(0 6px 0 rgba(85,73,74,.05))}.friends-picture img:first-child{transform:translateY(-34px) rotate(-5deg)}.friends-picture img:last-child{transform:translateY(34px) rotate(5deg)}.friends-copy h2,.oshi-card h2,.x-card h2{margin-top:7px;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1.4}.friends-copy>p:not(.eyebrow):not(.scribble){margin-top:22px;color:var(--ink-soft)}
.oshi-section{background:var(--pink-soft)}.oshi-card{display:grid;grid-template-columns:1fr 300px;align-items:center;gap:34px;padding:40px 48px;background:var(--white);border:3px dashed var(--pink);border-radius:28px;transform:rotate(.3deg)}.oshi-card>div>p:not(.eyebrow){margin-top:17px;color:var(--ink-soft)}.oshi-pictures{display:grid;grid-template-columns:1fr 1fr;gap:4px}.oshi-pictures img{width:100%;transform:rotate(5deg)}.oshi-pictures img:last-child{transform:translateY(28px) rotate(-5deg)}
.stickers-section{background:var(--bg)}.sticker-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;align-items:stretch}.sticker-card{display:flex;flex-direction:column;overflow:hidden;background:var(--white);border:2px solid var(--blue-soft);border-radius:24px;box-shadow:0 6px 0 rgba(85,73,74,.05);transition:transform .2s ease,background .2s ease}.sticker-card:hover{transform:translateY(-3px);background:#FFFEFB}.sticker-picture{padding:14px;background:var(--blue-soft)}.sticker-card:nth-child(even) .sticker-picture{background:var(--yellow-soft)}.sticker-card:nth-child(3) .sticker-picture{background:var(--pink-soft)}.sticker-picture img{width:100%;aspect-ratio:1;object-fit:contain}.sticker-card>div:last-child{display:flex;flex:1;flex-direction:column;padding:17px}.sticker-card span{color:#58899C;font-size:.66rem;font-weight:800;letter-spacing:.1em}.sticker-card h3{margin-top:4px;font-size:1rem;line-height:1.55}.sticker-card p{margin:8px 0 16px;color:var(--ink-soft);font-size:.82rem}.sticker-card b{margin-top:auto;color:#58899C;font-size:.76rem}.btn,.yurutorisan-page .btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 24px;border:2px solid var(--yellow);border-radius:999px;background:var(--white);font-weight:700;transition:background .2s ease,transform .2s ease}.btn:hover,.yurutorisan-page .btn:hover{background:var(--yellow-soft);transform:translateY(-2px)}
.x-section{background:var(--blue-soft)}.x-card{display:grid;grid-template-columns:minmax(130px,190px) minmax(360px,1fr) minmax(130px,190px);align-items:center;gap:28px;padding:40px 44px;background:var(--white);border-radius:28px}.x-copy{text-align:center}.x-side-image{width:100%;filter:drop-shadow(0 5px 0 rgba(85,73,74,.05))}.x-side-image--left{transform:rotate(-5deg)}.x-side-image--right{transform:rotate(5deg)}.x-card>div>p:not(.eyebrow){margin:14px 0 22px;color:var(--ink-soft)}.btn-blue,.yurutorisan-page .btn-blue{border-color:var(--blue)}.btn-blue:hover,.yurutorisan-page .btn-blue:hover{background:var(--blue-soft)}.back-link,.yurutorisan-page .back-link{text-align:center;padding:56px 20px 82px;background:var(--bg)}.yurutorisan-page .back-link{margin:0}
footer{padding:38px 20px 46px;text-align:center;color:var(--ink-soft);font-size:.82rem;border-top:2px dashed var(--pink-soft)}.foot-links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 20px;margin-bottom:14px}
@keyframes yurutori-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-7px) rotate(1deg)}}
@media(max-width:900px){.feelings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feeling:nth-child(even){margin-top:24px}.friends-layout{gap:28px}.intro-card{padding:44px 36px}.sticker-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.x-card{grid-template-columns:120px minmax(360px,1fr) 120px;gap:18px}}
@media(max-width:760px){.menu-btn{display:block}.links{display:none;position:absolute;left:20px;right:20px;top:64px;padding:18px;flex-direction:column;align-items:stretch;background:var(--white);border-radius:20px;box-shadow:0 8px 20px rgba(85,73,74,.1)}.links.open{display:flex}.hero{min-height:auto;padding:56px 0 66px;background:linear-gradient(170deg,var(--blue-soft) 0 83%,var(--bg) 83%)}.hero-grid{grid-template-columns:1fr;text-align:center;gap:12px}.hero-copy{padding:0}.hero h1 br{display:none}.hero-picture{min-height:310px}.hero-picture img{width:min(330px,80%)}.hero-cloud{width:min(420px,95%)}.hero-dot{display:none}.hero-dots{right:4%;top:42%;font-size:2rem}.section{padding:64px 0}.intro-layout{grid-template-columns:1fr}.intro-card{grid-row:1;padding:38px 24px;border-radius:28px}.intro-bird{position:absolute;width:90px}.bird-peek{left:-10px;transform:translateY(-38px) rotate(-8deg)}.bird-wander{right:-8px;transform:translateY(292px) rotate(7deg)}.feelings-grid{gap:14px}.feeling:nth-child(even){margin-top:18px}.feeling-visual{min-height:150px}.feeling-visual img{height:145px}.feeling{padding:12px 12px 22px}.daily-gallery{columns:2 145px;column-gap:12px}.daily-item{margin-bottom:12px;padding:11px}.daily-feature img{min-height:220px}.friends-layout{grid-template-columns:1fr;text-align:center}.friends-picture{min-height:300px;padding:22px}.friends-copy{grid-row:1}.oshi-card{grid-template-columns:1fr;text-align:center;padding:32px 24px}.oshi-pictures{width:min(330px,100%);margin:auto;grid-row:1}.oshi-pictures img{width:100%;margin:0}.x-card{grid-template-columns:1fr 1fr;gap:12px;text-align:center;padding:32px 20px}.x-copy{grid-column:1/-1;grid-row:1}.x-side-image{width:min(150px,100%);margin:auto}.x-side-image--left{grid-column:1;grid-row:2}.x-side-image--right{grid-column:2;grid-row:2}.sticker-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.back-link,.yurutorisan-page .back-link{padding:46px 20px 68px}}
@media(max-width:420px){.wide,.narrow{width:min(100% - 28px,1120px)}.hero h1{font-size:2.65rem}.feelings-grid{grid-template-columns:1fr}.feeling:nth-child(even){margin-top:0}.feeling-visual img{height:180px}.daily-gallery{columns:1}.sticker-grid{grid-template-columns:1fr}.sticker-card{width:min(290px,100%);margin:auto}.btn,.yurutorisan-page .btn{width:100%;padding-left:12px;padding-right:12px}.intro-bird{display:none}.friends-picture{min-height:250px}.friends-picture img{width:42%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}