.button-default{height:40px;border-radius:4px;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1);box-shadow:0 1px 0 0 rgba(0,0,0,.1);border:1px solid #e3e3e3;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f5f5f5));background-image:linear-gradient(180deg,#fdfdfd,#f5f5f5);font-size:16px;font-weight:700;letter-spacing:-.1px;text-align:center;color:#333;cursor:pointer}.button-default:hover{border:1px solid #a0aeb6;background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#e8e8e8));background-image:linear-gradient(180deg,#fdfdfd,#e8e8e8)}.button-disabled{color:#aaa}#button-to-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:fixed;right:16px;bottom:-48px;width:48px;height:48px;padding:8px;border-radius:50%;font-size:48px;white-space:nowrap;text-decoration:none;line-height:1;-webkit-transition:bottom .2s ease-in-out;transition:bottom .2s ease-in-out;-webkit-tap-highlight-color:transparent}#button-to-top,#button-to-top:active,#button-to-top:hover,#button-to-top:visited{background-color:rgba(0,0,0,.5);color:#fff}#button-to-top.shown,#button-to-top.shown-ios{bottom:calc(100vw / 320 * 100 + 16px)}@media screen and (min-width:1020px){#button-to-top{right:40px}#button-to-top.shown{bottom:40px}}@media screen and (min-width:1200px){#button-to-top{right:120px}}.button-rss{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-negative:0;flex-shrink:0;padding:0 8px;white-space:nowrap;height:30px;border:1px solid #ff9100;border-radius:8px;background-color:#fff;font-size:12px;color:#ff9100}.button-rss svg{fill:#ff9100}.button-rss:visited{color:#ff9100}.button-rss:hover{text-decoration:none}@media screen and (min-width:1020px){.button-rss:hover{color:#fff;background-color:#ff9100}}.button-rss:hover svg{fill:currentColor}.button-rss:active{color:#fff;background-color:#ff9100}.button-rss svg{margin-right:4px}.anchor{display:inline;width:auto;height:auto;padding:unset;border:none;border-radius:unset;background:none;-webkit-box-shadow:none;box-shadow:none;cursor:pointer;font-size:inherit;text-align:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-appearance:none}*{-webkit-box-sizing:border-box;box-sizing:border-box}h2{margin:16px 0 0;padding:0 16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;font-size:18px;font-weight:700;color:#707a8e}@media screen and (min-width:1020px){h2{padding-left:0;margin-bottom:8px}}h3{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:4px 0;padding-left:16px;height:28px;font-size:14px;font-weight:400;background-color:#fdfdf4;color:#212526}h3:first-child{margin-top:0}@media screen and (min-width:1020px){h3{padding-left:8px}}h4{border-bottom:1px solid #eaeaea;line-height:28px}h4,h5{margin:0;padding:0 16px;font-size:14px;color:#212526}h5{font-weight:700}.anchor,a{text-decoration:none}.anchor,.anchor:visited:not([class*=font-color]):not(.button-rss),a,a:visited:not([class*=font-color]):not(.button-rss){color:#3492d8}.anchor:hover,a:hover{text-decoration:underline}@media screen and (max-width:1019px){.anchor,a{outline:none}}label{display:block;margin-bottom:8px}textarea{margin-bottom:16px;padding:8px;border-color:#eaeaea;font-size:14px}button,textarea{display:block;width:100%;border-radius:4px}button{height:40px;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,.1);box-shadow:0 1px 0 0 rgba(0,0,0,.1);background-image:-webkit-gradient(linear,left top,left bottom,from(#fdfdfd),to(#f5f5f5));background-image:linear-gradient(180deg,#fdfdfd,#f5f5f5);font-size:16px}p{margin:0 0 14px}p:last-child{margin-bottom:0}ul{margin:0;padding:0 0 0 20px}ul.cells{margin-bottom:24px;padding:0;list-style:none}ul.cells li{padding:8px 16px;border-bottom:1px solid #eaeaea}@media screen and (min-width:1020px){ul.cells li{padding:8px}}pre{padding:8px;background-color:#fdfdf4}dl{margin:0;padding:0}dt{padding:16px 0 0;margin:16px 0 0;border-top:1px solid #eaeaea;font-weight:700}dt:first-child{margin-top:0;padding-top:0;border:none}dd{margin-left:0;padding:0}img{overflow:hidden}#bottom-nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:60px;font-size:14px}@media screen and (min-width:1020px){#bottom-nav{height:auto;padding-top:40px;padding-bottom:40px}}#bottom-nav:hover{text-decoration:none}#bottom-nav svg{margin-right:4px;fill:#3492d8}#bottom-nav+#footer{margin:0}#footer{margin:120px 0 0;padding:16px 0;background-color:#000;font-size:12px;text-align:center;color:#b1b1b1}@media screen and (min-width:1020px){#footer{padding-bottom:40px}}#footer .nav{overflow:hidden;margin-bottom:16px}#footer .nav .anchor,#footer .nav a{display:block;width:50%;float:left;padding:8px 0}@media screen and (min-width:1020px){#footer .nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:24px}#footer .nav .anchor,#footer .nav a{width:auto;float:none;padding:8px 12px}}#footer .tw-bird{margin-bottom:16px;text-align:center;line-height:1}#footer .tw-bird img{width:32px;height:32px}#footer #copyright .anchor,#footer #copyright a{color:#b1b1b1}input[type=text]{height:34px}input[type=text],input[type=url],textarea{display:block;width:100%;margin-bottom:16px;padding-right:8px;padding-left:8px;border:1px solid #c0c5c8;background-color:#fff;border-radius:4px;font-size:16px;-webkit-appearance:none}#form-generator-result-container{display:none}#form-generator-result{padding:8px 16px;border:1px solid #ecf0f5;background-color:#f4f6f8}#form-generator-result-link{display:block;margin-bottom:8px}#form-generator-result-copy{color:#3492d8;text-align:right}.posts .post{position:relative;border-top:1px solid #eaeaea}.posts .post.target .title{color:#3492d8;font-weight:700}.posts .post .favicon{position:absolute;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;padding:16px;bottom:-4px;left:0;width:16px;min-width:16px;height:16px;z-index:1;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none;outline:none}@media screen and (min-width:1020px){.posts .post .favicon{padding:0;bottom:12px;left:122px}}.posts .post .favicon img{width:16px;max-width:16px;height:16px;max-height:16px}.posts .post.ad .favicon{left:64px}@media screen and (min-width:1020px){.posts .post.ad .favicon{left:186px}}.posts .post .content.anchor,.posts .post a.content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:124px;padding:16px 16px 12px;color:#222;text-decoration:none}.posts .post .content.anchor:hover,.posts .post a.content:hover{background-color:#f0f7ff;color:#222;text-decoration:none}.posts .post .content.anchor:visited,.posts .post a.content:visited{color:#a9b1c2}@media screen and (min-width:1020px){.posts .post .content.anchor,.posts .post a.content{height:120px;padding:16px}.posts .post .content.anchor:hover .title,.posts .post a.content:hover .title{color:#3492d8;text-decoration:underline}}.posts .post .content.anchor .body,.posts .post a.content .body{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.posts .post .content.anchor .body .meta,.posts .post a.content .body .meta{position:absolute;bottom:10px;width:calc(100% - 32px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;white-space:nowrap;font-size:12px;color:#b1b1b1}@media screen and (min-width:1020px){.posts .post .content.anchor .body .meta,.posts .post a.content .body .meta{position:relative;width:100%}}.posts .post .content.anchor .body .meta .site-name,.posts .post a.content .body .meta .site-name{overflow:hidden;text-overflow:ellipsis;margin-left:24px}.posts .post .content.anchor .body .meta .meta-group,.posts .post a.content .body .meta .meta-group{display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.posts .post .content.anchor .body .meta .meta-group .site-name,.posts .post a.content .body .meta .meta-group .site-name{margin-left:32px}.posts .post .content.anchor .thumbnail,.posts .post a.content .thumbnail{-ms-flex-negative:0;flex-shrink:0;width:90px;height:60px;margin-left:8px}@media screen and (min-width:1020px){.posts .post .content.anchor .thumbnail,.posts .post a.content .thumbnail{width:90px;height:60px;margin-left:16px}}.posts .post.ad .content.anchor,.posts .post.ad a.content{color:#222}.posts .link{border-top:1px solid #eaeaea}.posts .link .anchor,.posts .link a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:124px}.posts p{padding:0 16px}@media screen and (min-width:1020px){.posts p{padding:0}}.title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height:1.5;height:72px;overflow:hidden;font-size:16px;word-break:break-word}.read-more{border-top:1px solid #eaeaea}.read-more>.anchor,.read-more>a,.read-more>span{display:block;padding:32px 0;text-decoration:none;text-align:center}@media screen and (min-width:1020px){.read-more{margin-top:40px;border:none}.read-more>.anchor,.read-more>a,.read-more>span{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:52px;padding:0}.read-more .anchor:hover,.read-more a:hover{background-color:#f0f7ff;text-decoration:underline}}#date-nav.link{overflow:hidden}#date-nav.link .next,#date-nav.link .prev{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:124px}#date-nav.link .prev{float:left;text-align:left;padding-left:16px}#date-nav.link .next{float:right;text-align:right;padding-right:16px}#date-nav.link .anchor,#date-nav.link a{display:inline;height:auto}@media screen and (min-width:1020px){#date-nav.link .next,#date-nav.link .prev{padding:0}}#archive{margin-top:16px}#content .post.hidden{display:none}.post .body,::-ms-backdrop{width:468px}#search-form{background-color:#000}#search-form.fixed{position:fixed;top:0;width:100%;height:60px;z-index:20}#search-field{position:absolute;display:none;top:13px;left:16px;right:56px;width:calc(100% - 16px - 56px)}#search-input{margin:0;width:100%;height:34px;padding-right:40px}#search-input+button[type=submit]{position:absolute;top:5px;right:8px;display:inline;border:none;margin:0;padding:0;width:24px;height:24px;outline:none;background:transparent;-webkit-box-shadow:none;box-shadow:none;cursor:pointer}#search-input+button[type=submit] svg path{fill:#0066a8}#search-label{position:absolute;top:18px;right:16px;margin:0;width:24px;height:24px;background-image:url("/images/icons/search.svg");background-repeat:no-repeat;cursor:pointer}#hot-keywords{position:absolute;top:60px;left:0;display:none;z-index:18;width:100%;padding:24px;border:1px solid #ced2d4;-webkit-box-shadow:0 2px 4px 0 rgba(0,0,0,.1);box-shadow:0 2px 4px 0 rgba(0,0,0,.1);background-color:#fff}@media screen and (max-width:1019px){#hot-keywords{height:calc(100vh - 60px);overflow:scroll;padding-bottom:200px}}#hot-keywords .header{font-weight:400;margin-bottom:24px;padding:0;border:none;color:#222}#hot-keywords ul{margin:0;padding:0;list-style:none}#hot-keywords ul li{margin-bottom:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#3492d8}#hot-keywords ul li:last-child{margin-bottom:0}#search.shown #search-field{display:block}#search.shown #search-label{background-image:url("/images/icons/clear.svg")}#search.shown #hot-keywords{display:block}@media screen and (min-width:1020px){#search{position:absolute;top:0;left:0;right:0;margin:auto;width:1020px}#search #search-form{position:relative;width:1020px;height:auto;margin:0 auto}#search #search-field{width:240px}#search #search-label{top:13px;right:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:80px;height:34px;padding-right:12px;text-align:right;background-position:left 8px center}#search #search-label:hover{background-color:hsla(0,0%,100%,.3);border-radius:4px}#search #search-label:after{content:"\691C\7D22";font-size:14px;font-weight:700;color:#fff}#search.shown #search-field{left:auto;right:0}#search.shown #search-label{display:none}#hot-keywords{width:600px;top:48px;left:auto;right:0;margin-right:0;padding-bottom:8px}#hot-keywords .header{margin-bottom:16px}#hot-keywords ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#hot-keywords ul li{margin-bottom:16px;margin-right:24px}#hot-keywords ul li:last-child{margin-bottom:16px}}@media screen and (max-width:1019px){.search-shown #header,.search-shown #main{display:none}}ul.cells li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:64px}ul.cells li .category,ul.cells li .site{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}ul.cells li .category .category-name.anchor,ul.cells li .category .site-name.anchor,ul.cells li .category a.category-name,ul.cells li .category a.site-name,ul.cells li .site .category-name.anchor,ul.cells li .site .site-name.anchor,ul.cells li .site a.category-name,ul.cells li .site a.site-name{font-size:16px;color:#222}ul.cells li .category .category-name.anchor:hover,ul.cells li .category .site-name.anchor:hover,ul.cells li .category a.category-name:hover,ul.cells li .category a.site-name:hover,ul.cells li .site .category-name.anchor:hover,ul.cells li .site .site-name.anchor:hover,ul.cells li .site a.category-name:hover,ul.cells li .site a.site-name:hover{color:#3492d8}ul.cells li .category .favicon,ul.cells li .site .favicon{margin-right:8px;vertical-align:text-top;width:16px;max-width:16px;height:16px;max-height:16px}ul.cells li .category .site-url,ul.cells li .site .site-url{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#b1b1b1}#setting-ng-words .container:last-child,#setting-ng-words .form-container:last-child{padding-bottom:0}.setting-section{margin-bottom:40px}#posts.sites section{margin:0 0 24px;border-bottom:1px solid #eaeaea}#posts.sites section:last-child{margin-bottom:0;border-bottom:none}@media screen and (min-width:1020px){#posts.sites section{border-bottom:none}#posts.sites section:first-child{margin-top:16px}}#posts.sites h3{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:0 16px;height:56px;background-color:transparent;font-size:16px}#posts.sites h3 .anchor,#posts.sites h3 a{color:#222;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#posts.sites h3 .anchor:hover,#posts.sites h3 a:hover{color:#3492d8}.rank{-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-right:8px;width:32px;height:32px;border:1px solid #0066a8;border-radius:50%;background-color:#fff;font-size:12px;color:#0066a8}.rank.rank-1{border-color:#e0cf00;background-color:#e0cf00;color:#fff}.rank.rank-2{border-color:#cdcdcd;background-color:#cdcdcd;color:#fff}.rank.rank-3{border-color:#a56328;background-color:#a56328;color:#fff}.form-switch{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px;white-space:nowrap}.form-switch>:first-child,.form-switch>:last-child{display:none}@media screen and (min-width:1020px){.form-switch>:first-child,.form-switch>:last-child{display:inline}}.form-switch label{margin:0 8px;position:relative;display:inline-block;width:48px;height:24px}.form-switch label .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;border-radius:34px;background-color:#2196f3;-webkit-transition:.4s;transition:.4s}.form-switch label .slider:before{position:absolute;content:"";height:18px;width:18px;right:3px;top:3px;border-radius:50%;background-color:#fff;-webkit-transition:.4s;transition:.4s}.form-switch label input{opacity:0;width:0;height:0}.form-switch label input:checked+.slider{background-color:#ccc}.form-switch label input:checked+.slider:before{-webkit-transform:translateX(-24px);transform:translateX(-24px)}.text-muted{color:#b1b1b1}.open-bracket{text-indent:-8px}#content-top #pick-up header{display:none}#content-top #pick-up #pick-up-posts div:first-child .posts{margin-top:16px}#content-top #pick-up #pick-up-posts div:first-child .posts .post:first-child{border-top:none}#content-top #pick-up #pick-up-top-post{display:block;background-color:#fff}#content-top #pick-up #pick-up-top-post .post-image{position:relative;width:100%;height:0;padding-bottom:66.66667%}#content-top #pick-up #pick-up-top-post .post-image>img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}#content-top #pick-up #pick-up-top-post .post-image .body{position:absolute;bottom:0;left:0;width:100%;padding:8px 16px;background-color:rgba(0,0,0,.5)}#content-top #pick-up #pick-up-top-post .post-image .body .meta{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:8px}#content-top #pick-up #pick-up-top-post .post-image .body .meta .favicon{-ms-flex-negative:0;flex-shrink:0;margin-left:8px;width:16px;height:16px}#content-top #pick-up #pick-up-top-post .post-image .body .meta .site-name{-ms-flex-negative:1;flex-shrink:1;margin-left:8px;line-height:1;font-size:12px;color:#b1b1b1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#content-top #pick-up #pick-up-top-post .post-image .title{height:auto;font-weight:700;color:#fff}#content-top #pick-up .posts .post{border-top:1px solid #eaeaea}#content-top #pick-up .posts .post .content.anchor,#content-top #pick-up .posts .post a.content{padding-top:32px}#content-top #pick-up .posts .post .meta{position:absolute;top:8px;bottom:auto}#content-top #pick-up .posts .post .favicon{top:-8px;bottom:auto;left:64px}#content-top .posts{background-color:#fff}#content-top .category{margin-top:40px}#content-top .category .post{width:100%}@media screen and (min-width:1020px){#content-top{width:1020px;margin:0 auto}#content-top #pick-up header{display:block}#content-top #pick-up #pick-up-top-post.anchor,#content-top #pick-up a#pick-up-top-post{padding:16px;height:446px;color:#222;text-decoration:none}#content-top #pick-up #pick-up-top-post.anchor:hover,#content-top #pick-up a#pick-up-top-post:hover{background-color:#f0f7ff;color:#3492d8}#content-top #pick-up #pick-up-top-post.anchor:hover .post-image .body .title,#content-top #pick-up a#pick-up-top-post:hover .post-image .body .title{text-decoration:underline;color:#3492d8}#content-top #pick-up #pick-up-top-post.anchor .post-image,#content-top #pick-up a#pick-up-top-post .post-image{padding:0;height:auto}#content-top #pick-up #pick-up-top-post.anchor .post-image>img,#content-top #pick-up a#pick-up-top-post .post-image>img{position:static;width:100%;height:287px}#content-top #pick-up #pick-up-top-post.anchor .post-image .body,#content-top #pick-up a#pick-up-top-post .post-image .body{position:static;margin:16px 0 0;padding:0;background:none}#content-top #pick-up #pick-up-top-post.anchor .post-image .body .title,#content-top #pick-up a#pick-up-top-post .post-image .body .title{height:90px;font-size:20px;color:#222}#content-top #pick-up #pick-up-posts{display:-webkit-box;display:-ms-flexbox;display:flex}#content-top #pick-up #pick-up-posts>div{width:50%}#content-top #pick-up #pick-up-posts>div:first-child .posts{margin-top:0}#content-top #pick-up #pick-up-posts>div:first-child .posts .post:first-child{border-top:1px solid #eaeaea}#content-top #pick-up #pick-up-posts>div:not(:first-child) .post:first-child{border-top:none}#content-top #pick-up #pick-up-posts .posts{margin:0}#content-top #pick-up #pick-up-posts .posts .post .content.anchor,#content-top #pick-up #pick-up-posts .posts .post a.content{padding:16px}#content-top #pick-up #pick-up-posts .posts .post .content.anchor .body,#content-top #pick-up #pick-up-posts .posts .post a.content .body{position:relative;width:262px}#content-top #pick-up #pick-up-posts .posts .post .content.anchor .body .title,#content-top #pick-up #pick-up-posts .posts .post a.content .body .title{margin:20px 0 0;height:96px;-webkit-line-clamp:4}#content-top #pick-up #pick-up-posts .posts .post .content.anchor .body .meta,#content-top #pick-up #pick-up-posts .posts .post a.content .body .meta{top:0}#content-top #pick-up #pick-up-posts .posts .post .favicon{top:16px;left:186px}#content-top #pick-up .posts .content{height:148px}#content-top #pick-up .posts .content .title{height:96px;font-size:16px;line-height:24px}#content-top .posts{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}#content-top .posts .post{width:510px}#content-top .category .body{width:372px}#search #search-field,#search #search-label{top:23px}#hot-keywords{top:58px}}select{height:34px;border-radius:4px;border:1px solid #c0c5c8;background-color:#fff}html{height:100%;font-family:sans-serif}body,html{margin:0;padding:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%;background-color:#fdfdf4;color:#222;font-size:14px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,\\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3,Hiragino Kaku Gothic ProN,Arial,\\30E1\30A4\30EA\30AA,Meiryo,sans-serif}::-ms-backdrop,body{display:block}#app{-webkit-box-flex:1;-ms-flex:1;flex:1;width:100%}#content{margin-top:24px;padding-bottom:1px;background-color:#fdfdf4}#content #content-body main{margin-bottom:40px}#content #side-contents>section{display:none;margin-bottom:40px}#content #side-contents>section.shown,#content #side-contents>section.shown-small-only{display:block}#content #side-contents .container,#content #side-contents .form-container{background-color:#fff;padding:16px}@media screen and (min-width:1020px){#content{margin:24px auto 0;width:1020px;border-radius:20px}#content #content-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#content #content-body main{margin:0;width:680px}#content #content-body #side-contents{width:324px}#content #content-body #side-contents>section{display:block}#content #content-body #side-contents>section.shown-small-only{display:none}}.container,.form-container{padding:16px}@media screen and (min-width:1020px){.form-container{margin-right:auto;margin-left:auto;width:460px}}.separator-top{border-top:1px solid #eaeaea}.select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:16px;width:100%;height:50px;background-color:#ecf0f5;font-size:16px}.select label{margin:0;padding:0;white-space:nowrap}#select-category{margin-left:16px;padding:0 16px;width:100%;font-size:16px}@media screen and (min-width:1020px){.select{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}#select-category{width:auto;min-width:240px}}@media screen and (max-width:1019px){.hidden-small{display:none}}#single{margin-top:24px}#single main{padding-top:24px;background-color:#fff}#single main h3{margin:16px;padding:0;background-color:transparent;font-size:16px;font-weight:700}@media screen and (min-width:1020px){#single{width:780px;margin:0 auto;padding-top:0}#single section{padding:40px 80px;border-bottom:1px solid #eaeaea}#single main{padding-top:0}#single main h3{margin:0 0 16px}}#header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;background-color:#000}#header .anchor,#header .anchor:hover,#header a,#header a:hover{color:#fff}#header h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;height:60px;width:100%}@media screen and (min-width:1020px){#header h1{height:80px}}#header h1 .anchor,#header h1 a,#header ul{display:-webkit-box;display:-ms-flexbox;display:flex}#header ul{overflow-x:auto;margin:0;padding:0;list-style:none}@media screen and (min-width:1020px){#header ul{overflow-x:visible}}#header ul li{padding:0;border:none;white-space:nowrap;font-size:12px}#header ul li.active .anchor,#header ul li.active a{border-color:#ffb75e}#header ul li .anchor,#header ul li a{display:block;padding:8px 12px;min-width:60px;border-width:0 0 4px;border-style:solid;border-color:transparent;text-align:center}#header ul li .anchor:hover,#header ul li a:hover{text-decoration:none}@media screen and (min-width:1020px){#header ul li .anchor:hover,#header ul li a:hover{background-color:#0d7fc9}}#logo{display:block;width:187px;height:24px}#logo+span{font-size:20px;line-height:1;margin-left:4px}@media screen and (min-width:1020px){#logo{width:234px;height:30px}}.header-colors{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.header-colors div{-webkit-box-flex:1;-ms-flex:1;flex:1;height:4px}@media screen and (min-width:1020px){#header{margin:0}#header .header-colors{display:none}}@media screen and (max-width:1019px){#header-container{position:absolute;width:100vw;top:0;left:0;z-index:12}#header-container.fixed{position:fixed;top:-64px}#header-container.fixed.shown{top:0}#header-container.fixed.transition{-webkit-transition:top .2s ease-in-out;transition:top .2s ease-in-out}#main{padding-top:64px}}#footer{padding-bottom:40px}#footer .nav{margin-bottom:24px}#footer .nav .anchor,#footer .nav a{color:#fff}#footer-logo{width:auto;height:20px;margin-bottom:16px}.posts{background-color:#fff}.posts .post:first-child{border-top-width:0}@media screen and (min-width:1020px){.posts .post .content.anchor,.posts .post a.content{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}.posts .post .content.anchor .body,.posts .post a.content .body{width:542px}.posts .post .content.anchor .body .meta,.posts .post a.content .body .meta{bottom:-6px}.posts .post .content.anchor .thumbnail,.posts .post a.content .thumbnail{margin:0 16px 0 0}.posts .post.no-image .content.anchor .body,.posts .post.no-image a.content .body{width:610px}.posts .post.no-image .favicon{left:16px}}.posts .link{font-size:16px}.sites .posts .post:first-child{border-top-width:1px}.read-more{margin:0;padding:0;border-width:1px 0 0;border-style:solid;border-color:#eaeaea}.read-more.separated{padding-top:40px;border:none}.read-more>.anchor,.read-more>a,.read-more>span{width:100%;height:52px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0;background-color:#fff}.read-more svg{width:18px;height:18px;fill:currentColor;margin-left:4px}#date-nav{background-color:#fff;border-top:1px solid #eaeaea}@media screen and (min-width:1020px){#date-nav .link{padding-right:16px;padding-left:16px}}.read-more+#date-nav{border-top:none}#content-top .post.hidden{background-color:#eee!important;pointer-events:none}#content-top .post.hidden>*{visibility:hidden}dl.site-info{margin-bottom:40px;padding:16px 0 0;background-color:#fff}dl.site-info dt{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0 16px;height:32px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-width:0 0 1px;border-style:solid;border-color:#eaeaea;font-size:14px;font-weight:700;color:#b1b1b1}dl.site-info dd{padding:8px 16px 40px;font-size:16px}dl.site-info dd.setting{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}dl.site-info .form-switch>:first-child,dl.site-info .form-switch>:last-child{display:inline}@media screen and (min-width:1020px){dl.site-info{padding:16px}}ul.hot-keyword-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0;padding:0;list-style:none}ul.hot-keyword-list li{margin-bottom:16px;margin-right:24px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:16px;color:#3492d8}#post-nav{margin-top:-24px;background-color:#fdfdf4}@media screen and (min-width:1020px){#post-nav{margin-top:0}}#post-nav #post-nav-tabs{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:24px 0 0;margin:0 0 24px}@media screen and (min-width:1020px){#post-nav #post-nav-tabs{display:none}}#post-nav #post-nav-tabs>div,#post-nav #post-nav-tabs>h2{margin:0;padding:0;border-width:1px 1px 1px 0;border-style:solid;font-size:12px;font-weight:400;line-height:1}#post-nav #post-nav-tabs>div:first-child,#post-nav #post-nav-tabs>h2:first-child{border-left-width:1px;border-top-left-radius:8px;border-bottom-left-radius:8px}#post-nav #post-nav-tabs>div:last-child,#post-nav #post-nav-tabs>h2:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}#post-nav #post-nav-tabs>div .anchor,#post-nav #post-nav-tabs>div a,#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>h2 a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:8px 0;width:92px;font-weight:700}#post-nav #post-nav-tabs>div .anchor:hover,#post-nav #post-nav-tabs>div a:hover,#post-nav #post-nav-tabs>h2 .anchor:hover,#post-nav #post-nav-tabs>h2 a:hover{text-decoration:none}@media screen and (min-width:1020px){#post-nav #post-nav-tabs>div,#post-nav #post-nav-tabs>h2{width:33%;font-size:18px;font-weight:700;border:none;color:#707a8e}#post-nav #post-nav-tabs>div:first-child,#post-nav #post-nav-tabs>div:last-child,#post-nav #post-nav-tabs>h2:first-child,#post-nav #post-nav-tabs>h2:last-child{border-radius:0}#post-nav #post-nav-tabs>div:hover,#post-nav #post-nav-tabs>h2:hover{background-color:#f0f7ff}#post-nav #post-nav-tabs>div .anchor,#post-nav #post-nav-tabs>div a,#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>h2 a{width:auto;color:#707a8e}}#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>h2 a{color:#fff}@media screen and (min-width:1020px){#post-nav #post-nav-tabs>h2{border-bottom:2px solid #3492d8;background-color:inherit}#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>h2 a{color:#707a8e}}#post-nav #post-nav-tabs>div{background-color:#fff}#post-nav #breadcrumb ul{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;margin:24px 0 0;padding:0 16px 16px}@media screen and (min-width:1020px){#post-nav #breadcrumb ul{margin:0 0 40px;padding:0}}#post-nav #breadcrumb ul li{font-weight:700}#post-nav #breadcrumb ul li:after{content:"/";margin-left:8px;margin-right:8px;font-weight:400}#post-nav #breadcrumb ul li:last-child:after{content:"";display:none}#side-contents .sites>section{margin:0;background-color:#fff}#side-contents .sites>section h3{margin:0;padding:16px;height:80px}#side-contents .sites>section .posts .post{border-color:#eaeaea;border-style:solid;border-width:0 0 1px}#side-contents .sites>section:last-child .posts .post:last-child{border:none}#single main#general-ranking,#single main#general-ranking .sites{margin:0;padding:0}#single main#general-ranking .site{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 16px;height:80px;background-color:transparent;font-size:16px;border-bottom:1px solid #eaeaea}#single main#general-ranking .site .anchor,#single main#general-ranking .site a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#222;font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-word}#single main#general-ranking .site .anchor:hover,#single main#general-ranking .site a:hover{color:#3492d8}.content-header{margin:0;padding:0;border-bottom:4px solid #b1b1b1;color:#222}.content-header.border-none{border:none}.content-hader-body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0 0 8px}@media screen and (min-width:1020px){.content-hader-body{padding:0 0 16px}}.content-header-link{padding:0 16px 0 0;text-decoration:underline}@media screen and (min-width:1020px){.content-header-link{padding:0}}.content-header-title{display:none;font-weight:700;color:#222;font-size:18px;line-height:1.5;margin:0;padding:0 0 0 16px}@media screen and (min-width:1020px){.content-header-title{display:block;padding:0;font-size:24px}}#content-top .content-header .content-header-title,#single .content-header .content-header-title,.shown-small-only .content-header .content-header-title,.shown .content-header .content-header-title{display:block}.post-label{-ms-flex-negative:0;flex-shrink:0;width:56px;height:16px;text-align:center;line-height:16px;font-size:10px;font-weight:700;color:#fff}.post-label.small>span{display:block;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 center;transform-origin:0 center;width:70px}.post-label.post-label-recommended{background-color:#e2ff64;color:#000}#close-nav,#open-nav{margin:0;padding:0;outline:none;background:none;border:none;-webkit-box-shadow:none;box-shadow:none;position:absolute;top:18px;left:16px;width:24px;height:24px}@media screen and (min-width:1020px){#close-nav,#open-nav{display:none}}#category-nav{position:fixed;top:0;left:-296px;width:296px;height:100vh;z-index:16;background-color:#000;overflow:scroll;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out;padding-bottom:100px}@media screen and (min-width:1020px){#category-nav{position:static;top:unset;left:unset;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin:0 0 40px;width:auto;height:42px;overflow:visible;padding-bottom:0}}#category-nav #category-nav-header{position:fixed;top:0;left:-296px;width:296px;height:60px;padding-left:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#000;-webkit-transition:left .2s ease-in-out;transition:left .2s ease-in-out}@media screen and (min-width:1020px){#category-nav #category-nav-header{display:none}}#category-nav ul{padding:0;list-style:none}#category-nav>ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:60px 0 120px;overflow-x:auto}@media screen and (min-width:1020px){#category-nav>ul{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;margin:0}}#category-nav>ul>li .anchor,#category-nav>ul>li a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:0 16px;height:48px;width:100%;font-size:14px;font-weight:700;border:none;text-align:left;color:#fff}@media screen and (min-width:1020px){#category-nav>ul>li .anchor,#category-nav>ul>li a{width:auto;height:42px}#category-nav>ul>li .anchor:hover,#category-nav>ul>li a:hover{text-decoration:underline;background-color:#424b5c}#category-nav>ul>li>.anchor,#category-nav>ul>li>a{border-bottom:4px solid transparent;padding-top:4px}#category-nav>ul>li.active>.anchor,#category-nav>ul>li.active>a{border-bottom-color:#e2ff64}#category-nav>ul>li:hover>ul{display:-webkit-box;display:-ms-flexbox;display:flex}#category-nav>ul>li:hover>.anchor,#category-nav>ul>li:hover>a{background-color:#424b5c}}#category-nav>ul>li>ul{background-color:#424b5c;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;z-index:16}#category-nav>ul>li>ul>li{width:50%}#category-nav>ul>li>ul>li .anchor,#category-nav>ul>li>ul>li a{width:100%}@media screen and (min-width:1020px){#category-nav>ul>li>ul{position:absolute;display:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;background-color:#000}#category-nav>ul>li>ul>li{width:160px}#category-nav>ul>li>ul>li:hover{background-color:#424b5c}#category-nav>ul>li>ul>li .anchor,#category-nav>ul>li>ul>li a{width:auto}}#veil{visibility:hidden;position:fixed;top:0;left:0;width:100vh;height:100vh;opacity:0;z-index:14;background-color:#000;-webkit-transition:opacity .2s linear 0s,visibility .2s;transition:opacity .2s linear 0s,visibility .2s}html.nav-shown,html.nav-shown body{overflow:hidden}html.nav-shown #category-nav,html.nav-shown #category-nav #category-nav-header{left:0}html.nav-shown #veil{visibility:visible;opacity:.5;-webkit-transition:opacity .2s linear 0s;transition:opacity .2s linear 0s}#single.document main{padding-top:0}#single.document main section{padding:24px 16px;border-bottom:1px solid #eaeaea}#single.document main section:last-child{border-bottom:none}#single.document main h3{margin:0 0 16px;padding:0}#single.document main .container,#single.document main .form-container{margin:0;padding:0;font-size:16px}#single.document main .container p,#single.document main .form-container p{margin-bottom:24px}#single.document main .container p:last-child,#single.document main .form-container p:last-child{margin-bottom:0}#single.document main .container .container,#single.document main .container .form-container,#single.document main .form-container .container,#single.document main .form-container .form-container{margin-bottom:0;padding:16px;font-size:14px}#single.document main .container .container p,#single.document main .container .form-container p,#single.document main .form-container .container p,#single.document main .form-container .form-container p{margin-bottom:16px}#single.document main .container .container p:last-child,#single.document main .container .form-container p:last-child,#single.document main .form-container .container p:last-child,#single.document main .form-container .form-container p:last-child{margin-bottom:0}#single.document main h4{padding:6px 16px;background-color:#f4f4cb;border:none;font-size:14px;font-weight:700;color:#222}@media screen and (min-width:1020px){#single.document main section{padding:40px 80px}}