@media screen and (max-width: 768px){html{font-size:2.5641025641vw}}@media print,screen and (min-width: 769px){html{font-size:.78125vw}}.contents_width{width:90%;margin-left:auto;margin-right:auto}.contents_width .controls{display:flex;background-color:var(--linen);border-top-right-radius:3rem;border-bottom-right-radius:3rem}.contents_width .controls .controlsTitle{font-size:1.6rem;line-height:2.1rem;letter-spacing:.08rem}.contents_width .controls button:nth-of-type(2):before{background-image:url("../images/recipe/icn-recipe-01.svg")}.contents_width .controls button:nth-of-type(3):before{background-image:url("../images/recipe/icn-recipe-02.svg")}.contents_width .controls button:nth-of-type(4):before{background-image:url("../images/recipe/icn-recipe-03.svg")}.contents_width .controls button:nth-of-type(5):before{background-image:url("../images/recipe/icn-recipe-04.svg")}.contents_width .controls button:nth-of-type(6):before{background-image:url("../images/recipe/icn-recipe-05.svg")}.contents_width .controls button:nth-of-type(7):before{background-image:url("../images/recipe/icn-recipe-06.svg")}.contents_width .controls button:nth-of-type(8):before{background-image:url("../images/recipe/icn-recipe-07.svg")}.contents_width .controls button:nth-of-type(9):before{background-image:url("../images/recipe/icn-recipe-08.svg")}.contents_width .controls button:nth-of-type(10):before{background-image:url("../images/recipe/icn-recipe-09.svg")}.contents_width .controls button:nth-of-type(11):before{background-image:url("../images/recipe/icn-recipe-010.svg")}.contents_width .controls button:nth-of-type(11):before{background-size:1.8rem}.contents_width .controls button{position:relative;transition:all .2s linear;padding-left:1.6rem;font-weight:600;display:flex;align-items:center;font-size:1.6rem;line-height:2.1rem;letter-spacing:.08rem;color:var(--chicago)}.contents_width .controls button:before{content:"";background-repeat:no-repeat;background-position:center;width:2.4rem;height:2.8rem;display:block;margin-right:1rem}.contents_width .controls button span{font-weight:500}.contents_width .controls button::after{content:"";display:block;position:absolute;top:1.2rem;left:0;width:.5rem;height:.5rem;border-radius:100%;background-color:var(--black);transition:all .2s linear}.contents_width .controls button.selected{display:block}.contents_width .controls button.selected::before{content:none}.contents_width .controls button.active{color:var(--red);filter:brightness(0) saturate(100%) invert(25%) sepia(76%) saturate(537%) hue-rotate(315deg) brightness(117%) contrast(77%)}.contents_width .controls button.active::after{width:.9rem;height:.9rem;top:1rem;background-color:var(--red)}.contents_width .controls button.active.selected::after{top:.8rem}.contents_width .controls button:hover{filter:brightness(0) saturate(100%) invert(25%) sepia(76%) saturate(537%) hue-rotate(315deg) brightness(117%) contrast(77%);color:var(--red);opacity:1}.contents_width .controls button:hover::after{width:.9rem;height:.9rem;top:1rem;background-color:var(--red)}.contents_width .arrow_part{margin-top:4rem}.contents_width .mix{display:none}.contents_width .mix.category-10 .kind img{width:1.8rem}.contents_width .mix>*{color:var(--chicago)}.contents_width .mix .kind{width:3.6rem;height:3.6rem;border-radius:100%;background-color:var(--romance);display:flex;justify-content:center;align-items:center}.contents_width .mix .recipe_title{font-size:1.6rem;line-height:2.1rem;letter-spacing:.08rem;margin-bottom:1.1rem;margin-top:1.2rem;font-weight:600}.contents_width .mix .recipe_text{display:flex;align-items:center;gap:.4rem;font-size:1.2rem;font-weight:600;line-height:1.6rem;letter-spacing:.06rem}.contents_width .mix .recipe_text .product{padding:.6rem;font-size:1.1rem;line-height:1.5rem;letter-spacing:.055rem;border:.1rem solid var(--chicago);border-radius:2.5rem;max-width:14.5rem;text-align:center}@media screen and (max-width: 768px){#contents_box{padding-top:5.8rem;padding-bottom:5.6rem}#contents_box .contents_width .controls{flex-wrap:wrap;padding:2.4rem 3rem 2.4rem clamp(2rem, calc(40 * (100 / 390) * 1vw), 4rem);margin-bottom:5rem;gap:2.4rem 0;margin-left:calc(50% - 50vw);width:calc(100vw - 2rem)}#contents_box .contents_width .controls button{margin-left:1.8rem;width:calc((100% - 3.3rem) / 3)}#contents_box .contents_width .controls button:first-of-type{width:100%}#contents_box .contents_width .controls button:nth-last-of-type(-n + 4){width:calc((100% - 3.6rem) / 2)}#contents_box .contents_width .controls button:nth-of-type(3),#contents_box .contents_width .controls button:nth-of-type(6){margin-left:0}#contents_box .contents_width .controls button:nth-of-type(4),#contents_box .contents_width .controls button:nth-of-type(7){margin-left:1.5rem}#contents_box .contents_width .controls button.selected::after{top:.6rem}#contents_box .contents_width .controls button:hover::after{top:.6rem}#contents_box .contents_width .contenContainer .container{max-width:31rem;width:90%;margin-left:auto;margin-right:auto}#contents_box .contents_width .contenContainer .mix{width:100%}#contents_box .contents_width .contenContainer .mix:not(:last-of-type){margin-bottom:3.4rem}#contents_box .contents_width .contenContainer .mix .kind{top:1rem;right:1rem}#contents_box .contents_width .contenContainer .mix .recipe_text{flex-wrap:wrap}#contents_box .contents_width .contenContainer .mix .recipe_text span{margin-right:1.9rem}#contents_box .contents_width .contenContainer .mix .recipe_text .product{max-width:100%}}@media print,screen and (min-width: 769px){#contents_box{padding-top:7.8rem;padding-bottom:8.3rem}#contents_box .contents_width{display:flex;justify-content:space-between;margin-left:calc(50% - 50vw)}#contents_box .contents_width .controls{position:sticky;top:0;left:0;height:fit-content;flex-direction:column;width:31.3rem;padding:3rem 3rem 4.9rem 10rem}#contents_box .contents_width .controls button{margin-left:22%}#contents_box .contents_width .controls button:not(:last-of-type){margin-bottom:1.7rem}#contents_box .contents_width .controls .controlsTitle{margin-bottom:2.4rem}#contents_box .contents_width .contenContainer{width:calc(100% - 32rem)}#contents_box .contents_width .contenContainer .container{display:flex;flex-wrap:wrap;gap:5.1rem 3rem;width:75rem;margin-left:auto}#contents_box .contents_width .contenContainer .mix{width:23rem}#contents_box .contents_width .contenContainer .mix .kind{top:.5rem;right:.5rem}#contents_box .contents_width .contenContainer .mix .recipe_text span{width:calc(100% - 14.5rem)}}