@keyframes show{0%{display:none;opacity:0;visibility:hidden}100%{display:block;opacity:1;visibility:visible}}@keyframes hide{0%{display:block;opacity:1;visibility:visible}100%{display:none;opacity:0;visibility:hidden}}.js-fadeIn{opacity:0;transition:opacity .8s cubic-bezier(0.215, 0.61, 0.355, 1),transform .8s cubic-bezier(0.215, 0.61, 0.355, 1)}.js-fadeIn.is-fadeInUp{transform:translateY(16px)}.js-fadeIn.is-show{opacity:1;transform:none}code[class*=language-],pre[class*=language-]{color:#ccc;background:0 0;font-family:Consolas,Monaco,"Andale Mono","Ubuntu Mono",monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.command-line-prompt{border-right:1px solid #999;display:block;float:left;font-size:100%;letter-spacing:-1px;margin-right:1em;pointer-events:none;text-align:right;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.command-line-prompt>span:before{opacity:.7;content:" ";display:block;padding-right:.8em}.command-line-prompt>span[data-user]:before{content:"[" attr(data-user) "@" attr(data-host) "] $"}.command-line-prompt>span[data-user=root]:before{content:"[" attr(data-user) "@" attr(data-host) "] #"}.command-line-prompt>span[data-prompt]:before{content:attr(data-prompt)}.command-line-prompt>span[data-continuation-prompt]:before{content:attr(data-continuation-prompt)}.command-line span.token.output{opacity:.7}div.code-toolbar{position:relative}div.code-toolbar>.toolbar{position:absolute;z-index:10;top:.3em;right:.2em;transition:opacity .3s ease-in-out;opacity:0}div.code-toolbar:hover>.toolbar{opacity:1}div.code-toolbar:focus-within>.toolbar{opacity:1}div.code-toolbar>.toolbar>.toolbar-item{display:inline-block}div.code-toolbar>.toolbar>.toolbar-item>a{cursor:pointer}div.code-toolbar>.toolbar>.toolbar-item>button{background:0 0;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}div.code-toolbar>.toolbar>.toolbar-item>a,div.code-toolbar>.toolbar>.toolbar-item>button,div.code-toolbar>.toolbar>.toolbar-item>span{color:#bbb;font-size:.8em;padding:0 .5em;background:#f5f2f0;background:rgba(224,224,224,.2);box-shadow:0 2px 0 0 rgba(0,0,0,.2);border-radius:.5em}div.code-toolbar>.toolbar>.toolbar-item>a:focus,div.code-toolbar>.toolbar>.toolbar-item>a:hover,div.code-toolbar>.toolbar>.toolbar-item>button:focus,div.code-toolbar>.toolbar>.toolbar-item>button:hover,div.code-toolbar>.toolbar>.toolbar-item>span:focus,div.code-toolbar>.toolbar>.toolbar-item>span:hover{color:inherit;text-decoration:none}.nav-category{height:50px;background:#f8f8fa;overflow:auto;padding:0 24px;margin-bottom:40px}@media screen and (max-width: 768px){.nav-category{height:36px;margin-bottom:24px}}.nav-category__list{display:flex;gap:20px;height:100%}.nav-category__item{flex:none;height:100%}.nav-category__link{position:relative;display:flex;align-items:center;height:100%;color:#192942;font-size:14px}@media screen and (max-width: 768px){.nav-category__link{font-size:12px}}.nav-category__link.is-current{font-weight:700;pointer-events:none}.nav-category__link.is-current::after{content:"";position:absolute;bottom:0;left:50%;display:block;width:100%;height:2px;background:#192942;transform:translateX(-50%)}.blog{background:#fff}.blog__list{display:flex;flex-wrap:wrap;gap:48px 3.2%;max-width:870px}@media screen and (max-width: 768px){.blog__list{gap:20px 2%}}@media screen and (max-width: 480px){.blog__list{gap:28px 2%}}.blog__item{display:flex;width:31.2%}@media screen and (max-width: 768px){.blog__item{width:49%}}@media screen and (max-width: 480px){.blog__item{width:100%}}.blog__item:nth-child(-n+2){width:48.4%}@media screen and (max-width: 768px){.blog__item:nth-child(-n+2){width:49%}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2){width:49%}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2) .blog-card{flex-direction:column}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2) .blog-card__image{width:100%}}.blog__item:nth-child(-n+2) .blog-card__title{font-size:18px}@media screen and (max-width: 768px){.blog__item:nth-child(-n+2) .blog-card__title{font-size:14px}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2) .blog-card__title{font-size:12px}}.blog__item:nth-child(-n+2) .blog-card__avatar{width:26px;height:26px}@media screen and (max-width: 768px){.blog__item:nth-child(-n+2) .blog-card__avatar{width:24px;height:24px}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2) .blog-card__avatar{width:20px;height:20px}}.blog__item:nth-child(-n+2) .blog-card .author,.blog__item:nth-child(-n+2) .blog-card .category{font-size:14px}@media screen and (max-width: 768px){.blog__item:nth-child(-n+2) .blog-card .author,.blog__item:nth-child(-n+2) .blog-card .category{font-size:12px}}@media screen and (max-width: 480px){.blog__item:nth-child(-n+2) .blog-card .author,.blog__item:nth-child(-n+2) .blog-card .category{font-size:10px}}.blog-card{display:flex;flex-direction:column;gap:12px;width:100%}@media screen and (max-width: 768px){.blog-card{gap:8px}}@media screen and (max-width: 480px){.blog-card{flex-direction:row}}.blog-card__image{flex:none;position:relative;width:100%;border-radius:4px;overflow:hidden}@media screen and (max-width: 480px){.blog-card__image{width:33%}}.blog-card__main{display:flex;flex-direction:column;gap:12px;height:100%}.blog-card__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px}@media screen and (max-width: 480px){.blog-card__title{font-size:12px}}.blog-card__footer{display:flex;align-items:center;margin-top:auto}.blog-card .author{display:flex;flex-wrap:wrap;align-items:center;text-decoration:none;color:#192942;font-size:12px}@media screen and (max-width: 480px){.blog-card .author{font-size:10px}}.blog-card .author:hover{text-decoration:underline}.blog-card .author__avatar{flex:none;width:24px;height:24px;background-color:rgba(25,41,66,.1);border-radius:50%;overflow:hidden;aspect-ratio:1/1;margin-right:8px}@media screen and (max-width: 480px){.blog-card .author__avatar{width:20px;height:20px;margin-right:4px}}.blog-card .category{text-decoration:none;color:#192942;font-size:12px}@media screen and (max-width: 480px){.blog-card .category{font-size:10px}}.blog-card .category:hover{text-decoration:underline}.blog-card .category::before{content:"";display:inline-block;width:1px;height:1em;background:#888;transform:rotate(45deg);transform-origin:left bottom;margin:0 1.2em 0 .75em}@media screen and (max-width: 768px){.blog-card .category::before{margin:0 .9em 0 .3em}}.lifestyle__list{display:flex;flex-wrap:wrap;gap:20px}@media screen and (max-width: 768px){.lifestyle__list{gap:12px}}.lifestyle__tag{background:#f8f8fa;border-radius:5em;color:#192942;font-weight:700;font-size:14px;padding:1em 2em}@media screen and (max-width: 768px){.lifestyle__tag{font-size:12px;padding:.75em 1em}}.lifestyle__tag:hover{background:#192942;color:#fff;text-decoration:none}.side-category{margin-bottom:44px}.side-category__list{display:flex;flex-direction:column;gap:16px}.side-category__item{font-size:14px}.side-category__link{position:relative;color:#192942;padding-left:20px}.side-category__link.is-current{font-weight:700}.side-category__link.is-current::before{content:"";position:absolute;top:50%;left:0;display:block;width:8px;height:2px;background:#192942;transform:translateY(-50%)}.side-search{margin-bottom:44px}.blog-ranking__item{border-bottom:1px solid #e4e4e4;padding-bottom:16px;margin-bottom:16px}.blog-ranking__item:nth-child(1) .blog-ranking__image::after{content:"1";background:#efc61d}.blog-ranking__item:nth-child(2) .blog-ranking__image::after{content:"2";background:#9a9a9a}.blog-ranking__item:nth-child(3) .blog-ranking__image::after{content:"3";background:#9f6934}.blog-ranking__item:nth-child(4) .blog-ranking__image::after{content:"4";background:#ee2344}.blog-ranking__item:nth-child(5) .blog-ranking__image::after{content:"5";background:#ee2344}.blog-ranking__card{display:flex;align-items:center;gap:12px}.blog-ranking__image{position:relative;flex:none;width:32%;max-width:90px}.blog-ranking__image::after{position:absolute;top:0;left:0;line-height:1;color:#fff;font-weight:700;font-size:12px;padding:4px 6px}.blog-ranking__title{display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px}.side-index{position:sticky;top:90px}.side-index__title{font-size:14px;font-weight:700;margin-bottom:1rem}.side-index__list{display:flex;flex-direction:column;gap:1rem}.side-index__item{font-size:12px;line-height:1.4}.side-index__link.is-active{color:#ee2344}.main-post{padding:32px}@media screen and (max-width: 768px){.main-post{padding:0;margin-bottom:60px}}.main-post__eyecatch{margin:-32px -32px 32px}@media screen and (max-width: 768px){.main-post__eyecatch{margin:0 0 24px}}.main-post__heading{border-bottom:1px solid #e4e4e4;padding-bottom:2rem;margin-bottom:2rem}.main-post__title{font-size:clamp(18px, 5.1189279732px + 0.0167504188 * 100vw, 28px);line-height:1.6;margin-bottom:.75em}.main-post__meta{margin-bottom:1em}.main-post__meta .tag__list{display:flex;flex-wrap:wrap;gap:1em;font-size:12px}.main-post__info{display:flex;align-items:center;flex-wrap:wrap}.main-post__info .main-info{display:flex;align-items:center}.main-post__info .author{display:flex;flex-wrap:wrap;align-items:center;text-decoration:none;color:#192942;font-size:12px}@media screen and (max-width: 480px){.main-post__info .author{font-size:10px}}.main-post__info .author:hover{text-decoration:underline}.main-post__info .author__avatar{flex:none;width:26px;height:26px;background-color:rgba(25,41,66,.1);border-radius:50%;overflow:hidden;aspect-ratio:1/1;margin-right:8px}@media screen and (max-width: 480px){.main-post__info .author__avatar{width:20px;height:20px;margin-right:4px}}.main-post__info .category{text-decoration:none;color:#192942;font-size:12px}@media screen and (max-width: 480px){.main-post__info .category{font-size:10px}}.main-post__info .category:hover{text-decoration:underline}.main-post__info .category::before{content:"";display:inline-block;width:1px;height:1em;background:#888;transform:rotate(45deg);transform-origin:left bottom;margin:0 1.2em 0 .75em}@media screen and (max-width: 768px){.main-post__info .category::before{margin:0 .9em 0 .3em}}.main-post__info .date{font-size:12px;color:#9a9a9a;margin-left:auto}@media screen and (max-width: 768px){.main-post__info .date{font-size:10px}}.main-post__contents{word-break:break-all;overflow:hidden}.main-post__contents>*:not(h1,h2,h3,h4,h5){margin-bottom:1rem}.main-post__contents iframe{max-width:100%;overflow:auto !important}.main-post__contents .video{position:relative;aspect-ratio:16/9;overflow:hidden}.main-post__contents .video iframe,.main-post__contents .video video{position:absolute;top:0;left:0;width:100%;height:100%}.main-post__contents h2,.main-post__contents h3,.main-post__contents h4,.main-post__contents h5{line-height:1.5}.main-post__contents h2{font-size:clamp(18px, 5.1189279732px + 0.0167504188 * 100vw, 28px);border-bottom:1px solid #192942;padding:3rem 0 .5em;margin:0 0 1.2em}.main-post__contents h2.js-observer-title{scroll-margin-top:90px}.main-post__contents h3{background:#f8f8fa;font-size:clamp(16px, 8.2713567839px + 0.0100502513 * 100vw, 22px);padding:1rem;margin:2.4rem 0 1em}.main-post__contents h4{display:flex;font-size:clamp(16px, 13.4237855946px + 0.0033500838 * 100vw, 18px);margin:2.4rem 0 1em}.main-post__contents h4::before{flex:none;content:"";display:block;width:5px;height:1.2em;background:#192942;margin:.15em 10px 0 0}.main-post__contents h5{font-size:clamp(16px, 13.4237855946px + 0.0033500838 * 100vw, 18px);margin:2.4rem 0 1em}.main-post__contents a{display:inline-block;text-decoration:underline;word-break:break-all}.main-post__contents a:hover{text-decoration:none}.main-post__contents .box{padding:24px}@media screen and (max-width: 768px){.main-post__contents .box{padding:16px}}.main-post__contents .box.has-background{background:#f8f8fa}.main-post__contents .box.has-border{border:1px solid #e4e4e4}.main-post__contents ul{list-style:disc;list-style-position:outside;padding-left:1em}.main-post__contents ul.list-style-none{list-style:none;padding-left:0}.main-post__contents ul li:not(:last-child){margin-bottom:.5rem}.main-post__contents ol{list-style:decimal;list-style-position:outside;padding-left:1em}.main-post__contents ol.list-style-none{list-style:none;padding-left:0}.main-post__contents ol li:not(:last-child){margin-bottom:.5rem}.main-post__contents hr{border-top:1px solid #e4e4e4;padding-bottom:1rem;margin-top:2rem}.main-post__contents .code-toolbar pre{margin:0}.main-post__contents b{font-weight:700}.main-post__contents strong{font-weight:700}.main-post__contents em{font-weight:700;font-style:normal}.main-post__contents small{font-size:10px}.main-post__contents blockquote{border-left:5px solid #192942;font-style:italic;font-size:14px;padding-left:.75rem}@media screen and (max-width: 768px){.main-post__contents blockquote{font-size:12px}}.main-post__contents blockquote a{font-style:normal}.main-post__contents table{border:1px solid #e4e4e4;border-collapse:collapse;font-size:14px;line-height:1.4}@media screen and (max-width: 768px){.main-post__contents table{font-size:12px}}.main-post__contents table thead th{background:#f8f8fa}.main-post__contents table td,.main-post__contents table th{border:1px solid #e4e4e4;padding:.75rem 1rem}.main-post__contents table th{font-weight:700}.main-post__footer{border-top:1px solid #e4e4e4;text-align:center;padding-top:60px;margin-top:60px}.main-post .share{margin-top:12px;margin-bottom:24px}.main-post .share__list{display:flex;justify-content:center;gap:20px}.main-post .share__link:hover{opacity:.8}