.main-bg{z-index:1;background-color:#f6f2d6;background-image:url(../_astro/birthday_bg.Kqv8FO_c.png);background-position:top;background-repeat:repeat-y;background-size:100%;position:relative}.l-section{z-index:1;position:relative}.sec-h1{width:100%;margin:0 auto;padding-top:22%;padding-bottom:1.5%;overflow:hidden}.h1__title{width:67%;margin:0 auto 6%}.sec-h1 .border-box-bracket,.sec-h1 .button-wrap{width:82%;margin-left:auto;margin-right:auto}.sec-h1 .button-wrap,.sec-flow__inner .button-wrap{margin-top:10%}img{backface-visibility:hidden;height:auto;image-rendering:-webkit-optimize-contrast;display:block}button{background:0 0;border:none;margin:0;padding:0;transition:opacity .3s ease-in}button:focus{outline:none}@media (hover:hover){button:hover{opacity:.7;cursor:pointer}}.sec-party{background-color:#f96;background-image:linear-gradient(135deg,#fbe175 .14% 17.55%,#f0fa83 17.55% 30.61%,#fbd584 30.61% 34.83%,#f9e6ac 35.12% 38.45%,#fad383 38.45%,#f9e6ac 54.12%,#fad285 54.21% 63.7%,#f0fa83 63.7% 67.18%,#fad286 67.18% 69.79%);border:1px solid #fff;width:90%;margin:0 auto 10%}.sec-party img{width:100%;max-width:none;height:auto;display:block}.area-wrap{box-sizing:content-box;aspect-ratio:750/910;width:100%;position:relative;overflow:hidden}.map-wrap{width:100%;height:100%;position:relative}.bg{width:100%;position:relative}.bg-map{width:100%;position:absolute;bottom:0;left:0}.bg-map img,.bg-table{width:100%}.inlineblock{display:inline-block}.steps-wrap{position:relative}.steps-content{text-align:center;color:#472c29;width:60%;font-size:min(24px,5vw);position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.party-anchor{position:absolute;top:0;left:0}@supports (-webkit-touch-callout:none){.party-anchor{position:absolute;top:43%;left:0}}.drink-wrap{z-index:1;width:100%;position:absolute;bottom:38%;left:0}.point-wrap{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.point{aspect-ratio:173/91;backface-visibility:hidden;width:23%;image-rendering:-webkit-optimize-contrast;position:absolute;transform:translate(-50%,50%)}.point-body{opacity:0;width:100%;height:100%;animation-name:point_anim,point_anim02;animation-duration:.5s,1s;animation-iteration-count:1,2;animation-delay:0s;animation-fill-mode:forwards;display:block}.point_1{bottom:48%;left:28%}.point_2{aspect-ratio:173/149;bottom:58.53%;left:48.27%}.point_3{aspect-ratio:173/110;bottom:51.19%;left:69.87%}.point_4{aspect-ratio:1;bottom:78.57%;left:26.8%}.point_5{aspect-ratio:173/107;bottom:58.53%;left:10.93%}.point_6{aspect-ratio:1;bottom:74.21%;left:91.47%}.point_7{aspect-ratio:337/285;width:44.9%;bottom:93.25%;left:50%}.point_1 .point-body{background:url(../_astro/food_omrice.D4YPHnNO.png) 50%/100% no-repeat}.point_2 .point-body{background:url(../_astro/food_clubsand.DaZHESop.png) 50%/100% no-repeat}.point_3 .point-body{background:url(../_astro/food_pizza.DY50Rwnl.png) 50%/100% no-repeat}.point_4 .point-body{background:url(../_astro/food_creamsoda.cmGey4Iv.png) 50%/100% no-repeat}.point_5 .point-body{background:url(../_astro/food_ddungcaron.BTX_0QaA.png) 50%/100% no-repeat}.point_6 .point-body{background:url(../_astro/food_pafe.Dnm7GZjh.png) 50%/100% no-repeat}.point_7 .point-body{background:url(../_astro/food_cake.C5ciGPGF.png) 50%/100% no-repeat}@keyframes point_anim{0%{opacity:0}to{opacity:1}}@keyframes point_anim02{0%{transform:translateY(0)}50%{transform:translateY(0)}62%{transform:translateY(-10px)}74%{transform:translateY(0)}88%{transform:translateY(0)}to{transform:translateY(0)}}.potaro-wrap{width:74.13%;position:absolute;top:0;left:50%;transform:translate(-50%)}.sec-party .waiting-potaro{visibility:hidden;opacity:0}.people-wrap{width:100%;position:absolute;top:22%;left:0}.sec-party .waiting-people{visibility:hidden;opacity:0}.is-graph-end .waiting-potaro,.is-graph-end .waiting-people{animation:.5s forwards fadeIn,.5s forwards visibility}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes visibility{0%{visibility:hidden}to{visibility:visible}}.shot-potaro{opacity:0;visibility:hidden;aspect-ratio:292/170;z-index:1;transform-origin:0 100%;background:url(../_astro/birthday_shot_pota.BnoY2QyV.png) 50%/contain no-repeat;width:38.9%;position:absolute;top:-2%;right:-10%;transform:scale(0)}.shot-potako{opacity:0;visibility:hidden;aspect-ratio:174/111;z-index:1;transform-origin:0 100%;background:url(../_astro/birthday_shot_pota.BnoY2QyV.png) 50%/contain no-repeat;width:21.5%;position:absolute;top:22.5%;left:29%;transform:scale(0)}.shot-akuma{opacity:0;visibility:hidden;aspect-ratio:72/118;z-index:1;transform-origin:100% 100%;background:url(../_astro/birthday_shot_akuma.rfuUY2ql.png) 50%/contain no-repeat;width:9.6%;position:absolute;top:22%;left:69%;transform:scale(0)}.pos_8 .shot-potaro{opacity:1;visibility:visible;transition:all .5s ease-in-out .5s;transform:scale(1)}.pos_8 .shot-potako{opacity:1;visibility:visible;transition:all .5s ease-in-out .7s;transform:scale(1)}.pos_8 .shot-akuma{opacity:1;visibility:visible;transition:all .5s ease-in-out 1s;transform:scale(1)}.loading{z-index:10;background:#0000001a;position:fixed;inset:0}.loading.is-hide{display:none}.loading .circle{width:50px;height:50px;animation-name:circle;animation-duration:2s;animation-delay:0;border:7px solid #fff;border-top-color:#0000;border-radius:50%;margin-top:-25px;margin-left:-25px;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:both;position:absolute;top:50%;left:50%}@keyframes circle{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.graph-wrap{flex-flow:row;justify-content:center;align-items:center;width:93%;padding:0;display:flex}.graph{width:100%;margin-top:16%;margin-bottom:3%;padding:0;position:relative}.graph-bar{flex-flow:row;flex-grow:1;justify-content:center;width:100%;margin:0;display:flex;position:relative}.bar{background-color:#14c97b;background-image:repeating-linear-gradient(45deg,#0000,#0000 12px,#2ed89b 12px 20px);background-size:auto;width:0;height:0;padding-top:13.5%;position:relative}.bar:after{content:"";width:100%;height:30%;display:block;position:absolute;top:0;left:0}@supports (mix-blend-mode:overlay){.bar:after{mix-blend-mode:overlay;background:#ffb5b1}}.graph-wrap__sub{width:100%;margin-top:0;padding:10% 26px 2%;overflow-x:hidden}.graph-wrap__sub .graph{aspect-ratio:640/130;background:#fff;flex-flow:column;justify-content:flex-start;align-items:flex-start;width:100%;max-height:130px;margin:0 auto 2%;display:flex;position:relative}.graph-wrap__sub .graph-bar{aspect-ratio:514/50;background:#d9d9d9;border:4px solid #fff;border-radius:10px 10px 0 0;width:100%;margin-top:0;display:block;overflow:hidden}.graph-wrap__sub .graph-bar-ttl{color:#fff;white-space:nowrap;padding-left:clamp(1.5em,5vw,40px);font-size:1.5rem;font-weight:700}.graph-wrap__sub .bar{background-color:#009843;background-image:repeating-linear-gradient(45deg,#0000,#0000 12px,#00cb6f 12px 20px);flex-flow:row;justify-content:flex-start;align-items:center;width:0%;height:100%;padding-top:0;display:flex}.pos_8 .graph-wrap__sub .bar{background-color:#ff2e00;background-image:repeating-linear-gradient(45deg,#0000,#0000 12px,#ff1e00 12px 20px)}.graph-wrap__sub .pota{width:100%;height:90%;position:absolute;bottom:38%;left:0}.bar-comment{color:#fff;z-index:1;flex-flow:row;justify-content:center;align-items:center;width:100%;font-size:26px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.graph-wrap__sub .pota-inner{flex-flow:row;justify-content:center;align-items:flex-end;height:100%;display:flex;position:relative;transform:translate(-50%)}.graph-wrap__sub .graph-potaro{width:14%;height:auto;animation-name:pota;animation-duration:.2s;animation-iteration-count:infinite;position:relative;transform:translate(0)}.is-graph-end .graph-wrap__sub .graph-potaro{animation:none}@keyframes pota{0%{top:0}50%{top:-.3em}to{top:0}}.graph-meter{aspect-ratio:514/34;width:100%;position:relative}.graph-meter__value{white-space:nowrap;font-size:clamp(14px,2vw,16px);position:absolute;bottom:60%;transform:translate(-50%,50%)}.pos_8 .graph-meter__value{color:#ff2e00}.value0{left:0}.value20{left:20%}.value40{left:40%}.value60{left:60%}.value80{left:80%}.value100{left:100%}.birthday-confetti{z-index:2;width:100%;height:80%;max-height:400px;position:absolute;top:0;left:0}.error-msg{text-align:center;width:100%;padding:16px;font-size:16px;position:absolute;top:0;left:0}@media (width>=501px){.graph-wrap__sub .graph-potaro{width:12%}}