.pc-header{background:#f5eee5;width:100%;height:80px;margin:0;padding:0 20px;top:0;position:fixed;z-index:1;border-bottom:1px solid #e5d9cf}.pc-header-inner{display:flex;align-items:center;height:80px;max-width:1060px;min-width:920px;margin:0 auto}.pc-header-main{display:flex;align-items:center;width:50%}.pc-header .pc-header-logo{margin:0 30px 0 0;padding:0;font-family:Rounded Mplus\ 1c ExtraBold;font-weight:400;font-size:32px;text-align:center;color:#5a3f33}.pc-header .pc-header-logo:before{margin:0 10px 0 0;font-family:Font Awesome\ 5 Free;content:"\f563";font-size:36px;color:#fd6c49}.pc-header .pc-search_container{box-sizing:border-box;position:relative;flex:1 1;margin-left:17px;font-size:14px;overflow:hidden;display:block}.pc-header input::-webkit-input-placeholder{color:#c6b4b0;font-weight:400}.pc-header input:-ms-input-placeholder{color:#c6b4b0;font-weight:400}.pc-header input::placeholder{color:#c6b4b0;font-weight:400}.pc-header .pc-search_container input[type=text]{display:block;width:100%;height:40px;padding:0 36px 0 12px;border:none;border-radius:4px;background:#fff}.pc-header .pc-search_container input[type=text]:focus{outline:0}.pc-header .pc-search_container input[type=submit]{position:absolute;font-family:Font Awesome\ 5 Free;font-size:16px;line-height:1;background:none;border:none;width:20px;height:20px;right:12px;top:10px;padding:0;color:#fd6c49;outline:none;cursor:pointer}.pc-header-navi{width:50%}.pc-header-navi-body ul{display:flex;justify-content:flex-end;align-items:center;list-style:none}.pc-header-navi-body ul li{margin-left:2%}.pc-header-navi-body ul li a{display:block;font-size:12px;font-weight:400;color:#fd6c49;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-header-navi-body ul li a:hover{opacity:.5}.pc-header-navi-body ul li a:before{display:block;height:20px;margin-bottom:3px;font-family:Font Awesome\ 5 Free;font-size:20px;line-height:1;color:#fd6c49;text-align:center}.pc-header-navi-body ul li.pc-create a:before{content:"\f067"}.pc-header-navi-body ul li.pc-myrecipe a:before{content:"\f563"}.pc-header-navi-body ul li.pc-edit a:before{content:"\f304"}.pc-header-navi-body ul li.pc-qr a:before{content:"\f029"}.pc-header-navi-body ul li.pc-record a:before{content:"\f02d"}.pc-header-navi-body ul li.pc-qrsearch a:before{content:"\f030"}.pc-header-navi-body ul li.pc-login a:before{content:"\f023"}.pc-header-navi-body ul li.pc-login.pc-logout a:before{content:"\f3c1"}.pc-header-navi-body ul li.pc-login{margin-left:5%;padding-left:20px;border-left:1px solid #e5d9cf}.pc-header-navi-body ul li.pc-login a{position:relative;padding:8px 10px 7px;background:#fff;border-radius:4px}.pc-header-navi-body ul li.pc-login a:hover{opacity:1}.pc-header-navi-body ul li.pc-login a:after{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;border:2px solid #fd6c49;box-sizing:border-box;border-radius:4px;opacity:0;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-header-navi-body ul li.pc-login a:hover:after{opacity:1}.pc-header-navi-buttons ul{display:flex;justify-content:flex-end;list-style:none}.pc-header-navi-buttons ul li{margin-left:20px}.pc-header-navi-buttons ul li a{display:inline-block;width:120px;padding:8px 0;background:#fd6c49;color:#fff;text-align:center;font-size:14px;border-radius:4px;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-header-navi-buttons ul li a:hover{background:#d95e40}.pc-header-navi-buttons ul li.pc-cancel a{background:#ebe3e2;color:#a39592}.pc-header-navi-buttons ul li.pc-cancel a:hover{background:#e2d3d2}.pc-content{width:100%;margin:80px 0 0;padding:30px 20px}.pc-content a{color:#fd6c49;text-decoration:none}.pc-content a:hover{text-decoration:underline}.pc-content-inner{max-width:1060px;min-width:920px;margin:0 auto}.pc-list ul{display:flex;flex-wrap:wrap;padding:0;margin:0;list-style:none}.pc-list ul li{width:23%;margin:0 2.666666667% 28px 0}.pc-list ul li:nth-child(4n){margin-right:0}.pc-list ul li a{display:block;background:#fff;border-radius:8px;overflow:hidden}.pc-list ul li a:hover{text-decoration:none}.pc-lhist ul li{line-height:0;overflow:hidden}.pc-list-image img{transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-list ul li a:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}.pc-list-detail{padding:12px 10px}.pc-list-detail-title{margin:0 0 10px;font-size:15px;width:100%}.pc-list-detail-information{display:flex;align-items:center;font-size:11px}.pc-list-detail-information-label{width:44%;background:#c6b4b0;border-radius:4px;padding:4px;color:#fdf8f2;text-align:center}.pc-list-detail-information-label:before{margin-right:4px;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:13px;color:#fdf8f2}.pc-list-detail-information-difficulty{display:flex;justify-content:flex-end;align-items:center;width:56%}.pc-list-detail-information-difficulty dt{order:4;margin-left:4px}.pc-list-detail-information-difficulty dd{margin:0 2px 0 0}.pc-list-detail-information-difficulty dd:before{font-family:Font Awesome\ 5 Free;content:"\f563";font-size:14px;line-height:1;color:#e3d8d6}.pc-list-detail-information-difficulty dd.pc-active:before{color:#fd6c49}.pc-content-detail{display:flex;justify-content:space-between}@media only screen and (min-width:1025px){.pc-content-detail-primary{width:60%}}@media only screen and (max-width:1024px){.pc-content-detail-primary{width:55vw}}.pc-content-detail-create .pc-content-detail-primary{width:47%}.pc-content-detail-secondary{width:36%}.pc-content-detail-create .pc-content-detail-secondary{width:47%}.pc-recipe-detail-image{position:relative;margin-bottom:40px;border-radius:10px;overflow:hidden;line-height:0}.pc-recipe-detail-image-detail{position:absolute;bottom:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:rgba(0,0,0,.5);color:#fff}@media only screen and (max-width:1024px){.pc-recipe-detail-image-detail{position:absolute;bottom:0;left:0;width:100%;display:block;justify-content:space-between;align-items:center;padding:15px 20px;background:rgba(0,0,0,.5);color:#fff}.pc-recipe-detail-select-wrapper{margin-top:10px}}.pc-recipe-detail-image-detail-title{flex:1 1;font-size:18px}.pc-recipe-detail-image-detail-select{display:flex;align-items:center}.pc-select{background:#f5eee5;border-radius:4px;margin:0;text-align:center;overflow:hidden;position:relative}.pc-select:before{position:absolute;top:50%;right:10px;padding:0;font-family:Font Awesome\ 5 Free;content:"\f0dc";pointer-events:none;color:#fd6c49;font-size:12px}.pc-select select{background:transparent;background-image:none;outline:none;border:none;width:100%;padding:12px 24px 12px 8px;font-size:18px;line-height:18px;color:#572712;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;box-shadow:none}.pc-recipe-detail-image-detail-select .pc-select{margin-right:4px}.pc-subtitle{margin:0 0 20px;font-size:18px;line-height:1}.pc-subtitle-preparation:before{content:"\f4da"}.pc-subtitle-mitten:before,.pc-subtitle-preparation:before{margin:0 8px 20px 0;font-family:Font Awesome\ 5 Free;color:#fd6c49}.pc-subtitle-mitten:before{content:"\f7b5"}.pc-subtitle-weight:before{margin:0 8px 20px 0;font-family:Font Awesome\ 5 Free;content:"\f496";color:#fd6c49}.pc-text{margin-bottom:40px;padding:20px;font-family:M PLUS Rounded\ 1c;font-weight:400}.pc-list-procedure,.pc-text{background:#fff;border-radius:10px}.pc-list-procedure{margin:0 0 40px;padding:0;list-style:none;overflow:hidden;counter-reset:number 0}.pc-list-procedure li{display:flex;padding:20px;font-family:M PLUS Rounded\ 1c;font-weight:400;border-bottom:1px solid #f5eee5}.pc-list-procedure li:last-of-type{border-bottom:none}.pc-list-procedure li:before{position:relative;top:4px;width:14px;height:14px;margin-right:8px;counter-increment:number 1;content:counter(number) "";font-size:10px;font-weight:700;background:#c6b4b0;color:#fff;text-align:center;line-height:14px;border-radius:50%}.pc-list-procedure-number{padding-right:10px;color:#c6b4b0}.pc-list-procedure-body-timer{display:flex;align-items:center;margin-top:10px}.pc-button-timer{padding:6px 12px;margin-right:12px;background:#fd6c49;color:#fff;border:none;border-radius:4px;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-button-timer:before{margin:0 4px 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";color:#fff}.pc-button-timer:after{margin:0 0 0 12px;font-family:Font Awesome\ 5 Free;content:"\f04b";color:#fff}.pc-button-timer:hover{background:#e56041}.pc-button-timer-end{background:#dd3d3d;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-button-timer-end:after{content:"\f051"}.pc-button-timer-end:hover{background:#c43636}.pc-content a.pc-clear{color:#dd3d3d}.pc-list-recipe{margin:0 0 40px;padding:0;background:#fff;border-radius:0 0 10px 10px;list-style:none;overflow:hidden}.pc-list-recipe li{border-bottom:1px solid #f5eee5}.pc-list-recipe li:last-of-type{border-bottom:none}.pc-list-recipe li a{position:relative;display:flex;justify-content:space-between;padding:20px 45px 20px 20px;font-family:M PLUS Rounded\ 1c;font-weight:400;border-bottom:1px solid #f5eee5;color:#5a3f33}.pc-list-recipe li a:hover{text-decoration:none}.pc-list-recipe li a:before{position:absolute;top:50%;right:20px;margin-top:-7px;font-family:Font Awesome\ 5 Free;content:"\f054";color:#fd6c49;line-height:1;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-list-recipe li a.pc-disabled{padding:20px;pointer-events:none}.pc-list-recipe li a.pc-disabled:before{display:none}.pc-list-recipe li a:hover:before{-webkit-transform:translateX(5px);transform:translateX(5px)}.pc-list-recipe-name{padding-right:10px}.pc-list-recipe-weight{padding-left:10px}.pc-list-recipe-weight-success{color:#25b276}.pc-list-recipe-weight-success:before{margin-right:8px;font-family:Font Awesome\ 5 Free;content:"\f058";color:#25b276;line-height:1}.pc-list-recipe-weight-error{color:#dd3d3d}.pc-list-recipe-weight-error:before{margin-right:8px;font-family:Font Awesome\ 5 Free;content:"\f071";color:#dd3d3d;line-height:1}.pc-create-image{position:relative;margin-bottom:25px;border-radius:10px;overflow:hidden;line-height:1}.pc-create-image-change{position:absolute;bottom:20px;right:20px;padding:10px 15px;background:rgba(0,0,0,.5);border-radius:10px;border:none;color:#fff;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-create-image-change:hover{background:rgba(0,0,0,.8)}.pc-create-image-change:before{margin-right:8px;font-family:Font Awesome\ 5 Free;content:"\f304";color:#dd3d3d;line-height:1}.pc-textarea-normal{display:block;width:100%;height:52px;margin:0;padding:15px;border-radius:8px;background:#fff;border:none;font-family:M PLUS Rounded\ 1c;font-weight:400;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-textarea-normal-height2em{height:80px}.pc-textarea-normal:focus{outline:none;box-shadow:0 0 10px -3px rgba(253,108,73,.7)}.pc-create-excerpt{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #fff}.pc-create-excerpt-top{margin-bottom:20px}.pc-create-excerpt-bottom{display:flex}.pc-create-excerpt-bottom-difficulty,.pc-create-excerpt-bottom-time{width:37.5%}.pc-create-excerpt-bottom-title{margin-bottom:10px}.pc-create-excerpt-bottom-body{display:flex;align-items:center;font-family:M PLUS Rounded\ 1c;font-weight:400}.pc-create-excerpt-bottom-body .pc-select{margin-right:5px;background:#fff}.pc-create-excerpt-bottom-body .pc-select select{padding:16px 28px 16px 12px}.pc-create-excerpt-bottom-body .pc-select:before{margin-top:-5px}.pc-create-excerpt-bottom-difficulty-point{display:flex;align-items:center;padding-top:8px}.pc-create-excerpt-bottom-difficulty-point dt{order:4;color:#fd6c49}.pc-create-excerpt-bottom-difficulty-point dd{margin:0 4px 0 0}.pc-create-excerpt-bottom-difficulty-point dd:before{font-family:Font Awesome\ 5 Free;content:"\f563";font-size:25px;line-height:1;color:#e3d8d6}.pc-create-excerpt-bottom-difficulty-point dd.pc-active:before{color:#fd6c49}.pc-create-preparation{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #fff}.pc-subtitle-with-button{display:flex;justify-content:space-between;margin-bottom:20px}.pc-subtitle-with-button .pc-subtitle{margin-bottom:0}.pc-button-text{padding:0;border:none;background:none;color:#fd6c49;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-button-text:hover{opacity:.5}.pc-button-text-plus:before{margin-right:5px;font-family:Font Awesome\ 5 Free;content:"\f067";font-size:16px;line-height:1;color:#fd6c49}.pc-input-text{display:block;width:100%;margin:0;padding:15px;border-radius:8px;background:#fff;border:none;font-family:M PLUS Rounded\ 1c;font-weight:400;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-input-text:focus{outline:none;box-shadow:0 0 10px -3px rgba(253,108,73,.7)}.pc-text-lead{margin-bottom:10px;color:#c6b4b0}.pc-input-edit{position:relative}.pc-input-edit:before{position:absolute;top:18px;right:18px;font-family:Font Awesome\ 5 Free;content:"\f304";font-size:16px;line-height:1;color:#fd6c49;z-index:10}.pc-input-edit .pc-input-text{padding-right:40px}.pc-create-detail-title{margin-bottom:20px}.pc-create-detail-flow ul{padding:0;margin:0;counter-reset:number 0}.pc-create-detail-flow ul li{position:relative;margin-bottom:15px;list-style:none}.pc-create-detail-flow ul li:last-of-type{margin-bottom:0}.pc-create-detail-flow ul li .pc-input-text{margin-bottom:10px;padding-left:40px}.pc-create-detail-flow ul li:before{position:absolute;top:19px;left:18px;width:14px;height:14px;counter-increment:number 1;content:counter(number) "";font-size:10px;font-weight:700;background:#c6b4b0;color:#fff;text-align:center;line-height:14px;border-radius:50%;z-index:10}.pc-create-detail-flow-button{text-align:right}.pc-create-detail-flow-button.pc-is-active{text-align:left}.pc-button-text-timer{color:#c6b4b0;font-size:14px}.pc-button-text-timer:before{margin-right:5px;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:16px;line-height:1;color:#c6b4b0}.pc-create-detail-flow-add{margin-top:20px}.pc-create-material-title{margin-bottom:20px}.pc-create-material-item ul{margin:0;padding:0}.pc-create-material-item ul li{display:flex;margin-bottom:5px;list-style:none}.pc-create-material-item ul li:last-of-type{margin-bottom:0}.pc-create-material-item-name{width:60%;margin-right:5px}.pc-create-material-item-number{width:20%;margin-right:5px}.pc-create-material-item-unit{width:20%;background:#fff}.pc-create-material-item-unit select{padding:16px 24px 16px 8px;font-size:16px;font-family:M PLUS Rounded\ 1c;font-weight:400;line-height:1.2}.pc-create-material-item-unit:before{margin-top:-5px}.pc-create-material-item-add{margin-top:20px}.pc-overlay{display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6);width:100vw;height:100vh;position:fixed;top:0;left:0;padding:20px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:1000}.pc-overlay-body{position:relative;width:100%;max-width:90%;min-height:400px;max-width:800px;background:#fff;border-radius:20px;overflow:hidden;color:#5a3f33}.pc-overlay-body-inner{display:flex;flex-direction:column;height:100%;padding:60px 60px 144px}.pc-overlay-title{margin:0 0 35px;font-size:36px;text-align:center}.pc-overlay-subtitle{margin:0 0 20px;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:20px;text-align:center;width:100%}.pc-overlay-content{width:100%;max-width:480px;margin:auto;padding:20px 0;text-align:center}.pc-gram{margin-bottom:20px;font-size:90px;line-height:1;color:#25b276}.pc-gram span{font-size:60px}.pc-gauge{position:relative}.pc-gauge .pc-bar{position:relative;background:linear-gradient(90deg,rgba(78,78,78,.1) 0,rgba(26,175,107,.1) 50%,rgba(214,14,21,.1));border-radius:10px;width:100%;height:40px;overflow:hidden}.pc-gauge .pc-bar-under{left:0;color:#c4c4c4}.pc-gauge .pc-bar-over,.pc-gauge .pc-bar-under{position:absolute;top:100%;display:block;margin-top:10px;font-family:M PLUS Rounded\ 1c;font-weight:400}.pc-gauge .pc-bar-over{right:0;color:#dd3d3d}.pc-gauge .pc-bar span{display:block;width:100%;height:100%;background:#25b276;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-gauge-0 .pc-bar span{width:0}.pc-gauge-1 .pc-bar span{width:1%}.pc-gauge-2 .pc-bar span{width:2%}.pc-gauge-3 .pc-bar span{width:3%}.pc-gauge-4 .pc-bar span{width:4%}.pc-gauge-5 .pc-bar span{width:5%}.pc-gauge-6 .pc-bar span{width:6%}.pc-gauge-7 .pc-bar span{width:7%}.pc-gauge-8 .pc-bar span{width:8%}.pc-gauge-9 .pc-bar span{width:9%}.pc-gauge-10 .pc-bar span{width:10%}.pc-gauge-11 .pc-bar span{width:11%}.pc-gauge-12 .pc-bar span{width:12%}.pc-gauge-13 .pc-bar span{width:13%}.pc-gauge-14 .pc-bar span{width:14%}.pc-gauge-15 .pc-bar span{width:15%}.pc-gauge-16 .pc-bar span{width:16%}.pc-gauge-17 .pc-bar span{width:17%}.pc-gauge-18 .pc-bar span{width:18%}.pc-gauge-19 .pc-bar span{width:19%}.pc-gauge-20 .pc-bar span{width:20%}.pc-gauge-21 .pc-bar span{width:21%}.pc-gauge-22 .pc-bar span{width:22%}.pc-gauge-23 .pc-bar span{width:23%}.pc-gauge-24 .pc-bar span{width:24%}.pc-gauge-25 .pc-bar span{width:25%}.pc-gauge-26 .pc-bar span{width:26%}.pc-gauge-27 .pc-bar span{width:27%}.pc-gauge-28 .pc-bar span{width:28%}.pc-gauge-29 .pc-bar span{width:29%}.pc-gauge-30 .pc-bar span{width:30%}.pc-gauge-31 .pc-bar span{width:31%}.pc-gauge-32 .pc-bar span{width:32%}.pc-gauge-33 .pc-bar span{width:33%}.pc-gauge-34 .pc-bar span{width:34%}.pc-gauge-35 .pc-bar span{width:35%}.pc-gauge-36 .pc-bar span{width:36%}.pc-gauge-37 .pc-bar span{width:37%}.pc-gauge-38 .pc-bar span{width:38%}.pc-gauge-39 .pc-bar span{width:39%}.pc-gauge-40 .pc-bar span{width:40%}.pc-gauge-41 .pc-bar span{width:41%}.pc-gauge-42 .pc-bar span{width:42%}.pc-gauge-43 .pc-bar span{width:43%}.pc-gauge-44 .pc-bar span{width:44%}.pc-gauge-45 .pc-bar span{width:45%}.pc-gauge-46 .pc-bar span{width:46%}.pc-gauge-47 .pc-bar span{width:47%}.pc-gauge-48 .pc-bar span{width:48%}.pc-gauge-49 .pc-bar span{width:49%}.pc-gauge-50 .pc-bar span{width:50%}.pc-gauge-51 .pc-bar span{width:51%}.pc-gauge-52 .pc-bar span{width:52%}.pc-gauge-53 .pc-bar span{width:53%}.pc-gauge-54 .pc-bar span{width:54%}.pc-gauge-55 .pc-bar span{width:55%}.pc-gauge-56 .pc-bar span{width:56%}.pc-gauge-57 .pc-bar span{width:57%}.pc-gauge-58 .pc-bar span{width:58%}.pc-gauge-59 .pc-bar span{width:59%}.pc-gauge-60 .pc-bar span{width:60%}.pc-gauge-61 .pc-bar span{width:61%}.pc-gauge-62 .pc-bar span{width:62%}.pc-gauge-63 .pc-bar span{width:63%}.pc-gauge-64 .pc-bar span{width:64%}.pc-gauge-65 .pc-bar span{width:65%}.pc-gauge-66 .pc-bar span{width:66%}.pc-gauge-67 .pc-bar span{width:67%}.pc-gauge-68 .pc-bar span{width:68%}.pc-gauge-69 .pc-bar span{width:69%}.pc-gauge-70 .pc-bar span{width:70%}.pc-gauge-71 .pc-bar span{width:71%}.pc-gauge-72 .pc-bar span{width:72%}.pc-gauge-73 .pc-bar span{width:73%}.pc-gauge-74 .pc-bar span{width:74%}.pc-gauge-75 .pc-bar span{width:75%}.pc-gauge-76 .pc-bar span{width:76%}.pc-gauge-77 .pc-bar span{width:77%}.pc-gauge-78 .pc-bar span{width:78%}.pc-gauge-79 .pc-bar span{width:79%}.pc-gauge-80 .pc-bar span{width:80%}.pc-gauge-81 .pc-bar span{width:81%}.pc-gauge-82 .pc-bar span{width:82%}.pc-gauge-83 .pc-bar span{width:83%}.pc-gauge-84 .pc-bar span{width:84%}.pc-gauge-85 .pc-bar span{width:85%}.pc-gauge-86 .pc-bar span{width:86%}.pc-gauge-87 .pc-bar span{width:87%}.pc-gauge-88 .pc-bar span{width:88%}.pc-gauge-89 .pc-bar span{width:89%}.pc-gauge-90 .pc-bar span{width:90%}.pc-gauge-91 .pc-bar span{width:91%}.pc-gauge-92 .pc-bar span{width:92%}.pc-gauge-93 .pc-bar span{width:93%}.pc-gauge-94 .pc-bar span{width:94%}.pc-gauge-95 .pc-bar span{width:95%}.pc-gauge-96 .pc-bar span{width:96%}.pc-gauge-97 .pc-bar span{width:97%}.pc-gauge-98 .pc-bar span{width:98%}.pc-gauge-99 .pc-bar span{width:99%}.pc-gauge-100 .pc-bar span{width:100%}.pc-gauge .pc-bar-param{position:absolute;top:100%;left:0;display:inline-block;margin-top:8px;padding:2px 4px;background:hsla(0,0%,100%,.9);border-radius:20px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-gauge-0 .pc-bar-param{left:0}.pc-gauge-1 .pc-bar-param{left:1%}.pc-gauge-2 .pc-bar-param{left:2%}.pc-gauge-3 .pc-bar-param{left:3%}.pc-gauge-4 .pc-bar-param{left:4%}.pc-gauge-5 .pc-bar-param{left:5%}.pc-gauge-6 .pc-bar-param{left:6%}.pc-gauge-7 .pc-bar-param{left:7%}.pc-gauge-8 .pc-bar-param{left:8%}.pc-gauge-9 .pc-bar-param{left:9%}.pc-gauge-10 .pc-bar-param{left:10%}.pc-gauge-11 .pc-bar-param{left:11%}.pc-gauge-12 .pc-bar-param{left:12%}.pc-gauge-13 .pc-bar-param{left:13%}.pc-gauge-14 .pc-bar-param{left:14%}.pc-gauge-15 .pc-bar-param{left:15%}.pc-gauge-16 .pc-bar-param{left:16%}.pc-gauge-17 .pc-bar-param{left:17%}.pc-gauge-18 .pc-bar-param{left:18%}.pc-gauge-19 .pc-bar-param{left:19%}.pc-gauge-20 .pc-bar-param{left:20%}.pc-gauge-21 .pc-bar-param{left:21%}.pc-gauge-22 .pc-bar-param{left:22%}.pc-gauge-23 .pc-bar-param{left:23%}.pc-gauge-24 .pc-bar-param{left:24%}.pc-gauge-25 .pc-bar-param{left:25%}.pc-gauge-26 .pc-bar-param{left:26%}.pc-gauge-27 .pc-bar-param{left:27%}.pc-gauge-28 .pc-bar-param{left:28%}.pc-gauge-29 .pc-bar-param{left:29%}.pc-gauge-30 .pc-bar-param{left:30%}.pc-gauge-31 .pc-bar-param{left:31%}.pc-gauge-32 .pc-bar-param{left:32%}.pc-gauge-33 .pc-bar-param{left:33%}.pc-gauge-34 .pc-bar-param{left:34%}.pc-gauge-35 .pc-bar-param{left:35%}.pc-gauge-36 .pc-bar-param{left:36%}.pc-gauge-37 .pc-bar-param{left:37%}.pc-gauge-38 .pc-bar-param{left:38%}.pc-gauge-39 .pc-bar-param{left:39%}.pc-gauge-40 .pc-bar-param{left:40%}.pc-gauge-41 .pc-bar-param{left:41%}.pc-gauge-42 .pc-bar-param{left:42%}.pc-gauge-43 .pc-bar-param{left:43%}.pc-gauge-44 .pc-bar-param{left:44%}.pc-gauge-45 .pc-bar-param{left:45%}.pc-gauge-46 .pc-bar-param{left:46%}.pc-gauge-47 .pc-bar-param{left:47%}.pc-gauge-48 .pc-bar-param{left:48%}.pc-gauge-49 .pc-bar-param{left:49%}.pc-gauge-50 .pc-bar-param{left:50%}.pc-gauge-51 .pc-bar-param{left:51%}.pc-gauge-52 .pc-bar-param{left:52%}.pc-gauge-53 .pc-bar-param{left:53%}.pc-gauge-54 .pc-bar-param{left:54%}.pc-gauge-55 .pc-bar-param{left:55%}.pc-gauge-56 .pc-bar-param{left:56%}.pc-gauge-57 .pc-bar-param{left:57%}.pc-gauge-58 .pc-bar-param{left:58%}.pc-gauge-59 .pc-bar-param{left:59%}.pc-gauge-60 .pc-bar-param{left:60%}.pc-gauge-61 .pc-bar-param{left:61%}.pc-gauge-62 .pc-bar-param{left:62%}.pc-gauge-63 .pc-bar-param{left:63%}.pc-gauge-64 .pc-bar-param{left:64%}.pc-gauge-65 .pc-bar-param{left:65%}.pc-gauge-66 .pc-bar-param{left:66%}.pc-gauge-67 .pc-bar-param{left:67%}.pc-gauge-68 .pc-bar-param{left:68%}.pc-gauge-69 .pc-bar-param{left:69%}.pc-gauge-70 .pc-bar-param{left:70%}.pc-gauge-71 .pc-bar-param{left:71%}.pc-gauge-72 .pc-bar-param{left:72%}.pc-gauge-73 .pc-bar-param{left:73%}.pc-gauge-74 .pc-bar-param{left:74%}.pc-gauge-75 .pc-bar-param{left:75%}.pc-gauge-76 .pc-bar-param{left:76%}.pc-gauge-77 .pc-bar-param{left:77%}.pc-gauge-78 .pc-bar-param{left:78%}.pc-gauge-79 .pc-bar-param{left:79%}.pc-gauge-80 .pc-bar-param{left:80%}.pc-gauge-81 .pc-bar-param{left:81%}.pc-gauge-82 .pc-bar-param{left:82%}.pc-gauge-83 .pc-bar-param{left:83%}.pc-gauge-84 .pc-bar-param{left:84%}.pc-gauge-85 .pc-bar-param{left:85%}.pc-gauge-86 .pc-bar-param{left:86%}.pc-gauge-87 .pc-bar-param{left:87%}.pc-gauge-88 .pc-bar-param{left:88%}.pc-gauge-89 .pc-bar-param{left:89%}.pc-gauge-90 .pc-bar-param{left:90%}.pc-gauge-91 .pc-bar-param{left:91%}.pc-gauge-92 .pc-bar-param{left:92%}.pc-gauge-93 .pc-bar-param{left:93%}.pc-gauge-94 .pc-bar-param{left:94%}.pc-gauge-95 .pc-bar-param{left:95%}.pc-gauge-96 .pc-bar-param{left:96%}.pc-gauge-97 .pc-bar-param{left:97%}.pc-gauge-98 .pc-bar-param{left:98%}.pc-gauge-99 .pc-bar-param{left:99%}.pc-gauge-100 .pc-bar-param{left:100%}.pc-overlay-buttons{position:absolute;bottom:0;left:0;width:100%;height:64px}.pc-overlay-buttons ul{height:64px;display:flex;margin:0;padding:0;list-style:none}.pc-overlay-buttons ul li{flex:1 1;display:flex}.pc-overlay-buttons ul li a{display:flex;align-items:center;justify-content:center;width:100%;padding:0 15px;background:#fd6c49;color:#fff;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-overlay-buttons ul li a:hover{background:#d95e40}.pc-overlay-buttons ul li.pc-cancel a{background:#ebe3e2;color:#a39592}.pc-overlay-buttons ul li.pc-cancel a:hover{background:#e2d3d2}figure{margin:0}.pc-overlay-timer{display:flex;align-items:center;justify-content:center;background:hsla(0,0%,100%,.6);width:100vw;height:100vh;position:fixed;top:0;left:0;padding:20px;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:1000}.pc-overlay-timer-body{position:relative;width:100%;max-width:90%;min-height:400px;max-width:800px;background:#fff;border-radius:20px;overflow:hidden;color:#5a3f33}.pc-overlay-timer-body-inner{display:flex;flex-direction:column;height:100%;padding:60px 60px 144px}.pc-overlay-timer-title{margin:0 0 35px;font-size:36px;text-align:center}.pc-overlay-timer-subtitle{margin:0 0 20px;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:20px;text-align:center}.pc-overlay-timer-content{width:100%;max-width:480px;margin:auto;padding:20px 0;text-align:center}.pc-overlay-timer-buttons{position:absolute;bottom:0;left:0;width:100%;height:64px}.pc-overlay-timer-buttons ul{height:64px;display:flex;margin:0;padding:0;list-style:none}.pc-overlay-timer-buttons ul li{flex:1 1;display:flex}.pc-overlay-timer-buttons ul li a{display:flex;align-items:center;justify-content:center;width:100%;padding:0 15px;background:#fd6c49;color:#fff;transition:all .4s cubic-bezier(.215,.61,.355,1)}.pc-overlay-timer-buttons ul li a:hover{background:#d95e40}.pc-overlay-timer-buttons ul li.pc-cancel a{background:#ebe3e2;color:#a39592}.pc-overlay-timer-buttons ul li.pc-cancel a:hover{background:#e2d3d2}.pc-timer-select{padding:4px 5vw;margin-right:5px;-webkit-appearance:none;appearance:none;font-size:25px;outline:none;border:1px solid #000;border-radius:3px}.wrapper{box-sizing:border-box;color:#5a3f33}.header{background:#f5eee5;width:100%;margin:0;top:0;position:fixed;z-index:1}.header .header-top{width:89.333333vw;margin:2vw auto;display:flex;justify-content:space-between;align-items:center}.header .header-logo{margin:0;padding:0;font-family:Rounded Mplus\ 1c ExtraBold;font-weight:400;font-size:9.6vw;line-height:14.4vw;text-align:center;color:#5a3f33}.header .header-logo:before{margin:0 1.5vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f563";font-size:9.6vw;line-height:11.733333333333333vw;color:#fd6c49}.header .header-top-navi ul{display:flex}.header .header-top-navi ul li{margin-left:5.3333335vw;list-style:none}.header .header-top-navi ul li:first-of-type{margin-left:0}.header .header-top-navi .plus a:before{content:"\f067"}.header .header-top-navi .plus a:before,.header .header-top-navi .qr a:before{font-family:Font Awesome\ 5 Free;font-size:6.4vw;line-height:11.733333333333333vw;color:#fd6c49}.header .header-top-navi .qr a:before{content:"\f029"}.header .header-top-navi .login a:before{content:"\f023"}.header .header-top-navi .login a:before,.header .header-top-navi .logout a:before{font-family:Font Awesome\ 5 Free;font-size:6.4vw;line-height:11.733333333333333vw;color:#fd6c49}.header .header-top-navi .logout a:before{content:"\f3c1"}.header .search_container{box-sizing:border-box;position:relative;background:#fff;border-radius:2.1333333333333333vw;width:89.333333vw;height:10.666667vw;margin:0 auto 4.288887vw;padding:0 4.266667vw;font-size:3.7333333333333334vw;line-height:10.666667vw;overflow:hidden;display:block}.header input::-webkit-input-placeholder{color:#c6b4b0;font-weight:400}.header input:-ms-input-placeholder{color:#c6b4b0;font-weight:400}.header input::placeholder{color:#c6b4b0;font-weight:400}.header .search_container input[type=text]{border:none;height:10.666667vw}.header .search_container input[type=text]:focus{outline:0}.header .search_container input[type=submit]{position:absolute;font-family:Font Awesome\ 5 Free;font-size:4.266666666666667vw;line-height:10.666667vw;background:none;border:none;width:2.5em;height:2.5em;right:0;top:0;color:#fd6c49;outline:none;cursor:pointer}.content{margin:34.46666666666667vw 0 14.866666666666667vw}.list,.list ul{width:100%}.list ul{margin:0;padding:0;list-style-type:none}.list li{box-sizing:border-box;background:#fff;width:100%;margin:0 0 2px;padding:5.333333333333333vw;display:flex;flex-direction:row-reverse;justify-content:space-between}.list li div:first-child{width:65.86666666666666vw;text-align:left}.list li div:first-child h2{width:100%;margin:0;padding:0;font-family:Rounded Mplus\ 1c Medium;font-size:4vw;line-height:5.333333333333333vw}.list li div:first-child p{background:#c6b4b0;border-radius:1.6vw;margin:1.8666666666666667vw 0 1.6vw;padding:1.0666666666666667vw;font-size:3.2vw;line-height:1;color:#fdf8f2;display:inline-block}.list li div:first-child p:before{padding:0 .5333333333333333vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.466666666666667vw;color:#fdf8f2}.list li div dl{margin:0;display:flex;justify-content:flex-start}.list li div dt{font-size:3.2vw;line-height:5.2vw;color:#fd6c49;order:2}.list li div dd{width:3.2vw;margin:0 1vw 0 0;line-height:1}.list li div dd:nth-child(2){order:-1}.list li div dd:nth-child(3){order:0}.list li div dd:nth-child(4){order:1}.list li div dd:before{line-height:1;color:#e3d8d6}.list li div dd.active:before,.list li div dd:before{padding:0 .5333333333333333vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f563";font-size:3.466666666666667vw}.list li div dd.active:before{color:#fd6c49}.list li div:last-child{background-size:cover}.list li div:last-child,.list li div:last-child.noimg{border-radius:1.0666666666666667vw;width:19.2vw;height:19.2vw;display:block}.list li div:last-child.noimg{background:#d8d1cf url(/_next/static/media/recipe-book.89cb4582.svg) no-repeat 50% 50%;background-size:7.754666666666666vw}.footer{width:100%;text-align:center;z-index:2;bottom:0;position:fixed}.footer ul{background:#f5eee5;width:100%;margin:0;padding:0;display:table;display:flex;justify-content:space-between}.footer li{width:50%;padding:2.1333333333333333vw 0;list-style-type:none;font-size:2.6666666666666665vw;color:#c6b4b0;align-items:center}.footer li .icon-cookie:before,.footer li .icon-record:before,.footer li .icon-search:before{font-family:Font Awesome\ 5 Free;width:100%;font-size:5.333333333333333vw;line-height:6.666666666666667vw;display:block}.footer li .icon-search:before{content:"\f002"}.footer li .icon-record:before{content:"\f02d"}.footer li .icon-cookie:before{content:"\f563"}.footer li.active{color:#fd6c49}#detail header{background-size:cover}#detail header,#detail.edit header{width:100%;height:80vw;margin:0;padding:0;position:relative;z-index:auto}#detail.edit header{background:url(/_next/static/media/hero_b.90b011fb.png) no-repeat 50% 50%;background-size:cover}#detail header nav{width:89.333333vw;margin:0 auto}#detail header nav a:before{font-family:Font Awesome\ 5 Free;content:"\f053";font-size:5.333333333333333vw;line-height:6.666666666666667vw;color:#fff}#detail header>div{box-sizing:border-box;position:absolute;background:rgba(0,0,0,.5);width:100%;bottom:0;padding:3.2vw 5.333333333333333vw;display:flex;justify-content:space-between;align-items:center}#detail header h1{margin:0;padding:0;font-family:Rounded Mplus\ 1c Medium;font-weight:400;font-size:3.7333333333333334vw;line-height:5.333333333333333vw;text-align:left;color:#fff;flex-grow:2}#detail header h1:before{content:none}#detail header p{margin:0 0 0 2vw;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:3.7333333333333334vw;color:#f5eee5}#detail .select_container{background:#f5eee5;border-radius:2.1333333333333333vw;width:15vw;margin:0;text-align:center;overflow:hidden;position:relative}.select_container:before{position:absolute;top:3.8vw;right:6vw;width:0;height:0;padding:0;font-family:Font Awesome\ 5 Free;content:"\f0dc";pointer-events:none;color:#fd6c49;font-size:3.2vw}.select-mold{background:#f5eee5;border-radius:4px;margin:0;text-align:center;overflow:hidden;position:relative}.select-mold:before{position:absolute;top:35%;right:10px;padding:0;font-family:Font Awesome\ 5 Free;content:"\f0dc";pointer-events:none;color:#fd6c49;font-size:12px}.select-mold select{padding:12px 24px 12px 8px;font-size:18px;line-height:18px}.select-mold select,.select_container select{background:transparent;background-image:none;outline:none;border:none;width:100%;color:#572712;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;box-shadow:none}.select_container select{padding:2.066666666666667vw 1.466666666666667vw;font-size:4.8vw;line-height:7.2vw}.select_container-edit{background:#f5eee5;border-radius:4px;margin:0;text-align:center;overflow:hidden;position:relative}.select_container-edit:before{position:absolute;top:4.8vw;right:6vw;width:0;height:0;padding:0;font-family:Font Awesome\ 5 Free;content:"\f0dc";pointer-events:none;color:#fd6c49;font-size:3.2vw}.select_container-edit select{background-image:none;outline:none;border:none;width:100%;padding:3.066666666666667vw 1.466666666666667vw;font-size:4.8vw;line-height:7.2vw;color:#572712;cursor:pointer;text-overflow:ellipsis;-webkit-appearance:none;appearance:none;box-shadow:none}.amount_list{width:100%;margin:7.733333333333333vw 0 10.666666666666666vw}.amount_list h2{width:89.333333vw;margin:0 auto 6.4vw}.amount_list h2:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f496";font-size:3.7333333333333334vw;color:#fd6c49}.amount_list ul{width:100%;margin:0;padding:0;list-style-type:none}.amount_list li{box-sizing:border-box;background:#fff;width:100%;margin:0 0 1px;padding:4.8vw 5.333333333333333vw}.amount_list dl{width:100%;margin:0;padding:0;display:flex;justify-content:space-between}.amount_list dt{font-family:M PLUS Rounded\ 1c;font-weight:400}.amount_list dd,.amount_list dt{font-size:3.7333333333333334vw;line-height:5.333333333333333vw}.amount_list dd{margin:0;padding:0}.amount_list li.arrow dd:after{padding:0 0 0 4vw;font-family:Font Awesome\ 5 Free;content:"\f054";font-size:3.2vw;color:#fd6c49}.amount_list li.check dd{color:#25b276}.amount_list li.check dd:before{padding:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f058";font-size:3.7333333333333334vw;color:#25b276}.amount_list li.caution dd{color:#dd3d3d}.amount_list li.caution dd:before{padding:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f071";font-size:3.7333333333333334vw;color:#dd3d3d}.howto_list{width:100%;margin:0 0 21.866666666666667vw}.howto_list h2{width:89.333333vw;margin:0 auto 6.4vw}.howto_list h2:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f4da";font-size:3.7333333333333334vw;color:#fd6c49}.howto_list ul{width:100%;margin:0;padding:0;list-style-type:none}.howto_list li{box-sizing:border-box;background:#fff;width:100%;margin:0 0 1px;padding:5.333333333333333vw 0 5.333333333333333vw 5.333333333333333vw;font-size:3.7333333333333334vw;line-height:7.466666666666667vw;text-align:left;position:relative}.howto_list>ul>li:before{position:absolute;background:#c6b4b0;border-radius:50%;width:4vw;height:4vw;margin:1.7vw 0 0;font-size:3.466666666666667vw;line-height:4vw;text-align:center;color:#fff;display:block}.howto_list>ul>li:first-child:before{content:"1"}.howto_list>ul>li:nth-child(2):before{content:"2"}.howto_list>ul>li:nth-child(3):before{content:"3"}.howto_list>ul>li:nth-child(4):before{content:"4"}.howto_list>ul>li:nth-child(5):before{content:"5"}.howto_list>ul>li:nth-child(6):before{content:"6"}.howto_list>ul>li:nth-child(7):before{content:"7"}.howto_list>ul>li:nth-child(8):before{content:"8"}.howto_list>ul>li:nth-child(9):before{content:"9"}.howto_list>ul>li.arrow:after{position:absolute;width:3.2vw;height:3.2vw;margin:-4vw 0 0;right:3vw;font-family:Font Awesome\ 5 Free;content:"\f054";font-size:3.2vw;line-height:3.2vw;color:#fd6c49;display:block}.howto_list>ul>li p{margin:0 7.733333333333333vw 0 7vw;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:3.7333333333333334vw}.howto_list ol{box-sizing:border-box;list-style-type:none;width:100%;margin:0;padding:3.2vw 0 0 5.333333333333333vw;display:flex;align-items:center}.howto_list li>ol.time_start li:first-child{background:#fd6c49;border-radius:1.6vw;padding:1.6vw 2.1333333333333333vw;font-size:3.7333333333333334vw;color:#fff}.howto_list li>ol.time_start li:first-child,.howto_list li>ol.time_start li:last-child{width:auto;font-family:M PLUS Rounded\ 1c;font-weight:400;line-height:5.333333333333333vw}.howto_list li>ol.time_start li:last-child{margin:0 0 0 2vw;padding:0;font-size:3.2vw;color:#fd6c49}.howto_list li>ol.time_start li:first-child:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.7333333333333334vw;line-height:5.333333333333333vw}.howto_list li>ol.time_start li:first-child:after{margin:0 0 0 1vw;font-family:Font Awesome\ 5 Free;content:"\f04b";font-size:3.2vw;line-height:5.333333333333333vw}.howto_list li>ol.time_end li:first-child{background:#dd3d3d;border-radius:1.6vw;padding:1.6vw 2.1333333333333333vw;font-size:3.7333333333333334vw;color:#fff}.howto_list li>ol.time_end li:first-child,.howto_list li>ol.time_end li:last-child{width:auto;font-family:M PLUS Rounded\ 1c;font-weight:400;line-height:5.333333333333333vw}.howto_list li>ol.time_end li:last-child{margin:0 0 0 2vw;padding:0;font-size:3.2vw;color:#dd3d3d}.howto_list li>ol.time_end li:first-child:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.7333333333333334vw;line-height:5.333333333333333vw}.howto_list li>ol.time_end li:first-child:after{margin:0 0 0 1vw;font-family:Font Awesome\ 5 Free;content:"\f051";font-size:3.2vw;line-height:5.333333333333333vw}.overlay{display:flex;flex-direction:column;background:hsla(0,0%,94%,.6);width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);z-index:10;overflow-y:auto}.overlay .overlay-navi{width:89.333333vw;margin:0 auto;padding:12.8vw 0 0}.overlay .overlay-navi a:before{font-family:Font Awesome\ 5 Free;content:"\f053";font-size:5.333333333333333vw;line-height:6.666666666666667vw;color:#fff}.overlay .overlay-title{margin:4.4vw 0 0;font-size:9.6vw;font-weight:400;line-height:12.4vw;text-align:center}.overlay .overlay-body{width:89.333333vw;margin:auto;padding:0}.overlay .overlay-subtitle{margin:0;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:5.866666666666666vw;line-height:8vw;text-align:center}.overlay .gram{font-size:24vw;line-height:35.733333333333334vw;text-align:center;color:#25b276}.overlay .gram span{font-size:16vw}.overlay .gauge{position:relative}.overlay .gauge .range{position:absolute;width:100%;margin:12.666666666666666vw 0 0;display:flex;justify-content:space-between}.overlay .gauge .range p{font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:3.2vw;line-height:8vw}.overlay .gauge .range p:first-child{color:#c4c4c4}.overlay .gauge .range p:last-child{color:#dd3d3d}.overlay .bar{background:linear-gradient(90deg,rgba(78,78,78,.1) 0,rgba(26,175,107,.1) 50%,rgba(214,14,21,.1));border-radius:2.6666666666666665vw;width:100%;height:10.666666666666666vw}.overlay .bar div{background:#25b276;border-radius:2.6666666666666665vw 0 0 2.6666666666666665vw;width:62vw;height:10.666666666666666vw}.overlay .bar_param{position:absolute;top:12.666666666666666vw;left:54.5vw;font-size:5.333333333333333vw;color:#25b276}.overlay .bar_param:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f058";font-size:5.333333333333333vw;line-height:1em}.overlay .savebtn a{background:#fd6c49;border-radius:2.6666666666666665vw;width:89.333333vw;margin:0 auto 13.666666666666666vw;padding:4.4vw 0;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:4.266666666666667vw;line-height:6.133333333333333vw;text-align:center;color:#fdf8f2;display:block}.overlay.howmeny .overlay-title{text-shadow:0 3px 30px rgba(89,63,52,.4)}.overlay.howmeny .setting{width:70vw}.overlay.howmeny .overlay-subtitle{width:100%;margin:0;font-family:Rounded Mplus\ 1c Medium;font-weight:400;font-size:4.266666666666667vw;line-height:3.7333333333333334vw;text-align:center}.overlay.howmeny .setting div{display:flex;justify-content:space-between;align-items:center}.overlay.howmeny .setting div p{font-size:24vw;line-height:35.733333333333334vw;color:#fd6c49}.overlay.howmeny .setting div a{background:#f5eee5;border-radius:50%;width:16vw;height:16vw;box-shadow:0 3px 30px rgba(89,63,52,.14);text-align:center}.overlay.howmeny .setting div .minus:before{content:"\f068"}.overlay.howmeny .setting div .minus:before,.overlay.howmeny .setting div .plus:before{margin:0;font-family:Font Awesome\ 5 Free;font-size:5.333333333333333vw;line-height:16vw;color:#fd6c49}.overlay.howmeny .setting div .plus:before{content:"\f067"}.create-head{width:89.333333vw;margin:5vw auto 0}.create-head,.create-head-flow{display:flex;align-items:center}.create-head-flow{position:relative;width:50%;height:9vw;margin:0;padding:0;line-height:1}.create-head-flow:before{display:block;content:"";width:100%;height:.6vw;margin-top:0}.create-head-flow li,.create-head-flow:before{position:absolute;top:50%;left:0;background:#fff}.create-head-flow li{width:3vw;height:3vw;margin-top:-1vw;border-radius:1.5vw;list-style:none;line-height:1}.create-head-flow li:nth-child(2){position:absolute;left:50%;margin-left:-1.5vw}.create-head-flow li:nth-child(3){position:absolute;left:inherit;right:0}.create-head-flow li.is-active{width:10vw;height:10vw;margin-top:-5vw;background:#fd6c49;color:#fff;border-radius:5vw;line-height:10vw;text-align:center}.create-head-flow li:first-child.is-active{margin-left:-1.5vw}.create-head-flow li:first-child.is-active:before{margin:0;font-family:Font Awesome\ 5 Free;content:"\f304";font-size:4.333333333333333vw;color:#fff}.create-head-flow li:nth-child(2).is-active{margin-left:-4vw}.create-head-flow li:nth-child(2).is-active:before{margin:0;font-family:Font Awesome\ 5 Free;content:"\f7b5";font-size:4.333333333333333vw;color:#fff}.create-head-flow li:nth-child(3).is-active{margin-right:-1.5vw}.create-head-flow li:nth-child(3).is-active:before{margin:0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:4.333333333333333vw;color:#fff}.create-head-skip{width:50%;text-align:right}.button-skip{border:none;background:none;font-size:3.2vw;color:#fd6c49}.button-skip:after{position:relative;top:-.2vw;display:inline-block;margin:0 0 0 1.333333333333333vw;font-family:Font Awesome\ 5 Free;content:"\f105";font-size:3vw;color:#fff;background:#fd6c49;width:4vw;height:4vw;border-radius:2vw;text-align:center;line-height:4vw}.overlay .overlay-title-create{width:89.333333vw;margin:5.4vw auto 0;font-size:8vw;text-align:left}.create-top-inputs{display:flex;align-items:center;margin-bottom:3.2vw}.input-normal{padding:3.6666666666666665vw 3.466666666666667vw;font-size:3.7333333333333334vw;border-radius:2.1333333333333333vw;border:none;box-shadow:0 0 10px rgba(0,0,0,.07)}.input-normal::-webkit-input-placeholder{font-size:3.7vw;color:#e3d8d6}.input-normal:-ms-input-placeholder{font-size:3.7vw;color:#e3d8d6}.input-normal::placeholder{font-size:3.7vw;color:#e3d8d6}.input-normal:focus{outline:none}.input-normal-full{width:100%;box-sizing:border-box}.create-top-inputs .input-normal{width:65%;margin-right:1.6vw}.create-top-inputs-select{width:35%;display:flex;align-items:center;font-size:3.7333333333333334vw}#detail .create-top-inputs .select_container{margin:0 1.6vw 0 0;padding:.866666666666666vw 1.466666666666667vw;background:#fff}.button-image-upload{position:relative;display:block;width:100%;height:80vw;border:none;background:url(/_next/static/media/hero.afcd872f.png) no-repeat 50%;background-size:cover;border-radius:2.1333333333333333vw;overflow:hidden}.button-image-upload:before{position:absolute;top:0;left:0;display:block;content:"";width:100%;height:100%;background:#5a3f33;opacity:.5}.button-image-upload:focus{outline:none}.button-image-upload span{position:relative;display:block;z-index:10;color:#fff;font-size:3.7333333333333334vw}.button-image-upload span:before{display:block;margin:0 0 1.333333333333333vw;font-family:Font Awesome\ 5 Free;content:"\f030";font-size:20vw}.overlay-next{position:-webkit-sticky;position:sticky;bottom:5vw;left:77%;display:block;width:18vw;height:18vw;line-height:18vw;border-radius:50%;border:none;background:#fd6c49;z-index:100}.overlay-next:before{font-family:Font Awesome\ 5 Free;content:"\f061";font-size:5vw;color:#fff}.overlay-next:focus{outline:none}.overlay-complete{position:-webkit-sticky;position:sticky;bottom:5vw;left:77%;display:block;width:18vw;height:18vw;line-height:18vw;border-radius:50%;border:none;background:#25b276;z-index:100}.overlay-complete:before{font-family:Font Awesome\ 5 Free;content:"\f00c";font-size:5vw;color:#fff}.overlay-complete:focus{outline:none}.create-material-headline{display:flex;align-items:center;justify-content:space-between;padding:6.333333333333333vw 0 4.333333333333333vw}.create-material-headline h2{width:50%;margin:0}.button-text{padding:0;border:none;background:none;color:#fd6c49;font-size:3.7333333333333334vw}.button-text-plus:before{margin-right:1vw;font-family:Font Awesome\ 5 Free;content:"\f067";font-size:3.7333333333333334vw}.create-material-headline-button{width:50%;text-align:right}.overlay-smalltitle{margin-bottom:3.2vw;font-size:3.7333333333333334vw;color:#c6b4b0}.input-edit{position:relative}.input-edit:before{position:absolute;top:50%;right:2.333333vw;margin-top:-2vw;font-family:Font Awesome\ 5 Free;content:"\f304";font-size:5vw;color:#fd6c49;z-index:10}.input-edit .input-normal{position:relative;padding-right:8vw;z-index:0}.create-material-items,.create-material-title{margin-bottom:4.333333333333333vw}.create-material-items{padding-bottom:4.333333333333333vw;border-bottom:1px solid #fff}.create-material-items ul{margin:0 0 4.333333333333333vw;padding:0}.create-material-items ul li{display:flex;list-style:none;margin-bottom:1vw}.create-material-name{width:60%;margin-right:1vw;box-sizing:border-box}.create-material-number{width:20%;margin-right:1vw;box-sizing:border-box}#detail .select_container.create-material-unit{width:20%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.07);box-sizing:border-box}#detail .select_container.create-material-unit:before{top:5vw}.textarea-normal{width:100%;padding:3.6666666666666665vw 3.466666666666667vw;font-size:3.7333333333333334vw;border-radius:2.1333333333333333vw;border:none;box-shadow:0 0 10px rgb(0 0 0/7%);box-sizing:border-box}.textarea-normal:focus{outline:none}.textarea-normal::-webkit-input-placeholder{color:#c6b4b0;font-weight:400}.textarea-normal:-ms-input-placeholder{color:#c6b4b0;font-weight:400}.textarea-normal::placeholder{color:#c6b4b0;font-weight:400}.create-preparation{margin-bottom:4.333333333333333vw;padding-bottom:4.333333333333333vw;border-bottom:1px solid #fff}.create-howto-headline{display:flex;align-items:center;justify-content:space-between;margin-bottom:4.333333333333333vw}.create-howto-headline h2{width:50%;margin:0}.create-howto-headline-button{width:50%;text-align:right}.create-howto-title{margin-bottom:4.333333333333333vw}.create-howto-flow ul{margin:0;padding:0;counter-reset:number 0}.create-howto-flow ul li{margin-bottom:4.333333333333333vw;list-style:none}.input-flow{position:relative}.input-flow:before{position:absolute;top:50%;left:3vw;display:inline-block;margin-top:-2vw;counter-increment:number 1;content:counter(number) "";width:4vw;height:4vw;border-radius:50%;background:#c6b4b0;font-size:3.466666666666667vw;color:#fff;line-height:4vw;text-align:center}.input-flow .input-normal{padding-left:9vw}.create-howto-flow .input-flow{margin-bottom:2vw}.create-howto-flow-button{text-align:right}.create-howto-flow-button.is-active{text-align:left}.button-text-timer{color:#c6b4b0}.button-text-timer:before{margin-right:1vw;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.7333333333333334vw}.button{background:#fd6c49;border-radius:1.6vw;border:none;width:auto;padding:1.6vw 3.1333333333333333vw;font-family:M PLUS Rounded\ 1c;font-weight:400;color:#fff}.button,.button-timer:before{font-size:3.7333333333333334vw;line-height:5.333333333333333vw}.button-timer:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017"}.create-time{display:flex;align-items:center;margin-bottom:4.333333333333333vw;padding-bottom:4.333333333333333vw;border-bottom:1px solid #fff}.create-time-title{width:30%;font-size:3.7333333333333334vw}.create-time-title:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.7333333333333334vw;line-height:5.333333333333333vw;color:#c6b4b0}.create-time-body{display:flex;justify-content:flex-end;align-items:center;width:70%;font-size:3.7333333333333334vw}#detail .create-time-body .select_container{padding:.666666666666666vw 1.466666666666667vw;background:#fff;margin-right:2vw}#detail .create-time-body .select_container:before{top:5vw;right:5vw}.create-difficulty{display:flex;align-items:center;margin-bottom:3.2vw;padding-bottom:3.2vw;border-bottom:1px solid #fff}.create-difficulty-title{width:30%;font-size:3.7333333333333334vw}.create-difficulty-title:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f017";font-size:3.7333333333333334vw;line-height:5.333333333333333vw;color:#c6b4b0}.create-difficulty-body{display:flex;justify-content:flex-end;align-items:center;width:70%;font-size:3.7333333333333334vw}.create-difficulty-body ul{display:flex;margin:0;padding:0}.create-difficulty-body ul li{margin:0 1vw;list-style:none;text-align:center;font-size:2.7333333333333334vw;color:#fd6c49}.create-difficulty-body ul li:before{display:block;margin-bottom:1vw;font-family:Font Awesome\ 5 Free;content:"\f563";font-size:15.733333333333334vw;color:#e3d8d6}.create-difficulty-body ul li.is-active:before{color:#fd6c49}#detail header.header-edit{background:none;width:100%;height:auto;margin:0;padding:6.4vw 0}#detail header.header-edit h1{color:#5a3f33;text-align:center}.content-edit{padding:0 3.2vw}.content-edit-image{position:relative;margin-bottom:4.8vw;border-radius:2.1333333333333333vw;overflow:hidden;line-height:1}.content-edit-image .button{position:absolute;bottom:3.2vw;right:3.2vw}.button-edit{background:rgba(0,0,0,.5)}.button-edit:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f304";font-size:3.7333333333333334vw;line-height:5.333333333333333vw;color:#fd6c49}.content-edit-top{display:flex;align-items:center;margin-bottom:4.8vw;padding-bottom:4.8vw;border-bottom:1px solid #fff}.content-edit-top-input{width:65%;margin-right:1.6vw}.content-edit-top-select{width:35%}#detail .content-edit-top-select{display:flex;align-items:center;font-size:3.7333333333333334vw}#detail .content-edit-top-select .select_container{margin:0 1.6vw 0 0;padding:.666666666666666vw 1.466666666666667vw;background:#fff}.content-edit-difficulty .create-difficulty-title:before,.content-edit-difficulty .create-time-title:before{display:none}.content-edit-difficulty .create-difficulty-body ul li:before{font-size:8.733333333333334vw}.content-edit-difficulty .create-difficulty-body span{margin-left:1vw}.content-edit-material{margin-bottom:4.8vw;padding-bottom:4.8vw;border-bottom:1px solid #fff}.content-edit-material-headline{display:flex;align-items:center;margin-bottom:4.8vw}.content-edit-material-headline h2{width:50%;margin-bottom:0}.content-edit-material-headline-button{width:50%;text-align:right}.content-edit-material-title{margin-bottom:4.8vw}.content-edit-material-items ul{margin:0 0 4.333333333333333vw;padding:0}.content-edit-material-items ul li{display:flex;list-style:none;margin-bottom:1vw}.content-edit-preparation{margin-bottom:4.8vw;padding-bottom:4.8vw;border-bottom:1px solid #fff}.content-edit-howto{margin-bottom:8.2vw}.content-edit-howto-headline{display:flex;align-items:center;margin-bottom:4.8vw}.content-edit-howto-headline h2{width:50%;margin:0;text-align:left}.content-edit-howto-headline-button{width:50%;text-align:right}.content-edit-howto-title{margin-bottom:4.8vw}.content-edit-howto-flow ul{margin:0;padding:0;counter-reset:number 0}.content-edit-howto-flow ul li{margin-bottom:4.333333333333333vw;list-style:none}.content-edit-howto-flow ul li .input-flow:before{position:absolute;top:50%;left:3vw;display:inline-block;margin-top:-2vw;counter-increment:number 1;content:counter(number) "";width:4vw;height:4vw;border-radius:50%;background:#c6b4b0;font-size:3.466666666666667vw;color:#fff;line-height:4vw;text-align:center}.content-edit-howto-flow .input-flow{margin-bottom:2vw}.content-edit-howto-flow-button{text-align:right}.content-edit-howto-flow-button.is-active{text-align:left}.content-edit-save{position:fixed;bottom:0;left:0;width:100%;padding:3.2vw;background:#efece9;box-sizing:border-box}.content-edit-save ul{display:flex;justify-content:space-between;margin:0;padding:0}.content-edit-save ul li{width:48%;list-style:none}.content-edit-save ul li .button{width:100%;padding:2vw 3.1333333333333333vw;text-align:center}.button-cancel{background:#fff;color:#c6b4b0}@media screen and (min-width:480px){.overlay .overlay-title{margin:3.2vw 0 0}.overlay>div{margin:0 auto}.overlay .gram{font-size:24vw;line-height:26vw;text-align:center;color:#25b276}.overlay>div.create-head{margin-top:3.2vw}.overlay .overlay-title-create{margin:3.2vw auto 0}}.savehistorybtn{background:#fd6c49;border-radius:2.6666666666666665vw;width:89.333333vw;margin:0 auto 10.666666666666666vw;padding:4.4vw 0;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:4.266666666666667vw;line-height:6.133333333333333vw;text-align:center;color:#fdf8f2;display:block}.overlay.timer{background:hsla(0,0%,100%,.8);width:100vw;height:100vh;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(10px) brightness(90%);backdrop-filter:blur(10px) brightness(90%);z-index:10}.overlay.timer h1{text-shadow:0 3px 30px rgba(89,63,52,.4)}.overlay.timer .setting{width:63.46666666666667vw;margin:46.13333333333333vw auto 0}.overlay.timer h2{width:100%;margin:0;font-family:Rounded Mplus\ 1c Medium;font-weight:400;font-size:4.266666666666667vw;line-height:3.7333333333333334vw;text-align:center}.preparation_list{width:100%;margin:7.733333333333333vw 0 10.666666666666666vw}.preparation_list h2{width:89.333333vw;margin:0 auto 6.4vw}.preparation_list h2:before{margin:0 1vw 0 0;font-family:Font Awesome\ 5 Free;content:"\f46d";font-size:3.7333333333333334vw;color:#fd6c49}.preparation_list ul{width:100%;margin:0;padding:0;list-style-type:none}.preparation_list li{box-sizing:border-box;background:#fff;width:100%;margin:0 0 1px;padding:4.8vw 5.333333333333333vw}.preparation_list p{width:100%;margin:0;padding:0;justify-content:space-between;font-family:M PLUS Rounded\ 1c;font-weight:400;font-size:3.7333333333333334vw;line-height:7vw;text-align:left}.my-recipe-qr{margin-right:2vw}.my-recipe-qr:before{font-family:Font Awesome\ 5 Free;content:"\f029";font-size:6.4vw;line-height:11.733333333333333vw;color:#fff}.timer-select{padding:4px 5vw;margin-right:5px;-webkit-appearance:none;appearance:none;font-size:25px;outline:none;border:1px solid #000;border-radius:3px}@font-face{font-family:Font Awesome\ 5 Free;src:url(/_next/static/media/FontAwesome5Free-Solid-900.05240844.woff) format("woff");display:"swap"}@font-face{font-family:M PLUS Rounded\ 1c;src:url(/_next/static/media/MPLUSRounded1c-Regular.ce1412a9.woff) format("woff");display:"swap"}@font-face{font-family:Rounded Mplus\ 1c Medium;src:url(/_next/static/media/MPLUSRounded1c-Medium.83173d30.woff) format("woff");display:"swap"}@font-face{font-family:Rounded Mplus\ 1c ExtraBold;src:url(/_next/static/media/MPLUSRounded1c-ExtraBold.2bc2b12b.woff) format("woff");display:"swap"}body.edit,html.edit{overflow:hidden}body{font-family:Rounded Mplus\ 1c Medium;font-weight:400;background:#f5eee5;color:#5a3f33;margin:0;padding:0}body *{box-sizing:border-box}.wrapper{position:relative;padding:0}body.fixed{overflow:hidden}a{text-decoration:none;color:#695f5f;display:block}a:focus{outline:none}img{width:100%;height:auto}section{width:100%;padding:0;text-align:center}h2{width:89.333333vw;margin:0 auto 4.266667vw;padding:0;font-size:3.7333333333333334vw;font-weight:400;line-height:1em;text-align:left;display:block}*,p{margin:0;padding:0}*{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-user-select:none;user-select:none}input,textarea{-webkit-user-select:auto;-ms-user-select:auto;user-select:auto}