.modal-wrapper{z-index:10010;position:fixed;top:0;right:0;bottom:0;left:0;text-align:center}.modal-button{cursor:pointer;display:block}.modal-button:active{-webkit-transform:translateY(2px);transform:translateY(2px)}.modal-wrapper:not(:target){opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-wrapper:target{opacity:1;visibility:visible;transition:opacity .4s,visibility .4s}.modal-wrapper::after{display:inline-block;height:100%;margin-left:-.05em;vertical-align:middle;content:""}.modal-wrapper .modal-window{box-sizing:border-box;display:inline-block;z-index:10020;position:relative;height:90vh;width:100%;max-width:900px;padding:3px;border-radius:2px;background:#fff;box-shadow:10px 10px 0 rgba(0,0,0,.1);vertical-align:middle}.modal-wrapper .concept-pop{height:auto;max-height:90vh}.modal-wrapper .concept-pop .modal-content{padding-bottom:40px}.modal-window .modal-content{max-height:85vh;overflow-y:auto;text-align:left;border:#595757 1px solid;padding:8px;background-color:#fff}.modal_title{font-size:1.3em;text-align:center;position:relative;background:#91d2e5;color:#595757;margin-bottom:-11px;width:fit-content;min-width:55%;transform:rotate(-3deg);top:5px;left:2px}.modal_title::before{position:absolute;content:'';top:100%;left:0;border:none;border-bottom:solid 15px transparent;border-right:solid 20px #2d6c80}.modal-close-btn{text-align:center;width:100%;margin-top:15px;position:fixed;bottom:1%;z-index:10035}.modal-close-btn a{margin:8px}.modal-overlay{z-index:10010;position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(145,210,229,.95)}.modal-wrapper .modal-close{z-index:10010;position:absolute;top:5px;right:5px;width:35px;color:#95979c!important;font-size:30px;font-weight:700;line-height:35px;text-align:center;text-decoration:none;text-indent:0}.modal-wrapper .modal-close:hover{color:#2b2e38!important}.modal-content table{border-collapse:separate;border-spacing:0 5px;margin:0 auto}.modal-content caption{font-size:1.3em;font-weight:700}.spac-title{transform:none;left:50%;width:70%;-webkit-transform:translateX(-50%);transform:translateX(-50%);margin:5px 0}.spac-a{color:#2d6c80;text-decoration:underline;outline:initial}.spec-add-text{text-align:center}.recipe-title{padding:.3rem .8rem;border-top:3px dashed #595757;border-bottom:3px dashed #595757;margin:19px 20px 10px 20px;background-color:#f5cc90;text-align:center}.recipe-list{position:relative;margin:2em auto;padding:0 1em;width:fit-content;color:#595757;background-color:#fff;border:8px double #f2ce61;box-shadow:8px 8px 2px #ccc;display:inline-block}.recipe-list .recipe-list-title{position:relative;padding:.6em 2em .6em 3em;top:-.5em;font-size:1.2em;font-weight:700;background-color:#fff;color:#595757;border:8px double #f2ce61}.recipe-list-title::after{position:absolute;display:inline-block;background:url(../img/ico_con01.svg) no-repeat center;background-color:#fff;background-size:1.5em;content:"";left:30px;z-index:999999;width:50px;height:50px}.recipe-list .recipe-link{text-decoration:none;display:inline-block}.recipe-list .recipe-link:hover{cursor:pointer;text-decoration:underline}.recipe-list p{padding:5px 20px;margin:0}@media screen and (max-width:450px){.recipe-list .recipe-list-title{font-size:.8em;top:-1em;padding:.6em .7em .6em 2.5em}.recipe-list-title::after{background-size:1.8em;left:.5em;top:3px;width:1.8em;height:1.8em}.recipe-list{padding:0 .1em}.recipe-list .recipe-link{font-size:.4em}}.modal-content .line{border-bottom:6px double #595757;margin-bottom:8px}.modal-content .p1{font-size:3vh;font-weight:700;padding-left:15px}.modal-content .p2{font-size:2vh;display:inline}.ingredient{position:relative;display:inline-block;padding:.2rem 1rem .2rem 2rem;color:#fff;border-radius:100vh 0 0 100vh;background:#ef8575;margin:10px 0 10px 0}.ingredient:before{position:absolute;top:calc(50% - 7px);left:10px;width:14px;height:14px;content:'';border-radius:50%;background:#fff}.modal-content table{box-sizing:border-box;border-collapse:collapse;margin:0 auto;width:100%}.modal-content table td,.modal-content table th{padding:.5em 1em;border:1px solid #999}.modal-content table th{background:#aff2ef}.modal-content table td span{display:inline-block}@media (max-width:650px){.modal-content table td,.modal-content table th{display:block}.modal-content table td{text-align:end;font-size:.7em}.spac-title{width:100%}}@media (max-width:650px){.modal-content table td{font-size:.6em}}.modal-content>ol{counter-reset:number;list-style-type:none!important;padding:.5em;background:#f5faff}.modal-content>ol li{position:relative;padding-left:30px;line-height:1.5em;padding:.5em .5em .5em 30px}.modal-content>ol li:before{position:absolute;counter-increment:number;content:counter(number);display:inline-block;background:#5c9ee7;color:#fff;font-family:Avenir,'Arial Black',Arial,sans-serif;font-weight:700;font-size:15px;border-radius:50%;left:0;width:25px;height:25px;line-height:25px;text-align:center;top:19px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.add-comment2{background:#fff0c6;border-radius:10px;margin:15px 0;padding:20px 14px}.add-comment2 div{font-weight:700}.add-comment2>ol{counter-reset:number;list-style-type:none!important}.add-comment2>ol li{position:relative;line-height:1.5em;padding:.5em .5em .5em 20px}.add-comment2>ol li:before{list-style:none;position:absolute;content:"・";display:inline-block;font-family:Avenir,'Arial Black',Arial,sans-serif;font-weight:700;font-size:15px;left:0;top:22px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.modal-content img{border:1px #595757 solid;border-radius:10px}.top-img img{width:300px;height:auto;margin:0 10px}.collabo-link{margin:20px 10px 40px 10px;text-align:center}@media screen and (max-width:940px){.recipe-title{font-size:1em}}@media screen and (max-width:450px){.modal_title{font-size:1.3em}.modal-wrapper .modal-window .modal-content{line-height:1.2;font-size:.9em}}.recipe-comment{position:relative;margin:1em auto 1em auto;padding:15px;background:#fff0c6;border-radius:30px;width:41%;min-width:200px}.add-comment{background:#fff0c6;border-radius:10px;margin:15px 2px;padding-left:15px;padding-right:15px}@media screen and (max-width:650px){.recipe-comment{width:95%;min-width:unset;margin:1em auto}.top-img img{width:100%;margin:0 auto}}