:root{--sky:#5cc6ef;--sky-deep:#1c9fd6;--sky-pale:#e6f7fd;--pink:#ff6f9c;--pink-pale:#ffe8f0;--orange:#ff9326;--orange-deep:#f07d00;--orange-pale:#fff1df;--yellow:#ffd34d;--navy:#1d2b5c;--ink:#2b2f45;--paper:#fffdf7;--line:3px;--shadow:5px 5px 0 var(--navy);--wrap:1080px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:76px}body{color:var(--ink);background-color:var(--sky-pale);overflow-wrap:anywhere;background-image:radial-gradient(#5cc6ef47 3px,#0000 3.5px);background-size:22px 22px;font-family:"M PLUS Rounded 1c",Hiragino Maru Gothic ProN,Hiragino Sans,sans-serif;font-weight:700;line-height:1.75}img,video{max-width:100%;height:auto;display:block}a{color:var(--sky-deep)}ul{list-style:none}h1,h2,h3,h4{text-wrap:balance;font-weight:900;line-height:1.25}:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.wrap{width:min(100% - 32px, var(--wrap));margin-inline:auto}.narrow{max-width:820px}section{padding-block:clamp(44px,7vw,84px)}section.tight{padding-top:0}.frame{border:var(--line) solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:14px;overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%}.card{border:var(--line) solid var(--navy);box-shadow:var(--shadow);background:#fff;border-radius:20px}.btn{letter-spacing:.04em;color:#fff;background:var(--pink);border:var(--line) solid var(--navy);box-shadow:4px 4px 0 var(--navy);border-radius:999px;justify-content:center;align-items:center;gap:.4em;padding:.7em 1.6em;font-size:1.1rem;font-weight:900;text-decoration:none;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:2px 2px 0 var(--navy);transform:translate(2px,2px)}.btn:active{box-shadow:none;transform:translate(4px,4px)}.btn-sm{box-shadow:3px 3px 0 var(--navy);padding:.4em 1.1em;font-size:.9rem}.btn-ghost{color:var(--navy);background:#fff}.pill{letter-spacing:.12em;color:#fff;background:var(--navy);border-radius:999px;align-items:baseline;gap:.3em;padding:.15em 1em .2em;font-size:.8rem;font-weight:900;display:inline-flex}.pill b{letter-spacing:0;font-size:1.25rem}.center{text-align:center}.more{text-align:center;margin-top:28px}.sec-title{text-align:center;margin-bottom:clamp(24px,4vw,44px)}.sec-title small{letter-spacing:.3em;color:var(--pink);font-size:.85rem;font-weight:900;display:block}.sec-title h2{color:var(--navy);font-size:clamp(1.8rem,5vw,2.6rem)}.sec-title p{margin-top:.5em}.site-head{z-index:10;padding:8px max(16px, calc((100% - var(--wrap)) / 2));backdrop-filter:blur(8px);border-bottom:var(--line) solid var(--navy);background:#fffdf7f0;align-items:center;gap:16px;display:flex;position:sticky;top:0}.brand{color:var(--navy);white-space:nowrap;align-items:center;gap:8px;margin-right:auto;font-size:1.1rem;font-weight:900;text-decoration:none;display:flex}.brand img{width:40px;height:auto}.site-head nav{gap:20px;display:none}.site-head nav a{color:var(--navy);font-size:.95rem;font-weight:800;text-decoration:none}.site-head nav a:hover{color:var(--pink)}@media (width>=860px){.site-head nav{display:flex}}.hero{background:var(--sky);padding:0;position:relative}.hero-img{object-fit:cover;object-position:50% 100%;width:100%;max-height:80vh}.hero:after{content:"";background:radial-gradient(circle at 10px 14px, var(--paper) 9px, transparent 9.5px) 0 0 / 20px 14px repeat-x;height:14px;position:absolute;bottom:-1px;left:0;right:0}.badge{z-index:2;aspect-ratio:1;background:var(--orange);color:#fff;border:var(--line) solid #fff;width:clamp(92px,15vw,156px);box-shadow:0 0 0 var(--line) var(--navy), 5px 5px 0 var(--line) var(--navy);text-align:center;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;line-height:1.2;display:flex;position:absolute;bottom:clamp(22px,5vw,60px);right:clamp(10px,4vw,56px);transform:rotate(8deg)}.badge b{white-space:nowrap;font-size:clamp(.8rem,2.1vw,1.4rem);font-weight:900}.badge span{white-space:nowrap;color:var(--orange);background:#fff;border-radius:999px;margin-top:3px;padding:0 .7em;font-size:clamp(.65rem,1.5vw,.95rem);font-weight:900}.catch{background:var(--paper);text-align:center;padding-block:clamp(28px,5vw,56px)}.catch h1{color:var(--navy);letter-spacing:.02em;font-size:clamp(1.3rem,6.2vw,3.2rem)}.catch h1 em{color:var(--pink);font-style:normal}.catch p{margin-top:1em;font-size:clamp(.95rem,2.2vw,1.15rem)}.cta{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:1.6em;display:flex}@media (width<=700px){.catch p br{display:none}}.points{gap:28px;display:grid}.point{align-items:center;gap:18px;padding:20px;display:grid}.point h3{margin:.3em 0;font-size:clamp(1.7rem,4.5vw,2.4rem)}.point .frame{aspect-ratio:16/9}.p1 .pill{background:var(--pink)}.p1 h3{color:var(--pink)}.p2 .pill{background:var(--sky)}.p2 h3{color:var(--sky-deep)}.p3 .pill{background:var(--orange)}.p3 h3{color:var(--orange-deep)}.collage{aspect-ratio:16/9;grid-template-rows:1fr 1fr;grid-template-columns:.55fr 1fr;gap:10px;display:grid}.collage .frame{aspect-ratio:auto;box-shadow:3px 3px 0 var(--navy);border-radius:10px}.collage .frame:first-child{grid-row:span 2}@media (width>=760px){.point{grid-template-columns:1fr 1.1fr;gap:36px;padding:28px 28px 28px 40px}.point.rev{grid-template-columns:1.1fr 1fr;padding:28px 40px 28px 28px}.point.rev>:first-child{order:2}}.pv{background:var(--navy);color:#fff}.pv .sec-title h2{color:#fff}.pv .sec-title small{color:var(--yellow)}.pv video{aspect-ratio:16/9;border:var(--line) solid #fff;width:100%;box-shadow:6px 6px 0 var(--pink);background:#000;border-radius:18px}.pv .wrap{max-width:920px}.steps{gap:24px;display:grid}.step{padding:22px}.step-head{flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:14px;display:flex}.step-head h3{color:var(--navy);font-size:1.6rem}.step-head p{color:#555;font-size:.9rem}.flow{gap:12px;list-style:none;display:grid}.flow li{background:var(--orange-pale);border:2px solid var(--orange);color:#6a3a00;border-radius:14px;padding:12px 16px;font-weight:800;line-height:1.5}.flow b{color:#e06d00}@media (width>=760px){.flow{grid-template-columns:repeat(3,1fr)}}.talk{align-items:center;gap:20px;display:grid}@media (width>=760px){.talk{grid-template-columns:1fr .9fr}}.talk .frame{aspect-ratio:16/9}.chips{gap:10px;margin-top:14px;display:grid}.chips li{grid-template-columns:5.4em 1fr;align-items:center;gap:10px;display:grid}.chips .k{color:#fff;text-align:center;border-radius:999px;padding:.15em 0;font-size:.85rem;font-weight:900}.chips .q{background:var(--sky-pale);border:2px solid var(--sky);color:var(--navy);border-radius:14px 14px 14px 3px;padding:.35em .9em;font-weight:800;line-height:1.5}.chips .ev .k{background:var(--pink)}.chips .lu .k{background:var(--orange)}.chips .si .k{background:var(--sky-deep)}.note{color:#555;margin-top:12px;font-size:.9rem;line-height:1.65}.step-cta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 24px;margin-top:16px;display:flex}.step-cta .note{margin:0}.camera{background:var(--pink-pale);border-block:var(--line) solid var(--navy)}.modebar{background:#15182a;border-radius:999px;gap:6px;width:fit-content;max-width:100%;margin:0 auto 26px;padding:6px 8px;display:flex;overflow-x:auto}.modebar span{color:#fff;white-space:nowrap;border-radius:999px;padding:.1em .9em .15em;font-size:.85rem;font-weight:800}.modebar .on{background:var(--yellow);color:#15182a}.cams{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.cam{border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.cam .pic{aspect-ratio:4/3;border-bottom:var(--line) solid var(--navy);flex:1;min-height:0;position:relative}.cam .pic img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cam .txt{padding:10px 14px 14px}.cam h3{color:var(--navy);font-size:1.1rem}.cam h3 i{color:#fff;background:var(--pink);vertical-align:.15em;border-radius:999px;margin-left:.4em;padding:.05em .7em;font-size:.7rem;font-style:normal}.cam p{margin-top:4px;font-size:.85rem;line-height:1.55}.cam .bars:before,.cam .bars:after{content:"";z-index:1;background:#000;height:11%;position:absolute;left:0;right:0}.cam .bars:before{top:0}.cam .bars:after{bottom:0}.cam.pano-h{grid-column:span 2}.cam.pano-h .pic{aspect-ratio:16/7}.cam.photo .pic,.cam.pano-v .pic{aspect-ratio:3/4}@media (width>=860px){.cams{grid-template-rows:auto auto;grid-template-columns:repeat(4,1fr)}.cam.photo{grid-area:1/1/span 2}.cam.pano-v{grid-area:1/4/span 2}.cam.pano-h{grid-area:2/2/auto/span 2}.cam.photo .pic,.cam.pano-v .pic{aspect-ratio:auto}}.meme-card{align-items:center;gap:24px;padding:24px;display:grid}@media (width>=760px){.meme-card{grid-template-columns:.8fr 1fr;gap:40px;padding:32px}}.meme-card .frame{aspect-ratio:4/5}.meme-card h3{color:var(--pink);font-size:2rem}.meme-card h3 small{color:var(--navy);letter-spacing:.1em;margin-left:.6em;font-size:.9rem}.profile{grid-template-columns:auto 1fr;gap:6px 16px;margin-top:14px;font-size:.95rem;display:grid}.profile dt{color:var(--sky-deep);font-weight:900}.sns{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.sns a{color:var(--navy);border:2px solid var(--navy);background:#fff;border-radius:999px;padding:.15em 1em;font-size:.9rem;font-weight:900;text-decoration:none;display:inline-block}.sns a:hover{background:var(--yellow)}.news-list{padding:8px 22px}.news-list li{flex-wrap:wrap;align-items:center;gap:6px 14px;padding:14px 0;display:flex}.news-list li+li{border-top:2px dashed #c9d3e6}.news-list time{color:#667;font-variant-numeric:tabular-nums;font-weight:800}.news-list .tag{color:#fff;background:var(--sky-deep);border-radius:999px;padding:0 .9em;font-size:.75rem;font-weight:900}.news-list .tag.info{background:var(--pink)}.news-list a{color:var(--ink)}.faq{gap:14px;max-width:820px;margin-inline:auto;display:grid}.faq details{box-shadow:4px 4px 0 var(--navy);border-radius:16px;padding:0}.faq summary{cursor:pointer;color:var(--navy);gap:10px;padding:14px 20px;font-weight:900;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";color:var(--pink)}.faq summary:after{content:"＋";color:var(--sky-deep);margin-left:auto}.faq details[open] summary:after{content:"－"}.faq details p{padding:0 20px 16px 46px}.rules{background:var(--orange-pale);border:2px solid var(--orange);border-radius:16px;max-width:820px;margin:28px auto 0;padding:16px 20px;font-size:.92rem}.rules li{text-indent:-1.6em;padding-left:1.6em}.rules li:before{content:"⚠ ";color:var(--orange-deep)}.page-head{background:var(--pink);color:#fff;border-bottom:var(--line) solid var(--navy);padding-block:clamp(28px,5vw,52px)}.page-head h1{letter-spacing:.08em;text-shadow:3px 3px 0 var(--navy);font-size:clamp(2rem,6vw,3rem)}.page-head p{margin-top:.4em}.sub-title{color:var(--navy);margin:44px 0 16px;font-size:1.5rem}.sub-title:first-child{margin-top:0}.os-grid{gap:24px;display:grid}@media (width>=760px){.os-grid{grid-template-columns:1fr 1fr}}.os{padding:24px}.os h2{color:#fff;border-radius:999px;margin-bottom:12px;padding:.1em 1.1em .15em;font-size:1.1rem;display:inline-block}.os.and h2{color:var(--navy);background:#3ddc84}.os.ios h2{background:#111}.os ol{margin:0 0 0 1.4em}.os li{margin-top:6px}.get{flex-wrap:wrap;align-items:center;gap:20px 28px;margin-bottom:24px;padding:22px 24px;display:flex}.get img{border:2px solid var(--navy);background:#fff;border-radius:10px;width:130px;padding:8px}.get div{flex:1;min-width:220px}.get h2{color:var(--navy);font-size:1.3rem}.get .btn{margin-top:12px}@media (width<=700px){.get img{display:none}}.event-list{gap:20px;display:grid}.event{padding:20px 24px}.event time{color:var(--sky-deep);font-variant-numeric:tabular-nums;font-weight:900}.event h3{color:var(--navy);margin:2px 0 6px;font-size:1.35rem}.event .where{color:#555;font-size:.9rem}.event .body{margin-top:8px}.event .link{margin-top:8px;font-weight:900;display:inline-block}.empty{text-align:center;padding:24px}.legal h2{color:var(--navy);margin:44px 0 14px;font-size:1.5rem}.legal h2:first-child{margin-top:0}.legal .card{padding:20px 24px}.legal .card li{text-indent:-1.2em;margin-top:6px;padding-left:1.2em}.legal .card li:first-child{margin-top:0}.legal .card li:before{content:"・";color:var(--pink)}.credits{gap:10px 24px;font-size:.85rem;font-weight:500;line-height:1.5;display:grid}@media (width>=700px){.credits{grid-template-columns:1fr 1fr}}.credits li{text-indent:0!important;margin:0!important;padding-left:0!important}.credits li:before{content:none!important}.credits b{color:var(--navy);font-weight:900;display:block}.site-foot{background:var(--navy);color:#fff;text-align:center;padding:36px 16px 44px}.site-foot .sns{justify-content:center;margin-top:0}.foot-links{flex-wrap:wrap;justify-content:center;gap:8px 20px;margin-top:18px;font-size:.9rem;display:flex}.foot-links a{color:#fff}.site-foot .copy{opacity:.85;margin-top:18px;font-size:.8rem;font-weight:500;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}
