@import url(https://fonts.googleapis.com/css?family=Roboto:400,700&display=swap);@-webkit-keyframes news-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes news-card-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@font-face{font-family:numeric;font-style:normal;font-weight:lighter;src:local("helvetica") format("opentype");unicode-range:U+0030-0039}@font-face{font-family:alpha;font-style:normal;font-weight:lighter;src:local("helvetica");unicode-range:U+0041-007a}@font-face{font-family:icomoon;src:url(/fonts/icomoon.eot?70ac42806d46e687564a0a2df548d493);src:url(/fonts/icomoon.eot?70ac42806d46e687564a0a2df548d493) format("embedded-opentype"),url(/fonts/icomoon.ttf?a7be1e2853c77a716318b7a114cd3845) format("truetype"),url(/fonts/icomoon.woff?9e33941fc88756fca04be9e6c4a27c84) format("woff"),url(/fonts/icomoon.svg?36f7a70801c828f454df7eff0ef70a83) format("svg");font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-logo-small:before{content:"\E900"}.icon-logo-small-white:before{content:"\E900";color:#fff}.icon-logo-small-miku-blue:before{content:"\E900";color:#05b0cc}.icon-logo-small-luka-pink:before{content:"\E900";color:#ea1890}.icon-logo-small-meiko-red:before{content:"\E900";color:#fc0000}.icon-logo-small-kaito-blue:before{content:"\E900";color:#0024f9}.icon-logo-small-rin-orange:before{content:"\E900";color:#fc3}.icon-logo-small-len-yellow:before{content:"\E900";color:#ffe133}.miku-bule{color:#05b0cc}body{font-family:helvetica,Roboto,"\6E38\30B4\30B7\30C3\30AF\4F53",YuGothic,"\6E38\30B4\30B7\30C3\30AF   Medium",Yu Gothic Medium,"\6E38\30B4\30B7\30C3\30AF",Yu Gothic;font-feature-settings:"palt";text-align:justify;color:#444;font-weight:lighter;touch-action:manipulation}.article-list{padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-left:env(safe-area-inset-left)}.article-list #container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto minmax(.8vh,1fr) 100px;grid-template-areas:"header" "category" "recommend" "articleList" "tagList" "footer"}.article-list #header{grid-area:header;padding:15px max(24px,calc(50% - 540px)) 7.5px;overflow:auto;background-color:#fff;position:sticky;top:0;z-index:10}.article-list #header .logo{float:left}.article-list #header .logo img{height:35px;width:auto;vertical-align:bottom}.article-list #header .twitter{float:right}.article-list #header .twitter img{height:35px;width:auto;padding:3px;vertical-align:bottom}.article-list #category{grid-area:category;padding:7.5px max(24px,calc(50% - 540px)) 15px;text-align:start;position:sticky;top:57.5px;z-index:10;background-color:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 0 1px rgba(34,34,34,.08)}.article-list #category .category{display:inline-block;font-size:16px;font-weight:700;text-decoration:none;margin-top:.3em;padding-right:.5em}.article-list #category .category a{text-decoration:none;color:#444;word-break:break-all;border-bottom:3px solid #05b0cc;margin-bottom:2px}.article-list #recommend{grid-area:recommend;padding-top:0;padding-bottom:7.5px;max-width:1080px;margin-left:auto;margin-right:auto}.article-list #recommend .recommend-list-container .card{background-color:#fff;width:100%;border-bottom:.5px solid #bcbcbc}.article-list #recommend .recommend-list-container .card a{text-decoration:none;color:#444}.article-list #recommend .recommend-list-container .card .image img{width:100%;height:auto}.article-list #recommend .recommend-list-container .card .card-info{padding:3px 24px 10px}.article-list #recommend .recommend-list-container .card .card-info .first-info:after{content:" ";display:block;clear:both}.article-list #recommend .recommend-list-container .card .card-info .category{float:left;text-align:center;font-weight:700;color:#fff;background:#05b0cc}@media (max-width:320px){.article-list #recommend .recommend-list-container .card .card-info .category{min-width:50px;font-size:10px}}@media (min-width:321px){.article-list #recommend .recommend-list-container .card .card-info .category{min-width:100px;font-size:14px}}.article-list #recommend .recommend-list-container .card .card-info .created-at{float:right;font-size:14px;margin-right:0}.article-list #recommend .recommend-list-container .card .card-info .tag{display:inline-block;font-size:14px;margin-top:8px;min-height:.5em}.article-list #recommend .recommend-list-container .card .card-info .tag a{text-decoration:none;color:#a9a9a9;word-break:break-all}.article-list #recommend .recommend-list-container .card .card-info .title{margin-top:.3em;font-size:20px;font-weight:700;line-height:1.3;overflow:hidden}.article-list #articleList{grid-area:articleList;max-width:1080px;margin-left:auto;margin-right:auto;padding:7.5px 24px 15px}.article-list #articleList .card-list-container{display:grid;grid-auto-rows:minmax(180px,auto);grid-template-columns:repeat(auto-fill,160px);justify-content:space-between;grid-row-gap:24px}@media (max-width:320px){.article-list #articleList .card-list-container{grid-template-columns:repeat(auto-fill,130px)}}@media (max-width:480px){.article-list #articleList .card-list-container{grid-template-columns:repeat(auto-fill,41vw)}}.article-list #articleList .card-list-container .card{background-color:#fff;border:.5px solid #bcbcbc;border-radius:5px}.article-list #articleList .card-list-container .card a{text-decoration:none;color:#444}.article-list #articleList .card-list-container .card .image img{width:100%;height:auto}.article-list #articleList .card-list-container .card .card-info{padding:3px 10px 10px}.article-list #articleList .card-list-container .card .card-info .first-info:after{content:" ";display:block;clear:both}.article-list #articleList .card-list-container .card .card-info .category{float:left;text-align:center;font-size:10px;font-weight:700;color:#fff;background:#05b0cc;margin-left:-10px}@media (max-width:320px){.article-list #articleList .card-list-container .card .card-info .category{min-width:50px}}@media (min-width:321px){.article-list #articleList .card-list-container .card .card-info .category{min-width:70px}}.article-list #articleList .card-list-container .card .card-info .created-at{float:right;font-size:10px}.article-list #articleList .card-list-container .card .card-info .tag{display:inline-block;font-size:10px;min-height:.5em}.article-list #articleList .card-list-container .card .card-info .tag a{text-decoration:none;color:#a9a9a9;word-break:break-all}.article-list #articleList .card-list-container .card .card-info .title{font-size:14px;font-weight:700;line-height:1.4;text-align:left}.article-list #articleList .card-list-container .card.is-news-entering{-webkit-animation:news-card-enter .55s ease-out both;animation:news-card-enter .55s ease-out both;-webkit-animation-delay:var(--news-enter-delay,0ms);animation-delay:var(--news-enter-delay,0ms)}@media (prefers-reduced-motion:reduce){.article-list #articleList .card-list-container .card.is-news-entering{-webkit-animation:none;animation:none}}.article-list #articleList .news-load-more{margin-top:32px;min-height:48px;text-align:center;color:#888;font-size:14px}.article-list #articleList .news-load-more a{display:inline-block;padding:12px 20px;color:#05b0cc}.article-list #articleList .news-load-more [hidden]{display:none}.article-list #tagList{grid-area:tagList;padding:7.5px 24px}.article-list #footer{grid-area:footer;padding:7.5px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#fff;background-color:#2d0227}.article-list #footer .footer-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"footer-logo" "footer-tag" "footer-icon" "footer-copyright"}.article-list #footer #footer-logo{grid-area:footer-logo;text-align:center}.article-list #footer #footer-logo img{padding-top:15px;padding-bottom:7.5px;height:auto;max-width:35%}.article-list #footer #footer-tag{grid-area:footer-tag;padding-top:7.5px;padding-bottom:7.5px;text-align:center}.article-list #footer #footer-tag .category{display:inline-block;font-size:16px;font-weight:700;margin:.3em .5em}.article-list #footer #footer-tag .category a{text-decoration:none;color:#fff;word-break:break-all}.article-list #footer #footer-icon{grid-area:footer-icon;text-align:center}.article-list #footer #footer-icon .icon-image{display:inline-block;min-width:100px;margin:15px}.article-list #footer #footer-icon .icon-image img{height:75px;width:auto}.article-list #footer #footer-copyright{grid-area:footer-copyright}.article-list #footer #footer-copyright .copyright{text-align:center;padding-top:15px;padding-bottom:15px}.article-list #footer #footer-copyright .copyright img{height:10px;width:auto}.article #container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr 100px;grid-template-areas:"header" "articleInfo" "article" "footer"}.article #header{grid-area:header;padding:15px 24px;background-size:contain;background-repeat:repeat-y;background-color:#fff;border-bottom:1px solid #e6e6e6;box-shadow:0 0 1px rgba(34,34,34,.08);position:sticky;top:0;overflow:auto}.article #header .logo{float:left}.article #header .logo img{height:35px;width:auto;vertical-align:bottom}.article #header .twitter{float:right}.article #header .twitter img{height:35px;width:auto;padding:3px;vertical-align:bottom}.article #articleInfo{grid-area:articleInfo;margin:7.5px 24px;max-width:620px}@media screen and (min-width:620px){.article #articleInfo{margin-right:auto;margin-left:auto;text-align:left!important}}.article #articleInfo .tag{display:inline-block;font-size:14px;margin-top:8px;text-align:left!important}.article #articleInfo .tag a{text-decoration:none;color:#a9a9a9;word-break:break-all}.article #articleInfo .title{line-height:1.3}.article #articleInfo .createdAt{font-size:14px}.article #article{grid-area:article;margin-top:7.5px;padding-bottom:2em}.article #article .articleBody{margin-left:24px;margin-right:24px;max-width:620px;line-height:1.85}@media screen and (min-width:620px){.article #article .articleBody{margin-left:auto;margin-right:auto}}.article #article .articleBody img{width:100%!important;height:auto!important}.article #article .articleBody .hidden{display:none}.article #article .articleBody a{text-decoration:none;color:#05b0cc;word-break:break-all}.article #article .articleBody p{font-size:14px;margin-top:.7em;margin-bottom:.7em}.article #article .articleBody h1{border-bottom:4px solid #e5e5e5;line-height:1.5;margin-top:.7em;margin-bottom:.7em}.article #article .articleBody h2{border-bottom:2px solid #e5e5e5}.article #article .articleBody h2,.article #article .articleBody h3,.article #article .articleBody h4,.article #article .articleBody h5{line-height:1.5;margin-top:.7em;margin-bottom:.7em}.article #article .articleBody li,.article #article .articleBody ul{margin-left:24px;font-size:14px}.article #article .articleBody .code-block .highlight .plaintext{max-width:750px;padding:1em;overflow-x:scroll;border-radius:4px;background:#f5f5f5}.article #article .articleBody hr{margin-top:15px;margin-bottom:15px}.article #article .articleBody hr.style1{border-top:1px solid #8c8b8b}.article #article .articleBody hr.style2{border-top:3px double #8c8b8b}.article #article .articleBody hr.style3{border-top:1px dashed #8c8b8b}.article #article .articleBody hr.style4{border-top:1px dotted #8c8b8b}.article #article .articleBody hr.style5{background-color:#fff;border-top:2px dashed #8c8b8b}.article #article .articleBody hr.style6{background-color:#fff;border-top:2px dotted #8c8b8b}.article #footer{grid-area:footer;padding:7.5px env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);color:#fff;background-color:#2d0227}.article #footer .footer-container{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr auto;grid-template-areas:"footer-logo" "footer-tag" "footer-icon" "footer-copyright"}.article #footer #footer-logo{grid-area:footer-logo;text-align:center}.article #footer #footer-logo img{padding-top:15px;padding-bottom:7.5px;height:auto;max-width:35%}.article #footer #footer-tag{grid-area:footer-tag;padding-top:7.5px;padding-bottom:7.5px;text-align:center}.article #footer #footer-tag .category{display:inline-block;font-size:16px;font-weight:700;margin:.3em .5em}.article #footer #footer-tag .category a{text-decoration:none;color:#fff;word-break:break-all}.article #footer #footer-icon{grid-area:footer-icon;text-align:center}.article #footer #footer-icon .icon-image{display:inline-block;min-width:100px;margin:15px}.article #footer #footer-icon .icon-image img{height:75px;width:auto}.article #footer #footer-copyright{grid-area:footer-copyright}.article #footer #footer-copyright .copyright{text-align:center;padding-top:15px;padding-bottom:15px}.article #footer #footer-copyright .copyright img{height:10px;width:auto}.video{position:relative;width:100%;padding-top:56.25%}.video iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}