trix-editor{min-height:5em;padding:0.4em 0.6em;margin:0;border:1px solid #bbb;border-radius:3px;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .trix-button-row{display:flex;flex-wrap:nowrap;justify-content:space-between}trix-toolbar .trix-button-group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .trix-button-group:not(:first-child){margin-left:1.5vw}@media (max-device-width: 768px){trix-toolbar .trix-button-group:not(:first-child){margin-left:0}}trix-toolbar .trix-button-group-spacer{flex-grow:1}@media (max-device-width: 768px){trix-toolbar .trix-button-group-spacer{display:none}}trix-toolbar .trix-button{position:relative;float:left;padding:0 0.5em;margin:0;font-size:0.75em;font-weight:600;color:rgba(0,0,0,0.6);white-space:nowrap;background:transparent;border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none}trix-toolbar .trix-button:not(:first-child){border-left:1px solid #ccc}trix-toolbar .trix-button.trix-active{color:black;background:#cbeefa}trix-toolbar .trix-button:not(:disabled){cursor:pointer}trix-toolbar .trix-button:disabled{color:rgba(0,0,0,0.125)}@media (max-device-width: 768px){trix-toolbar .trix-button{padding:0 0.3em;letter-spacing:-0.01em}}trix-toolbar .trix-button--icon{width:2.6em;max-width:calc(0.8em + 4vw);height:1.6em;font-size:inherit;text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .trix-button--icon{max-width:calc(0.8em + 3.5vw);height:2em}}trix-toolbar .trix-button--icon::before{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;content:'';background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0.6}@media (max-device-width: 768px){trix-toolbar .trix-button--icon::before{right:6%;left:6%}}trix-toolbar .trix-button--icon.trix-active::before{opacity:1}trix-toolbar .trix-button--icon:disabled::before{opacity:0.125}trix-toolbar .trix-button--icon-attach::before{top:8%;bottom:4%;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bold::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-italic::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-link::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-strike::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-quote::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-heading-1::before{background-image:url(/heading2.png)}trix-toolbar .trix-button--icon-heading-3::before{background-image:url(/heading3.png)}trix-toolbar .trix-button--icon-code::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bullet-list::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-number-list::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-undo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-redo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-decrease-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-increase-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-dialogs{position:relative}trix-toolbar .trix-dialog{position:absolute;top:0;right:0;left:0;z-index:5;padding:15px 10px;font-size:0.75em;background:#fff;border-top:2px solid #888;border-radius:5px;box-shadow:0 0.3em 1em #ccc}trix-toolbar .trix-input--dialog{padding:0.5em 0.8em;margin:0 10px 0 0;font-size:inherit;font-weight:normal;background-color:#fff;border:1px solid #bbb;border-radius:3px;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .trix-input--dialog.validate:invalid{box-shadow:#f00 0 0 1.5px 1px}trix-toolbar .trix-button--dialog{padding:0.5em;font-size:inherit;border-bottom:none}trix-toolbar .trix-dialog--link{max-width:600px}trix-toolbar .trix-dialog__link-fields{display:flex;align-items:baseline}trix-toolbar .trix-dialog__link-fields .trix-input{flex:1}trix-toolbar .trix-dialog__link-fields .trix-button-group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection,trix-editor [data-trix-mutable] ::selection{background:none}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection{background:highlight}trix-editor .attachment.attachment--file[data-trix-mutable]{border-color:transparent;box-shadow:0 0 0 2px highlight}trix-editor .attachment[data-trix-mutable] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;top:calc(50% - 10px);left:5%;z-index:1;width:90%;height:20px;opacity:0.9;transition:opacity 200ms ease-in}trix-editor .attachment__progress[value='100']{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;top:-0.9em;left:0;z-index:1;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;padding:0 0.8em;margin:0;font-size:80%;color:#666;white-space:nowrap;background:transparent;border:none;border-radius:0;outline:none}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{display:inline-block;width:1.8em;height:1.8em;padding:0;line-height:1.8em;text-indent:-9999px;background-color:#fff;border:2px solid highlight;border-radius:50%;outline:none;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .trix-button--remove::before{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;content:'';background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:center;background-size:90%;opacity:0.7}trix-editor .trix-button--remove:hover{border-color:#333}trix-editor .trix-button--remove:hover::before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;top:2em;left:50%;max-width:90%;padding:0.1em 0.6em;font-size:0.8em;color:#fff;background-color:rgba(0,0,0,0.7);border-radius:3px;transform:translate(-50%, 0)}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}trix-editor .attachment__metadata .attachment__size{margin-left:0.2em;white-space:nowrap}.trix-content{line-height:1.5}.trix-content *{box-sizing:border-box}.trix-content h1{margin:0;font-size:1.2em;line-height:1.2}.trix-content blockquote{padding:0 0 0 0.6em;margin:0 0 0 0.3em;border-left:0.3em solid #ccc}.trix-content pre{display:inline-block;width:100%;padding:0.5em;margin:0;overflow-x:auto;font-family:monospace;font-size:0.9em;white-space:pre;vertical-align:top;background-color:#eee}.trix-content ul,.trix-content ol,.trix-content li{padding:0;margin:0}.trix-content ul li,.trix-content ol li,.trix-content li li{margin-left:1em}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{position:relative;display:inline-block;max-width:100%;padding:0;margin:0}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment__caption{padding:0;text-align:center}.trix-content .attachment__caption .attachment__name+.attachment__size::before{content:' · '}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{font-size:0.9em;line-height:1.2;color:#666}.trix-content .attachment--file{padding:0.4em 1em;margin:0 2px 2px 0;line-height:1;color:#333;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{position:relative;display:flex;flex-wrap:wrap;padding:0;margin:0}.trix-content .attachment-gallery .attachment{flex:1 0 33%;max-width:33%;padding:0 0.5em}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}a{text-decoration:none;color:black}.link{text-decoration:underline;font-size:1.6rem}@media screen and (max-width: 480px){.link{font-size:1.2rem}}.link.green{color:#4caf50;text-decoration:none}html{font-size:62.5%}body,pre{font:1.6em 'Hiragino Kaku Gothic ProN', Verdana, Helvetica, Arial, sans-serif}h1{font-size:2.8rem}ul{list-style:none}li{list-style:none}#add-recipe-image{width:126px;height:30px;border-radius:30px;font-size:12px;background-color:#f2f2f2}@media screen and (max-width: 480px){#add-recipe-image{margin-top:16px}}#add-user-image{width:126px;height:30px;border-radius:30px;font-size:12px;background-color:#f2f2f2}.layout__content{border-top:0.20000000298023224px solid #a2a2a2;padding:24px 0 48px}.layout__content__main{background-color:#fff;border-radius:4px}i.heart_icon{font-size:1.3em}i.heart_icon.red{color:#ef4649}i.heart_icon.white{color:#6a6a6a}.recipe-modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;background-color:rgba(0,0,0,0.6);z-index:2;display:none}.active{display:block}.modal{position:absolute;top:30%;left:34%;background-color:white;padding:20px 20px 40px;border-radius:10px;height:auto;float:left;z-index:9;max-width:840px}.close-modal-btn{display:inline-block}.modal .content{z-index:55}.modal .content ul{margin-top:15px;float:left}.modal .content li{cursor:pointer}.close-modal-area{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}.modal .content h3{display:block;text-align:center;margin-bottom:10px}#spam-modal{display:none}#spam-form{text-align:center}#spam-content{margin-left:50px;margin-right:50px;text-align:left}#spam-submit{background-color:#4caf50;text-align:center;width:40%;margin-top:20px;color:white}.content button{padding:0}i.fa.fa-ellipsis-h{font-family:FontAwesome;content:'\f141';font-size:30px}i.fa.fa-times{font-size:20px;cursor:pointer}.amazon_product_img{width:150px !important}.sortable_btn{width:30px}.step_sortable_btn{margin:0 0 0 auto}.Facebook img{width:30px;height:30px}@media screen and (max-width: 480px){.modal .content ul{margin-left:60}.modal{top:10%;width:100%;height:50%;left:0}i.fa.fa-times{display:none}i.fa.fa-ellipsis-h{font-family:FontAwesome;content:'\f141';font-size:30px;margin-right:15px}.step-text-field__count{clear:both}.step_sortable_btn{margin:6px;margin:0 0 0 auto}}header .drawer-hamburger{position:unset;z-index:0;width:auto;padding:0}.slide-menu .drawer-user-info-item{margin:10px auto;padding:5px 20px}.slide-menu .drawer-user-info-item .user-info .user-info-item{margin:5px auto}.slide-menu .drawer-user-info-item .user-info .username{font-size:16px;font-weight:bold}.slide-menu .drawer-user-info-item .user-info .description{color:#4d4d4d;font-size:14px}.slide-menu .drawer-item{margin:10px auto;padding:10px 20px;font-size:15px}.slide-menu .drawer-item .drawer-item-icon{width:18px;height:18px;vertical-align:sub}.slide-menu .drawer-item .recipe-post .recipe-post-button{width:190px;color:#fff;height:40px}.slide-menu .drawer-item .recipe-post .recipe-post-button .recipe-post-button-icon{width:18px;height:18px;vertical-align:middle}.slide-menu .horizontal-rule{height:1px;background-color:#e8e8e8;border:none}.modal-view-wrapper{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,5,0.7);display:none;z-index:10}.modal-view-wrapper .modal-view-content{position:absolute;padding:38px 45px;background:white;width:420px;height:540px;top:0;left:0;bottom:0;right:0;margin:100px auto 0;border:1px solid #eee;border-radius:5px;text-align:center}.modal-view-wrapper .modal-view-content .title{font-size:18px;font-weight:bold}.modal-view-wrapper .modal-view-content .detail{margin:0 auto 25px;text-align:left}.modal-view-wrapper .modal-view-content .detail_count{margin:0 auto 25px;text-align:center}.modal-view-wrapper .modal-view-content .sns-list-wrapper{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;margin-bottom:25px}.modal-view-wrapper .modal-view-content .sns-list-wrapper .sns-item{margin:auto 10px}.modal-view-wrapper .modal-view-content .sns-list-wrapper .sns-icon{width:30px;height:30px}.modal-view-wrapper .modal-view-content .eye-catching-image{margin:30px auto}.modal-view-wrapper .modal-view-content .link{background-color:#ff9800;color:white;padding:10px 28px;border-radius:3px}.modal-view-wrapper .register{height:540px}.recipecount-modal{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,5,0.7);display:none;z-index:10}.recipecount-modal-content{position:absolute;padding:38px 45px;background:white;width:420px;top:0;left:0;bottom:0;right:0;margin:100px auto 0;border:1px solid #eee;border-radius:5px;text-align:center}.recipecount-modal-content.large{height:600px}.recipecount-modal-content.medium{height:580px}.recipecount-modal-title{font-size:18px;margin:0 auto 25px;text-align:center;font-weight:bold}.recipecount-modal-text{font-size:18px;margin:0 auto 25px;text-align:center;font-weight:normal}.recipecount-modal-image{margin:30px auto;width:240px}.recipecount-modal-sns{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;margin-bottom:25px}.recipecount-modal-sns-item{margin:auto 10px}.recipecount-modal-sns-icon{width:30px;height:30px}.recipecount-modal-link{background-color:none;color:#4BA554;padding:10px 28px;border-radius:3px}@media screen and (max-width: 480px){.modal-view-wrapper .modal-view-content{width:95% !important}.drawer-user-info-item{margin:5px auto}.recipecount-modal-content{width:311px;padding:8px 0 24px}.recipecount-modal-content.large{height:520px}.recipecount-modal-content.medium{height:470px}.recipecount-modal-title{margin:16px auto;font-size:16px;font-weight:bold}.recipecount-modal-text{margin:16px auto;font-size:16px;font-weight:normal}.recipecount-modal-image{width:232px;margin:0}}@media screen and (max-width: 320px){.modal-view-wrapper .modal-view-content{width:auto !important;height:385px;margin:70px 12px 0}.modal-view-wrapper .modal-view-content .title{font-size:14px}.modal-view-wrapper .modal-view-content .eye-catching-image{margin:auto;width:154px}.drawer-user-info-item{margin:5px auto}}.article-wrapper{padding:50px 0;background-color:#f8f6cc}.article-container{box-sizing:border-box;width:100%;max-width:840px;padding:30px 100px 100px;margin:8px auto 100px;background-color:white;border-radius:5px}#articleImgPrev{display:none}.form-inputs.picture{margin-bottom:20px}.form-inputs.picture img{width:100%}.admin-article-index{margin:20px}.admin-article-index table{width:100%;height:100%;text-align:center}.admin-article-index table tbody tr{height:calc((100% - 31px) / 10)}.admin-article-index table .post-head{padding:5px 10px 5px 18px}.admin-article-index table .post-data{width:15%;padding:10px 10px 10px 20px;font-size:15px;vertical-align:middle}.admin-article-index table th{font-weight:bold}.admin-article-index table button{width:87.5px;padding:1px 7px}.admin-article-index table td a{padding-left:15px}.admin-article-index table .post-item:hover{cursor:pointer;background-color:#f9f9f9}#article_body{height:400px;overflow:scroll}.iframe-form{display:flex}.iframe-form input[type=text]{width:80%;margin-right:10px}trix-editor .amazon-wrap{width:120px;height:150px;text-align:center;vertical-align:middle;layout-grid-line:166px}trix-editor .amazon-wrap img{width:auto;max-width:120px;height:auto;max-height:150px;vertical-align:middle}.link-new-ingredient{float:right;padding:10px;margin:50px 0;color:white;background:#4caf50;border-radius:0.5rem}.post-item.spam td{border:1px solid}.post-data.spam{position:relative}.notion__spam{position:absolute;top:0;left:0;border-radius:5px;padding:6px;color:#fff}.notion__spam.draft{background-color:#4caf50}.notion__spam.published{background-color:#ff9800}.index-article-wrapper-top{width:100%;margin-bottom:30px}@media screen and (max-width: 480px){.index-article-wrapper-top{margin-bottom:0}}.plus-headding{width:95%;margin:auto;background-color:#2f1a01;text-align:center;color:white;padding:3px 0;border-radius:3px}.plus-headding.search-by-category{width:100%}.plus-headding.mt20.what-is-vcook{width:100%}p.plus-headding.new-posted-recipes{width:100%}@media screen and (max-width: 480px){.plus-headding{background-color:initial;text-align:initial;color:initial;font-size:20px;font-weight:bold}}.wrapper-of-article-content-and-sub-content-at-article-show-page{display:flex}@media screen and (max-width: 950px){.wrapper-of-article-content-and-sub-content-at-article-show-page{flex-direction:column}}@media screen and (max-width: 950px){.wrapper-of-article-content-and-sub-content-at-article-show-page .index-article-content{margin-right:0;padding:8px 30px}}.wrapper-of-article-index-and-sub-content-at-article-categories{display:flex}@media screen and (max-width: 950px){.wrapper-of-article-index-and-sub-content-at-article-categories{flex-direction:column}}.index-headding{display:none;font-size:20px;width:100%;max-width:585px;margin:0 auto;background-color:#2f1a01;text-align:center;color:white}@media screen and (max-width: 480px){.index-headding{display:block;font-size:20px;width:100%;max-width:585px;margin:0 auto;background-color:#2f1a01;text-align:center;color:white}}@media screen and (max-width: 480px){.new-article-headding{display:none}}.pickup-articles{display:flex}@media screen and (max-width: 480px){.pickup-articles{display:inline}}.pickup-article{position:relative;width:calc(100% / 3);background-color:#000005}@media screen and (max-width: 480px){.pickup-article{width:100%}}.pickup-article img{width:100%;opacity:0.8}.pickup-article-title{width:75%;position:absolute;color:white;top:65%;left:5%;font-weight:bold}.pickup-article-created_at{position:absolute;color:white;font-size:12px;bottom:3%;left:5%}.index-article-wrapper{margin:0 auto;overflow:hidden;max-width:950px}@media screen and (max-width: 480px){.index-article-wrapper{max-width:initial;width:100%}}.index-article-wrapper .banner{position:fixed;width:350px;left:50%;transform:translateX(-50%);bottom:20px;opacity:0;animation-name:slidein;animation-duration:1.5s;animation-delay:1s;animation-fill-mode:forwards}.index-article-wrapper .banner .close{width:25px;margin:0 0 5px auto;padding:0 6px;border:solid 1px #7c7b7c;border-radius:100%}.index-article-wrapper .banner .close:hover{cursor:pointer;background:#7c7b7c;color:#fff}.index-article-wrapper .banner .bannerImg{width:100%}@media screen and (max-width: 480px){.index-article-wrapper .banner{left:calc(50% - 175px)}}@media screen and (max-width: 360px){.index-article-wrapper .banner{left:calc(50% - 155px);width:310px}}@keyframes slidein{0%{opacity:0;transform:translateY(30%)}100%{opacity:1;transform:translateY(0)}}.wrapper-of-article-and-sub-content{display:flex}@media screen and (max-width: 950px){.wrapper-of-article-and-sub-content{flex-direction:column}}.plus-sub-content-banner{margin-top:32px}@media screen and (max-width: 480px){.plus-sub-content-banner{padding-right:14px;padding-left:14px;padding-bottom:16px;margin-top:8px;margin-bottom:30px;float:none}}.index-article-content{width:100%;max-width:615px;margin:0 auto;border-radius:5px;flex-direction:row;flex-wrap:wrap;align-items:flex-start;align-content:space-around;margin-right:32px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px}@media screen and (max-width: 480px){.index-article-content{max-width:initial;width:100%;padding-right:14px;padding-left:14px;margin-bottom:14px}}@media screen and (max-width: 950px){.index-article-content.mr32{float:none;margin-right:0}}.index-article{height:auto;margin:10px 0;width:100%;border-radius:4px;border-bottom:none;display:inline-block}.top-article-image{width:250px;height:auto;float:left;margin-right:10px}@media screen and (max-width: 480px){.top-article-image{width:120px;height:120px;object-fit:cover}}.top-article-image img{width:100%;display:block}@media screen and (max-width: 480px){.top-article-image img{width:120px;height:120px;object-fit:cover}}.top-article-summary{display:inline}.top-article-title{font-size:18px;color:#2f1a01;font-weight:bold;margin-bottom:20px}@media screen and (max-width: 480px){.top-article-title{font-size:15px}}.top-article-category a{font-size:15px;color:#4caf50}.top-article-created_at{font-size:15px}.index-article-sub-content{width:300px;border-radius:5px}@media screen and (max-width: 950px){.index-article-sub-content{float:none;margin:auto;max-width:615px}}@media screen and (max-width: 480px){.index-article-sub-content{width:95%;margin-bottom:50px;padding-right:14px;padding-left:14px;float:initial}}.index-article-sub-content img{width:100%;height:auto;margin-bottom:10px}@media screen and (max-width: 480px){.sub-content-v-cook-logo{text-align:center}}@media screen and (max-width: 480px){.sub-content-v-cook-logo img{width:100%;max-width:250px;height:auto}}.sub-content-v-cook-logo.mt20{text-align:center}@media screen and (max-width: 480px){.sub-content-articles{overflow:hidden;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}}.sub-content-headding{font-size:20px;width:100%;background-color:#2f1a01;text-align:center;color:white;margin-top:20px;margin-bottom:10px}.sub-content-v-cook{font-size:13px}.top-category{border:solid 1px #4caf50;margin-bottom:10px;margin-right:10px;display:inline-block;padding:5px}.top-category a{font-size:12px;color:#4caf50;font-weight:bold}.home-button{background-color:#f1943d;border-radius:3px;padding:5px;margin:20px auto 10px;text-align:center}.home-button a{padding:12px;color:white}.article-pagination{width:100%;padding:12px 20px;background-color:white;border-radius:5px;align-items:center;color:#4caf50}.article-pagination a{color:#4caf50}.article-pagination ul{display:flex;justify-content:space-around}.show-article-heading{font-size:24px}@media screen and (max-width: 480px){.show-article-heading{font-size:20px}}.top-pankuzu{padding:5px 16%;width:100%;margin:0 auto;background-color:#efefef;display:flex}@media screen and (max-width: 480px){.top-pankuzu{padding:5px 20px}}.article-pankuzu{padding:5px;width:100%;max-width:840px;margin:0 auto;background-color:#efefef;display:flex}.article-pankuzu a{color:#071007}.article-pankuzu a:hover{color:#4caf50}.pankuzu-link{margin-right:5px}.show-article-image{width:100%;margin-bottom:20px}@media screen and (max-width: 480px){.show-article-image{width:100%;height:auto}}.show-article-image img{width:100%}.show-article-category{border:solid 1px #4caf50;margin-top:10px;margin-bottom:10px;margin-right:10px;display:inline-block;padding:5px}.show-article-category a{font-size:8px;color:#4caf50;font-weight:bold}.article-table{display:inline-block;margin:60px auto;padding:20px 16px 32px;border:solid 1px #4d4d4d}.article-table .heading{margin-bottom:20px;font-size:20px}.article-table .article-table-content{counter-reset:ol_li}.article-table .article-table-content .heading_second a{color:#4caf50;letter-spacing:0.08rem;line-height:3rem}.article-table .article-table-content .heading_second .heading_third::before{margin-left:20px;content:'- '}.article-table .article-table-content .heading_second::before{margin-right:0.25em;counter-increment:ol_li;content:counter(ol_li);color:#4caf50}@media screen and (max-width: 480px){.article-table{margin:26px auto}}.show-article-content{width:100%}.show-article-content p{margin-bottom:1em;font-size:1.6rem;line-height:3rem;letter-spacing:0.08rem}.show-article-content div{margin-bottom:1em;font-size:1.6rem;line-height:3rem;letter-spacing:0.08rem}.show-article-content a{color:#4caf50}.show-article-content h1{font-size:20px;border-left:6px solid #4caf50;padding:0.25em 0.5em;margin-bottom:12px}.show-article-content h2{font-size:20px;border-left:6px solid #4caf50;padding:0.25em 0.5em;margin-bottom:1.2rem;margin-top:4rem}.show-article-content h3{font-size:18px;font-weight:bold;margin-bottom:6px}.show-article-content img{width:100%;height:auto;margin-bottom:12px}.show-article-content .iframe-wrap{margin:8px 0;width:100%;padding-bottom:56.25%;height:0;position:relative}.show-article-content .iframe-wrap iframe{position:absolute;top:0;left:0;width:100%;height:100%}.show-article-content .amazon-wrap{width:120px;height:150px;text-align:center;vertical-align:middle;layout-grid-line:166px}.show-article-content .amazon-wrap a img{width:auto;height:auto;max-width:120px;max-height:150px;vertical-align:middle}.show-article-content .amazon-wrap img{width:1px;height:1px}.show-article-content table{border:1px solid;padding:8px;margin:16px 0 16px 0}.banner-inside-article{width:280px;margin:10px 0}@media screen and (max-width: 480px){.banner-inside-article{width:100%}}.banner-inside-article img{width:100%}.article-banner{width:300px;margin-top:30px}.article-banner img{width:100%}.sns{width:180px;margin:30px 0;display:flex;padding:10px}.sns .Facebook img{width:45px;height:45px;margin-left:10px}.sns .Twitter img{width:45px;height:45px;border-radius:60px;margin-right:10px}.writer-info{width:100%;background-color:#f3f4f4;padding:20px}.writer-info a{color:#4caf50}.writer-info .writer-name{display:flex;margin-bottom:10px}.writer-info .writer-name span{line-height:70px}.writer-info .writer-name img{width:80px;height:80px;border-radius:60px;object-fit:cover}.writer-info .writer-name p{margin:10px;font-size:20px}.writer-info .writer-name p::before{content:'ブイクックライター';font-size:12px;display:block}.show-recommend-articles{font-size:20px;border-left:6px solid #4caf50;padding:0.25em 0.5em;margin-top:30px;margin-bottom:10px}.article-form{margin:20px 0}.sub-content-article{height:auto;margin:10px 0;width:100%;border-radius:4px;display:flex}@media screen and (max-width: 480px){.sub-content-article{height:initial;display:initial;width:calc(100% / 2);float:left;padding-right:8px;padding-left:8px;background-color:#fff;border-radius:10px;box-shadow:rgba(0,0,0,0.06) 0 1px 7px 0}}@media screen and (max-width: 480px) and (max-width: 480px){.sub-content-article img{width:100%;object-fit:cover}}.sub-content-article-image{width:140px;height:auto;float:left;margin-right:10px}@media screen and (max-width: 480px){.sub-content-article-image{width:100%;height:auto;margin-right:initial}}.sub-content-article-image img{width:140px;height:70px;object-fit:cover;display:block;border-radius:3px}@media screen and (max-width: 480px){.sub-content-article-image img{width:100%}}@media screen and (max-width: 480px){.sub-content-article-square{background-color:#fff;border-radius:10px;box-shadow:rgba(0,0,0,0.06) 0 1px 7px 0}}.sub-content-article-title{font-size:11px;font-weight:bold;margin-bottom:5px}@media screen and (max-width: 480px){.sub-content-article-title{padding:8px 8px 2px}}.sub-content-article-category a{font-size:10px;color:#4caf50}@media screen and (max-width: 480px){.sub-content-article-category a{color:#4caf50;padding-bottom:8px;padding-left:8px}}html,body,button,input,select,textarea{font-family:'Hiragino Kaku Gothic ProN', Verdana, Helvetica, Arial, sans-serif;color:#071007;scroll-behavior:smooth}#wrap{display:flex;flex-direction:column}h1{font-size:24px;font-weight:initial}h2{font-size:20px;font-weight:initial}p{font-size:16px}input:focus{outline:none}ul{list-style:none}li{list-style:none}@media screen and (max-width: 480px){h1{font-size:20px}h2{font-size:16px}p{font-size:12px}}.bold{font-weight:bold}.font-normal{font-weight:normal}.color-main{color:#4caf50}.text-green600{color:#4BA554}.text-alert{color:#fe3d02}.none{display:none}.break-words{overflow-wrap:break-word}.inline-block{display:inline-block}.bg-white{background-color:white}.bg-light-orange{background-color:#f8f6cc}.font12{display:flex;align-items:center;justify-content:space-evenly;width:45px}.font14{font-size:14px}.font16{font-size:16px}.font20{font-size:20px}.font24{font-size:24px}@media screen and (max-width: 480px){.under480__fz16{font-size:1.6rem}}.rounded-2{border-radius:2px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.py-0{padding-left:0;padding-right:0}.px-8{padding-left:8px;padding-right:8px}.mt0{margin-top:0px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt36{margin-top:36px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mb48{margin-bottom:48px}.mr4{margin-right:4px}.mr8{margin-right:8px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}.border-radius5{border-radius:5px}.border-radius50{border-radius:50%}.lh15{line-height:1.5em}.h-full{height:100%}.h-auto{height:auto}.width30{width:30%}.width80{width:80%}.width85{width:85%}.width90{width:90%}.width100{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.widthcalc3{width:calc(100% / 3)}.flex{display:flex}.gap-y-8{column-gap:8px}.floatr{float:right}.gap-x-4{column-gap:4px}.gap-x-28{column-gap:28px}.pc-none{display:none}.textcenter{text-align:center}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.items-end{align-items:end}.align-c{display:flex;align-items:center}.overflow-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width: 480px){.r-none{display:none}.pc-none{display:initial}.mt4{margin-top:2px}.mt8{margin-top:4px}.mt12{margin-top:6px}.mt14{margin-top:7px}.mt16{margin-top:8px}.mt18{margin-top:9px}.mt24{margin-top:12px}.mt36{margin-top:18px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.r-ml8{margin-left:8px}.under480-gap-x-8{column-gap:8px}.under480-text-8{font-size:8px}}.column_wrapper{margin:0 auto}@media screen and (max-width: 480px){.column_wrapper{margin:0}}.column_section img{width:100%;max-width:500px}@media screen and (max-width: 480px){.column_section img{max-width:100%}}.column-recipe__wrapper{width:100%;max-width:500px;display:inline-block;overflow:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;margin:0}.column-recipe__item{display:inline-block;margin-left:12px}.column-recipe__item:first-child{margin-left:20px}.column-recipe__item:last-child{margin-right:20px}.column-recipe__image{width:120px;height:120px}.column-recipe__image img{border-radius:8px}.column-recipe__user{width:120px;margin-top:8px}.column-recipe__user__picture{width:20px;height:20px;flex-shrink:0}.column-recipe__user__picture img{border-radius:50%}.column-recipe__user__name{font-size:10px;color:#1B1B1B;margin-left:4px}.column-recipe__title{width:120px;margin-top:8px;font-size:12px;color:#1B1B1B}.popular-recipes{display:flex}.popular-recipes img{max-width:calc(500px/3)}.coupon-code{cursor:pointer}.error-wrapper{margin:0 auto}@media screen and (max-width: 480px){.error-wrapper{text-align:center}}.chef-wrapper{box-sizing:border-box;margin:34px 20px;width:7%;float:left}@media screen and (max-width: 480px){.chef-wrapper{padding:15px 0;margin:0 auto 20px}}.error-container{box-sizing:border-box;width:780px;background-color:white;border-radius:5px;padding:30px;display:inline-block}@media screen and (max-width: 480px){.error-container{width:80%;padding:15px 0;margin:0 auto 20px 20px;background-color:white;border-radius:5px}}.error-container h1{font-size:28px;font-weight:bold;color:#4d4d4d}@media screen and (max-width: 480px){.error-container h1{width:90%;margin:auto;font-size:20px;font-weight:bold;color:#4d4d4d;text-align:center}}.error-container p{font-size:18px;color:#4d4d4d}@media screen and (max-width: 480px){.error-container p{margin:0 auto;font-size:16px;color:#4d4d4d}}.error-container a{text-align:center;display:block;font-size:20px}@media screen and (max-width: 480px){.error-container a{display:block;font-size:20px;text-align:center}}.top-page-button{background-color:#ff9800;border-radius:3px;margin:51px auto 28px;width:220px}@media screen and (max-width: 480px){.top-page-button{width:220px;margin:51px auto 28px;background-color:#ff9800;border-radius:3px}}.top-page-button a{padding:8px 40px;color:white}@media screen and (max-width: 480px){.top-page-button a{padding:8px 40px;color:white}}.clear{clear:left}@media screen and (max-width: 480px){.about-content{padding:0 28px}}@media screen and (max-width: 480px){.recipe-rank-container{padding:12px 0}}@media screen and (max-width: 480px){.recipe-rank-boxes{display:block;justify-content:initial}}@media screen and (max-width: 480px){.recipe-rank-box{width:100%}}@media screen and (max-width: 480px){.margin-right{margin-right:0}}@media screen and (max-width: 480px){.recipe-rank-user{padding:0 12px}}@media screen and (max-width: 480px){.recipe-rank-user p{font-size:20px}}@media screen and (max-width: 480px){.recipe-rank-content h3{margin:0 12px;font-size:22px}}@media screen and (max-width: 480px){.recipe-rank-content li span{margin-left:12px;font-size:24px}}@media screen and (max-width: 480px){.home-container-left{width:100%;padding:12px 6px}}@media screen and (max-width: 480px){.home-container-left h1{font-size:24px}}@media screen and (max-width: 480px){.latest-recipe-boxes{flex-wrap:wrap}}@media screen and (max-width: 480px){.latest-recipe-box{width:50%;margin-right:0;border-right:6px solid white;border-left:6px solid white}}.field_with_errors{margin-top:28px}.field_with_errors input{border-color:#D32F2F}.custom-error-messages{display:none;box-sizing:border-box;margin-top:28px;width:100%;background-color:#F3D9DA;padding:30px}.custom-error-messages p{font-size:17px;color:#D32F2F;text-align:center}@media screen and (max-width: 480px){.custom-error-messages p{margin:0 auto;font-size:15px;color:#D32F2F}}.bold{font-weight:bold}.font-normal{font-weight:normal}.color-main{color:#4caf50}.text-green600{color:#4BA554}.text-alert{color:#fe3d02}.none{display:none}.break-words{overflow-wrap:break-word}.inline-block{display:inline-block}.bg-white{background-color:white}.bg-light-orange{background-color:#f8f6cc}.font12{display:flex;align-items:center;justify-content:space-evenly;width:45px}.font14{font-size:14px}.font16{font-size:16px}.font20{font-size:20px}.font24{font-size:24px}@media screen and (max-width: 480px){.under480__fz16{font-size:1.6rem}}.rounded-2{border-radius:2px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.py-0{padding-left:0;padding-right:0}.px-8{padding-left:8px;padding-right:8px}.mt0{margin-top:0px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt36{margin-top:36px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mb48{margin-bottom:48px}.mr4{margin-right:4px}.mr8{margin-right:8px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}.border-radius5{border-radius:5px}.border-radius50{border-radius:50%}.lh15{line-height:1.5em}.h-full{height:100%}.h-auto{height:auto}.width30{width:30%}.width80{width:80%}.width85{width:85%}.width90{width:90%}.width100{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.widthcalc3{width:calc(100% / 3)}.flex{display:flex}.gap-y-8{column-gap:8px}.floatr{float:right}.gap-x-4{column-gap:4px}.gap-x-28{column-gap:28px}.pc-none{display:none}.textcenter{text-align:center}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.items-end{align-items:end}.align-c{display:flex;align-items:center}.overflow-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width: 480px){.r-none{display:none}.pc-none{display:initial}.mt4{margin-top:2px}.mt8{margin-top:4px}.mt12{margin-top:6px}.mt14{margin-top:7px}.mt16{margin-top:8px}.mt18{margin-top:9px}.mt24{margin-top:12px}.mt36{margin-top:18px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.r-ml8{margin-left:8px}.under480-gap-x-8{column-gap:8px}.under480-text-8{font-size:8px}}.error{width:90%;margin:auto;max-width:566px;height:80vh;padding-top:20vh}.error .sorry-icon{display:flex;margin:auto;max-width:50%}.error .redirect-btn{display:flex;margin:auto;inline-size:fit-content;padding:12px 28px;font-weight:bold;border-radius:30px;align-items:center}.event-heading{font-size:26px;margin-left:20px;margin-bottom:8px}@media screen and (max-width: 480px){.event-heading{margin-left:2px;font-size:18px}}.search-wrapper-white{padding:20px 0 60px;background-color:#f8f6cc}@media screen and (max-width: 480px){.search-wrapper-white{padding-top:0;background-color:#fff}}.event-banner-wrapper{max-width:calc(630px - 16px);margin:auto;width:100%}.event-banner-wrapper img{width:100%;border-radius:8px}.fakeLoader{position:fixed;top:0;left:0;z-index:9999999999;width:100%;height:100%;opacity:0.8}.spinner1{position:fixed;top:calc(50% - 50px / 2);left:calc(50% - 50px / 2);width:50px;height:50px}.spinner1 .double-bounce1,.spinner1 .double-bounce2{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#fff;border-radius:50%;opacity:0.6;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.spinner1 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.spinner2{position:fixed;top:calc(50% - 40px / 2);left:calc(50% - 40px / 2);width:40px;height:40px}.spinner2 .spinner-container{position:absolute;width:100%;height:100%}.spinner2 .spinner-container.container2{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}.spinner2 .spinner-container.container3{-webkit-transform:rotateZ(90deg);transform:rotateZ(90deg)}.spinner2 .spinner-container .circle1{top:0;left:0}.spinner2 .spinner-container .circle2{top:0;right:0}.spinner2 .spinner-container .circle3{right:0;bottom:0}.spinner2 .spinner-container .circle4{bottom:0;left:0}.spinner2 .container1 div,.spinner2 .container2 div,.spinner2 .container3 div{position:absolute;width:6px;height:6px;background-color:#fff;border-radius:100%;-webkit-animation:bouncedelay 1.2s infinite ease-in-out;animation:bouncedelay 1.2s infinite ease-in-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.spinner2 .container1 .circle2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner2 .container1 .circle3{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner2 .container1 .circle4{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}.spinner2 .container2 .circle1{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner2 .container2 .circle2{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}.spinner2 .container2 .circle3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner2 .container2 .circle4{-webkit-animation-delay:-0.2s;animation-delay:-0.2s}.spinner2 .container3 .circle1{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner2 .container3 .circle2{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}.spinner2 .container3 .circle3{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner2 .container3 .circle4{-webkit-animation-delay:-0.1s;animation-delay:-0.1s}@-webkit-keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bouncedelay{0%,80%,100%{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.spinner3{position:fixed;top:calc(50% - 50px / 2);left:calc(50% - 50px / 2);width:50px;height:50px;-webkit-animation:rotate 2s infinite linear;animation:rotate 2s infinite linear}.spinner3 .dot1,.spinner3 .dot2{position:absolute;top:0;display:inline-block;width:60%;height:60%;background-color:#ff9800;border-radius:100%;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}.spinner3 .dot2{top:auto;bottom:0;-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}.spinner4{position:fixed;top:calc(50% - 35px / 2);left:calc(50% - 35px / 2);width:35px;height:35px;background-color:#fff;-webkit-animation:rotateplane 1.2s infinite ease-in-out;animation:rotateplane 1.2s infinite ease-in-out}@-webkit-keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}@keyframes rotateplane{0%{-webkit-transform:perspective(120px) rotateX(0deg) rotateY(0deg);transform:perspective(120px) rotateX(0deg) rotateY(0deg)}50%{-webkit-transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg);transform:perspective(120px) rotateX(-180.1deg) rotateY(0deg)}100%{-webkit-transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg);transform:perspective(120px) rotateX(-180deg) rotateY(-179.9deg)}}.spinner5{position:fixed;top:calc(50% - 50px / 2);left:calc(50% - 50px / 2);width:50px;height:50px}.spinner5 .cube1,.spinner5 .cube2{position:absolute;top:0;left:0;width:15px;height:15px;background-color:#fff;-webkit-animation:cubemove 1.8s infinite ease-in-out;animation:cubemove 1.8s infinite ease-in-out}.spinner5 .cube2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}@-webkit-keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5);transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}@keyframes cubemove{25%{-webkit-transform:translateX(42px) rotate(-90deg) scale(0.5);transform:translateX(42px) rotate(-90deg) scale(0.5)}50%{-webkit-transform:translateX(42px) translateY(42px) rotate(-179deg);transform:translateX(42px) translateY(42px) rotate(-179deg)}50.1%{-webkit-transform:translateX(42px) translateY(42px) rotate(-180deg);transform:translateX(42px) translateY(42px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5);transform:translateX(0) translateY(42px) rotate(-270deg) scale(0.5)}100%{-webkit-transform:rotate(-360deg);transform:rotate(-360deg)}}.spinner6{position:fixed;top:calc(50% - 35px / 2);left:calc(50% - 50px / 2);width:50px;height:35px}.spinner6 div{display:inline-block;width:5px;height:100%;margin-left:2px;background-color:#fff;-webkit-animation:stretchdelay 1.2s infinite ease-in-out;animation:stretchdelay 1.2s infinite ease-in-out}.spinner6 .rect2{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.spinner6 .rect3{-webkit-animation-delay:-1s;animation-delay:-1s}.spinner6 .rect4{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}.spinner6 .rect5{-webkit-animation-delay:-0.8s;animation-delay:-0.8s}@keyframes stretchdelay{0%,40%,100%{-webkit-transform:scaleY(0.4);transform:scaleY(0.4)}20%{-webkit-transform:scaleY(1);transform:scaleY(1)}}.spinner7{position:fixed;top:calc(50% - 30px / 2);left:calc(50% - 90px / 2);width:90px;height:30px;text-align:center}.spinner7>div{display:inline-block;width:15px;height:15px;margin-left:3px;background-color:#fff;border-radius:50%;-webkit-animation:stretchdelay 0.7s infinite ease-in-out;animation:stretchdelay 0.7s infinite ease-in-out}.spinner7 .circ2{-webkit-animation-delay:-0.6s;animation-delay:-0.6s}.spinner7 .circ3{-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.spinner7 .circ4{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}.spinner7 .circ5{-webkit-animation-delay:-0.3s;animation-delay:-0.3s}@-webkit-keyframes stretchdelay{0%,40%,100%{-webkit-transform:translateY(-10px)}20%{-webkit-transform:translateY(-20px)}}@keyframes stretchdelay{0%,40%,100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}20%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}header nav{margin-right:-16px;display:none;position:absolute;width:100%;z-index:2}header nav ul{background-color:white}header nav ul li{border-bottom:0.1px solid #a2a2a2;padding:6px}header nav ul li a{color:black;text-decoration:none}#nav_toggle{display:none}@media screen and (max-width: 480px){#nav_toggle{position:relative;top:4px;z-index:100;display:block;width:40px;height:40px}}@media screen and (max-width: 480px){#nav_toggle div{position:relative}}@media screen and (max-width: 480px){#nav_toggle span{position:absolute;left:0;display:block;width:100%;height:3px;background:#4d4d4d;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;transition:0.5s ease-in-out}}@media screen and (max-width: 480px){#nav_toggle span:nth-child(1){top:0}}@media screen and (max-width: 480px){#nav_toggle span:nth-child(2){top:14px}}@media screen and (max-width: 480px){#nav_toggle span:nth-child(3){top:28px}}@media screen and (max-width: 480px){.open #nav_toggle span:nth-child(1){-webkit-transform:translateY(15px) rotate(-45deg);transform:translateY(15px) rotate(-45deg)}}@media screen and (max-width: 480px){.open #nav_toggle span:nth-child(2){opacity:0}}@media screen and (max-width: 480px){.open #nav_toggle span:nth-child(3){-webkit-transform:translateY(-13px) rotate(45deg);transform:translateY(-13px) rotate(45deg)}}@media screen and (max-width: 480px){.scroll-prevent{position:fixed;z-index:-1;width:100%;height:100%}}.header-logo{width:45px;height:48px}@media screen and (max-width: 480px){.header-logo{display:flex;align-items:center}}.header-logo img{width:100%}.header-inner{margin:0 auto;padding:10px 0;max-width:840px;overflow:hidden;display:flex;justify-content:space-evenly}.welcome-header-upper{background:#fff 0% 0% no-repeat padding-box;opacity:1;height:55px;text-align:center;border-bottom:1px solid #efefef}.welcome-header-upper img{width:120px;height:auto;margin:6px auto}.header-upper{background-color:#f7f7f7;color:#4d4d4d}.header-upper ul{display:flex;justify-content:space-between;padding:12px 0}@media screen and (max-width: 480px){.header-upper ul{display:none}}.header-upper ul li{margin:auto 15px}.header-upper a{color:#4d4d4d}.header-lower{clear:both;background-color:white}.header-lower ul{display:flex;justify-content:space-between;padding:5px 0}.header-lower ul li{margin:auto 4px}.header-upper-left{float:left}.header-upper-right{float:right}.header-upper-right a{color:#4d4d4d}input.search-window.search-font-awesome{font-family:FontAwesome;font-style:normal;font-weight:normal;text-decoration:inherit}.search-link{font-size:12px;text-align:left;margin-left:8px;cursor:pointer}@media screen and (max-width: 480px){.search-link{margin-top:5px;margin-bottom:5px}}.search-link img{position:relative;top:2px;width:15px;height:15px}.category-search{display:none;width:30%;position:absolute;top:auto;left:auto;background-color:white;z-index:2}@media screen and (max-width: 480px){.category-search{position:absolute;top:auto;left:auto;display:none;width:80%;background-color:white}}.category-search p{padding:10px 0}.category-search li{padding:5px 0}.category-search li a:hover{color:#4caf50}.category-row1{width:50%;text-align:left;font-size:15px}.category-row2{width:50%;text-align:left;font-size:15px}.category-search-overlay{z-index:1;display:none;position:fixed;top:0;left:0;width:100%;height:120%}.header-save-recipe{display:flex;align-items:center}.header-save-recipe img{height:32px}.clear{clear:both}.notification-bell{position:relative}.notification-bell img{width:30px;height:30px}.notification-circle{position:absolute;top:0;left:20px;height:20px;width:20px;border-radius:50%;line-height:20px;text-align:center;color:white;font-size:12px;background-color:#ff9800}@media screen and (max-width: 480px){.notification-circle{top:2px;left:88%}}@media screen and (max-width: 480px){.hamburger{display:none}}@media screen and (max-width: 480px){li.search-window-box{width:100%}}@media screen and (max-width: 480px){.overlay{position:fixed;display:none;width:100%;height:100%;background-color:black;opacity:0.4}}footer .pc{background-color:#2f1a01;color:white;text-align:center;padding:20px 0;font-size:11px;margin-top:auto}footer .pc ul{display:flex;justify-content:space-around;max-width:600px;margin:0 auto}footer .pc a{color:white}footer .pc p{margin-top:30px;font-size:12px}footer .responsive{display:none}div.header-announce{position:relative;z-index:10;font-size:12px;color:white;font-weight:600;text-align:center;background-color:#f19326}div.header-announce:hover{opacity:0.7}a.header-announce{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:8px;padding-bottom:8px;text-decoration-line:none;color:white;width:100%}a.header-announce image{width:13px !important}nav.drawer-nav{width:230px;z-index:11}body.drawer--right nav.drawer-nav{right:-230px}footer .footer{padding:30px 0;margin-top:auto;font-size:11px;color:white;text-align:center;background-color:#071007}footer .footer ul{display:flex;justify-content:space-around;max-width:600px;margin:0 auto}footer .footer a{color:white}footer .footer p{margin-top:30px;font-size:12px}@media screen and (max-width: 480px){footer .footer{padding:30px}footer .footer ul{display:initial}footer .footer li{display:inline-flex;display:-webkit-inline-flex;flex-wrap:wrap;-webkit-justify-content:center;justify-content:center;margin-right:5px;margin-bottom:5px}footer .footer p{font-size:8px}}header ul{display:flex;justify-content:space-between}header li{display:flex;justify-content:space-between}.header-upper1{width:100%;height:80px;background-color:#fff}.header-inner1{width:100%;max-width:950px;margin:0 auto;overflow:hidden}.header-upper-left1{float:left;width:160px;height:52px}.header-upper-left1 img{width:100%;height:auto}.vertical-icon{position:relative;display:inline-block;width:fit-content;vertical-align:middle}.unchecked-notification-circle{position:absolute;top:0;right:0;display:flex;justify-content:center;cursor:pointer}.vertical-icon-user-image{position:relative;display:inline;width:fit-content;vertical-align:middle}@media screen and (min-width: 1024px){.vertical-icon-user-image{margin-right:6px}}.header-upper-right1{float:right}.header-lower1{min-height:80px;padding:20px 0;display:flex;width:100%;background-color:#f7f7f7}.header-icon{align-items:center;height:80px;margin:0 32px 0 0}.header-btn{margin-top:24px;margin-right:32px}.header-icon-mypage{align-items:center;margin-right:32px}.header-icon-mypage.Inartilce a .vertical-icon-user-image img{width:24px;height:24px}@media screen and (max-width: 720px){li.header-icon-mypage.Inartilce{margin-right:10px}.header-icon-mypage.Inartilce a{display:flex;flex-direction:column;align-items:center}}@media screen and (max-width: 480px){.header-icon-mypage.Inartilce a .vertical-icon-user-image{margin-bottom:6px}li.header-icon-mypage.Inartilce{margin-top:8px;margin-right:0}}li.header-icon-mypage.drawer-toggle.drawer-hamburger.link-mypage-img{display:flex;flex-direction:column;align-items:center;justify-content:center}@media screen and (min-width: 481px) and (max-width: 720px){li.header-icon-mypage.drawer-toggle.drawer-hamburger.link-mypage-img{margin:0 10px 0 0;gap:0}}@media screen and (min-width: 1024px){li.header-icon-mypage.drawer-toggle.drawer-hamburger.link-mypage-img{flex-direction:row;justify-content:center;gap:0}}.orangeh40.header-post-btn{width:25px;height:25px;padding:5px;background-color:#ff9800;border-radius:3px}.orangeh40.header-post-btn::after{display:none}@media screen and (min-width: 481px) and (max-width: 720px){.orangeh40.header-post-btn{transform:translate(0, 0)}}@media screen and (min-width: 1024px){.orangeh40.header-post-btn{width:150px;height:40px;padding:8px}}.header-post-btn-text{display:none}.vertical-icon.header-post-btn-text{display:block}@media screen and (min-width: 1024px){.header-post-btn-text{display:inline-block}.vertical-icon.header-post-btn-text{display:none}}.header-button{align-items:center;margin-right:32px}.header-banner{align-items:center;width:100%;max-width:950px;margin:0 auto}.header-banner p{font-weight:bolder;color:#fff}.header-banner img{width:100%;height:auto}@media screen and (max-width: 950px){.header-upper-left1{margin-left:8px}div.search-icon{margin-bottom:10px;width:100%}.header-inner1>ul>li{width:100%}}@media screen and (min-width: 481px) and (max-width: 720px){.header-icon{margin:0 10px 0 0}.r-480-720-none{display:none}}@media screen and (max-width: 480px){header li{display:initial}.header-upper1{height:58px}.header-upper-left1{width:90px;margin-left:5px}.header-inner1{max-width:480px}.header-icon{width:50px;height:auto;margin-top:8px;margin-right:initial;margin-bottom:8px;text-align:center}.header-icon a{font-size:8px}.header-btn{height:auto;margin-top:8px;margin-right:initial;margin-bottom:8px;text-align:center}.header-btn a{font-size:12px}.header-icon-mypage{width:50px;height:auto;margin-top:4px;margin-right:initial;margin-bottom:4px;text-align:center}.header-icon-mypage a{font-size:8px}.vertical-icon{display:block;width:100%;text-align:center}.vertical-icon-user-image{margin-bottom:initial}.header-lower1{min-height:52px;padding:0}.link-mypage{font-size:8px}.unchecked-notification-circle{right:12px}}@media screen and (max-width: 950px){.main-header-upper{padding-left:8px;padding-right:8px}}@media screen and (max-width: 480px){.main-header-upper-link{flex-direction:column}}@media screen and (max-width: 480px){.main-header-upper-link-icon{flex-direction:column}}.new_like button{height:auto;padding:0}.edit_like button{height:auto;padding:0}.like-chicken{color:#1B1B1B;line-height:1.5}.like-chicken-heading{text-align:center;font-weight:bold;font-size:20px}.like-chicken-heading--white{color:#FFFFFF}.like-chicken-btn{display:inline-block;border-radius:30px;padding:12px 28px;font-weight:bold;font-size:16px;line-height:1.2}.like-chicken-btn--orange{color:#FFFFFF;background:#F19326}.like-chicken-btn--white{color:#4BA554;background:#FFFFFF}.like-chicken-btn-amazon{display:inline-block;background:#53565A;box-shadow:2px 2px 2px rgba(0,0,0,0.25);border-radius:1px}.like-chicken-btn-amazon--white{background:#FFFFFF}.like-chicken-btn-amazon__image{width:152px}.like-chicken-btn-mall{display:inline-flex;background:#F19326;box-shadow:2px 2px 2px rgba(0,0,0,0.25);border-radius:1px;color:#FFFFFF;height:32px;justify-content:center;align-items:center;padding:0 12px;font-weight:bold;font-size:16px;margin-top:8px}.like-chicken-btn-mall--white{color:#F19326;background:#FFFFFF}.like-chicken-btn-mall__image{margin-left:6px;width:10px}.like-chicken-annotation{font-size:10px;line-height:1.5;color:#FFFFFF}.like-chicken-divider{background:#F19326;height:80px;display:flex;justify-content:center;align-items:center}.like-chicken-divider__text{font-weight:bold;font-size:20px;color:#FFFFFF}.like-chicken-fv{background-size:cover;background-position:center;height:672px;display:flex;align-items:center;padding:0 20px}@media screen and (max-width: 480px){.like-chicken-fv{height:580px}}.like-chicken-fv--like-chicken{background-image:url(/assets/lp/like_chicken/firstview-299c22e50cc43727678b89dde9ffa39bcd943226b94712f7184fd59dad6b379d.png)}.like-chicken-fv--violife{background-image:url(/assets/lp/violife/firstview-0d7e8319a331adb43384342f0d3b4c758ad77c7dd56137316d50c899e2ac181c.png)}.like-chicken-fv__wrapper{text-align:center;width:100%}.like-chicken-fv__title{font-weight:bold;font-size:48px;color:#FFFFFF}@media screen and (max-width: 720px){.like-chicken-fv__title{font-size:42px}}@media screen and (max-width: 480px){.like-chicken-fv__title{font-size:36px}}.like-chicken-fv__title-span{display:inline-block}.like-chicken-fv__text{font-size:14px;font-weight:bold;color:#FFFFFF;margin-top:20px;text-shadow:0px 0px 8px rgba(0,0,0,0.25)}.like-chicken-fv-organizers{display:flex;justify-content:center;align-items:center;margin-top:32px;margin-bottom:40px}.like-chicken-fv-organizers__vcook{width:121px}.like-chicken-fv-organizers__cross{position:relative;margin-left:22px;margin-right:36px;width:24px;height:24px}.like-chicken-fv-organizers__cross-left{border-top:2px solid #FFFFFF;transform:rotate(135deg);width:34px;height:0px;position:absolute;top:11px;right:-5px}.like-chicken-fv-organizers__cross-right{border-top:2px solid #FFFFFF;transform:rotate(45deg);width:34px;height:0px;position:absolute;top:11px;right:-5px}.like-chicken-fv-organizers__like-chicken{width:85px}.like-chicken-overview{background:#FDF3E2}.like-chicken-overview__container{padding:60px 20px}.like-chicken-overview__wrapper{max-width:500px;background:#FFFFFF;padding:32px 24px;box-shadow:0px 0px 12px rgba(0,0,0,0.1);border-radius:12px;margin:0 auto}.like-chicken-overview__content{margin-top:24px}.like-chicken-overview-item{display:flex;margin-bottom:12px}.like-chicken-overview-item__title{margin-right:12px;white-space:nowrap;font-size:16px}.like-chicken-overview-item__text{font-size:16px}.like-chicken-overview-item__text-gray{color:#757575}.like-chicken-overview-item__text-link{color:#4BA554}.like-chicken-overview-item:last-child{margin-bottom:0}.like-chicken-prize{background:#F7F7F7}.like-chicken-prize__container{padding:60px 20px;max-width:1156px;margin:0 auto}.like-chicken-prize__boxes{display:flex;justify-content:space-between;margin-top:40px}@media screen and (max-width: 950px){.like-chicken-prize__boxes{flex-direction:column}}.like-chicken-prize__box{display:flex;width:32%}@media screen and (max-width: 950px){.like-chicken-prize__box{width:100%;justify-content:flex-start;max-width:600px;margin-left:auto;margin-right:auto;margin-bottom:32px}}@media screen and (max-width: 480px){.like-chicken-prize__box{margin-bottom:24px}}.like-chicken-prize-box-image{width:100px;height:100px;margin-right:8px}.like-chicken-prize-box-text__title{font-weight:bold;font-size:20px;color:#4BA554}.like-chicken-prize-box-text__text{font-size:14px;margin-top:4px}.like-chicken-prize-box-text__prize-heading{font-weight:bold;font-size:14px;margin-top:8px}.like-chicken-prize-box-text__prize-text{font-size:14px;margin-top:4px}.like-chicken-prize-box-text__prize-text-small{font-size:10px}.like-chicken-about{background:#4BA554}.like-chicken-about--violife{background:#3CCBDA}.like-chicken-about__container{max-width:640px;padding:60px 20px;margin:0 auto}.like-chicken-about__container--py40{padding:40px 20px}.like-chicken-about__content{margin-top:40px}.like-chicken-about__image{width:100%}.like-chicken-about__paragraph{margin:16px 0}.like-chicken-about__text{font-weight:bold;font-size:14px;color:#FFFFFF;margin-bottom:12px}.like-chicken-about__btn{margin-top:40px;text-align:center}.like-chicken-about__products{margin-top:40px;display:flex;justify-content:center}.like-chicken-about__youtube{position:relative;width:100%;padding-top:56.25%}.like-chicken-about iframe{position:absolute;top:0;right:0;width:100%;height:100%}.like-chicken-about-gallery-3cols{display:flex;justify-content:space-between;margin-top:20px}@media screen and (max-width: 480px){.like-chicken-about-gallery-3cols{margin-top:12px}}.like-chicken-about-gallery-3cols__image{width:31%}.like-chicken-about-gallery-2cols{display:flex;justify-content:space-between;margin-top:12px}.like-chicken-about-gallery-2cols__image{width:49%}.like-chicken-about-product:first-child{margin-right:24px}.like-chicken-about-product__image{width:145px}.like-chicken-about-product__text{font-weight:bold;font-size:14px;color:#FFFFFF;margin:16px 0;text-align:center}.like-chicken-about-product__btn{text-align:center}.like-chicken-process{background:#F7F7F7}.like-chicken-process__container{max-width:1142px;padding:60px 20px;margin:0 auto}.like-chicken-process__wrapper{display:flex;margin-top:40px}@media screen and (max-width: 950px){.like-chicken-process__wrapper{flex-direction:column;align-items:center}}.like-chicken-process__btn{text-align:center;margin-top:40px}.like-chicken-step{max-width:339px;width:33.3%;background:#FFFFFF;border:1px solid #4BA554;border-radius:12px;padding:16px}@media screen and (max-width: 950px){.like-chicken-step{width:100%;margin:6px 0}}.like-chicken-step__title{display:flex;align-items:center}.like-chicken-step__title-icon{width:28px;height:28px}.like-chicken-step__title-text{font-weight:bold;font-size:16px;color:#4BA554;margin-left:4px}.like-chicken-step__text{margin-top:8px;font-size:14px}.like-chicken-step__arrow{margin:0 12px 0 16px;width:15px}@media screen and (max-width: 950px){.like-chicken-step__arrow{transform:rotate(90deg)}}.like-chicken-recipe{background-color:white}.like-chicken-recipe__container{padding:60px 0px}.like-chicken-recipe__wrapper{width:100%;display:inline-block;overflow:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;margin:40px 0}.like-chicken-recipe__item{display:inline-block;margin-left:12px}.like-chicken-recipe__item:first-child{margin-left:20px}.like-chicken-recipe__item:last-child{margin-right:20px}.like-chicken-recipe__image{width:120px;height:120px}.like-chicken-recipe__image img{border-radius:8px}.like-chicken-recipe__user{width:120px;margin-top:8px}.like-chicken-recipe__user__picture{width:20px;height:20px;flex-shrink:0}.like-chicken-recipe__user__picture img{border-radius:50%}.like-chicken-recipe__user__name{font-size:10px;color:#1B1B1B;margin-left:4px}.like-chicken-recipe__btn{text-align:center}.like-chicken-about-vcook{background:#FDF3E2}.like-chicken-about-vcook__container{max-width:640px;padding:60px 20px;margin:0 auto}.like-chicken-about-vcook__image{margin-top:40px;width:100%}.like-chicken-about-vcook__paragraph{margin-top:16px}.like-chicken-about-vcook__text{margin-bottom:12px;font-weight:bold;font-size:14px}.like-chicken-about-vcook__btn{margin-top:40px;text-align:center}.likechicken-modal{position:fixed;width:100%;height:100%;top:0;left:0;background:rgba(0,0,5,0.7);display:none;z-index:10}.likechicken-modal-content{position:absolute;padding:38px 45px;background:white;width:420px;top:50%;left:50%;transform:translate(-50%, -50%);border:1px solid #eee;border-radius:24px}.likechicken-modal-title{font-size:20px;text-align:center}.likechicken-modal-text{font-size:18px}.likechicken-modal-image{width:100%;text-align:center}.likechicken-modal-image img{width:178px}.likechicken-modal-sns{display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;justify-content:center;margin-bottom:25px}.likechicken-modal-sns-item{margin:auto 10px}.likechicken-modal-sns-icon{width:48px;height:48px}.likechicken-modal-link{text-align:center}.likechicken-modal-link a{background-color:#ff9800;color:white;padding:10px 28px;border-radius:19px}@media screen and (max-width: 480px){.likechicken-modal-content{width:344px;padding:32px}.likechicken-modal-title{font-size:18px}.likechicken-modal-text{font-size:16px}}@media screen and (max-width: 344px){.likechicken-modal-content{width:300px;padding:24px}.likechicken-modal-title{font-size:16px}.likechicken-modal-text{font-size:14px}}button{outline:none}.orangeh40{width:150px;height:40px;padding:8px;background-color:#ff9800;border-radius:3px}a .orangeh40{color:#fff}.orange-btn{width:150px;height:40px;padding:8px;background-color:#ff9800;border-radius:3px;color:#fff}.whiteh40{width:150px;height:40px;padding:8px;background-color:#fff;border:1px solid #ff9800;border-radius:3px}.white-btn{width:150px;height:40px;padding:8px;background-color:#fff;border:1px solid #ff9800;border-radius:3px;color:#ff9800}a .whiteh40{color:#ff9800}button,input[type='submit'],input[type='button']{height:48px;padding:0 15px;border-radius:4px}button.primary,input.primary[type='submit'],input.primary[type='button']{color:#fff;background-color:#ff9800}button.draft-button,input.draft-button[type='submit'],input.draft-button[type='button']{height:48px;font-weight:bold;color:#a2a2a2;background-color:white;border:solid 1px #a2a2a2}.share-buttons{position:fixed;bottom:30px;width:100%}.share-buttons-ml{margin-left:17%}.clipbutton-area button{padding:initial}.fixed-recipe-save-button{position:fixed;right:17%;bottom:36px;width:48px;height:48px;background-color:#fff;border:2px solid #4d4d4d;border-radius:50%}.fixed-recipe-save-button img{position:absolute;top:0;right:0;bottom:0;left:0;width:24px;height:24px;margin:auto}.like-partial button{margin-bottom:initial}@media screen and (max-width: 480px){.orangeh40{width:28px;height:28px;padding:2px;margin-bottom:4px;background-color:#ff9800;border-radius:3px}.whiteh40{width:28px;height:28px;padding:2px;margin-bottom:4px;background-color:#fff;border-radius:3px}.orange-btn{width:90px;font-size:14px;margin-right:6px}.white-btn{width:90px;font-size:14px;margin-right:6px}a .orangeh40{color:#071007}.share-buttons ul{display:table}.share-buttons li{display:table-cell;padding-right:16px}.share-buttons-ml{margin-left:7%}.fixed-recipe-save-button{right:7%}}.form-control:focus{box-shadow:none}form h2{font-size:24px;font-weight:300}form h2 .note{font-size:14px;font-weight:100}form input[type='text']{width:100%;height:48px;padding:0 10px;font-size:16px;border:1px solid #707070;border-radius:2px}form input[type='radio']{height:15px}form input[type='radio']+label{margin-left:5px;font-size:16px}form input[type='file']{display:none}form input[type='file']+button{width:126px;height:30px;font-size:12px;background-color:#f2f2f2;border-radius:30px}form input[type='search']{width:83%;height:38px;padding:0 4px}form input#search-modal-icon{width:100%;height:auto}form input[type='submit']{height:40px;font-size:medium;color:white;background-color:#4caf50}form textarea{width:100%;padding:0 10px;font-size:16px;border:1px solid #707070;border-radius:2px}.icon16{width:16px;height:16px;vertical-align:middle}.icon16 img{width:100%;height:auto}.icon20{width:20px;height:20px;vertical-align:middle}.icon20 img{width:100%;height:auto}.icon24{width:24px;height:24px}.icon28{width:28px;height:28px;vertical-align:middle}.icon28 img{width:100%;height:auto}.icon34{width:34px;height:34px;vertical-align:middle}.icon34 img{width:100%;height:auto}.iconsns{width:48px;height:48px}.iconsns img{width:100%;height:auto}.icon120{width:120px;height:120px}.icon120 img{width:100%;height:auto}@media screen and (max-width: 480px){.iconsns{width:36px;height:36px}.iconsns img{width:100%;height:auto}}.w_b_wrap.w_b_wrap_talk.w_b_flex.w_b_div{display:flex;margin-bottom:16px}img.w_b_ava_img.w_b_w100.w_b_h100.w_b_mp0.w_b_img{border-radius:50%}.w_b_bal_box.w_b_bal_L.w_b_relative.w_b_direction_L.w_b_w100.w_b_div{margin-left:16px}.w_b_bal_box.w_b_bal_R.w_b_relative.w_b_direction_R.w_b_w100.w_b_div{margin-right:16px}.w_b_box.w_b_w100.w_b_flex.w_b_mla.w_b_jc_fe{display:flex;justify-content:flex-end}.w_b_name.w_b_w100.w_b_lh.w_b_name_C.w_b_ta_C.w_b_mp0.w_b_div{text-align:center;font-weight:bold}.w_b_quote.w_b_div{background-color:#fff;padding:10px;border-radius:10px;position:relative;box-shadow:0 2px 14px rgba(0,0,0,0.2)}.w_b_bal.w_b_relative.w_b_talk.w_b_talk_R.w_b_shadow_R.w_b_ta_L.w_b_div .w_b_quote::after{content:'';display:block;position:absolute;right:-9px;top:10px;width:0;height:0;border-style:solid;border-width:0 14px 14px 7px;border-color:transparent transparent #fff transparent}.w_b_bal.w_b_relative.w_b_talk.w_b_talk_L.w_b_shadow_L.w_b_ta_L.w_b_div .w_b_quote::before{content:'';display:block;position:absolute;left:-10px;top:10px;width:0;height:0;border-style:solid;border-width:0 10px 19px 14px;border-color:transparent transparent #fff transparent}.wp_speech_baloon{margin:20px 0px;width:100%;display:flex}@media screen and (max-width: 480px){.wp_speech_baloon{justify-content:space-between}}.wp_speech_baloon.right{flex-direction:row-reverse}.wp_speech_baloon.right .wp_speech_baloon_speech_area::before{left:100%;transform:translate(-9px, 19px) rotate(135deg)}.wp_speech_baloon_icon img{width:80px;height:80px;object-fit:cover;border-radius:50%}@media screen and (max-width: 480px){.wp_speech_baloon_icon img{width:40px;height:40px}}.wp_speech_baloon_speech_area{position:relative;margin:20px;box-sizing:border-box;border-radius:5px;padding:20px;border:1px solid #C4C4C4;max-width:calc(100% - 120px)}@media screen and (max-width: 480px){.wp_speech_baloon_speech_area{max-width:calc(100% - 80px)}}.wp_speech_baloon_speech_area::before{content:'';position:absolute;transform:translate(-11px, 25px) rotate(-45deg);top:0;left:0;width:20px;height:20px;border-left:1px solid #C4C4C4;border-top:1px solid #C4C4C4;background:#fff}.notification-wrapper{background-color:#f8f6cc;padding:50px 0}.notification-container{max-width:950px;width:100%;margin:0 auto;overflow:hidden;display:flex}@media screen and (max-width: 480px){.notification-container{padding:10px}}.notification-box{width:90%;max-width:620px;background-color:#fff;border-radius:5px;box-sizing:border-box;margin:0 auto 100px;padding:10px}@media screen and (max-width: 480px){.notification-box{width:initial}}.notification-info{width:100%;display:flex;border-bottom:1px solid #e6e6e6}.notification-visitor{font-size:17px}.visitor-picture img{margin:0 16px;height:40px;width:40px;border-radius:50px}@media screen and (max-width: 480px){.visitor-picture img{width:40px;height:40px}}.notification-info-center{padding:10px 0;width:calc(100% - 82px)}.notification-info-center-upside{font-size:14px;width:100%}.notification-info-center-downside{margin-top:4px;display:flex;align-items:center}.notification-info-center-downside img{height:14px;width:14px;margin-right:3px}.notification-info-right{display:flex;align-items:center;justify-content:center;padding:0 16px}.notification-info-right img{margin:0;height:40px;width:40px}.notification-time{line-height:20px;font-size:12px;color:#8e8e8e}.notification-info-left{display:flex;align-items:center}.notification_modal{display:none;max-height:500px;position:absolute;top:50px;left:55%;background-color:white;z-index:2;overflow:scroll}.notification_modal img{margin:8px 16px;height:50px;width:50px;border-radius:60px}.notification-info-center-upside-modal{width:300px}.top-article-wrapper{margin-top:16px;overflow:hidden}.article-squares{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-box-lines:multiple;-moz-box-lines:multiple}.article-square{background-color:#fff;border-radius:10px;box-shadow:rgba(0,0,0,0.06) 0 1px 7px 0}.article-square3{position:relative}@media screen and (min-width: 481px){.article-square3{width:calc(100% / 3 - 2*12px / 3);margin-right:12px;margin-bottom:12px}.article-square3:nth-child(3n){margin-right:0px}}.article-square3 img{width:100%;-webkit-border-radius:12px 12px 0 0/12px 12px 0 0;-moz-border-radius:12px 12px 0 0/12px 12px 0 0;-ms-border-radius:12px 12px 0 0/12px 12px 0 0;-o-border-radius:12px 12px 0 0/12px 12px 0 0;border-radius:12px 12px 0 0/12px 12px 0 0}@media screen and (max-width: 480px){.square-sp-172{position:relative;display:inline-block;width:172px;margin:0 8px 0 0}}.article-title{padding:12px}.article-h2{display:flex;justify-content:space-between;align-items:center}.article-square2{position:relative;float:left;width:calc(100% / 2);padding-right:15px;padding-left:15px;margin-bottom:20px}.article-square2 img{width:100%;-webkit-border-radius:5px 5px 0 0 / 5px 5px 0 0;-moz-border-radius:5px 5px 0 0 / 5px 5px 0 0;border-radius:5px 5px 0 0 / 5px 5px 0 0}.latest-article-image{width:100%;position:relative}.latest-article-image img{position:absolute;top:0;width:100%;height:100%;object-fit:cover}.latest-article-image::before{display:block;content:"";padding:calc(100%*8/15) 100% 0 0}.latest-article-title{padding:8px 8px 2px}.latest-article-category{padding-bottom:8px;padding-left:8px}.latest-article-category a{font-size:12px;color:#4caf50}.large-plus-button{width:300px;padding:5px;margin:20px auto 50px;text-align:center;background-color:#f1943d;border-radius:3px}.large-plus-button a{margin:auto;color:white}@media screen and (max-width: 480px){.article-square2{padding-right:8px;padding-left:8px}img{width:100%}.top-article-category a{font-size:8px;color:#4caf50}.top-article-wrapper{margin-top:8px;overflow:hidden}}.home-wrapper1{background-color:#fff}.home-wrapper2{background-color:#f8f8f8}.home-wrapper3{background-color:#fff}.home-wrapper4{background-color:#f8f8f8}.home-wrapper5{background-color:#fff}.home-wrapper-column{background-color:#fff;margin-bottom:20px}.home-wrapper-column img{margin-top:8px;width:140px}.home-container{width:100%;padding:0 12px;max-width:840px;margin:0 auto;overflow:hidden}.event-banner{display:none}@media screen and (max-width: 480px){.event-banner{display:block;width:100%;padding-right:12px;margin:12px 0;text-align:center}}@media screen and (max-width: 480px){.event-banner img{width:100%}}.banner-box{display:grid;grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));gap:14px;margin-bottom:0}.banner-box.recipe-show{margin-bottom:40px}@media screen and (max-width: 480px){.banner-box{gap:12px}}.pr-banner{width:100%}.pr-banner img{width:100%;border-radius:4px;margin:0}.home-wrapper{padding:32px 0 48px;background-color:#f8f6cc}@media screen and (max-width: 480px){h1{font-size:20px}}@media screen and (max-width: 480px){.main-wrapper-r-white{padding-top:0;background-color:#fff}}.recipe-rank-container{box-sizing:border-box;width:100%;max-width:840px;padding:28px;margin:0 auto 16px;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.recipe-rank-container{padding:12px 0}}.recipe-rank-container h1{text-align:center}.recipe-rank-boxes{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.recipe-rank-boxes{display:block;justify-content:initial}}.recipe-rank-box{width:calc(100% / 3);overflow:hidden}@media screen and (max-width: 480px){.recipe-rank-box{width:100%}}.recipe-rank-user{display:flex;align-items:center}@media screen and (max-width: 480px){.recipe-rank-user{padding:0 12px}}@media screen and (max-width: 480px){.recipe-rank-user p{font-size:20px}}.recipe-rank-user img{float:left;width:24px;margin-right:6px;border-radius:50%}@media screen and (max-width: 480px){.recipe-rank-content h3{margin:0 12px;font-size:22px}}@media screen and (max-width: 480px){.recipe-rank-content li span{margin-left:12px;font-size:24px}}.margin-right{margin-right:18px}@media screen and (max-width: 480px){.margin-right{margin-right:0}}.recipe-rank-img img{width:100%}.home-article-container{box-sizing:border-box;width:100%;max-width:840px;padding:28px;margin:0 auto 16px;background-color:white;border-radius:5px}.home-article-container h1{text-align:center}.article-boxes{display:flex;flex-direction:row;flex-wrap:wrap;align-content:space-around;align-items:flex-start;width:100%;margin-top:10px}.article-box{display:inline-block;width:50%;height:120px;margin:10px 0;border-bottom:none;border-radius:4px}@media screen and (max-width: 480px){.article-box{width:100%}}.home__container__heading__wrapper{display:flex;align-items:flex-end;justify-content:space-between}.home-article-image{float:left;width:120px;height:120px;margin-right:10px}@media screen and (max-width: 480px){.home-article-image{object-fit:cover}}.home-article-image img{display:block;width:120px;height:120px;border-radius:3px;object-fit:cover}.about-content{padding:0 60px}@media screen and (max-width: 480px){.about-content{padding:0 28px}}.about-content p{margin-bottom:1.5rem}.about-content p,.about-content li{font-size:1.6rem}@media screen and (max-width: 480px){.about-content p,.about-content li{font-size:1.2rem}}.disc_liststyle li{list-style:disc;margin-left:1em}.decimal_liststyle li{list-style:decimal;margin-left:1em}.article-summary{display:inline}.article-heading{margin-bottom:15px;font-size:15px;font-weight:bold;color:#2f1a01}.article-category a{font-size:10px;color:#4caf50}.article-created_at{font-size:10px}.top-button{width:210px;padding:5px;margin:20px auto;text-align:center;background-color:#f1943d;border-radius:3px}.delete-button{width:210px;padding:5px;margin:20px auto;text-align:center;background-color:red;border-radius:3px}.delete-button a{padding:12px;color:white}.top-button a{padding:12px;color:white}.home-container-left{float:left;width:585px;padding:24px 12px;margin:0 auto;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.home-container-left{width:100%;padding:12px 6px}}.home-container-left h1{text-align:center}@media screen and (max-width: 480px){.home-container-left h1{font-size:24px}}.latest-recipe-boxes{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.latest-recipe-boxes{flex-wrap:wrap}}.latest-recipe-box{width:25%;margin-right:10px}@media screen and (max-width: 480px){.latest-recipe-box{width:50%;margin-right:0;border-right:6px solid white;border-left:6px solid white}}.latest-recipe-img img{width:100%}.latest-recipe-user{display:flex;align-items:center}.latest-recipe-user p{font-size:12px}.latest-recipe-user img{float:left;width:24px;margin-right:6px;border-radius:50%}.latest-recipe-content h3{font-size:14px}.timeline-button{float:right;padding:6px;margin-top:12px;background-color:#4caf50;border-radius:3px}.timeline-button a{padding:12px;color:white}.about-wrapper{padding:30px 0;background-color:#f8f6cc}.about-container{max-width:600px;padding:20px 0;margin:0 auto 20px;background:#fff 0% 0% no-repeat padding-box;border-radius:5px}.about-container h1{margin:12px 0;font-size:2.4rem;text-align:center}@media screen and (max-width: 480px){.about-container h1{font-size:2rem}}.about-container h3{font-size:1.8rem;margin:3rem 0 1rem}@media screen and (max-width: 480px){.about-container h3{font-size:1.6rem}}.about-container h4{font-size:1.6rem;margin:1rem 0 0.5rem}@media screen and (max-width: 480px){.about-container h4{font-size:1.2rem}}.about-logo{margin-bottom:24px;text-align:center}.about-logo img{width:50%}.flash{z-index:10;width:100%;padding:10px 0;font-size:14px;color:white;text-align:center;background-color:#ff9800}.welcome-wrapper{height:70%;padding:10px 0 60px;background:#fff 0% 0% no-repeat padding-box}.welcome-container{max-width:600px;padding:20px 0;margin:0 auto 20px;background:#fff 0% 0% no-repeat padding-box;border-radius:5px}.welcome-heading{margin-bottom:24px;font-size:16px;font-weight:bolder;color:#071007;text-align:center}.welcome-icons{display:flex;width:288px;margin:0 auto}.welcome-icon-circle{position:relative;display:inline-block;width:60px;height:60px;margin-right:16px;text-align:center;border:1px solid #707070;border-radius:50%;opacity:1}.welcome-icon-circle img{position:absolute;top:50%;left:50%;width:24px;height:24px;transform:translate(-50%, -50%)}.welcome-icon-desc{width:60px;margin-top:8px;margin-right:16px;margin-bottom:16px;font-size:10px;text-align:center}.welcome-button{width:288px;height:44px;padding:10px;margin:20px auto 10px;text-align:center;background-color:#f1943d;border-radius:3px}.welcome-button a{padding:12px;font-size:16px;color:white}.header-icon-content{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1024px){.header-icon-content{flex-direction:row;column-gap:4px}}@media screen and (min-width: 481px) and (max-width: 720px){button.orangeh40::after{display:block;width:40px;height:20px;color:#000;content:'投稿';-webkit-transform:translate(-13px, 2px);-moz-transform:translate(-13px, 2px);-ms-transform:translate(-13px, 2px);-o-transform:translate(-13px, 2px);transform:translate(-13px, 2px)}button.orangeh40.sidenav::after{display:none}.orangeh40{width:25px;height:25px;padding:5px;-webkit-transform:translate(0, -48%);-moz-transform:translate(0, -48%);-ms-transform:translate(0, -48%);-o-transform:translate(0, -48%);transform:translate(0, -48%)}}@media screen and (max-width: 480px){.home-container{padding:0 12px}.about-container{max-width:initial;margin:20px}}.recipe-wrapper{margin:16px 0px}.recipe-squares{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow:hidden;-webkit-box-lines:multiple;-moz-box-lines:multiple}.recipe-squares.squares-sp-scroll.new__recipes{scroll-snap-type:x;-webkit-overflow-scrolling:touch}.recipe-squares.squares-sp-scroll.new__recipes .recipe-square4{scroll-snap-align:center}@media screen and (max-width: 480px){.squares-sp-scroll{display:inline-block;width:100%;padding:0;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;font-size:0}}.fit-square{position:relative}.fit-square::before{display:block;content:"";padding-top:100%}.fit-image{width:100%;height:100%;position:absolute;top:0;object-fit:cover}.recipe-square4{position:relative}@media screen and (min-width: 481px){.recipe-square4{width:calc(100% / 4 - 3*12px / 4);margin-right:12px;margin-bottom:12px}.recipe-square4:nth-child(4n){margin-right:0px}}.recipe-square6{position:relative}@media screen and (min-width: 481px){.recipe-square6{width:calc(100% / 6 - 5*12px / 6);margin-right:12px;margin-bottom:12px}.recipe-square6:nth-child(6n){margin-right:0px}}@media screen and (max-width: 480px){.square-sp-132{position:relative;display:inline-block;width:132px;margin:0 8px 0 0}}@media screen and (max-width: 480px){.square-sp-80{position:relative;display:inline-block;width:80px;margin:0 8px 0 0}}.square-radius-12{width:100%;-webkit-border-radius:12px;-moz-border-radius:12px;-ms-border-radius:12px;-o-border-radius:12px;border-radius:12px}.recipe-square h3{font-size:20px;line-height:1.3}.recipe-square-content-username{margin-top:4px}.recipe-square-content-username .flex{align-items:center}.recipe-square-content-username img{width:24px;height:24px;border-radius:50%}.recipe-username{padding-left:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ranked-user-square6{position:relative;text-align:center}@media screen and (min-width: 481px){.ranked-user-square6{width:calc(100% / 6 - 5*12px / 6);margin-right:12px;margin-bottom:12px}.ranked-user-square6:nth-child(6n){margin-right:0px}}.square-radius-50{width:100%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%}.ranked-user-counts{display:flex;align-items:center;justify-content:center}.ranked-user-counts img{width:12px;height:12px;margin-right:2px}@media screen and (max-width: 720px){.ranked-user-counts .ranked-user-counts-text{font-size:12px}}.recipe-categories{overflow:hidden}@media screen and (min-width: 481px) and (max-width: 950px){.recipe-categories{padding-left:18px}}.categories5{position:relative;float:left;width:calc(100% / 5);padding-right:18px;margin-bottom:8px}.categories5 a{color:#4caf50;text-decoration:#4caf50}.recipe-timeline-heading-area{background-color:#2f1a01}.recipe-timeline-heading{font-size:20px;padding:5px 15px;width:100%;max-width:950px;margin:auto;color:white;background-color:#2f1a01}@media screen and (max-width: 950px){.recipe-timeline-heading{padding:5px 0;width:95%;max-width:630px}}@media screen and (max-width: 950px){.sub-containers{width:95%;max-width:630px;margin:auto}}@media screen and (max-width: 480px){.main-sub-container.search{width:100%}}@media screen and (max-width: 480px){.main-sub-container.recipe-category{width:100%}}@media screen and (max-width: 480px){.recipe-wrapper{margin-top:8px;margin-bottom:12px}.recipe-square5{display:inline-block;float:initial;width:120px;padding-right:8px}.categories5{width:calc(100% / 2)}.recipe-title-top{font-size:12px}.recipe-square-content-username img{width:18px;height:18px}.recipe-username{font-size:10px}}.gender-field{margin-top:10px;display:flex}.registration-radio{display:none}.registration-radio+label{display:flex;align-items:center;justify-content:center;width:73px;height:37px;padding:10px;color:#4caf50;background-color:#fff;border:1px solid #4caf50;border-radius:5px}.registration-radio:checked+label{width:73px;height:37px;padding:10px;color:#fff;text-align:center;background-color:#4caf50;border:1px solid;border-radius:5px}.registration-select{margin:8px auto;overflow:hidden;text-align:center}.registration-select select{width:100%;padding-right:1em;text-indent:0.01px;text-overflow:ellipsis;cursor:pointer;background:transparent;background-image:none;border:none;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none}.registration-select select::-ms-expand{display:none}.registration-select.selector{position:relative;background:#fff;border:1px solid #4d4d4d;border-radius:2px}.registration-select.selector::before{position:absolute;top:0.8em;right:0.9em;width:0;height:0;padding:0;pointer-events:none;content:'';border-top:6px solid #4d4d4d;border-right:6px solid transparent;border-left:6px solid transparent}.registration-select.selector select{padding:8px 38px 8px 8px;color:#4d4d4d}#user_birthday_1i{width:100px;height:30px;margin-right:8px;border:0.8px solid #4d4d4d}#user_birthday_2i{width:80px;height:30px;margin-right:8px;border:0.8px solid #4d4d4d}#user_birthday_3i{width:80px;height:30px;margin-right:8px;border:0.8px solid #4d4d4d}@media screen and (max-width: 400px){.gender-field ul li{margin-right:15px}.registration-radio+label{width:67px;padding:3px}}.timeline-boxes{width:95%;max-width:630px;margin:0 auto}@media screen and (max-width: 480px){.timeline-boxes{width:100%}}.timeline-boxes h1{padding-top:12px;text-align:center;background-color:white;border-radius:5px 5px 0 0}.timeline-box{margin-bottom:16px;background-color:white;border-radius:5px;height:fit-content}.timeline-recipe-img img{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.timeline-user{display:flex;align-items:center;padding:12px 12px 6px}.timeline-user img{float:left;width:36px;margin-right:6px;border-radius:50%}.timeline-user p{float:left;padding-bottom:0;margin-right:6px}.timeline-user span{font-size:12px;color:#4d4d4d}.timeline-recipe-content{padding:12px;overflow:hidden}@media screen and (max-width: 480px){.timeline-recipe-content{overflow:hidden}}.timeline-recipe-content p{margin-top:12px}.timeline-recipe-title{display:flex;justify-content:space-between}.timeline-comment-count{margin-left:20px}.timeline-comment{padding:4px 12px 12px}.timeline-comment-link{margin-top:20px}.timeline-comment-link a{color:#4caf50}.pagination{align-items:center;padding:12px 20px;color:#4caf50;border-radius:5px}@media screen and (max-width: 480px){.pagination{padding:12px 8px}}.pagination a{color:#4caf50}@media screen and (max-width: 480px){.pagination ul{justify-content:space-between}}.pagination li a{padding:8px 10px;color:#fff;background-color:#a2a2a2;border-radius:4px}li.prev a{padding:8px 10px;color:#fff;background-color:#a2a2a2;border-radius:4px}li.next a{padding:8px 10px;color:#fff;background-color:#a2a2a2;border-radius:4px}li.active a{padding:8px 10px;color:white;background-color:#4caf50;border-radius:4px}li.disabled{color:#4caf50}.pagination ul{display:flex;justify-content:space-around}.main-wrapper{padding:20px 0 60px;background-color:#f8f6cc}.main-wrapper-r-white{padding:20px 0 60px;background-color:#f8f6cc}.main-sub-container{max-width:950px;margin:0 auto;overflow:hidden}.main-sub-container.recipe-category{display:flex}@media screen and (max-width: 950px){.main-sub-container.recipe-category{flex-direction:column}}.main-sub-container.search{display:flex}@media screen and (max-width: 950px){.main-sub-container.search{flex-direction:column}}@media screen and (max-width: 450px){.main-sub-container{max-width:initial;width:95%}}.main-container{width:95%;max-width:630px;padding:0;margin:0 auto;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.main-container{padding:8px;width:100%}}.search-keyword-heading{margin-top:16px;margin-bottom:16px;margin-left:8px;font-size:16px;line-height:24px}@media screen and (max-width: 480px){.search-keyword-heading{margin-top:0;margin-bottom:8px;font-size:14px;margin-left:0}}.search-keyword{font-weight:bold;color:#4caf50}.search-results-count{font-weight:bold}.recipe-row-box{display:flex;position:relative;padding-bottom:8px;margin-right:8px;margin-bottom:8px;margin-left:8px;overflow:hidden;border-bottom:1px solid #dadada}@media screen and (max-width: 480px){.recipe-row-box{margin-right:0;margin-left:0}}.recipe-row-image img{float:left;width:130px}@media screen and (max-width: 480px){.recipe-row-image img{width:100px;margin-left:initial}}.recipe-row-content{left:138px;width:calc(100% - 170px);display:flex;flex-flow:column;justify-content:space-between;height:130px;margin-left:8px}@media screen and (max-width: 480px){.recipe-row-content{left:108px;width:calc(100% - 138px);height:100px;margin-top:0;margin-bottom:0;font-size:14px}}.recipe-row-ingredients{display:-webkit-box;margin:8px 0;overflow:hidden;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media screen and (max-width: 480px){.recipe-row-ingredients{font-size:12px;-webkit-line-clamp:2}}.recipe-row-content-sub{bottom:12px;display:flex;color:#757575;font-size:12px;line-height:24px}@media screen and (max-width: 480px){.recipe-row-content-sub{display:initial}}.recipe-row-like{display:flex;align-items:center;font-size:14px}@media screen and (max-width: 480px){.recipe-row-like{font-size:12px}}.recipe-row-like i{font-size:16px}.timeline-action{display:flex;margin-top:12px}.timeline-action img{width:20px;height:20px;margin-right:3px}.recipe-user-button{height:24px;display:flex}.recipe-user-img{width:20px;height:20px;margin-top:2px;margin-right:3.75px;border-radius:50%}@media screen and (max-width: 480px){.recipe-user-img{height:16px;width:16px;margin-top:4px}}.recipe-user-name{font-size:12px;color:#757575}@media screen and (max-width: 480px){.recipe-user-name{line-height:24px;white-space:nowrap;text-overflow:ellipsis}}.recipe-row-top{display:flex;width:100%}.recipe-row-title{width:97%}.recipe-row-title-link{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1}.recipe-searchindex-save{float:right;width:24px;margin-left:8px}@media screen and (max-width: 480px){.recipe-searchindex-save{width:22px}}.recipe-save-button-img-saved{width:24px;height:24px}@media screen and (max-width: 480px){.recipe-save-button-img-saved{width:22px;height:22px}}.recipe-save-button-img{width:24px;height:24px}@media screen and (max-width: 480px){.recipe-save-button-img{width:22px;height:22px}}.reaction-modal{position:fixed;top:50px;z-index:100;display:none;width:400px;height:500px;margin:0;overflow:scroll;background:white;border-radius:20px}@media screen and (max-width: 480px){.reaction-modal{width:90%}}.wrapper-of-timeline-boxes-and-sub-containers{display:flex;flex-wrap:wrap}.sub-container{width:300px;padding:10px 15px;background-color:#fff;border-radius:5px}@media screen and (max-width: 950px){.sub-container{display:none}}@media screen and (max-width: 480px){.sub-container{width:70%;float:initial;margin:24px auto;text-align:center}}.sub-container a{color:#4caf50}@media screen and (max-width: 480px){.sub-container.search{width:100%}}.sub-container-banner{width:100%;max-width:300px;margin:16px auto 0 auto;display:grid;grid-template-columns:1fr;gap:14px}@media screen and (max-width: 950px){.sub-container-banner{max-width:unset}}@media screen and (max-width: 480px){.sub-container-banner{gap:12px}}.content-discount-campaign-banner-white{padding-right:14px;padding-left:14px;background-color:white}@media screen and (max-width: 480px){.content-discount-campaign-banner-white{padding-bottom:6px;float:none}}.content-discount-campaign-banner-colour{padding-right:14px;padding-left:14px;background-color:#f8f6cc}@media screen and (max-width: 480px){.content-discount-campaign-banner-colour{float:none}}.pd-top-28{padding-top:28px}.pd-top-20{padding-top:20px}.pd-top-14{padding-top:14px}.pd-bottoom-28{padding-bottom:28px}.discount-campaign-banner{width:100%;max-width:800px;margin:0 auto 0 auto;display:grid;grid-template-columns:1fr;gap:14px}@media screen and (max-width: 950px){.discount-campaign-banner{max-width:unset}}@media screen and (max-width: 480px){.discount-campaign-banner{gap:12px}}.bold{font-weight:bold}.font-normal{font-weight:normal}.color-main{color:#4caf50}.text-green600{color:#4BA554}.text-alert{color:#fe3d02}.none{display:none}.break-words{overflow-wrap:break-word}.inline-block{display:inline-block}.bg-white{background-color:white}.bg-light-orange{background-color:#f8f6cc}.font12{display:flex;align-items:center;justify-content:space-evenly;width:45px}.font14{font-size:14px}.font16{font-size:16px}.font20{font-size:20px}.font24{font-size:24px}@media screen and (max-width: 480px){.under480__fz16{font-size:1.6rem}}.rounded-2{border-radius:2px}.rounded-8{border-radius:8px}.rounded-12{border-radius:12px}.py-0{padding-left:0;padding-right:0}.px-8{padding-left:8px;padding-right:8px}.mt0{margin-top:0px}.mt4{margin-top:4px}.mt8{margin-top:8px}.mt12{margin-top:12px}.mt14{margin-top:14px}.mt16{margin-top:16px}.mt18{margin-top:18px}.mt20{margin-top:20px}.mt24{margin-top:24px}.mt36{margin-top:36px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb20{margin-bottom:20px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mb48{margin-bottom:48px}.mr4{margin-right:4px}.mr8{margin-right:8px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.text-l{text-align:left}.text-c{text-align:center}.text-r{text-align:right}.border-radius5{border-radius:5px}.border-radius50{border-radius:50%}.lh15{line-height:1.5em}.h-full{height:100%}.h-auto{height:auto}.width30{width:30%}.width80{width:80%}.width85{width:85%}.width90{width:90%}.width100{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.widthcalc3{width:calc(100% / 3)}.flex{display:flex}.gap-y-8{column-gap:8px}.floatr{float:right}.gap-x-4{column-gap:4px}.gap-x-28{column-gap:28px}.pc-none{display:none}.textcenter{text-align:center}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.items-end{align-items:end}.align-c{display:flex;align-items:center}.overflow-ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media screen and (max-width: 480px){.r-none{display:none}.pc-none{display:initial}.mt4{margin-top:2px}.mt8{margin-top:4px}.mt12{margin-top:6px}.mt14{margin-top:7px}.mt16{margin-top:8px}.mt18{margin-top:9px}.mt24{margin-top:12px}.mt36{margin-top:18px}.mb8{margin-bottom:8px}.mb14{margin-bottom:14px}.mb16{margin-bottom:16px}.mb24{margin-bottom:24px}.mb26{margin-bottom:26px}.mr12{margin-right:12px}.mr16{margin-right:16px}.mr24{margin-right:24px}.mr32{margin-right:32px}.ml16{margin-left:16px}.ml24{margin-left:24px}.r-ml8{margin-left:8px}.under480-gap-x-8{column-gap:8px}.under480-text-8{font-size:8px}}.item__step-navi{width:240px;margin:32px auto}.item__step-navi .label{display:flex;justify-content:space-between;font-size:16px}.item__step-navi .gauge{display:flex;align-items:center;justify-content:space-between;padding:0 14px}.item__step-navi .gauge span{background-color:#f0f0ec}.item__step-navi .gauge span.fill{background-color:#4caf50}.item__step-navi .gauge span:nth-child(odd){width:24px;height:24px;border-radius:50%}.item__step-navi .gauge span:nth-child(even){width:calc((100% - 24px * 3) / 2);height:6px}.navi__next-step{margin-top:30px;text-align:center}.navi__pre-step{margin-top:24px;text-align:center}.navi__pre-step a{font-size:16px;color:#4caf50}.navi__pre-step input[type='submit']{width:100%;font-weight:bolder;color:#707070;background:#fff;border:1px solid #707070}input#recipe_serving_for{width:170px}.form__categories{display:flex;flex-wrap:wrap}.form__categories>div{width:20%}@media screen and (max-width: 480px){.form__categories>div{width:50%}}.form__serving-for label{font-size:16px}.form__serving-for input[type='text']{width:100px;height:32px;margin-left:10px}.form__ingredients{width:100%;margin-top:20px}.form__ingredients th:nth-child(1){width:calc((100% - 60px) * 0.6)}.form__ingredients th:nth-child(2){width:calc((100% - 60px) * 0.4)}.form__ingredients th:nth-child(3){width:60px}.form__ingredients th{font-size:16px;font-weight:300}.form__ingredients td{padding-right:10px}@media screen and (max-width: 480px){.form__ingredients td{padding-right:5px}}.form__ingredients .remove{display:inline-flex;height:32px;width:32px;border:1px solid #A2A2A2;border-radius:50%;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:center center;text-decoration:none;display:flex;align-items:center;justify-content:center;color:#a2a2a2}@media screen and (max-width: 320px){.form__ingredients .remove{display:inline-flex;height:25px;width:25px;border:1px solid #A2A2A2;border-radius:50%;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:center center;text-decoration:none}}@media screen and (max-width: 480px){form input[type='text']{min-width:130px;height:36px}}@media screen and (max-width: 320px){form input[type='text']{min-width:108px}}.recipe_guidlines.link.green{margin-left:30px;display:inline;white-space:nowrap}.form_ingreditent_title_wrapper{display:flex;width:100%}.ingredient_title{width:calc(100% / 2 - 56px);margin-right:10px}.ingredient_field{width:100%;display:flex;flex-direction:column;margin-bottom:8px}.ingredient_field-formarea{display:flex;width:100%;align-items:center}.ingredient_form{width:43%;margin-right:10px}@media screen and (max-width: 480px){.ingredient_form{margin-right:4px}}.mount_form{width:43%;margin-right:10px}@media screen and (max-width: 480px){.mount_form{margin-right:4px}}.btn_for_removing_input{margin-right:10px;display:flex;align-items:center}@media screen and (max-width: 480px){.btn_for_removing_input{margin-right:6px}}.btn_for_moving_input{display:flex;align-items:center}@media screen and (max-width: 320px){.btn_for_moving_input .sortable_btn{width:25px}}.form__ingredients__add{width:100%;margin-top:8px;background-color:#ff9800;display:inline-flex;padding:0 12px 0 30px;line-height:30px;border:1px solid #ff9800;border-radius:4px;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:6px 50%;color:#ff9800;font-size:16px;text-decoration:none}a.add_fields{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:6px;margin:0;margin-top:12px;font-weight:bold;color:#fff;border-radius:24px}.form__cooking-time label{margin-right:16px;font-size:16px}.form__cooking-time input[type='text']{width:100px;height:32px;margin:0 4px}.form__cooking-time span{font-size:16px}.form__cooking-time select{position:relative;z-index:1;height:30px;padding:0;padding:0 40px 0 10px;margin:0;background:transparent;border:1px solid #ccc;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form__cooking-time select::-ms-expand{display:none}.form__cooking-time .select-cooking-time{position:relative;display:inline-block}.form__cooking-time .select-cooking-time::before{position:absolute;top:0;right:0;z-index:0;width:30px;height:100%;content:'';background:#ff9800}.form__cooking-time .select-cooking-time::after{position:absolute;top:0;right:9px;bottom:0;z-index:0;width:0;height:0;margin:auto 0;content:'';border-color:#fff transparent transparent;border-style:solid;border-width:6px 6px 0}.form__steps{display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:16px}.form__steps .step_field-removed{display:none}.form__steps .step_field{width:100%;margin-right:14px;font-size:16px;counter-increment:steps}@media screen and (max-width: 480px){.form__steps .step_field{width:100%;margin-right:0}}.form__steps .step_field .top{position:relative;display:flex;align-items:flex-end;height:32px;margin-bottom:4px}.form__steps .step_field .top .index::before{font-size:16px;content:counter(steps) ""}.form__steps .step_field .top a{align-items:center;padding:6px;margin-left:8px;line-height:100%;display:inline-flex;padding:0 12px 0 30px;line-height:30px;border:1px solid #A2A2A2;border-radius:4px;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:6px 50%;color:#A2A2A2;font-size:16px;text-decoration:none}.form__steps .step_field textarea{width:100%;min-height:80px}.step-text-field{display:flex;margin-bottom:10px}.step_textarea{position:relative;width:100%}.step-image-dummy{width:80px;height:80px;position:absolute}.delete-icon{position:absolute;top:10px;right:10px;display:inline-flex;height:25px;width:25px;border:1px solid #A2A2A2;border-radius:50%;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:center center;text-decoration:none;display:flex;align-items:center;justify-content:center;color:#a2a2a2}.delete-step-image{position:absolute;top:10px;right:5px;display:flex;align-items:center;justify-content:center;color:#a2a2a2;background-color:#fff;display:inline-flex;height:20px;width:20px;border:1px solid #A2A2A2;border-radius:50%;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:center center;text-decoration:none}.form__steps__add{width:100%;margin-top:8px;background-color:#ff9800;display:inline-flex;padding:0 12px 0 30px;line-height:30px;border:1px solid #ff9800;border-radius:4px;background-image:nil;background-repeat:no-repeat;background-size:16px;background-position:6px 50%;color:#ff9800;font-size:16px;text-decoration:none}.form__recipe-memo{min-height:140px}.recipe-new-heading{margin-top:40px;margin-bottom:10px;font-size:20px;font-weight:bold}.page__recipe-new,.page__recipe-edit{display:flex;justify-content:center;max-width:860px;padding:0 32px 40px;margin:0 auto}.page__recipe-new .centerized,.page__recipe-edit .centerized{width:800px}.animal_ingredients_alert{display:block;position:relative;height:auto;margin:4px 0 10px 0}.animal_ingredients_alert.none{display:none}.animal_ingredients_alert::after{content:'動物性の食材の可能性があります';position:absolute;top:0;left:30px;width:max-content}.alert_circle{background-color:#ff5454;height:20px;width:20px;border-radius:50%;display:flex;justify-content:center;color:#fff;align-items:center}.alert_circle.green{background-color:#4caf50}.step-text-field__count{position:absolute;right:100px;display:flex;justify-content:flex-end;font-size:12px;color:#a2a2a2}@media screen and (max-width: 480px){.step-text-field__count{margin-left:200px}}.recipe-memo-field__count{display:flex;justify-content:flex-end}.event-field{margin-top:30px}.event-field .event-checkbox{width:100%}.event-field a{color:#4caf50}.recipe-memo-title{margin-top:40px}.recipe-memo-about{color:#4d4d4d;font-size:16px;margin-bottom:10px}@media screen and (max-width: 480px){.recipe-memo-about{font-size:12px}}.block__confirm-recipe{margin-top:20px}@media screen and (max-width: 480px){.block__confirm-recipe{margin-right:12px;margin-left:12px}}.block__confirm-recipe h1{text-align:left}.block__confirm-recipe .top{display:flex;justify-content:space-between;margin-top:44px}@media screen and (max-width: 480px){.block__confirm-recipe .top{margin-top:0;display:block;justify-content:initial}}@media screen and (max-width: 480px){.block__confirm-recipe .top pre{white-space:normal}}.block__confirm-recipe .top>div{width:calc((100% - 32px) / 2)}@media screen and (max-width: 480px){.block__confirm-recipe .top>div{width:100%}}.block__confirm-recipe .top .title-image img{width:100%;height:auto}.block__confirm-recipe .top .author{display:flex;align-items:center;justify-content:flex-end}.block__confirm-recipe .top .author img{width:32px;height:32px;margin-right:4px;border-radius:50%}.block__confirm-recipe .top .ingredients{margin-top:4px}.block__confirm-recipe .top .ingredients li:last-child{border-bottom:1px solid #dedede}.block__confirm-recipe .top .ingredients li{display:flex;justify-content:space-between;padding:4px 0;border-top:1px solid #dedede}.block__confirm-recipe .steps{display:flex;flex-wrap:wrap;justify-content:flex-start}@media screen and (max-width: 480px){.block__confirm-recipe .steps pre{white-space:normal}}.block__confirm-recipe .steps .step_field{width:calc((100% - 3 * 20px) / 4);margin-right:14px;font-size:16px;counter-increment:steps}@media screen and (max-width: 480px){.block__confirm-recipe .steps .step_field{margin-right:0;width:100%}}.block__confirm-recipe .steps .step_field .index::before{height:32px;margin-bottom:4px;font-size:20px;font-weight:600;content:counter(steps) ""}.step-text-confirm{width:100%;margin-bottom:8px;word-break:break-word}@media screen and (max-width: 480px){.step-text-confirm{margin-right:8px}}.step-image-confirm{margin-top:4px}@media screen and (max-width: 480px){.step-image-confirm{margin-left:auto}}.step-image-confirm img{width:100%;max-width:180px;height:auto;object-fit:cover}@media screen and (max-width: 480px){.step-image-confirm img{width:80px;height:80px}}.recipe-image-edit{margin-right:20px}.recipe-image-edit img{width:180px;height:180px}@media screen and (max-width: 480px){.recipe-image-edit img{width:120px;height:120px}}@media screen and (max-width: 480px){.page__recipe-new{padding:0 20px 40px}}@media screen and (max-width: 480px){.page__recipe-new .step-1{width:100%}}.page__recipe-new .step-1 .recipe-image-right{position:relative;min-height:180px}@media screen and (max-width: 480px){.page__recipe-new .step-1 .recipe-image-right{min-height:120px}}.page__recipe-new .step-1 .recipe-image{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;margin-right:20px;cursor:pointer;background-color:#f7f7f7;border-radius:2px}@media screen and (max-width: 480px){.page__recipe-new .step-1 .recipe-image{width:120px;height:120px}}.page__recipe-new .step-1 .recipe-image img{width:60px;height:auto}@media screen and (max-width: 480px){.page__recipe-new .step-1 .recipe-image img{width:40px}}.page__recipe-new .step-1 .recipe-image p{margin-top:4px;font-size:12px;color:#4d4d4d}@media screen and (max-width: 480px){.page__recipe-new .step-1 .recipe-image p{font-size:11px;color:#4d4d4d}}.page__recipe-new .step-1 .recipe-image.selected{height:auto}.page__recipe-new .step-1 .recipe-image.selected canvas{width:100%}.page__recipe-new .step-1 .recipe-image.selected img{display:none}.page__recipe-new .step-1 .recipe-image.selected p{display:none}.page__recipe-new .step-1 .technic-recipe-image{color:#4d4d4d}@media screen and (max-width: 480px){.page__recipe-new .step-1 .technic-recipe-image p{font-size:12px}}@media screen and (max-width: 320px){.page__recipe-new .step-1 .technic-recipe-image p{font-size:10px}}.page__recipe-new .step-1 .recipe-image-select{position:absolute;bottom:0}.page__recipe-new .step-2{margin:0 auto}.page__recipe-new .step-3{margin:0 auto}@media screen and (max-width: 480px){.page__recipe-new .step-3{margin:0 -20px}}.page__recipe-edit .recipe-image-block{display:flex;align-items:flex-end}@media screen and (max-width: 480px){.page__recipe-edit .recipe-image-block{flex-wrap:wrap;justify-content:center}}.page__recipe-edit .recipe-image-block img{width:auto;height:240px;margin-right:14px;cursor:pointer;border:1px solid #707070;border-radius:2px}@media screen and (max-width: 480px){.page__recipe-edit .recipe-image-block img{width:100% !important;margin:0 !important;height:initial !important}}@media screen and (max-width: 480px){.step-flex{display:flex;width:100%}}.recipe-share-modal{display:none}.step-image{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;cursor:pointer;background-color:#f7f7f7;border:1px solid #707070;border-radius:2px}.step-image img{width:100px;height:auto}.step-image p{margin-top:4px;font-size:20px;color:#4d4d4d}.step-image.selected{height:auto}.step-image.selected canvas{width:100%}.step-image.selected img{display:none}.step-image.selected p{display:none}.hidden{display:none !important}.step-image-select{margin-left:10px;text-align:center}.step-image-select img{width:80px;height:80px}.filelabel{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80px;height:80px;cursor:pointer;background-color:#efefef}.filelabel img{width:32px;height:26px;vertical-align:bottom}.filelabel:hover{cursor:pointer;opacity:0.8}.form-step-image{margin-top:5px;font-size:10px}.file{display:none}.not-done-alert{margin:20px auto;font-size:20px}@media screen and (max-width: 480px){.not-done-alert{font-size:12px}}.event-form-label{padding-left:20px;position:relative}.event-form-checkbox{display:none}.event-form-dummy{display:block;position:absolute;top:1px;left:0;width:16px;height:16px;border:1px solid #999;border-radius:4px}.event-form-checkbox:checked+.event-form-dummy{background-color:#4BA554}.event-form-checkbox:checked+.event-form-dummy::after{content:'';display:block;position:absolute;top:2px;left:2px;width:11px;height:7px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-50deg)}.search-window-box{width:100%}.search-window{display:flex}.search-icon{width:420px;height:40px;font-size:14px;background-color:#fff;border:1px solid #4d4d4d;border-radius:3px}.search-icon-btn{width:362px;height:36px;padding-left:4px;font-size:12px;line-height:36px;color:#757575;background-color:#fff;border:1px solid #4d4d4d;border-radius:3px}.search-icon-details{width:150px;background-color:#fff;height:40px;font-size:14px;line-height:40px;color:#757575;background-image:url(/header-images/polygon.png);background-repeat:no-repeat;background-position:right 10px center;background-size:12px 10px;border:1px solid #4d4d4d;border-radius:3px}.details-active{color:#1b1b1b}.search-submit{display:flex;width:110px;height:40px;font-size:14px;line-height:40px;color:#fff;background-color:#4caf50;border-radius:3px}.search-submit img{margin-top:8px;margin-left:5px}.q_recipe_categories_name_eq,.q_cooking_time_lteq{width:100%;height:39px;padding-left:4px}@media screen and (max-width: 950px){.search-window{flex-wrap:wrap;padding-left:14px;padding-right:14px;justify-content:flex-end}.search-icon{margin-right:0}}@media screen and (min-width: 481px){#search-display-modal{display:none !important}}@media screen and (max-width: 480px){#search-display-modal{position:fixed;top:0;z-index:2;display:none;width:100vw;height:100vh;background-color:#fff}}@media screen and (max-width: 480px){.search-window-box{max-width:100vw}.search-window{width:93%;margin:8px auto;padding:0}.search-icon-btn{width:100%}.search-modal{height:100%;width:100%;font-size:14px}.search-modal-header-upper{display:flex;height:54px;justify-content:space-between}.search-modal-close{margin-right:5px;line-height:54px;color:#4caf50}.search-modal-content{width:100%;padding:12px}.search-modal-window{width:100%;line-height:36px}.search-modal-icon{display:flex;width:calc(100% - 78px);height:36px;line-height:36px;background-color:#fff;border:1px solid #4d4d4d;border-radius:2px}.search-modal-icon-details{width:100%;height:36px;line-height:36px;color:#757575;background-image:url(/header-images/polygon.png);background-repeat:no-repeat;background-position:right 10px center;background-size:12px 10px;border:1px solid #4d4d4d;border-radius:2px}.search-modal-word{display:flex;justify-content:space-between}.search-modal-keyword{width:100%;height:160px}.search-modal-details{padding-top:16px}.search-modal p.search-modal-text{height:36px;font-size:12px;line-height:36px;color:#1b1b1b}.search-modal-submit{display:flex;width:200px;height:36px;font-size:14px;line-height:36px;color:#fff;background-color:#4caf50;border-radius:2px}.search-modal-submit img{margin-top:5px;margin-right:8px;margin-left:50px}.search-modal-submit-wrapper{padding-top:24px;padding-left:20%}.search-modal-submit-top{display:flex;width:78px;height:36px;font-size:14px;line-height:36px;color:#fff;background-color:#4caf50;border-radius:2px}.search-modal-submit-top img{margin-top:6px;margin-right:8px;margin-left:8px}.q_recipe_categories_name_eq,.q_cooking_time_lteq{height:35px}.keywords{width:350px;height:126px}.keyword{display:inline-block;padding:8px;margin-bottom:12px;font-size:12px;line-height:14px;background-color:#eee;border-radius:15px}.keyword-active{color:#fff;background-color:#4caf50}}.recipe-show-wrapper{padding-top:20px;background-color:#f8f6cc}@media screen and (max-width: 480px){.recipe-show-wrapper{padding:10px 0}}.recipe-show-container{box-sizing:border-box;width:100%;max-width:950px;padding:30px 60px 100px;margin:18px auto 20px;background-color:white;border-radius:5px}@media screen and (max-width: 720px){.recipe-show-container{padding-left:24px;padding-right:24px}}@media screen and (max-width: 480px){.recipe-show-container{max-width:initial;width:95%;padding:0 0 30px}}.recipe-show-top{display:flex;align-items:center;width:100%;margin-bottom:24px;overflow:hidden}@media screen and (max-width: 480px){.recipe-show-top{margin-bottom:0;padding:12px 8px}}@media screen and (max-width: 480px){.recipe-show-top h1{font-size:18px}}.recipe-show-top-right{display:flex;justify-content:space-between;margin-left:auto}.recipe-show-save img{width:24px;height:24px}.recipe-show-save span{font-size:14px}@media screen and (max-width: 480px){.recipe-show-save span{display:none}}.recipe-save-button{display:flex;align-items:center;height:24px;padding:0}#menu-show{padding-left:15px}.recipe-show-top p{margin-right:20px}.recipe-show-image{float:left;width:50%}@media screen and (max-width: 480px){.recipe-show-image{width:100%}}.recipe-show-image-left{display:flex;align-items:center;float:left;margin-right:12px}@media screen and (max-width: 480px){.recipe-show-image-left{margin-left:8px}}.recipe-show-image-left i{height:25px;margin-right:8px;font-size:24px}.recipe-show-image-right{float:right;margin-left:12px}.recipe-show-content{float:right;width:50%;padding-left:20px}@media screen and (max-width: 480px){.recipe-show-content{width:100%;padding:8px;margin-top:12px}}.recipe-show-memo{font-size:14px}@media screen and (max-width: 480px){.recipe-show-memo{font-size:16px}}.recipe-user{margin:10px 0}.recipe-show-serving-for{font-size:16px}.recipe-show-ingredients table{width:100%;height:initial;border-collapse:collapse}.recipe-show-ingredients tr{font-size:14px;border-bottom:1px solid #dadada}@media screen and (max-width: 480px){.recipe-show-ingredients tr{font-size:16px}}.recipe-show-ingredients td{padding:1px 5px}@media screen and (max-width: 480px){.recipe-show-ingredients td{padding:6px 8px}}.recipe-show-steps h3{display:block;margin-top:32px;border-bottom:2px solid #dadada}@media screen and (max-width: 480px){.recipe-show-steps h3{padding:0 8px;border-bottom:none}}.recipe-show-step-boxes{display:flex;flex-wrap:wrap;margin-top:12px;margin-bottom:30px;overflow:hidden}.recipe-show-step-box{float:left;width:25%;min-height:147px;padding-right:20px;margin-top:20px;font-size:14px}@media screen and (max-width: 480px){.recipe-show-step-box{width:96%;float:initial;margin:0 auto;border-top:0.5px solid #a2a2a2;padding:6px 0}}.recipe-show-step-box img{width:100%;max-width:140px;height:auto;margin-top:10px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:cover}@media screen and (max-width: 480px){.recipe-show-step-box img{margin-top:initial;height:140px;width:140px}}@media screen and (max-width: 480px){.recipe-show-step-box p{font-size:16px}}.recipe-show-content img{float:left;width:24px;margin-top:8px;margin-right:6px;border-radius:50%}.recipe-show-content img.cart{float:none;width:22px;padding:3px;margin:0;background:#efefef;box-shadow:1px 1px 1px 1px #00000029;transform:translateY(3.5px)}.reaction a:hover span{color:#4caf50;border-bottom:solid 1px #4caf50}.recipe-show-image-sub{margin-top:12px;margin-bottom:20px}@media screen and (max-width: 480px){.recipe-show-image-sub{overflow:hidden;font-size:18px;display:flex}}.recipe-show-username{font-size:12px}.modal-top{width:100%;padding:10px 0;font-style:normal;font-weight:700;color:#333333;text-align:center;border-bottom:solid 1px #dbdbdb}.modal-like-user{display:flex;width:100%}.modal-like-user:hover{background-color:#dbdbdb}.modal-like-user img{width:40px;height:40px;margin:8px 16px;border-radius:20px}.modal-like-user p{margin:8px 0;font-size:16px;line-height:40px}.reaction-modal-overlay{position:fixed;top:0;left:0;z-index:99;display:none;width:100%;height:120%;background-color:rgba(0,0,20,0.75)}.recipe-share{width:100%}@media screen and (max-width: 480px){.recipe-share{margin-bottom:10px}}.recipe-share li{float:left;margin:0 10px 0 0}@media screen and (max-width: 480px){.recipe-share li{float:left;margin:0 10px 10px}}.recipe-comments-container{margin-top:24px}@media screen and (max-width: 480px){.recipe-comments-container{padding:0 10px}}@media screen and (max-width: 480px){.step-content{display:flex}}.comment-show-area{width:100%}.comment-box{display:flex;margin-top:16px}.comment-box__user-image{margin-right:5px}.comment-box__user-image img{width:30px;min-width:40px;height:30px;min-height:40px;margin:0 8px 0 0;border-radius:50%;object-fit:cover}.comment-box__wrapper{width:100%}.comment-box-tsukuletter-label{padding:6px 12px;border-radius:19px;background-color:#FF9800;font-weight:bold;font-size:12px;color:#FFFFFF;display:inline-flex;align-items:center;margin-bottom:8px}.comment-box-tsukuletter-label img{width:16px;margin-right:8px}.comment-box-content{display:flex}.comment-box-text{display:flex;flex-direction:column;justify-content:space-between;width:400px;padding:16px;background-color:#eeeeee;border-radius:16px}@media screen and (max-width: 720px){.comment-box-text{width:100%;flex:1}}.comment-box-text__user-name{line-height:16px;word-break:break-all;font-size:16px}.comment-box-text__content{margin-top:16px;font-size:16px;font-style:normal;font-weight:400;line-height:1.5;word-break:break-all}.comment-box-image{width:120px;height:120px;margin-left:16px}@media screen and (max-width: 720px){.comment-box-image{width:80px;height:80px}}@media screen and (max-width: 480px){.comment-box-image{width:60px;height:60px}}.comment-box-image img{width:100%}.timeline-comment .comment-box-image{width:80px;height:80px}@media screen and (max-width: 480px){.timeline-comment .comment-box-image{width:60px;height:60px}}.comment-box-info{display:flex;align-items:center;margin-top:16px;font-size:16px}.comment-box-info *{margin-right:8px}.comment-box-info__reply-form-opener{cursor:pointer}.comment-box-info__reply-form-opener:hover{color:#4caf50;border-bottom:1px solid #4caf50}.comment-box-info__reply-form-opener-disabled{pointer-events:none}.disable-comment{margin-top:20px;text-align:center}.disable-comment a{color:#4caf50}.reply-box{margin-left:57px}.reply{display:none}.reply-form{margin-left:57px}.comment-form{display:inline-flex;width:100%;margin-top:24px;margin-bottom:10px}.comment-form-user-img{width:30px;min-width:40px;height:30px;min-height:40px;margin:0 8px 0 0;border-radius:50%;object-fit:cover;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}#comment-form-ajax{width:100%}.comment-textarea{width:100%;background-color:#eeeeee;border-color:#dbdbdb;border-style:solid;border-width:1px;border-radius:16px}.comment-textarea textarea{border:none}.comment-textarea textarea:focus{border:none;outline:none}.textareaHeight{width:100%;height:200px;padding:12px 16px;line-height:20px;background-color:#eeeeee;border-color:#dbdbdb;border-style:solid;border-width:1px;border-radius:16px}.comment-form-img{width:50px;height:50px;margin-top:35px;margin-bottom:10px;margin-left:20px}.comment-submit{display:flex;margin-top:10px}.comment-submit input[type='submit']{width:120px;height:30px;margin:0;font-size:14px;color:#fcfeff;background-color:#4caf50;border-radius:15px}.comment-text-field__count{margin:0 0 0 auto;color:#4d4d4d}.comment-form-downside{display:flex}.comment-filelabel{display:inline-block}.comment-filelabel img{width:30px;height:30px;vertical-align:bottom}.comment-filelabel:hover{cursor:pointer;opacity:0.5}.file{display:none}.comment-img_view img{width:50px;height:50px}#comment-submit-btn.disabled{background-color:#C4C4C4}#reply-submit-btn.disabled{background-color:#C4C4C4}.tsukuletter-modal{display:none;width:400px;max-height:550px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#FFFFFF;border-radius:24px;padding:32px;z-index:2;overflow:scroll}@media screen and (max-width: 480px){.tsukuletter-modal{width:350px}}.tsukuletter-modal h2{font-size:24px}@media screen and (max-width: 480px){.tsukuletter-modal h2{font-size:20px}}.tsukuletter-modal textarea{margin-top:24px;padding:14px 10px;background-color:#EEEEEE;border:none;border-radius:12px;min-height:160px}.tsukuletter-modal .tsukuletter-textarea-count{text-align:right;color:#4D4D4D}.tsukuletter-modal input[type=submit]{display:block;margin:0 auto;margin-top:24px;min-width:112px;height:38px;border-radius:20px}.tsukuletter-modal-bg{display:none;position:fixed;top:0;left:0;z-index:1;width:100vw;height:120vh;background:rgba(0,0,0,0.5)}.tsukuletter-image{margin-top:24px;display:flex}.tsukuletter-image__text{margin-left:14px}.tsukuletter-image__text span{display:block;font-size:12px;margin-top:8}.tsukuletter-image__input{display:none}.tsukuletter-image__label{display:block;cursor:pointer}.tsukuletter-image__preview{width:100px;height:100px;object-fit:contain}.tsukuletter-modal-thanks{display:none;width:400px;max-height:550px;position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);background:#FFFFFF;border-radius:24px;padding:32px;z-index:2;overflow:scroll}@media screen and (max-width: 480px){.tsukuletter-modal-thanks{width:350px}}.tsukuletter-modal-thanks h2{font-size:24px}@media screen and (max-width: 480px){.tsukuletter-modal-thanks h2{font-size:20px}}.tsukuletter-modal-thanks__image{width:200px;margin-left:auto;margin-right:auto;display:block}@media screen and (max-width: 480px){.tsukuletter-modal-thanks__image{width:190px}}.tsukuletter-modal-thanks__share-button ul{justify-content:center;transform:scale(0.667)}@media screen and (max-width: 480px){.tsukuletter-modal-thanks__share-button ul{transform:scale(0.889)}}.tsukuletter-modal-thanks__share-button ul li a{display:block}.tsukuletter-modal-close{display:block;margin:0 auto;margin-top:16px;border-radius:20px;color:#4caf50;height:auto}.tsukuletter-modal-close-rounded{display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;width:fit-content;height:38px;border-radius:20px;color:#4caf50;background-color:white;border:1px solid #4caf50}#tsukuletter-modal-open{padding:4px 8px;height:auto;color:#FF9800;border:1px solid #FF9800;border-radius:6px;font-size:14px;font-weight:bold;margin-left:16px;display:flex;align-items:center}#tsukuletter-modal-open img{margin-right:8px;width:16px}#tsukuletter-submit-btn.disabled{background-color:#C4C4C4}.genre-container{max-width:950px;padding:28px;margin:24px auto 20px;background-color:#fcfeff;border-radius:5px}@media screen and (max-width: 480px){.genre-container{padding:14px 0}}.genre-title{padding-left:20px;margin:0 0 20px;font-size:24px;font-weight:600}.genre-list{width:100%;padding-left:20px;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.genre-item{display:inline-block;width:120px;margin-right:8px}.genre-item-image{position:relative;width:120px;height:120px;transition-duration:0.3s}.genre-item-image img{width:120px;height:120px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px;object-fit:cover}.genre-item-image:hover{transform:translate3d(0, 3px, 0)}.genre-item-name{display:inline-block;float:left;width:120px;height:fit-content;margin:10px 0 0;font-size:12px;font-weight:500;white-space:normal}li.clipbutton-area{position:relative}p.flash-message-on-clicking-clipbutton{display:block;position:absolute;top:-30px;left:50%;transform:translate(-50%, -50%);width:max-content;background-color:#fff;padding:10px 12px;border:3px solid #4caf50;color:#4caf50;font-weight:bold;font-size:14px;animation:fadein-keyframes 3s ease 5s 1 forwards;-webkit-animation:fadein-keyframes 0.2s ease 5s 1 forwards}@media screen and (max-width: 480px){p.flash-message-on-clicking-clipbutton.active{left:-230%;width:220px;text-align:center;background-color:#fff;padding:10px 20px}}@keyframes fadein-keyframes{0%{opacity:1}100%{opacity:0}}.relation-wrapper{background-color:#f8f6cc;padding:50px 0;min-height:100vh}.relation-container{max-width:950px;width:100%;margin:0 auto;overflow:hidden;display:flex}@media screen and (max-width: 480px){.relation-container{padding:10px}}.relation-box{width:585px;float:left;background-color:#fff;border-radius:5px;box-sizing:border-box;margin:0 auto 100px;padding:30px 50px 50px}@media screen and (max-width: 480px){.relation-box{width:100%;padding:10px}}.reaction-page-user-name{font-size:16px;font-weight:bolder;padding:10px}.container-tabs{height:30px;width:100%;text-align:center;margin:0 auto;display:flex;justify-content:space-around}@media screen and (max-width: 480px){.container-tabs{min-width:100%;margin:10px 0}}.container-tabs a{text-decoration:none}.tab{border-bottom-color:#edf0f2;border-bottom-width:1.5px;border-bottom-style:solid}.tab.active{border-bottom-color:#4caf50;border-bottom-width:1.5px;border-bottom-style:solid}.tab a.active{border-bottom-color:#4caf50;border-bottom-width:1.5px;border-bottom-style:solid}.tab.liked,.tab.post{width:50%}.tab.follow{width:45%}.tab.follower{width:45%}.tab:hover{background-color:#edf0f2}.profile-tab{display:inline-block;float:left;width:100%;height:30px;padding:3px 15px;font-size:14px;color:#899399;font-weight:800;line-height:22px}.follower-box{display:none}.relation-top{margin-top:10px;overflow:hidden;justify-content:space-between;align-items:center;margin-bottom:24px}.follow-box{height:max-content}.follow-user{width:100%;display:flex}.follow-user-left{font-size:17px}.follow-user-image img{margin:8px 16px;height:70px;width:70px;border-radius:60px}@media screen and (max-width: 480px){.follow-user-image img{width:50px;height:50px}}.follow-user-center{margin-top:10px}.follow-user-profile{margin:0 20px}.follow-user-name{font-weight:bolder}.follower-user{width:100%;display:flex}.follower-user-image img{margin:8px 16px;height:70px;width:70px;border-radius:60px}@media screen and (max-width: 480px){.follower-user-image img{width:50px;height:50px}}.follower-user-center{margin-top:10px}.follower-user-profile{margin-top:2px}.follower-user-name{font-weight:bolder}.relation-follow-button{margin:0 0 0 auto}.no-relation{display:flex;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}.no-relation img{width:60%;height:auto}.no-relation ul{display:inline-block;padding:0;margin:20px 0}.no-relation .subtitle{display:inline-block;width:100%}.no-relation .contents{float:left}.no-relation .slash{float:left;display:inline-block;font-size:20px}/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */html{box-sizing:border-box;overflow-y:scroll;-webkit-text-size-adjust:100%}*,::after,::before{box-sizing:inherit;background-repeat:no-repeat}::after,::before{text-decoration:inherit;vertical-align:inherit}*{padding:0;margin:0}audio:not([controls]){display:none;height:0}hr{overflow:visible}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}summary{display:list-item}small{font-size:80%}[hidden],template{display:none}abbr[title]{text-decoration:none;border-bottom:1px dotted}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}code,kbd,pre,samp{font-family:monospace}b,strong{font-weight:bolder}dfn{font-style:italic}mark{color:#000;background-color:#ff0}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}input{border-radius:0}[role=button],[type=button],[type=reset],[type=submit],button{cursor:pointer}[disabled]{cursor:default}[type=number]{width:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;resize:vertical}button,input,optgroup,select,textarea{font:inherit}optgroup{font-weight:700}button{overflow:visible}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:0}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button:-moz-focusring{outline:1px dotted ButtonText}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}button,select{text-transform:none}button,input,select,textarea{color:inherit;background-color:transparent;border-style:none}select{-moz-appearance:none;-webkit-appearance:none}select::-ms-expand{display:none}select::-ms-value{color:currentColor}legend{display:table;max-width:100%;color:inherit;white-space:normal;border:0}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}img{border-style:none}progress{vertical-align:baseline}svg:not(:root){overflow:hidden}audio,canvas,progress,video{display:inline-block}@media screen{[hidden~=screen]:not(:active):not(:focus):not(:target){display:inherit;position:absolute !important;clip:rect(0 0 0 0) !important}}[aria-busy=true]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled]{cursor:default}::-moz-selection{color:#000;text-shadow:none;background-color:#b3d4fc}::selection{color:#000;text-shadow:none;background-color:#b3d4fc}trix-editor{min-height:5em;padding:0.4em 0.6em;margin:0;border:1px solid #bbb;border-radius:3px;outline:none}trix-toolbar *{box-sizing:border-box}trix-toolbar .trix-button-row{display:flex;flex-wrap:nowrap;justify-content:space-between}trix-toolbar .trix-button-group{display:flex;margin-bottom:10px;border:1px solid #bbb;border-top-color:#ccc;border-bottom-color:#888;border-radius:3px}trix-toolbar .trix-button-group:not(:first-child){margin-left:1.5vw}@media (max-device-width: 768px){trix-toolbar .trix-button-group:not(:first-child){margin-left:0}}trix-toolbar .trix-button-group-spacer{flex-grow:1}@media (max-device-width: 768px){trix-toolbar .trix-button-group-spacer{display:none}}trix-toolbar .trix-button{position:relative;float:left;padding:0 0.5em;margin:0;font-size:0.75em;font-weight:600;color:rgba(0,0,0,0.6);white-space:nowrap;background:transparent;border:none;border-bottom:1px solid #ddd;border-radius:0;outline:none}trix-toolbar .trix-button:not(:first-child){border-left:1px solid #ccc}trix-toolbar .trix-button.trix-active{color:black;background:#cbeefa}trix-toolbar .trix-button:not(:disabled){cursor:pointer}trix-toolbar .trix-button:disabled{color:rgba(0,0,0,0.125)}@media (max-device-width: 768px){trix-toolbar .trix-button{padding:0 0.3em;letter-spacing:-0.01em}}trix-toolbar .trix-button--icon{width:2.6em;max-width:calc(0.8em + 4vw);height:1.6em;font-size:inherit;text-indent:-9999px}@media (max-device-width: 768px){trix-toolbar .trix-button--icon{max-width:calc(0.8em + 3.5vw);height:2em}}trix-toolbar .trix-button--icon::before{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;content:'';background-repeat:no-repeat;background-position:center;background-size:contain;opacity:0.6}@media (max-device-width: 768px){trix-toolbar .trix-button--icon::before{right:6%;left:6%}}trix-toolbar .trix-button--icon.trix-active::before{opacity:1}trix-toolbar .trix-button--icon:disabled::before{opacity:0.125}trix-toolbar .trix-button--icon-attach::before{top:8%;bottom:4%;background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bold::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-italic::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-link::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-strike::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-quote::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-heading-1::before{background-image:url(/heading2.png)}trix-toolbar .trix-button--icon-heading-3::before{background-image:url(/heading3.png)}trix-toolbar .trix-button--icon-code::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-bullet-list::before{background-image:url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-number-list::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-undo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-redo::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-decrease-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-button--icon-increase-nesting-level::before{background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E)}trix-toolbar .trix-dialogs{position:relative}trix-toolbar .trix-dialog{position:absolute;top:0;right:0;left:0;z-index:5;padding:15px 10px;font-size:0.75em;background:#fff;border-top:2px solid #888;border-radius:5px;box-shadow:0 0.3em 1em #ccc}trix-toolbar .trix-input--dialog{padding:0.5em 0.8em;margin:0 10px 0 0;font-size:inherit;font-weight:normal;background-color:#fff;border:1px solid #bbb;border-radius:3px;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none}trix-toolbar .trix-input--dialog.validate:invalid{box-shadow:#f00 0 0 1.5px 1px}trix-toolbar .trix-button--dialog{padding:0.5em;font-size:inherit;border-bottom:none}trix-toolbar .trix-dialog--link{max-width:600px}trix-toolbar .trix-dialog__link-fields{display:flex;align-items:baseline}trix-toolbar .trix-dialog__link-fields .trix-input{flex:1}trix-toolbar .trix-dialog__link-fields .trix-button-group{flex:0 0 content;margin:0}trix-editor [data-trix-mutable]:not(.attachment__caption-editor){-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}trix-editor [data-trix-mutable]::-moz-selection,trix-editor [data-trix-cursor-target]::-moz-selection,trix-editor [data-trix-mutable] ::-moz-selection{background:none}trix-editor [data-trix-mutable]::selection,trix-editor [data-trix-cursor-target]::selection,trix-editor [data-trix-mutable] ::selection{background:none}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::-moz-selection{background:highlight}trix-editor .attachment__caption-editor[data-trix-mutable]:focus::selection{background:highlight}trix-editor .attachment.attachment--file[data-trix-mutable]{border-color:transparent;box-shadow:0 0 0 2px highlight}trix-editor .attachment[data-trix-mutable] img{box-shadow:0 0 0 2px highlight}trix-editor .attachment{position:relative}trix-editor .attachment:hover{cursor:default}trix-editor .attachment--preview .attachment__caption:hover{cursor:text}trix-editor .attachment__progress{position:absolute;top:calc(50% - 10px);left:5%;z-index:1;width:90%;height:20px;opacity:0.9;transition:opacity 200ms ease-in}trix-editor .attachment__progress[value='100']{opacity:0}trix-editor .attachment__caption-editor{display:inline-block;width:100%;padding:0;margin:0;font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;text-align:center;vertical-align:top;border:none;outline:none;-webkit-appearance:none;-moz-appearance:none}trix-editor .attachment__toolbar{position:absolute;top:-0.9em;left:0;z-index:1;width:100%;text-align:center}trix-editor .trix-button-group{display:inline-flex}trix-editor .trix-button{position:relative;float:left;padding:0 0.8em;margin:0;font-size:80%;color:#666;white-space:nowrap;background:transparent;border:none;border-radius:0;outline:none}trix-editor .trix-button:not(:first-child){border-left:1px solid #ccc}trix-editor .trix-button.trix-active{background:#cbeefa}trix-editor .trix-button:not(:disabled){cursor:pointer}trix-editor .trix-button--remove{display:inline-block;width:1.8em;height:1.8em;padding:0;line-height:1.8em;text-indent:-9999px;background-color:#fff;border:2px solid highlight;border-radius:50%;outline:none;box-shadow:1px 1px 6px rgba(0,0,0,0.25)}trix-editor .trix-button--remove::before{position:absolute;top:0;right:0;bottom:0;left:0;display:inline-block;content:'';background-image:url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:center;background-size:90%;opacity:0.7}trix-editor .trix-button--remove:hover{border-color:#333}trix-editor .trix-button--remove:hover::before{opacity:1}trix-editor .attachment__metadata-container{position:relative}trix-editor .attachment__metadata{position:absolute;top:2em;left:50%;max-width:90%;padding:0.1em 0.6em;font-size:0.8em;color:#fff;background-color:rgba(0,0,0,0.7);border-radius:3px;transform:translate(-50%, 0)}trix-editor .attachment__metadata .attachment__name{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}trix-editor .attachment__metadata .attachment__size{margin-left:0.2em;white-space:nowrap}.trix-content{line-height:1.5}.trix-content *{box-sizing:border-box}.trix-content h1{margin:0;font-size:1.2em;line-height:1.2}.trix-content blockquote{padding:0 0 0 0.6em;margin:0 0 0 0.3em;border-left:0.3em solid #ccc}.trix-content pre{display:inline-block;width:100%;padding:0.5em;margin:0;overflow-x:auto;font-family:monospace;font-size:0.9em;white-space:pre;vertical-align:top;background-color:#eee}.trix-content ul,.trix-content ol,.trix-content li{padding:0;margin:0}.trix-content ul li,.trix-content ol li,.trix-content li li{margin-left:1em}.trix-content img{max-width:100%;height:auto}.trix-content .attachment{position:relative;display:inline-block;max-width:100%;padding:0;margin:0}.trix-content .attachment a{color:inherit;text-decoration:none}.trix-content .attachment a:hover,.trix-content .attachment a:visited:hover{color:inherit}.trix-content .attachment__caption{padding:0;text-align:center}.trix-content .attachment__caption .attachment__name+.attachment__size::before{content:' · '}.trix-content .attachment--preview{width:100%;text-align:center}.trix-content .attachment--preview .attachment__caption{font-size:0.9em;line-height:1.2;color:#666}.trix-content .attachment--file{padding:0.4em 1em;margin:0 2px 2px 0;line-height:1;color:#333;border:1px solid #bbb;border-radius:5px}.trix-content .attachment-gallery{position:relative;display:flex;flex-wrap:wrap;padding:0;margin:0}.trix-content .attachment-gallery .attachment{flex:1 0 33%;max-width:33%;padding:0 0.5em}.trix-content .attachment-gallery.attachment-gallery--2 .attachment,.trix-content .attachment-gallery.attachment-gallery--4 .attachment{flex-basis:50%;max-width:50%}.user-edit-wrapper{padding:45px 10px;background-color:#f8f6cc}.user-edit-wrapper .field{margin-top:28px}.user-edit-wrapper .email-setting-fields .email-setting-field{display:flex;justify-content:space-between;align-items:center}.user-edit-wrapper .email-setting-fields .setting-field{position:relative;width:60px;height:30px}.user-edit-wrapper .email-setting-fields .setting-field .toggle-input{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;opacity:0;cursor:pointer}.user-edit-wrapper .email-setting-fields .setting-field .toggle-label{width:60px;height:30px;background:#ccc;position:relative;display:inline-block;border-radius:46px;transition:0.4s;box-sizing:border-box}.user-edit-wrapper .email-setting-fields .setting-field .toggle-label::after{content:'';position:absolute;width:20px;height:20px;border-radius:100%;left:6;top:5;z-index:2;background:#fff;box-shadow:0 0 5px rgba(0,0,0,0.2);transition:0.4s}.user-edit-wrapper .email-setting-fields .setting-field .toggle-input:checked+.toggle-label{background-color:#0b0}.user-edit-wrapper .email-setting-fields .setting-field .toggle-input:checked+.toggle-label::after{left:35px}.user-edit-container{max-width:600px;padding:45px 90px;margin:0 auto;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.user-edit-container{padding:16px 20px}}.user-edit-container h1{margin-top:20px;text-align:center}.user-destroy-container{max-width:600px;padding:45px 90px;margin:20px auto 0;background-color:white}.sign-wrapper{height:fit-content;min-height:100vh;padding:45px 0;background-color:#f8f6cc}.sign-wrapper h1{text-align:center}.sign-wrapper .field{margin-top:28px}.sign-container{max-width:600px;padding:45px 90px;margin:0 auto;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.sign-container{padding:16px 38px}}@media screen and (max-width: 480px){#user_vege_type{width:100%}}.sign-field{width:100%;height:36px;padding:0 10px;border:1px solid #4d4d4d;border-radius:3px}input#user_name.sign-field{height:36px;padding:0 10px;border-radius:3px}.sign-next{width:200px;height:40px}.login-path{margin:24px 0;text-align:center}.login-path a{color:#4caf50}#sign-step-2{display:none}.field input[type='file']{display:none}.field select{display:initial;border-style:solid;-webkit-appearance:menulist}.gender-filed input[type='radio']{height:17px}.gender-filed ul{display:flex}.gender-filed ul li{margin-right:32px}.field .required{font-size:12px;color:#fe3d02}.devise-error-messages{color:#fe3d02}.devise-custom-error-messages{box-sizing:border-box;margin-top:28px;width:100%;background-color:#F3D9DA;padding:30px}.devise-custom-error-messages li{font-size:17px;color:#D32F2F;text-align:center}@media screen and (max-width: 480px){.devise-custom-error-messages li{margin:0 auto;font-size:15px;color:#D32F2F}}.devise-custom-error-messages h2{display:none}.navi__next-step a{color:#4caf50}.navi__next-step span{font-size:12px}.navi__next-step>ul>li{margin-bottom:24px}.mypage-wrapper{padding:20px 0 50px;background-color:#fff}.mypage-top-container{box-sizing:border-box;width:100%;max-width:950px;padding:30px 45px 20px;margin:8px auto 24px;overflow:hidden;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.mypage-top-container{padding:40px 14px 0}}.cooking-time.mr8{display:flex;align-items:center}@media screen and (max-width: 480px){.cooking-time{float:left;font-size:12px;vertical-align:middle}}.clock-icon{font-size:20px;color:#6a6a6a;margin-right:4px}@media screen and (max-width: 480px){.clock-icon{font-size:16px}}.mypage-top-3-responsive{display:none}@media screen and (max-width: 480px){.mypage-top-3-responsive{display:block;margin-top:24px}}.mypage-img{position:relative;z-index:0}.mypage-img .mypage-img__user-icon{position:relative;z-index:0;float:left;width:100px;margin-right:45px;border-radius:50%}@media screen and (max-width: 480px){.mypage-img .mypage-img__user-icon{width:70px;height:70px;margin-right:0}}.mypage-img .cook-cap{position:absolute;top:-44px;left:52px}@media screen and (max-width: 480px){.mypage-img .cook-cap{top:-35px;left:34px}}.mypage-img .cook-cap .cook-cap-img{position:relative;z-index:-1}@media screen and (max-width: 480px){.mypage-img .cook-cap .cook-cap-img{z-index:-1;width:70px;height:70px}}.mypage-content{position:relative;width:100%;height:100px}@media screen and (max-width: 480px){.mypage-content{padding:0 4px}.mypage-content span{font-size:16px}}.user-number{display:flex;padding:0 20px;text-align:center}.mypage-username{margin-top:35px;font-size:20px;font-weight:bolder}@media screen and (max-width: 480px){.mypage-username{font-size:16px;margin-top:14px}}.mypage-icon{margin:30px 0 16px auto}@media screen and (max-width: 480px){.mypage-icon{margin:14px 0 0 auto}}.mypage-top-2-boxes{display:flex;flex-direction:row;margin-right:20px}@media screen and (max-width: 480px){.mypage-top-2-boxes{margin-right:10px}}.mypage-top-2-box{width:max-content;text-align:center}.mypage-top-3{margin-top:10px}@media screen and (max-width: 480px){.mypage-top-3{display:none}}.mypage-top-3 a{color:#4caf50}.mypage-edit-button{display:inline-block;width:200px;padding:5px;margin:10px 0 10px 10px;font-size:12px;text-align:center;border:1px solid #707070;border-radius:5px}.profile-follow-button{width:max-content;margin:0 auto}.follow-button{display:inline-block;width:150px;height:35px;padding:6px;margin:10px;font-size:12px;color:#4caf50;text-align:center;border:solid 1px #4caf50;border-radius:5px}@media screen and (max-width: 480px){.follow-button{width:140px}}.follow-button input[type='submit']{height:initial;padding:initial;margin:initial;font-size:16px;font-weight:bolder;border-radius:initial}@media screen and (max-width: 480px){.follow-button input[type='submit']{font-size:15px}}.not-following{color:#4caf50;background-color:white}.not-following input[type='submit']{color:#4caf50;background-color:white}.now-following .follow-button{background-color:#4caf50;border:solid 1px white}.now-following input[type='submit']{color:white;background-color:#4caf50}.mypage-number-count{font-size:24px;color:#4caf50}@media screen and (max-width: 480px){.mypage-number-count{font-size:18px}}.mypage-recipe-container{box-sizing:border-box;width:100%;max-width:950px;padding:20px 45px;margin:8px auto;overflow:hidden;background-color:white;border-radius:5px}@media screen and (max-width: 480px){.mypage-recipe-container{padding:0;margin:0}}@media screen and (max-width: 480px){.mypage-top-2-content{font-size:12px}}.mypage-recipe-header{margin-bottom:45px;overflow:hidden}@media screen and (max-width: 480px){.mypage-recipe-header{margin-bottom:0}}.mypage-recipe-header ul{display:flex;justify-content:space-around}@media screen and (max-width: 480px){.mypage-recipe-header ul li{padding:14px;font-size:14px}}.mypage-recipe-header ul .active{color:#4caf50}.mypage-posted-recipe{overflow:hidden}.mypage-recipe-squares{display:grid;grid-template-columns:repeat(3, calc(100%/3 - 18px * 2 / 3));gap:18px}@media screen and (max-width: 480px){.mypage-recipe-squares{grid-template-columns:repeat(3, calc(100%/3 - 6px * 2 / 3));gap:6px;width:96%;margin:auto}}.mypage-recipe-squares .mypage-recipe-square{position:relative}@media screen and (max-width: 480px){.mypage-recipe-squares .mypage-recipe-square{padding-right:0;position:relative}}.mypage-recipe-squares .mypage-recipe-square .mypage_recipe_img{width:100%;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;border-radius:3px}.mypage-recipe-squares .mypage-recipe-square h3{margin:8px 0;overflow:hidden;font-size:18px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mypage-draft{position:absolute;top:10px;color:white;background-color:#4caf50}.mypage-recipe-square-content{min-height:72px}@media screen and (max-width: 480px){.mypage-recipe-square-content{display:none}}.mypage-recipe-square-content .mypage-recipe-square-content-right{display:flex}.mypage-recipe-square-content .mypage-recipe-square-content-right a{margin-right:3px}.mypage-recipe-square-content .mypage-recipe-square-content-right .mypage_user_img{width:20px;border-radius:50%}.mypage-recipe-square-content .mypage-recipe-square-content-right p{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.mypage-recipe-cooking-time{display:flex;align-items:center;float:left;margin-right:6px;font-size:14px}.mypage-recipe-cooking-time i{height:22px;margin-right:3px;font-size:20px}.mypage-recipe-likes-count{float:left;margin-right:6px;font-size:14px}.mypage-liked-recipe{display:none}.mypage-saved-recipe{display:none}.posted-recipes-button{cursor:pointer}.liked-recipes-button{cursor:pointer}.saved-recipes-button{cursor:pointer}.navi__next-step input[type='submit'][disabled]{color:#5d616d;cursor:default;background-color:white;border:1px solid #ff9800}button[type='button'][disabled]{color:#5d616d;cursor:default;background-color:white;border:1px solid #ff9800}