@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap);@font-face{font-family:SoDoSansRegular;font-display:swap;src:url(/sites/default/files/Starbucksathome/assets/fonts/11f4tg_.woff2) format("woff2");ascent-override:70%;descent-override:0%;line-gap-override:normal;advance-override:0}@font-face{font-family:SoDoSansBold;font-display:swap;src:url(/sites/default/files/Starbucksathome/assets/fonts//2gZsVhB.woff2) format("woff2");text-rendering:optimizeLegibility;ascent-override:70%;descent-override:0%;line-gap-override:normal;advance-override:0}:root{--cp-contents-width:420px}.sbx-buy-btn-wrap{display:none}.c-inline-block{display:inline-block}.craft-cp{--green:#00754a;--green2:#d4e9e2;--green3:#006241;--white:#fff;--bgpos:100px;--bgBase:496;--designBase:375;--cardBase:116;--cardCurrentScale:1.2;font-size:16px;display:flex;justify-content:center;background-color:#f2f0eb}@media screen and (max-width:400px){.craft-cp{font-size:16px;font-size:4vw}}.craft-cp .cp-main{overflow:hidden;position:relative;background-color:#f2f0eb}.craft-cp .cp-main.is-result{aspect-ratio:375/800}.craft-cp .cp-main .sbx-round-btn{font-size:100%;line-height:1.8;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;padding-top:.8em;padding-bottom:.8em}.craft-cp .cp-main .sbx-round-btn .ico{position:absolute;right:1em}.craft-cp .cp-main .sbx-round-btn:hover .ico{filter:brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(3848%) hue-rotate(118deg) brightness(98%) contrast(101%)}.craft-cp .cp-origami-bg{position:fixed;width:calc(50% - 210px);min-height:180px;max-height:240px;overflow:hidden;top:0;aspect-ratio:1100/306}.craft-cp .cp-origami-bg.left{left:0}.craft-cp .cp-origami-bg.right{right:0}.craft-cp .cp-origami-bg img{width:100%;height:100%;object-fit:cover;object-position:bottom}.craft-cp .craft-container{margin:0 auto;padding:0 24px}.craft-cp .craft-cp-heading{font-size:150%;font-weight:700;text-align:center;color:var(--green)}.craft-cp .craft-cp-heading.t-white{color:var(--white)}.craft-cp .note{font-size:87.5%;font-weight:400}.craft-cp .note li{position:relative;padding-left:1.3em}.craft-cp .note li>span{position:absolute;top:0;left:0}.craft-cp .cp-left{position:absolute;top:0;left:0;height:100%;width:calc(50% - 210px);color:#fff;display:flex;align-items:center;justify-content:center;min-height:700px}.craft-cp .c-inline-block{display:inline-block}.craft-cp .cp-left-inr{color:#006241;font-weight:700;position:fixed;width:100%;max-width:320px;padding:4em 1em 3em;max-width:fit-content;font-size:20px;text-align:center}@media screen and (max-width:1300px){.craft-cp .cp-left-inr{font-size:20px;font-size:1.53846vw}}.craft-cp .cp-left-inr img{width:100%;max-width:320px;display:block;margin:30px auto 0}.craft-cp-btn1{display:flex;border-radius:10px;align-items:center;justify-content:center;position:relative;padding:1em 1em 1.5em;background-color:var(--green2)}.craft-cp-btn1:after{content:"";position:absolute;bottom:.5em;display:block;width:10px;height:6px;background-color:var(--green);clip-path:polygon(50% 6px,0% 0%,10px 0%)}@media (hover:hover){.craft-cp-btn1{transition:background-color .3s ease,color .3s ease}.craft-cp-btn1:after{transition:background-color .3s ease}.craft-cp-btn1:hover{color:var(--white);background-color:var(--green)}.craft-cp-btn1:hover:after{background-color:var(--white)}}.craft-cp-btn2{display:flex;align-items:center;justify-content:center;gap:6px;padding-top:1.3em;padding-bottom:1.3em}.craft-cp-btn2.ico{transition:filter .3s ease}@media (hover:hover){.craft-cp-btn2:hover .ico{filter:brightness(0) saturate(100%) invert(33%) sepia(17%) saturate(2326%) hue-rotate(110deg) brightness(99%) contrast(102%)}}.craft-cp-btn3{line-height:1.2;display:flex;align-items:center;justify-content:center;padding:.7em;border-color:var(--white)}.hide{display:none!important}.hidden{visibility:hidden}.bg{position:absolute;top:-70px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:4.26667%;opacity:0}.bg-line{aspect-ratio:496/156;width:132.26667%;position:relative;background-size:auto 100%;animation-name:warning;animation-duration:14s;animation-timing-function:linear;animation-iteration-count:infinite}.bg-line:nth-child(n+2){margin:2.13333% 0 0 0}.bg-line.reverse{animation-direction:reverse}.line1{background-image:url(../img/cp_origami/line1.png)}.line2{background-image:url(../img/cp_origami/line2.png)}.line3{background-image:url(../img/cp_origami/line3.png)}.line4{background-image:url(../img/cp_origami/line4.png)}@keyframes warning{0%{background-position:0 0}100%{background-position:var(--bgpos) 0}}:root{--swiper-theme-color:#1E3932;--swiper-pagination-bullet-inactive-color:#fff;--swiper-pagination-bullet-inactive-opacity:1;--swiper-pagination-bullet-width:12px;--swiper-pagination-bullet-height:12px;--swiper-pagination-bullet-horizontal-gap:8px}.scene1{position:relative}.scene1 .scene-page{opacity:0}.scene-page{margin:0 auto;position:relative;aspect-ratio:375/680;width:100%}.page{aspect-ratio:375/800;height:100%;max-width:420px;max-height:max(100vh - 72px,600px)}.scene1-pot{position:absolute;width:117.33333%;left:41.33333%;top:12.20588%;aspect-ratio:440/420}.scene1-pot .water{position:absolute;width:2.27273%;left:6.13636%;top:48.93112%;transform-origin:top center;transform:scaleY(0)}.scene1-pot .water2{position:absolute;width:100%;height:100%;top:0;left:0;transform-origin:top center;animation:water .1s ease-in-out infinite}.scene1-cup{position:absolute;width:110.93333%;left:-5.33333%;top:-8.82353%}.scene1-cup img{width:100%}@keyframes water{0%{transform:scaleX(1)}100%{transform:scaleX(1.4)}}@keyframes fuwa{0%{transform:translateY(-2%)}100%{transform:translateY(1%)}}@keyframes fuwa2{0%{transform:translateY(-1.3%)}100%{transform:translateY(1.7%)}}.scene-cut1{position:absolute;width:100%;display:flex;flex-direction:column;align-items:center;z-index:2;top:14.70588%;gap:.8em}.scene-cut1 .ttl{width:60.8%}.scene-cut1 .sbx-round-btn{width:45.33333%;padding-top:.6em!important;padding-bottom:.6em!important}.scene1-cut2{position:absolute;top:17.20588%;width:100%;z-index:2;font-size:125%;display:flex;flex-direction:column;font-weight:800;line-height:1.8;text-align:center;color:#006241;letter-spacing:.12em}.scene1-skip{position:absolute;width:12.8%;right:4.26667%;bottom:16px}.steam-wrap{position:relative}.steam{position:absolute;top:5.88235%;width:129%;left:-16.30769%;width:100%;left:0;transform-origin:center bottom;will-change:filter}.steam__svg{width:100%;height:auto;display:block;overflow:visible;animation:fuwa 2s ease-in-out infinite alternate-reverse}.swiper{overflow:visible;position:absolute;width:100%;top:41.17647%;left:0}.swiper.cards-duo{left:-12%}.swiper.cards-duo .swiper-slide{opacity:0;transition:opacity .3s}.swiper.cards-duo .swiper-slide-active,.swiper.cards-duo .swiper-slide-next{opacity:1}.swiper.cards-duo .swiper-pagination{transform:translateX(12%)}.swiper-pagination{bottom:-23%!important}.scene2{position:relative}.scene2 .hukidashi{position:absolute;top:5.88235%;z-index:2;width:82.93333%;left:8.53333%}.scene2 .hukidashi-main{filter:drop-shadow(0px 4px 16px rgba(0, 0, 0, .3)) blur(1px);position:relative;aspect-ratio:311/154;animation:fuwa2 2s ease-in-out infinite alternate-reverse}.scene2 .hukidashi__body,.scene2 .hukidashi__tail{position:absolute;display:block;max-width:none}.scene2 .hukidashi__tail{left:0;top:0;width:100%;height:100%}.scene2 .hukidashi__body{left:0%;top:0%;width:100%;height:99%}.scene2 .copy{font-size:112.5%;font-weight:800;line-height:1.6;text-align:center;top:29.87013%;left:0;width:100%;position:absolute}.scene2 .copy-txt{display:block}.scene2 .btns{display:flex;flex-direction:column;padding:0 12.8%;gap:1em;position:absolute;width:100%;top:30.88235%}.scene2 .sbx-round-btn{text-align:center;box-shadow:0 0 40px 0 rgba(30,57,50,.25)}.swipe-hand{position:absolute;width:46.66667%;left:26.66667%;top:48.08824%;pointer-events:none;z-index:3;opacity:0;transition:opacity .4s}.swipe-hand.show{opacity:1}.swipe-hand .swipe-hand-ico{position:absolute;width:18.28571%;top:27.74194%;left:40.57143%;animation:hand 1s ease-in-out infinite alternate-reverse}@keyframes hand{0%{transform:translateX(0%)}100%{transform:translateX(70%)}}.card{width:43.2%}.card-main{width:100%;aspect-ratio:162/228;aspect-ratio:295/407;overflow:hidden;border-radius:16px;position:relative;transition:transform .4s;box-shadow:0 0 30px 0 rgba(0,0,0,.4)}.card-label{position:absolute;width:100%;left:0;bottom:0;display:flex;align-items:center;justify-content:center;line-height:1.6;font-size:75%;text-align:center;font-weight:800;padding:1.5em 0}.card-label.type1{background-color:#f9f385}.card-label.type2{background-color:#59422c;color:#fff}.card-label.type2 img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(260deg) brightness(110%) contrast(101%)}.card-label.type3{background-color:#098558;color:#fff}.card-label.type3 img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(260deg) brightness(110%) contrast(101%)}.card-label.type4{background-color:#d4e9e2;color:#1e3932}.card-label.type5{background-color:#742b50;color:#fff}.card-label.type5 img{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(260deg) brightness(110%) contrast(101%)}.card-label img{position:absolute;right:1em}.swiper-slide-active{z-index:100}.swiper-slide-active .card-main{transform:scale(1.2)}.cp-modal{position:fixed;inset:0;z-index:200;display:flex;overflow-y:auto;overscroll-behavior:contain}.cp-modal-overlay{position:fixed;inset:0;background-color:#1e3932;opacity:.8}.cp-modal-inr{position:relative;z-index:1;width:100%;max-width:var(--cp-contents-width);margin:auto;padding:2em 0}.cp-modal-card{position:relative;width:78.66667%;margin:0 auto;padding:1.875em 1em 2.5625em;border-radius:16px;background-color:#f2f0eb;box-shadow:0 0 60px 0 rgba(0,0,0,.4);text-align:center}.cp-modal-close{position:absolute;top:-.125em;right:-.125em;padding:1em;line-height:1}.cp-modal-close img{display:block;width:.75em;height:auto}.cp-modal-ttl{margin:0;font-size:112.5%;font-weight:900;line-height:1.5;letter-spacing:.107em;color:var(--green3)}.cp-modal-ttl .brand{font-size:88.88889%;letter-spacing:.12em}.cp-modal-lead{font-size:100%;font-weight:700;line-height:1.5;letter-spacing:.12em;color:var(--green3);margin-top:8.74525%}.cp-modal-code{width:98.85932%;margin:1.52091% auto 0;padding:.25em 0;border-radius:4px;background-color:var(--green2);font-size:150%;font-weight:900;line-height:1.5;letter-spacing:.12em;color:var(--green3)}.cp-modal-copy{margin-top:4.56274%;font-size:87.5%;font-weight:700;line-height:1.5;letter-spacing:.137em;color:var(--green3)}.cp-modal-copy .label{text-decoration:underline}.cp-modal-copy .js-coupon-copy.is-copied{animation:coupon-copied .4s ease-out}@keyframes coupon-copied{0%{transform:scale(1)}40%{transform:scale(1.25)}100%{transform:scale(1)}}.js-btn-amazon{width:98.85932%;margin:15.20913% auto 0;padding:.6875em 0;display:flex;align-items:center;justify-content:center;position:relative;font-size:100%;font-weight:500;line-height:1.5;letter-spacing:.08em}.js-btn-amazon .ico{position:absolute;right:9.23077%;width:6.53846%;height:auto}@media (hover:hover){.js-btn-amazon:hover .ico{filter:brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(3848%) hue-rotate(118deg) brightness(98%) contrast(101%)}}.cp-modal-limit{margin-top:4.56274%;font-size:100%;font-weight:700;line-height:1.5;letter-spacing:.12em;color:var(--green3)}.cp-modal-note{width:93.53612%;margin:15.58935% auto 0;text-align:left;color:var(--green3)}.cp-modal-note .ttl{font-size:87.5%;font-weight:700;line-height:1.5;letter-spacing:.12em}.cp-modal-note .note{font-size:75%;line-height:1.5;letter-spacing:.14em}body.is-cp-modal-open{overflow:hidden}.result{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;z-index:3}.result.color1 .result-card-back{background-color:#f9f385}.result.color1 .result-line{color:#006241}.result.color1 .result-ttl{color:#006241}.result.color1 .result-info .btn-back{color:#006241}.result.color1 .result-info .btn-back .ico{filter:brightness(0) saturate(100%) invert(27%) sepia(13%) saturate(3848%) hue-rotate(118deg) brightness(98%) contrast(101%)}.result.color2 .result-card-back{background-color:#098558}.result.color2 .result-line{color:#fff}.result.color2 .result-ttl{color:#fff}.result.color3 .result-card-back{background-color:#d4e9e2}.result.color3 .result-line{color:#1e3932}.result.color3 .result-ttl{color:#fff}.result.color4 .result-card-back{background-color:#59422c}.result.color4 .result-line{color:#fff}.result.color4 .result-ttl{color:#fff}.result.color5 .result-card-back{background-color:#742b50}.result.color5 .result-line{color:#fff}.result.color5 .result-ttl{color:#fff}.result-ttl{position:absolute;left:0;top:4.75%;width:100%;text-align:center;color:#006241;font-weight:900;font-size:125%;z-index:5}.result-card{position:absolute;aspect-ratio:295/407;width:78.66667%;top:11.25%;transform-style:preserve-3d}.result-card-back,.result-card-front{position:absolute;inset:0;border-radius:16px;overflow:hidden;backface-visibility:hidden;box-shadow:0 0 30px 0 rgba(0,0,0,.4)}.result-card-front img{position:absolute;top:0;left:0;object-fit:cover;height:100%;max-width:none;object-position:center}.result-card-front img.hide{display:none}.result-line{color:#006241}.result-card-back{position:relative;height:100%;transform:rotateY(180deg);justify-content:center}.result-card-back .result-line1{line-height:1.5;font-weight:900;text-align:center;margin:5.42373% 0 0 0;letter-spacing:.12em}.result-card-back .result-line2{line-height:130%;font-weight:900;text-align:center;font-size:150%;margin:1.01695% 0 0 0;letter-spacing:.04em}.result-card-back .result-line2.item1{padding:0 0 9.49153%}.result-card-back .result-line2.item2{padding:0 0 5.76271%}.result-card-back .result-line2.item3{padding:0 0 2.37288%}.result-card-back .result-line2.item4{padding:0 0 6.10169%}.result-card-back .result-line2.item5{padding:0 0 6.77966%}.result-card-back .result-pkg{width:45.08475%;margin:0 auto 0;display:block}.result-card-back .result-pkg.hide{display:none}.result-card-back .result-pkg.shadow{filter:drop-shadow(0px 0px 16px rgba(0, 0, 0, .4))}.result-card-back .result-msg{font-size:87.5%;color:#006241;text-align:center;background-color:#fff;border-radius:8px;line-height:140%;font-weight:800;padding:.5em 0;position:absolute;bottom:3.9312%;left:5.42373%;width:89.15254%;letter-spacing:.08em}.result-card-back .result-msg:after{content:'';clip-path:polygon(0 100%,50% 0,100% 100%);background-color:#fff;width:12px;height:8px;display:block;position:absolute;bottom:calc(100% - 1px);left:50%;transform:translateX(-50%)}.result-info{position:absolute;width:78.66667%;left:10.66667%;top:66.125%;z-index:10}.result-info .sbx-round-btn{width:76%;margin:0 auto;background-color:#1e3932;font-weight:700}.result-info .sbx-round-btn:hover{background-color:#fff}.result-info .btn-back{text-decoration:underline;color:#fff;margin:6.77966% 0 0 0}.result-info .btn-back .ico{transform:rotate(180deg);margin:0 .4em 0 0;filter:brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(6677%) hue-rotate(317deg) brightness(129%) contrast(86%)}.result-info .btn-bnr{margin:6.77966% 0 0 0;display:block;width:100%}.result-info .btn-bnr img{width:100%}.result-bg{position:relative;aspect-ratio:375/800;width:101%;background-color:#fff}.result-bg.clip{clip-path:inset(50% 49.8% 49.8% 50%)}.result-bg img{display:block;position:absolute;inset:0}.result-bg img.hide{display:none}.result-bg-obj{position:absolute;inset:0;pointer-events:none;aspect-ratio:375/800}.result-bg-obj .in-item{position:absolute;inset:0}.result-bg-obj.obj1{transform-origin:60% -10%}.result-bg-obj.obj2{transform-origin:50% 50%}.result-bg-obj.obj2 .obj{position:absolute;width:104%;left:-2.66667%;top:3.25%;animation:tori3 1.5s ease-in-out infinite alternate-reverse}.result-bg-obj.obj4{transform-origin:60% -20%}.result-bg-obj.obj4 .obj1{position:absolute;width:89.06667%;left:0%;top:-.75%;max-width:none;animation:tori3 1.8s ease-in-out infinite alternate-reverse}.result-bg-obj.obj4 .obj2{position:absolute;width:116%;left:-4.8%;top:19.5%;max-width:none;animation:tori4 3s ease-in-out infinite alternate-reverse}.result-bg-obj.obj5{transform-origin:50% 0%}.result-bg-obj.obj5 .obj1{position:absolute;width:28.53333%;left:-4.53333%;top:-2.75%;max-width:none;animation:tori3 1.4s ease-in-out infinite alternate-reverse}.result-bg-obj.obj5 .obj2{position:absolute;width:80.53333%;left:37.86667%;top:-6%;max-width:none;animation:tori4 1.6s ease-in-out infinite alternate-reverse}.result-bg-obj.obj5 .obj3{position:absolute;width:27.73333%;left:69.6%;top:67.5%;max-width:none;animation:tori4 1.6s ease-in-out infinite alternate-reverse}.result-bg-obj .tori1{position:absolute;width:45.33333%;left:-13.33333%;top:6.25%;animation:tori1 1.8s ease-in-out infinite alternate-reverse}.result-bg-obj .tori2{position:absolute;width:45.33333%;left:65.86667%;top:1.125%;animation:tori2 2s ease-in-out infinite alternate-reverse}@keyframes tori1{0%{transform:translateY(-4%)}100%{transform:translateY(2%)}}@keyframes tori2{0%{transform:translateY(3%)}100%{transform:translateY(-3%)}}@keyframes tori3{0%{transform:translateY(0)}100%{transform:translateY(1em)}}@keyframes tori4{0%{transform:translateY(0)}100%{transform:translateY(-1em)}}