main{overflow-y:clip}.tsukutte-asobo__hero{z-index:2;position:relative;margin:0 auto;width:95%;max-width:1300px}.tsukutte-asobo__hero .tsukutte-asobo__image{display:grid;justify-items:end;margin:var(--sp60) auto 0;width:90%;max-width:1200px}.tsukutte-asobo__hero .tsukutte-asobo__image .tsukutte-asobo_balloon{position:relative;margin-top:-80px;width:70%;max-width:380px;aspect-ratio:24/13;background-image:url("/makibano-asa/assets/img/page/tsukutte-asobo/tsukutte-asobo_balloon.png");background-repeat:no-repeat;background-size:200% 100%;background-position:0 0;animation:sprite-anim_2step 2s infinite}@media print,screen and (min-width: 768px){.tsukutte-asobo__hero{width:70%}.tsukutte-asobo__hero h2::before,.tsukutte-asobo__hero h2::after{content:"";display:block;position:absolute;transform:translateY(-50%);top:50%;width:2.5em;height:auto;aspect-ratio:1/1}.tsukutte-asobo__hero h2::before{aspect-ratio:110/79;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukutte-asobo-title-left.png) no-repeat center center/contain;translate:calc(-50% - 8vw) 0}.tsukutte-asobo__hero h2::after{right:0;align-self:199/165;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukutte-asobo-title-right.png) no-repeat center center/contain;translate:calc(50% + 8vw) 0}.tsukutte-asobo__hero .tsukutte-asobo__image .tsukutte-asobo_balloon{width:50%;max-width:550px;transform:translateX(20%)}}@media print,screen and (min-width: 1100px){.tsukutte-asobo__hero h2::before,.tsukutte-asobo__hero h2::after{width:3em}.tsukutte-asobo__hero .tsukutte-asobo__image .tsukutte-asobo_balloon{margin-top:-140px}}@media only screen and (max-width: 767px){.deco__wrap--tsukutte-asobo::after{content:"";top:-20px;aspect-ratio:767/634;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukutte-asobo-sp.png) no-repeat center center/contain}}@media print,screen and (min-width: 768px){.deco__wrap--tsukutte-asobo .deco__tsukutte-asobo--left,.deco__wrap--tsukutte-asobo .deco__tsukutte-asobo--right{top:auto;bottom:0;aspect-ratio:543/958;height:95%;min-width:800px}.deco__wrap--tsukutte-asobo .deco__tsukutte-asobo--left{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukutte-asobo-left.png) no-repeat center center/contain;transform:translateX(clamp(-65%, calc(-74.412% + 9.412cqw), -45%))}.deco__wrap--tsukutte-asobo .deco__tsukutte-asobo--right{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukutte-asobo-right.png) no-repeat center center/contain;transform:translateX(clamp(45%, calc(74.412% - 9.412cqw), 65%))}}.tsukurikata{z-index:2;position:relative;margin:var(--sp50) auto 0;padding-top:var(--sp20);width:95%;max-width:1200px}.tsukurikata .tsukurikata__contents{margin-top:var(--sp80);text-align:center}.tsukurikata ul.tsukurikata__steps{margin:0 auto;width:100%;max-width:800px}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--num{display:flex;justify-content:center;align-items:center;position:relative;margin-inline:auto;border-radius:50%;padding-bottom:.1em;width:1.5em;height:1.5em;font-size:var(--fzv50);font-weight:900;line-height:1;color:var(--cl-white);background-color:var(--cl-makiba-blue)}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--num::after{content:"";display:block;position:absolute;bottom:0;width:130%;height:130%;animation:haneru1 2s steps(2) infinite}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--title{margin-top:var(--sp30);padding-block:.3em .7em;border-radius:calc(infinity*1px);font-size:var(--fzv25);font-weight:900;line-height:1;background-color:var(--cl-yellow);display:flex;justify-content:center;align-items:baseline}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--title ruby rt{font-weight:700}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--image{margin-top:var(--sp20)}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--arrow{margin-inline:auto;width:160px}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-1 .tsukurikata__steps--num::after{left:0;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/tsukutte-asobo_tsukurikata_cow-1.png) no-repeat center center/contain;translate:-80% 35%}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-2 .tsukurikata__steps--num::after{right:0;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/tsukutte-asobo_tsukurikata_cow-2.png) no-repeat center center/contain;translate:80% 35%;animation-delay:.5s}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-3 .tsukurikata__steps--num::after{left:0;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/tsukutte-asobo_tsukurikata_cow-3.png) no-repeat center center/contain;translate:-80% 35%}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-4 .tsukurikata__steps--image{position:relative;margin-top:0}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-4 .tsukurikata__steps--image .tsukurikata__steps-4--text{position:absolute;top:0;left:12%;width:55%;aspect-ratio:100/33;background-image:url("/makibano-asa/assets/img/page/tsukutte-asobo/tsukutte-asobo_tsukurikata-4_text.png");background-repeat:no-repeat;background-size:300% 100%;background-position:0 0;animation:sprite-anim_3step 2s infinite}.tsukurikata ul.tsukurikata__steps li+li{margin-top:var(--sp50)}.tsukurikata .tsukurikata__video{position:relative;margin:var(--sp100) auto 0;width:100%;max-width:900px;padding:var(--sp20);border-radius:20px;background-color:var(--cl-makiba-waterblue)}.tsukurikata .tsukurikata__video::after{content:"";position:absolute;top:0;right:var(--sp20);width:50%;max-width:300px;aspect-ratio:25/6;background:url(/makibano-asa/assets/img/character/anim-2steps_duck-family.png) no-repeat left center/200% 100%;animation:sprite-anim_2step 1s steps(1) infinite;translate:0 -80%}.tsukurikata .tsukurikata__video .tsukurikata__video--title{text-align:left;font-size:var(--fzv25);font-weight:900}.tsukurikata .tsukurikata__video .tsukurikata__video--title ruby rt{font-weight:700}.tsukurikata .tsukurikata__video .tsukurikata__video--content{position:relative;margin-top:var(--sp10);width:100%;height:0;padding-top:56.25%}.tsukurikata .tsukurikata__video .tsukurikata__video--content iframe{inset:0}@media print,screen and (min-width: 768px){.tsukurikata{width:70%}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--num{font-size:var(--fzv70)}.tsukurikata ul.tsukurikata__steps .tsukurikata__steps--title{font-size:var(--fzv35)}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-4 .tsukurikata__steps--image{padding-block:var(--sp60);scale:1.2}.tsukurikata ul.tsukurikata__steps li.tsukurikata__steps-4 .tsukurikata__steps--image .tsukurikata__steps-4--text{top:var(--sp60)}.tsukurikata .tsukurikata__video{border-radius:40px;padding:var(--sp30) var(--sp50) var(--sp50)}.tsukurikata .tsukurikata__video::after{right:var(--sp80);translate:0 -60%}.tsukurikata .tsukurikata__video .tsukurikata__video--title{font-size:var(--fzv35)}}@media only screen and (max-width: 767px){.deco__wrap--tsukurikata::after{content:"";top:-230px;aspect-ratio:767/634;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukurikata-sp.png) no-repeat center center/contain}}@media print,screen and (min-width: 768px){.deco__wrap--tsukurikata .deco__tsukurikata--left,.deco__wrap--tsukurikata .deco__tsukurikata--right{margin-top:-130px;aspect-ratio:14/97;height:105%;min-width:800px}.deco__wrap--tsukurikata .deco__tsukurikata--left{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukurikata-left.png) no-repeat center center/contain;transform:translateX(clamp(-65%, calc(-83.462% + 12.308cqw), -45%))}.deco__wrap--tsukurikata .deco__tsukurikata--left .chara-set__tree-03_bird-yellow{top:26%;right:clamp(-5%,calc(43.077% - 15.385cqw),20%);width:clamp(30%,calc(25.566% + 4.619cqw),40%)}.deco__wrap--tsukurikata .deco__tsukurikata--left .chara_butterfly{top:40%;right:clamp(-15%,calc(42.692% - 18.462cqw),15%);width:clamp(18%,calc(16.226% + 1.848cqw),22%)}.deco__wrap--tsukurikata .deco__tsukurikata--right{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_tsukurikata-right.png) no-repeat center center/contain;transform:translateX(clamp(45%, calc(83.462% - 12.308cqw), 65%))}.deco__wrap--tsukurikata .deco__tsukurikata--right .chara_baby-goat{top:18%;left:clamp(-25%,calc(61.538% - 27.692cqw),20%);width:clamp(25%,calc(18.349% + 6.928cqw),40%)}.deco__wrap--tsukurikata .deco__tsukurikata--right .chara_owl{bottom:16%;left:clamp(-15%,calc(38.571% - 17.143cqw),15%);width:clamp(30%,calc(20.571% + 6.857cqw),42%)}}.egara{z-index:2;position:relative;margin:var(--sp50) auto 0;padding-top:var(--sp20);width:95%;max-width:1200px}.egara .egara__contents{margin-top:var(--sp80);text-align:center}.egara .egara__contents .egara__product-count{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sp20);margin-inline:auto;padding:var(--sp20);border-radius:20px;line-height:1;background-color:var(--cl-white)}.egara .egara__contents .egara__product-count>div{width:100%}.egara .egara__contents .egara__product-count>div .product-count{width:100%;color:var(--cl-makiba-green);font-size:var(--fzv22);font-weight:900}.egara .egara__contents .egara__product-count>div .product-flavor{display:flex;flex-direction:column;flex-wrap:wrap;gap:var(--sp10);margin-top:var(--sp20);font-size:var(--fzv22);font-weight:700}.egara .egara__contents .egara__product-count>div .product-flavor li{display:flex;align-items:center;justify-content:center;gap:.5em}.egara .egara__contents .egara__product-count>div .product-flavor li::before{content:"";display:inline-block;border:solid 5px currentColor;width:1em;height:1em;border-radius:20%}.egara .egara__contents .egara__product-count>div .product-flavor li.product-flavor__seinyu::before{border-color:var(--cl-makiba-seinyu)}.egara .egara__contents .egara__product-count>div .product-flavor li.product-flavor__ichigo::before{border-color:var(--cl-makiba-ichigo)}.egara .egara__contents .egara__product-count>div .product-flavor li.product-flavor__muscat::before{border-color:var(--cl-makiba-muscat)}.egara .egara__contents .egara__product-count>div .product-flavor li.product-flavor__yogurt::before{border-color:var(--cl-makiba-yogurt)}.egara .egara__contents .egara__product-count>div .product-flavor li.product-flavor__ichigo-yogurt::before{border-color:var(--cl-makiba-ichigo-yogurt)}.egara .egara__contents ul.filter{display:flex;flex-wrap:wrap;gap:var(--sp15) var(--sp10);margin:var(--sp50) auto 0;padding:var(--sp20);border-radius:20px;background-color:var(--cl-makiba-green);font-size:var(--fzv16);font-weight:700;line-height:1}.egara .egara__contents ul.filter li{display:flex;align-items:center;padding:.5em .25em .5em .75em;border-radius:calc(infinity*1px);background-color:#fff;cursor:pointer}.egara .egara__contents ul.filter li span{font-size:80%}.egara .egara__contents ul.filter li.is-active{background-color:#ff0}.egara .egara__contents ul.category{container-type:inline-size;margin:var(--sp50) auto;width:100%;max-width:1000px;display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--sp20) var(--sp10)}.egara .egara__contents ul.category li{display:none;position:relative}.egara .egara__contents ul.category li:has(img[src*=piece_seinyu])::after{width:75%;aspect-ratio:60/23;background:url(/makibano-asa/assets/img/products/product_yogurt_seinyu.png) no-repeat center center/contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);transform:translate(5%, 15%)}.egara .egara__contents ul.category li:has(img[src*=piece_ichigo])::after{width:75%;aspect-ratio:60/23;background:url(/makibano-asa/assets/img/products/product_yogurt_ichigo.png) no-repeat center center/contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);transform:translate(5%, 15%)}.egara .egara__contents ul.category li:has(img[src*=piece_muscat])::after{width:75%;aspect-ratio:60/23;background:url(/makibano-asa/assets/img/products/product_yogurt_muscat.png) no-repeat center center/contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);transform:translate(5%, 15%)}.egara .egara__contents ul.category li:has(img[src*=piece_cake_yoghurt])::after{width:30%;aspect-ratio:6/7;background:url(/makibano-asa/assets/img/products/product_cheese-cake_yogurt.png) no-repeat center center/contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);transform:translate(-28%, 15%)}.egara .egara__contents ul.category li:has(img[src*=piece_cake_ichigo-yoghurt])::after{width:30%;aspect-ratio:6/7;background:url(/makibano-asa/assets/img/products/product_cheese-cake_ichigo-yogurt.png) no-repeat center center/contain;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);transform:translate(-28%, 15%)}.egara .egara__contents ul.category li::after{content:"";display:block;position:absolute;bottom:0;right:0;z-index:1;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff);opacity:0;transition:opacity .3s ease-out}.egara .egara__contents ul.category li.is-show{display:block}.egara .egara__contents ul.category.show-prod li::after{opacity:1}.egara .egara__contents .toggle-btn{display:flex;justify-content:center;align-items:baseline;margin:var(--sp50) auto 0;padding:.5em 0 .9em;width:100%;max-width:25em;border-radius:calc(infinity*1px);font-size:var(--fzv18);font-weight:700;line-height:1;background-color:var(--cl-white);cursor:pointer}.egara .egara__contents .toggle-btn.active{color:var(--cl-white);background-color:var(--cl-black)}@media only screen and (min-width: 550px){.egara .egara__contents ul.category{grid-template-columns:repeat(4, 1fr);gap:var(--sp15)}}@media print,screen and (min-width: 768px){.egara .egara__contents .egara__product-count{padding:var(--sp30);border-radius:calc(infinity*1px);padding-inline:var(--sp50);width:fit-content;text-align:left}.egara .egara__contents .egara__product-count>div{display:flex;gap:var(--sp20);align-items:baseline}.egara .egara__contents .egara__product-count>div .product-count{width:auto}.egara .egara__contents .egara__product-count>div .product-flavor{display:flex;flex-direction:row;gap:var(--sp20);margin-top:0;font-size:var(--fzv22)}.egara .egara__contents .egara__product-count>div .product-flavor li{gap:.2em}.egara .egara__contents .egara__product-count>div .product-flavor li::before{width:1.5em;height:1.5em}.egara .egara__contents ul.filter{font-size:var(--fzv18)}.egara .egara__contents ul.category{grid-template-columns:repeat(5, 1fr);gap:var(--sp20)}}@media print,screen and (min-width: 900px){.egara .egara__contents ul.category{grid-template-columns:repeat(6, 1fr)}}@media print,screen and (min-width: 1100px){.egara .egara__contents ul.category{grid-template-columns:repeat(6, 1fr)}}@media only screen and (max-width: 767px){.deco__wrap--egara::after{content:"";top:-280px;aspect-ratio:767/634;background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_egara-sp.png) no-repeat center center/contain}}@media print,screen and (min-width: 768px){.deco__wrap--egara .deco__egara--left,.deco__wrap--egara .deco__egara--right{margin-top:-130px;aspect-ratio:14/97;height:105%;min-width:800px}.deco__wrap--egara .deco__egara--left{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_egara-left.png) no-repeat center center/contain;transform:translateX(clamp(-65%, calc(-83.462% + 12.308cqw), -45%))}.deco__wrap--egara .deco__egara--left .chara-set__tree-03_bird-yellow{top:25%;right:clamp(-5%,calc(52.692% - 18.462cqw),25%);width:clamp(30%,calc(27.783% + 2.309cqw),35%)}.deco__wrap--egara .deco__egara--right{background:url(/makibano-asa/assets/img/page/tsukutte-asobo/deco_egara-right.png) no-repeat center center/contain;transform:translateX(clamp(45%, calc(83.462% - 12.308cqw), 65%))}}/*# sourceMappingURL=tsukutte-asobo.css.map */