@charset "UTF-8";:root{--col-red: #910202;--col-wh: #fff;--col-gr: #EEC862;--col-br: #4E0505;--txt-br: #671A31;--txt-bk: #5A3636;--bg01: linear-gradient(180deg, #760203 31.25%, #BF191A 50%, #760203 80%), #870304;--bg02: linear-gradient(180deg, #F6A3A8 0%, rgba(247, 233, 233, .8) 11.54%, #FBD1D3 52.88%, rgba(247, 233, 233, .6) 85.58%, #F6A3A8 100%), #FFF}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,main,header,section,article,aside,footer,dl,dd,ul,ol,li{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%}ul,ol,li{list-style:none}img,picture{max-width:100%;width:100%;height:auto;display:block;border:none}button{margin:0;padding:0;border:none;background:none}a{text-decoration:none}input,button,textarea,select{font:inherit}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}body{width:100vw;display:flex;flex-direction:column;align-items:center}button{outline:none!important}header{width:100%;position:fixed;top:0;left:0;z-index:900}header .header_inner{background:#5d300a;background-blend-mode:multiply;width:100%;height:13.68vw;position:relative}header h1 img{width:50.5vw;margin:auto;position:absolute;transform:translate(-50%,-50%);top:50%;left:50%}@media screen and (min-width: 768px){header .header_inner{height:78px}header h1 img{width:260px}}.absolute{position:absolute}body{width:100%;color:#fff;overflow-x:hidden}.link_btn:before{content:"";position:absolute;width:5.72vw;height:5.72vw;background:#2c3f1e;border-radius:50%;left:50%;top:100%;transform:translate(-50%) scale(0);opacity:0;transition:all .5s ease-out;z-index:-1}.link_btn.hover:before{width:59.7vw;height:59.7vw;top:50%;transform:translate(-50%,-50%) scale(1);opacity:1}.link_btn.hover{background-color:#2c3f1e;border-color:#2c3f1e;color:#fff}#matcha{background:url(../img/matcha/bg.webp) #d3d3d3 0% 0%/100% repeat}#matcha .kv_area{width:100%;height:169.154vw}@media screen and (min-width: 768px){#matcha .kv_area{height:auto}}#matcha .kv_txtArea .title{filter:drop-shadow(0 3.302px 33.019px #173701)}.dayImg{width:39.801vw;height:auto;right:-3.731vw;bottom:-1.91vw;z-index:98}@media screen and (min-width: 768px){.dayImg{width:18.75vw;height:18.75vw;right:auto;left:2.917vw;bottom:4.427vw}}#matcha .titile_top img{filter:drop-shadow(0 1px 10px #173701)}#matcha .content_inner{display:flex;flex-direction:column;gap:9.95vw;padding-bottom:9.95vw}@media screen and (min-width: 768px){#matcha .content_inner{gap:6.25vw;padding-bottom:8.333vw}}#matcha .kv_area .kv_txtArea p{text-shadow:1px 2px 8px #2D6737}.titile_top{width:fit-content;display:flex;flex-direction:column;gap:1.99vw;font-family:"Noto Serif";font-size:4.726vw;font-weight:600;line-height:1;letter-spacing:.709vw}@media screen and (min-width: 768px){.titile_top{gap:.833vw;font-size:2.917vw;font-weight:400;letter-spacing:.438vw}}#matcha p{text-shadow:.052vw .052vw 1.354vw #173701,.052vw .052vw 1.354vw #173701,.052vw .052vw 1.354vw #173701,.052vw .052vw 10.354vw #173701,.052vw .052vw 10.354vw #173701}@media screen and (min-width: 768px){#matcha p{text-shadow:0 .147vw 1.474vw #173701,0 .052vw .521vw #173701,0 .147vw 1.474vw #173701,0 .052vw 2.521vw #173701,0 .147vw 10.474vw #173701,0 .052vw 10.521vw #173701}}#matcha .p_area{text-align:center;font-weight:700}#matcha .title_inner p{text-shadow:.052vw .052vw 1.354vw #2D6737,.052vw .052vw 1.354vw #2D6737,.052vw .052vw 1.354vw #2D6737,.052vw .052vw 10.354vw #173701}@media screen and (min-width: 768px){#matcha .title_inner p{text-shadow:0 .147vw 1.474vw #2D6737,0 .052vw .521vw #2D6737,0 .147vw 1.474vw #2D6737,0 .052vw 2.521vw #173701}}.kv_img01{width:119.403vw;height:auto;bottom:7.96vw;left:0;z-index:2}@media screen and (min-width: 768px){.kv_img01{width:47.396vw;left:auto;right:0;top:auto;bottom:.251vw}}.kv_img02{width:64.677vw;height:auto;top:12.925vw;right:0;z-index:1}@media screen and (min-width: 768px){.kv_img02{width:31.25vw;top:.885vw;right:auto;left:12.5vw}}.food01_Img{width:107.955vw;height:auto;bottom:-4.726vw;left:-3.985vw;z-index:1}@media screen and (min-width: 768px){.food01_Img{width:62.5vw;bottom:auto;top:1.25vw;left:11.333vw}}.food02_Img{width:80.846vw;height:auto;top:11.194vw;right:6.219vw}@media screen and (min-width: 768px){.food02_Img{width:52.083vw;top:-5.729vw;right:17.708vw}}.banner_link{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 5.97vw 14.925vw;padding:5.97vw 3.98vw;gap:3.98vw;background:#ffffffb3;border-radius:3.98vw}.banner_link img{width:78.08vw;height:auto;background-color:gray}@media screen and (min-width: 768px){.banner_link{width:fit-content;margin:0 auto;padding:2.5vw 6.083vw;gap:2.083vw;border-radius:2.083vw}.banner_link img{width:42.08vw;height:auto}}.link_btn{font-family:"Noto Serif JP";font-size:3.98vw;font-weight:700;color:#2c3f1e;padding:.995vw 9.95vw;background:none;border-radius:11.94vw;border:.29vw solid #2C3F1E}@media screen and (min-width: 768px){.link_btn{padding:.5208vw 5.208vw;font-size:2.083vw;border:.156vw solid #2C3F1E}}#peach{overflow:hidden;background:url(../img/peach/bg.webp) #d3d3d3 52%/385% no-repeat}@media screen and (min-width: 768px){#peach{background-size:auto 100%;background-position:50% 0}}#peach .kv_area{width:100%;height:141.791vw}@media screen and (min-width: 768px){#peach .kv_area{height:52.083vw}}#peach .kv_txtArea img{filter:drop-shadow(0 0 10.129px #DA2E62)}#peach .kv_img{width:93.791vw;height:auto;bottom:.726vw;left:2.975vw;z-index:70}@media screen and (min-width: 768px){#peach .kv_img{width:73.75vw;bottom:2.448vw;left:12.479vw}}#peach .content_inner{padding-bottom:9.95vw}@media screen and (min-width: 768px){#peach .content_inner{display:flex;flex-direction:column;align-items:center;gap:6.25vw;padding-bottom:8.333vw}}#peach .titile_top img{filter:drop-shadow(0 0 10.129px #DA2E62)}.drink01_Img{width:57.214vw;height:auto;z-index:11;top:20.363vw;left:8.94vw}@media screen and (min-width: 768px){.drink01_Img{width:31.25vw;top:1.354vw;left:14.063vw}}.drink02_Img{width:59.701vw;height:auto;bottom:0;right:-2.98vw;z-index:20}@media screen and (min-width: 768px){.drink02_Img{width:31.25vw;top:5.104vw;bottom:auto;right:18.125vw}}#peach p{text-shadow:-4px 2px 20px #DA2E62,-4px 2px 20px #DA2E62}#peach .p_area{position:relative;z-index:60;text-align:left;font-weight:700}#menu03 .title_bottom{padding-right:1.2vw}@media screen and (min-width: 768px){#menu03 .title_bottom{padding-right:0;padding-left:1.2vw}}#menu04 .title_bottom{padding-left:1.2vw}@media screen and (min-width: 768px){#menu04 .title_bottom{padding-left:0}}@media screen and (min-width: 768px){.kv_area .shadow{width:62.5vw;height:62.5vw;border-radius:62.5vw;background:radial-gradient(33.06% 33.06% at 61.04% 55.52%,#da2e6280 24.04%,#e2638900);top:-20.833vw;left:18.75vw;z-index:1}}#menu03 .light{width:119.403vw;height:119.403vw;border-radius:119.403vw;background:radial-gradient(50% 50% at 50% 50%,#fff2bba3,#ffd3d300);top:0;left:-19.403vw;z-index:1}@media screen and (min-width: 768px){#menu03 .light{width:62.5vw;height:62.5vw;border-radius:62.5vw;background:radial-gradient(50% 50% at 50% 50%,#fff2bba3,#ffd3d300);left:6.25vw}}#menu03 .shadow{width:119.403vw;height:119.403vw;border-radius:119.403vw;background:radial-gradient(45.15% 45.15% at 61.04% 55.52%,#da2e6280,#e2638900);top:59.701vw;right:5.97vw;z-index:1}@media screen and (min-width: 768px){#menu03 .shadow{width:62.5vw;height:62.5vw;border-radius:62.5vw;background:radial-gradient(33.06% 33.06% at 61.04% 55.52%,#da2e6280 24.04%,#e2638900);top:7.604vw;right:0}}#menu04 .light{width:119.403vw;height:119.403vw;border-radius:119.403vw;background:radial-gradient(50% 50% at 50% 50%,#fff2bba3,#ffd3d300);top:0;right:-19.403vw;z-index:1}@media screen and (min-width: 768px){#menu04 .light{width:62.5vw;height:62.5vw;border-radius:62.5vw;background:radial-gradient(50% 50% at 50% 50%,#fff2bba3,#ffd3d300);right:12.5vw}}#menu04 .shadow{width:119.403vw;height:119.403vw;border-radius:119.403vw;background:radial-gradient(45.15% 45.15% at 61.04% 55.52%,#da2e6280,#e2638900);top:80.811vw;right:0;z-index:1}@media screen and (min-width: 768px){#menu04 .shadow{width:62.5vw;height:62.5vw;border-radius:62.5vw;background:radial-gradient(33.06% 33.06% at 61.04% 55.52%,#da2e6280 24.04%,#e2638900);top:7.604vw;right:54.167vw}}.content_area{overflow-x:hidden}.kv_area{padding:5.97vw;z-index:80}@media screen and (min-width: 768px){.kv_area{padding:4.167vw 0 8.333vw}}.kv_logoTitle{display:flex;flex-direction:column;gap:3.98vw}@media screen and (min-width: 768px){.kv_logoTitle{gap:2.292vw}}.kv_txtArea{position:relative;z-index:80;display:flex;flex-direction:column;gap:3.98vw;z-index:88}@media screen and (min-width: 768px){.kv_txtArea{align-items:center;gap:2.083vw}}.kv_logoTitle img{width:39.801vw;height:auto}@media screen and (min-width: 768px){.kv_logoTitle img{width:21.875vw}}.kv_txtArea p{font-family:"Noto Serif JP";font-size:3.98vw;font-weight:700;line-height:1.5;letter-spacing:.398vw}@media screen and (min-width: 768px){.kv_txtArea p{font-size:1.667vw;font-weight:900;letter-spacing:.167vw}}.contents{display:flex;flex-direction:column;gap:9.95vw;padding:9.95vw 5.97vw}@media screen and (min-width: 768px){.contents{width:100%;height:52.0835vw;flex-direction:row;gap:0;padding:6.25vw}}@media screen and (min-width: 768px){#menu02{padding:0 6.25vw 8.333vw!important}}.title_area{display:flex;flex-direction:column;gap:3.98vw;width:100%;height:99.502vw;z-index:50}@media screen and (min-width: 768px){.title_area{height:auto;gap:2.083vw}}.title_inner{position:relative;z-index:89;display:flex;flex-direction:column;gap:1.99vw}@media screen and (min-width: 768px){.title_inner{gap:.417vw}}.titile_top img,.logo_gion{width:26.368vw;height:auto}@media screen and (min-width: 768px){.titile_top img,.logo_gion{width:15.625vw}}.title_en{font-family:"Noto Serif";font-size:7.463vw;font-weight:500;line-height:1.1;letter-spacing:.746vw}@media screen and (min-width: 768px){.title_en{font-size:4.635vw;letter-spacing:.4635vw}}.title_ja{font-family:"Noto Serif JP";font-size:4.478vw;font-weight:700;line-height:1.1;letter-spacing:.4478vw}@media screen and (min-width: 768px){.title_ja{font-size:2.917vw;line-height:1.8;letter-spacing:.291vw}}#menu02 .title_area,#menu02 .title_inner,#menu02 .title_bottom,#menu03 .title_area,#menu03 .title_inner,#menu03 .title_bottom{align-items:flex-end;text-align:right}@media screen and (min-width: 768px){#menu02 .title_area,#menu02 .title_inner,#menu02 .title_bottom,#menu03 .title_area,#menu03 .title_inner,#menu03 .title_bottom{align-items:flex-start;text-align:left}}@media screen and (min-width: 768px){#menu02,#menu04{flex-direction:row-reverse}}@media screen and (min-width: 768px){#menu02 .title_area,#menu02 .title_inner,#menu02 .title_bottom,#menu04 .title_area,#menu04 .title_inner,#menu04 .title_bottom{align-items:flex-end;text-align:right}}@media screen and (min-width: 768px){#menu02 .p_area,#menu04 .p_area{align-items:flex-start!important}}.p_area{color:#fff;font-family:"Noto Serif JP";font-size:3.98vw;line-height:1.5;letter-spacing:.373vw;padding:3.98vw 0}@media screen and (min-width: 768px){.p_area{font-size:1.667vw;font-weight:700;letter-spacing:.167vw;text-align:left!important;text-shadow:1px 1px 26px #122A00,1px 1px 26px #173701,1px 1px 26px #173701;width:100%;height:100%;display:flex;flex-direction:column;justify-content:end;align-items:flex-end;padding:0;z-index:69}}.sp_block{display:flex!important}@media screen and (min-width: 768px){.sp_block{display:none!important}}.pc_block{display:none!important}@media screen and (min-width: 768px){.pc_block{display:flex!important}}img{max-width:none!important}footer{z-index:89;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;font-family:Noto Sans JP;padding:40px 4.975vw;color:var(--txt-br);background-color:var(--col-wh)}footer div{background:#5d300a;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:center;font-size:24px;font-weight:900;line-height:1.8;letter-spacing:.48px;margin-bottom:10px;width:100%;display:inline-block;position:relative}footer .sns{display:flex;justify-content:center;align-items:center;gap:40px;padding-bottom:20px}footer .sns li{width:45px;aspect-ratio:1;border-radius:50%;background:#5d300a;position:relative}footer .sns li a{display:block;width:100%;height:100%}footer .sns li a img{width:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}footer .sns li :nth-child(2) img{width:18px}footer p{max-width:1000px;width:100%;display:table;color:#353a3e;font-size:14px;font-weight:500;line-height:1.8;letter-spacing:.7px}#menu-button{background-color:unset;position:absolute;right:0;display:grid;place-items:center;place-content:center;width:min(13.68vw,72px);height:min(13.68vw,72px);border:none;cursor:pointer;z-index:999;top:50%;transform:translateY(-50%)}.bar,.bar:before,.bar:after{width:30px;height:3px;background-color:#fff;transition:transform .3s;border-radius:10px}.bar{display:grid}.bar:before,.bar:after{content:"";grid-area:1/1}.bar:before{transform:translateY(-10px)}.bar:after{transform:translateY(10px)}.menu-open #menu-button{border-radius:50%;width:min(11.68vw,64px);height:min(11.68vw,64px)}.menu-open .bar{background-color:transparent}.menu-open .bar:before{transform:rotate(45deg);background-color:var(--col-wh)}.menu-open .bar:after{transform:rotate(-45deg);background-color:var(--col-wh)}#overlay{visibility:hidden;opacity:0;position:fixed;inset:0;width:100%;height:100%;background:#ffffff80;z-index:997;transition:opacity .3s}.menu-open #overlay{visibility:visible;opacity:1}#menu{display:flex;flex-direction:column;justify-content:top;position:fixed;right:0;top:0;z-index:998;overflow-y:auto;overflow:hidden;background-color:#5d300a;max-width:402px;width:100%;height:100vh;max-height:560px;aspect-ratio:1/2;transform:translate(100%);transition:transform .3s ease-out}.menu_area{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:56px;padding:80px 40px 40px;width:100%;height:100%}.menu_title{width:378px;height:auto}.menu_linkArea{display:flex;flex-direction:column;align-items:center;width:fit-content}.menu_linkArea li{width:100%;display:flex;flex-direction:column;align-items:left;padding:8px 16px;border-bottom:1px solid #fff}.menu_linkArea li:nth-child(1){border-top:1px solid #fff}header a{color:#fff!important}header a h2{font-family:"Noto Serif JP";font-size:20px;font-weight:700;line-height:1.5;letter-spacing:2px}header a p{width:max-content;font-family:"Noto Serif JP";font-size:14px;font-weight:700;line-height:1.5;letter-spacing:1.4px}header a p span{font-size:12px;letter-spacing:1.2px}#menu a :hover{opacity:.7}.menu-open #menu{transform:translate(0)}.op0{opacity:0}.anim_box.popup.is-animated{animation:popup 1.5s cubic-bezier(.22,1,.36,1) forwards;animation-delay:.5s}@keyframes popup{0%{transform:translateY(40px) scale(.8);opacity:0}to{transform:translateY(0) scale(1)}80%,to{opacity:1}}.anim_box.popup01.is-animated{animation:popup01 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popup01{0%{transform:scale(.8);opacity:0}to{transform:scale(1)}50%,to{opacity:1}}.anim_box.popleft.is-animated{animation:popleft 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popleft{0%{transform:translate(40px);opacity:0}to{transform:translate(0);opacity:1}}.anim_box.popright.is-animated{animation:popright 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes popright{0%{transform:translate(-40px);opacity:0}to{transform:translate(0);opacity:1}}.anim_box.fadein.is-animated{animation:fadein 1.5s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:.5s}@keyframes fadein{0%{opacity:0}50%{opacity:.8}to{opacity:1}}.anim_box.fadein01.is-animated{animation:fadein01 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes fadein01{0%{transform:translateY(-40px);opacity:0}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.anim_box.fadeup.is-animated,.anim02_box.fadeup.is-animated,.anim03_box.fadeup.is-animated{animation:fadeup 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes fadeup{0%{transform:translateY(40px);opacity:0}50%{opacity:1}to{opacity:1;transform:translateY(0)}}.anim_box.faderight.is-animated{animation:faderight 1.5s cubic-bezier(.33,1,.68,1) forwards;animation-delay:.5s}@keyframes faderight{0%{clip-path:inset(0 100% 0 0);opacity:0}to{clip-path:inset(0 0 0 0);opacity:1}}.col{display:flex;flex-direction:column}.row{display:flex;flex-direction:row}.wrap{display:flex;flex-wrap:wrap}.bg-yl{background-color:#b99f00}.bg-bl{background-color:#304e7a}.bg-rd{background-color:#c93935}.bg-gr{background-color:#618d4c}.color-wh{color:#f5f5f5}.color-br{color:#613a15}.relative{position:relative}.page-top{position:fixed;bottom:10px;right:10px;width:50px;height:50px;background-color:#ce1e14;border:none;border-radius:50%;cursor:pointer;z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease,transform .3s ease;box-shadow:0 2px 10px #0003}.page-top.show{opacity:1;visibility:visible}.page-top:hover{transform:translateY(-3px);box-shadow:0 4px 15px #ce1e1466}.page-top:active{transform:translateY(-1px)}@media screen and (min-width: 768px){.page-top{bottom:20px;right:20px;width:60px;height:60px}}.page-top span{position:absolute;top:20px;left:18px;transform:rotate(-45deg);display:block;width:14px;height:14px;content:"";border:1px solid #f5f5f5;border-width:2px 2px 0px 0px}@media screen and (min-width: 768px){.page-top span{top:24px;left:21px;width:18px;height:18px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em rgba(100,108,255,.6666666667))}.logo.vanilla:hover{filter:drop-shadow(0 0 2em rgba(247,223,30,.6666666667))}.card{padding:2em}.read-the-docs{color:#888}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}