:root{--bg:#e9e3d7;--bg-soft:#f2ede3;--ink:#4c3a28;--ink-soft:#7a6a55;--gold:#ce9a2c;--gold-soft:#e8c97f;--white:#fdfcf8;--blue:#c5d9de;--pink:#e5b8b4;--radius:28px;--shadow:0 10px 30px #4c3a281a}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:80px}body{background:var(--bg);color:var(--ink);letter-spacing:.04em;font-family:Zen Maru Gothic,Hiragino Maru Gothic ProN,BIZ UDGothic,system-ui,sans-serif;line-height:1.9;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid var(--ink);outline-offset:3px}button{font:inherit;color:inherit}.site-header{z-index:100;background:0 0;border-bottom:2px dashed #4c3a2826;justify-content:space-between;align-items:center;padding:14px clamp(16px,4vw,40px);transition:background .4s,box-shadow .4s;display:flex;position:fixed;inset:0 0 auto}.site-header.scrolled{-webkit-backdrop-filter:blur(10px);background:#e9e3d7f5;box-shadow:0 1px #4c3a2814}.site-header .brand{align-items:center;gap:10px;font-size:1.05rem;font-weight:900;display:flex}.site-header .brand .mark{width:34px;height:34px;transform:translateY(-1px)}.site-header nav{gap:clamp(12px,2.5vw,28px);font-size:.92rem;font-weight:700;display:flex}.site-header nav a{white-space:nowrap;padding:4px 2px;position:relative}.site-header nav a:after{content:"";background:var(--gold);border-radius:3px;height:3px;transition:transform .25s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.menu-toggle{cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;display:none}.menu-toggle span{background:var(--ink);border-radius:2px;width:22px;height:2.5px;transition:transform .25s,opacity .25s;display:block}.site-header.menu-open .menu-toggle span:first-child{transform:translateY(7.5px)rotate(45deg)}.site-header.menu-open .menu-toggle span:nth-child(2){opacity:0}.site-header.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7.5px)rotate(-45deg)}@media (width<=960px){.site-header{justify-content:flex-start}.site-header .brand{margin-right:auto}.menu-toggle{margin-left:4px;display:flex}.site-header nav{-webkit-backdrop-filter:blur(10px);opacity:0;background:#e9e3d7f5;border-bottom:2px dashed #4c3a2826;flex-direction:column;align-items:center;gap:0;max-height:0;transition:max-height .3s,opacity .25s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.site-header.menu-open nav{opacity:1;max-height:70vh}.site-header nav a{text-align:center;width:100%;padding:13px 0}.site-header nav a:after{width:3em;left:50%;right:auto;transform:translate(-50%)scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:translate(-50%)scaleX(1)}}.head-sns{align-items:center;gap:12px;display:flex}.head-sns a{place-items:center;transition:transform .2s;display:grid}.head-sns a:hover{transform:scale(1.15)}.head-sns svg{width:20px;height:20px}.hero{text-align:center;place-items:center;min-height:100svh;padding:110px 20px 40px;display:grid;position:relative}.hero-inner{justify-items:center;gap:8px;display:grid}.hero img{width:min(66vw,380px);height:auto;animation:5s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.hero .tagline{color:var(--ink-soft);letter-spacing:.35em;text-indent:.35em;font-size:clamp(.95rem,2.4vw,1.15rem);font-weight:700}.hero h1{letter-spacing:.12em;font-size:clamp(2.2rem,8vw,4rem);font-weight:900;line-height:1.3}.hero h1 .no{color:var(--gold)}.scroll-cue{color:var(--ink-soft);letter-spacing:.25em;font-size:.78rem;font-weight:700;animation:2s ease-in-out infinite cue;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}@keyframes cue{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,8px)}}section{padding:clamp(64px,10vw,110px) 20px;position:relative}.wrap{max-width:1000px;margin:0 auto}.sec-head{text-align:center;margin-bottom:clamp(36px,6vw,60px)}.sec-head .en{letter-spacing:.3em;text-indent:.3em;color:var(--gold);background:var(--white);box-shadow:var(--shadow);border-radius:999px;padding:6px 22px;font-size:.8rem;font-weight:900;display:inline-block}.sec-head h2{letter-spacing:.1em;margin-top:14px;font-size:clamp(1.5rem,4.5vw,2.1rem);font-weight:900}.fluff{width:100%;height:60px;display:block}#about{background:var(--bg-soft)}.about-grid{grid-template-columns:1fr 1.2fr;align-items:center;gap:clamp(24px,5vw,56px);display:grid}@media (width<=720px){.about-grid{grid-template-columns:1fr}}.about-grid img{object-fit:contain;filter:drop-shadow(0 14px 24px #4a36261f);width:100%;max-width:340px;max-height:400px;margin:0 auto}.about-text p{margin-bottom:1.2em;font-size:clamp(.98rem,2.2vw,1.08rem)}.about-text strong{color:var(--gold);font-weight:900}.profile-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;display:grid}.p-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;padding:26px 18px 22px;transition:transform .25s}.p-card:hover{transform:translateY(-6px)rotate(-1deg)}.p-card .icon img{width:52px;height:52px;margin:0 auto}.p-card .label{color:var(--ink-soft);letter-spacing:.2em;text-indent:.2em;margin-top:6px;font-size:.75rem;font-weight:700}.p-card .value{margin-top:4px;font-size:1.15rem;font-weight:900}.p-card .note{color:var(--ink-soft);margin-top:6px;font-size:.8rem;line-height:1.6}#daily{background:var(--bg-soft)}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,56px);margin-bottom:clamp(40px,7vw,70px);display:grid}.feature:last-child{margin-bottom:0}.feature img{border-radius:var(--radius);box-shadow:var(--shadow)}.feature .num{color:var(--gold);letter-spacing:.25em;font-size:.85rem;font-weight:900}.feature h3{letter-spacing:.08em;margin:6px 0 12px;font-size:clamp(1.25rem,3.2vw,1.6rem);font-weight:900}.feature h3 .h-emoji{vertical-align:-.3em;width:1.35em;height:1.35em;margin-right:.15em;display:inline-block}.feature p{color:var(--ink-soft);font-weight:500}@media (width<=720px){.feature{grid-template-columns:1fr}.feature.rev .txt{order:2}}@media (width>=721px){.feature.rev img{order:2}}.gallery{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;display:grid}.g-item{border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;background:var(--bg);border:none;padding:0;transition:transform .25s;overflow:hidden}.g-item:hover{transform:scale(1.04)rotate(1deg)}.g-item img{aspect-ratio:1/1.1;object-fit:cover;width:100%}dialog#lightbox{background:0 0;border:none;place-items:center;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:24px;display:grid}dialog#lightbox:not([open]){display:none}dialog#lightbox::backdrop{background:#4c3a288c}dialog#lightbox .lightbox-content{position:relative}dialog#lightbox img{border-radius:var(--radius);max-width:min(92vw,640px);max-height:80vh;box-shadow:0 20px 60px #0000004d}dialog#lightbox p{color:#fff;text-align:center;letter-spacing:.1em;margin-top:14px;font-weight:700}.lightbox-close{z-index:1;border:2px solid var(--white);background:var(--ink);width:40px;height:40px;color:var(--white);cursor:pointer;border-radius:50%;place-items:center;font-size:1.5rem;line-height:1;display:grid;position:absolute;top:-12px;right:-12px}#friends{background:var(--bg-soft)}.friends-grid{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),380px));justify-content:center;gap:24px;max-width:760px;margin:0 auto;display:grid}.f-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);text-align:center;transition:transform .25s;overflow:hidden}.f-card:hover{transform:translateY(-6px)}.f-card img{width:100%}.f-card .body{padding:18px 20px 26px}.f-card h3{letter-spacing:.1em;font-size:1.15rem;font-weight:900}.f-card p{color:var(--ink-soft);margin-top:6px;font-size:.88rem}.sns-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin:0 auto;display:grid}.sns-card{background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);align-items:center;gap:14px;padding:18px 22px;font-weight:700;transition:transform .25s;display:flex}.sns-card:hover{transform:translateY(-5px)rotate(-1deg)}.sns-card svg{flex:none;width:34px;height:34px}.sns-card .sns-name{color:var(--ink-soft);letter-spacing:.15em;font-size:.78rem}.sns-card .sns-id{font-size:.98rem;font-weight:900}.sns-note{text-align:center;color:var(--ink-soft);margin-top:22px;font-size:.9rem;font-weight:700}#goods{background:var(--bg-soft)}.goods-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:18px;max-width:900px;margin:0 auto;display:grid}.goods-card{text-align:center;background:var(--white);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;align-items:center;gap:8px;padding:30px 22px 26px;transition:transform .25s;display:flex}.goods-card:hover{transform:translateY(-5px)rotate(-.5deg)}.goods-card .goods-icon{width:44px;height:44px}.goods-title{letter-spacing:.06em;font-size:1.08rem;font-weight:900}.goods-desc{color:var(--ink-soft);flex:1;font-size:.85rem;font-weight:500;line-height:1.7}.goods-cta{color:#fff;background:var(--gold);letter-spacing:.06em;white-space:nowrap;border-radius:999px;margin-top:8px;padding:10px 22px;font-size:.88rem;font-weight:900}footer{text-align:center;color:var(--ink-soft);padding:44px 20px 110px;font-size:.85rem;position:relative}footer .foot-meeno{width:90px;height:auto;margin:0 auto 10px}footer small{letter-spacing:.08em;margin-top:8px;display:block}.reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(26px)}.reveal.show{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}html{scroll-behavior:auto}.reveal{opacity:1;transform:none}}