*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;color:#0038aa;font-family:"Zen Kaku Gothic New","Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:16px;font-weight:400;letter-spacing:.03em;line-height:1.5}img{max-width:100%;vertical-align:bottom}.scroll-top{cursor:pointer}@media(max-width: 360px){body{width:360px}}.loading{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;flex-direction:column;background:#0038aa;z-index:999;overflow:hidden;pointer-events:all;transition:opacity .8s ease}.loading.hide{pointer-events:none;opacity:0}.loading-logo{width:40%;max-width:460px;margin-bottom:50px;animation:pulse 1.2s ease-in-out infinite both}.loading-text{font-size:16px;color:#fff;margin:10px 0 30px;text-align:center}.loading #addillust{list-style:none;padding:0;margin:20px auto 0;text-align:center;animation:shake-side 1s infinite ease-in-out}.loading #addillust img{width:60%;max-width:240px;height:auto;display:inline-block;filter:brightness(0) invert(1)}@keyframes pulse{0%,40%,60%,80%{transform:scale(1)}50%,70%{transform:scale(0.95)}}@keyframes shake-side{0%,100%{transform:rotate(5deg)}50%{transform:rotate(-5deg)}}.fade-item-r,.fade-poyon,.fade-opacity,.fade-steam{opacity:0}.background{margin:0;padding:0;background-image:url("../img/web_back.webp");background-attachment:fixed;background-size:cover;background-position:center;position:relative;z-index:1}.header,.flex{width:100%;max-width:1360px;margin:0 auto;padding:60px 40px;position:fixed;bottom:0;right:0;left:0;display:flex;justify-content:space-between;align-items:flex-start}@media(max-width: 1280px){.header,.flex{display:none}}.header{margin:auto;top:0}.header--container{color:#fff}.header--container h1{width:120px;margin-bottom:10px}.header--insta img{width:38px}.flex--no{visibility:hidden}.fixed-char{width:120px;height:auto;z-index:11;filter:brightness(0) invert(1);animation:breathe 3s infinite ease-in-out}@media(max-width: 1280px){.fixed-char{display:none}}@keyframes breathe{0%,100%{transform-origin:bottom center;transform:translateX(-5px) rotate(5deg)}50%{transform:translateX(5px) rotate(-5deg)}}.container{width:100%;max-width:640px;margin:0 auto;background-color:#f0f0f0;position:relative;z-index:10;overflow:hidden}.lead{font-size:17px;background-color:#ffd7be;padding:10px 12px}@media(max-width: 640px){.lead{font-size:clamp(.875rem,.6339rem + 1.0714vw,1.0625rem)}}.fade-item-l,.fade-item-r,.fade-opacity,.fade-stagger-l .fade-item,.fade-stagger-r .fade-item{will-change:transform,opacity}.fade-poyon{opacity:0;transform:scale(0.6) rotate(0deg);filter:blur(5px);will-change:transform,opacity,filter}.fade-poyon img{width:100%;display:block}.ripple-ring{position:absolute;width:120px;height:120px;border:2px solid #0038aa;border-radius:50%;pointer-events:none;transform:translate(-50%, -50%);z-index:20;mix-blend-mode:overlay}.main .visual{margin-bottom:140px}@media(max-width: 640px){.main .visual{margin-bottom:70px}}.main .visual h1{width:200px;padding:20px}@media(max-width: 640px){.main .visual h1{width:150px}}.main .visual--image{position:relative}.main .visual--image--outer{animation:floatUpDown 10s ease-in-out infinite}.main .visual--image--roundwrap{width:548px;aspect-ratio:548/400;margin:0 auto}@media(max-width: 640px){.main .visual--image--roundwrap{width:calc(100% - 50px);aspect-ratio:548/400}}.main .visual--image--roundwrap--round{width:100%;height:100%;border-radius:30% 70% 60% 40%/30% 40% 60% 70%;animation:round_anime 10s infinite ease-in-out;background-image:url("../img/bagel3b.webp");background-size:105%;background-position:45% 25%;overflow:hidden}.main .visual--image--usagi{width:220px;position:absolute;top:-100px;right:20px}@media(max-width: 640px){.main .visual--image--usagi{width:34%;min-width:95px;top:-80px}}.main .visual--image--sakana{width:360px;position:absolute;left:-80px;bottom:-100px}@media(max-width: 640px){.main .visual--image--sakana{width:55%;min-width:184px;left:-40px;bottom:-60px}}.main .visual--image--lead{width:50%;font-size:24px;font-weight:500;position:absolute;right:0;bottom:20px;display:inline}@media(max-width: 640px){.main .visual--image--lead{font-size:clamp(.875rem,.0714rem + 3.5714vw,1.5rem)}}@keyframes floatUpDown{0%,100%{transform:translateY(0)}25%{transform:translateY(-12px)}50%{transform:translateY(6px)}75%{transform:translateY(-8px)}}.main .text{font-size:24px;text-align:center;line-height:1.8;margin-bottom:100px}@media(max-width: 640px){.main .text{font-size:clamp(.875rem,.0714rem + 3.5714vw,1.5rem);margin-bottom:80px}}.main .text h2{font-size:40px;font-weight:500;line-height:1.5;margin-bottom:30px}@media(max-width: 640px){.main .text h2{font-size:clamp(1.375rem,-0.0714rem + 6.4286vw,2.5rem)}}.main .text--item1{margin-bottom:30px}.main .bagel{width:100%}.main .bagel--cheese{width:180px;position:absolute;right:30px;top:-30px;z-index:11}@media(max-width: 640px){.main .bagel--cheese{width:28%;min-width:95px}}.main .bagel--image{width:80%;position:relative;top:-66px;left:-20%}.main .bagel--text{width:73%;position:absolute;right:0;bottom:230px}@media(max-width: 640px){.main .bagel--text{width:90%;bottom:clamp(6.25rem,-5.804rem + 53.57vw,14.375rem)}}.main .bagel--text h2{font-size:27px;font-weight:500;margin-bottom:10px}@media(max-width: 640px){.main .bagel--text h2{font-size:clamp(1.25rem,.6875rem + 2.5vw,1.6875rem);text-shadow:0 0 2px #fff,0 0 4px hsla(0,0%,100%,.8),0 1px 2px rgba(0,0,0,.3)}}@media(max-width: 640px){.main .bagel--text--lead br{display:none}}.main .paperbag{width:100%;position:relative;padding-bottom:80px}.main .paperbag--retasu{width:250px;position:absolute;left:20px;top:-100px;z-index:20}@media(max-width: 640px){.main .paperbag--retasu{width:40%;min-width:216px;top:-40px}}.main .paperbag--roundwrap{width:523px;aspect-ratio:523/505;margin:0 0 0 auto;position:relative;top:-10px;overflow:hidden}@media(max-width: 640px){.main .paperbag--roundwrap{width:100%;max-width:523px;aspect-ratio:523/505;top:50px}}.main .paperbag--roundwrap--round{width:100%;height:100%;position:relative;left:50px;border-radius:30% 70% 60% 40%/30% 40% 60% 70%;animation:round_anime 11s linear infinite;background-image:url("../img/zono_strawberry_w.webp");background-size:100%;background-position:center 80%;z-index:11}.main .paperbag--text{width:73%;text-align:right;position:absolute;left:0;top:400px;display:inline}@media(max-width: 640px){.main .paperbag--text{width:90%;top:clamp(6.25rem,11.786rem + 39.29vw,27.5rem)}}.main .paperbag--text h2{font-size:27px;font-weight:500;margin-bottom:10px}@media(max-width: 640px){.main .paperbag--text h2{bottom:clamp(8.125rem,.089rem + 35.71vw,14.375rem);text-shadow:0 0 2px #fff,0 0 4px hsla(0,0%,100%,.8),0 1px 2px rgba(0,0,0,.3)}}@media(max-width: 640px){.main .paperbag--text--lead br{display:none}}.access{margin-top:100px;margin-bottom:50px}.access .container{position:relative;padding:0 20px;margin-bottom:50px}.access .container--roundwrap{width:332px;aspect-ratio:332/278;margin:0 auto 30px}@media(max-width: 640px){.access .container--roundwrap{width:calc(100% - 50px);max-width:332px;aspect-ratio:332/278}}.access .container--roundwrap--round{width:100%;height:100%;border-radius:30% 70% 60% 40%/30% 40% 60% 70%;animation:round_anime 13s linear infinite;background-image:url("../img/zono_shop.webp");background-size:100%;background-position:center 90%;overflow:hidden}.access .container--text{max-width:435px;margin:0 auto 30px}.access .container--text h3{font-size:28px;font-weight:500}@media(max-width: 640px){.access .container--text h3{font-size:22px}}.access .container--text--address{font-size:20px}@media(max-width: 640px){.access .container--text--address{font-size:16px}}.access .container--text--open{margin-bottom:20px}@media(max-width: 640px){.access .container--text--open{font-size:13px}}@media(max-width: 640px){.access .container--text--link{text-align:center}}.access .container--text--link img{width:52.5px}.access iframe{width:100%;height:270px;padding:0 20px}@media(max-width: 640px){.access iframe{height:153px}}@keyframes round_anime{0%,100%{border-radius:30% 70% 60% 40%/30% 40% 60% 70%}33%{border-radius:50% 50% 50% 50%/50% 50% 50% 50%}66%{border-radius:70% 30% 30% 70%/50% 70% 30% 50%}}.contact{padding-bottom:100px}.contact .title h2{font-size:27px;font-weight:500;text-align:center;line-height:112px}@media(max-width: 640px){.contact .title h2{font-size:21px;line-height:97px}}.contact .inquiry{padding:0 45px}.contact .inquiry--form{color:#333;margin-bottom:30px}.contact .inquiry--form span{font-size:10px;color:#fff;background-color:#aa002a;border-radius:3px;padding:1px 5px;margin-left:10px}.contact .inquiry--form--title{color:#0038aa;font-size:18px}.contact .inquiry--form--text{width:100%;height:50px;border:1px solid #c4bcb3;border-radius:5px;padding:5px;margin-top:5px}.contact .inquiry--form--message{width:100%;height:170px;border:1px solid #c4bcb3;border-radius:5px;padding:5px;margin-top:5px}.contact .inquiry--form--tyu{font-size:14px;color:#333;margin-bottom:10px}.contact .inquiry--form--tyu2{font-size:12px;color:#333;margin-bottom:10px}.contact .inquiry--form--check{margin-bottom:10px}.contact .inquiry--form:not(:has(~.contact--form)){margin-bottom:30px}.contact .inquiry--submit--button{width:230px;height:50px;font-size:22px;background-color:#ddd;color:#aaa;display:block;text-align:center;line-height:50px;border-radius:10px;margin-top:58px;position:relative;left:50%;transform:translateX(-50%);pointer-events:none;transition:background-color .3s,color .5s}.contact .inquiry--submit--button:focus{outline:none}.contact .inquiry--submit--button.is-active{background-color:#0038aa;color:#fff;cursor:pointer;pointer-events:auto}.error-message,.field-error{color:#aa002a;font-size:13px;margin-top:5px}.alert{color:#aa002a;text-align:center;padding-bottom:10px}.inquiry--complete{text-align:center;padding:80px 20px;font-size:20px;color:#333;line-height:2;opacity:0;transform:translateY(30px);animation:fadeInUp 1s ease-out forwards}.inquiry--complete img{width:170px}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.footer{width:100%;height:30px;background-color:#0038aa;text-align:center;line-height:30px}.footer p{font-size:14px;color:#fff}.hidden{display:none}.text-justify{text-align:justify}.send-wrapper{width:100%;height:100dvh;position:fixed;background-color:hsla(0,0%,100%,.5);z-index:9999}.grecaptcha-badge{visibility:hidden}.inquiry--form--recaptcha{font-size:.75rem;color:#666;margin-top:20px}.inquiry--form--recaptcha a{text-decoration:underline}.inquiry--form--recaptcha a:hover{color:#777}/*# sourceMappingURL=style.min.css.map */