@charset "UTF-8";.button-default{height:40px;border-radius:4px;box-shadow:0 1px #0000001a;border:solid 1px #e3e3e3;background-image:linear-gradient(to bottom,#fdfdfd,#f5f5f5);font-size:16px;font-weight:700;letter-spacing:-.1px;text-align:center;color:#333;cursor:pointer}.button-default:hover{border:solid 1px #a0aeb6;background-image:linear-gradient(to bottom,#fdfdfd,#e8e8e8)}.button-disabled{color:#aaa}#button-to-top{display:flex;align-items:center;justify-content:center;position:fixed;right:16px;bottom:-48px;width:48px;height:48px;padding:8px;border-radius:50%;background-color:#00000080;font-size:48px;white-space:nowrap;color:#fff;text-decoration:none;line-height:1;transition:bottom .2s ease-in-out;-webkit-tap-highlight-color:transparent}#button-to-top:active,#button-to-top:hover,#button-to-top:visited{color:#fff;background-color:#00000080}#button-to-top.shown,#button-to-top.shown-ios{bottom:calc(31.25vw + 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:flex;align-items:center;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;box-shadow:none;cursor:pointer;font-size:inherit;text-align:inherit;align-items:inherit;-webkit-appearance:none}*{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:flex;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{margin:0;padding:0 16px;border-bottom:1px solid #eaeaea;line-height:28px;font-size:14px;color:#212526}h5{margin:0;padding:0 16px;font-size:14px;font-weight:700;color:#212526}a,.anchor{color:#3492d8;text-decoration:none}a:visited:not([class*=font-color]):not(.button-rss),.anchor:visited:not([class*=font-color]):not(.button-rss){color:#3492d8}a:hover,.anchor:hover{text-decoration:underline}@media screen and (max-width:1019px){a,.anchor{outline:none}}label{display:block;margin-bottom:8px}textarea{display:block;width:100%;margin-bottom:16px;padding:8px;border-color:#eaeaea;border-radius:4px;font-size:14px}button{display:block;width:100%;height:40px;border-radius:4px;box-shadow:0 1px #0000001a;background-image:linear-gradient(to bottom,#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:flex;align-items: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 a,#footer .nav .anchor{display:block;width:50%;float:left;padding:8px 0}@media screen and (min-width:1020px){#footer .nav{display:flex;justify-content:center;margin-bottom:24px}#footer .nav a,#footer .nav .anchor{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 a,#footer #copyright .anchor{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;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);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 a.content,.posts .post .content.anchor{display:flex;justify-content:space-between;width:100%;height:124px;padding:16px 16px 12px;color:#222;text-decoration:none}.posts .post a.content:hover,.posts .post .content.anchor:hover{background-color:#f0f7ff;color:#222;text-decoration:none}.posts .post a.content:visited,.posts .post .content.anchor:visited{color:#a9b1c2}@media screen and (min-width:1020px){.posts .post a.content,.posts .post .content.anchor{height:120px;padding:16px}.posts .post a.content:hover .title,.posts .post .content.anchor:hover .title{color:#3492d8;text-decoration:underline}}.posts .post a.content .body,.posts .post .content.anchor .body{flex-grow:1;max-width:100%;display:flex;flex-direction:column;justify-content:space-between}.posts .post a.content .body .meta,.posts .post .content.anchor .body .meta{position:absolute;bottom:10px;width:calc(100% - 32px);display:flex;justify-content:space-between;white-space:nowrap;font-size:12px;color:#b1b1b1}@media screen and (min-width:1020px){.posts .post a.content .body .meta,.posts .post .content.anchor .body .meta{position:relative;width:100%}}.posts .post a.content .body .meta .site-name,.posts .post .content.anchor .body .meta .site-name{overflow:hidden;text-overflow:ellipsis;margin-left:24px}.posts .post a.content .body .meta .meta-group,.posts .post .content.anchor .body .meta .meta-group{display:flex;overflow:hidden}.posts .post a.content .body .meta .meta-group .site-name,.posts .post .content.anchor .body .meta .meta-group .site-name{margin-left:32px}.posts .post a.content .thumbnail,.posts .post .content.anchor .thumbnail{flex-shrink:0;width:90px;height:60px;margin-left:8px}@media screen and (min-width:1020px){.posts .post a.content .thumbnail,.posts .post .content.anchor .thumbnail{width:90px;height:60px;margin-left:16px}}.posts .post.ad a.content,.posts .post.ad .content.anchor{color:#222}.posts .link{border-top:1px solid #eaeaea}.posts .link a,.posts .link .anchor{display:flex;align-items: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>a,.read-more>.anchor,.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>a,.read-more>.anchor,.read-more>span{display:flex;align-items:center;justify-content:center;height:52px;padding:0}.read-more a:hover,.read-more .anchor:hover{background-color:#f0f7ff;text-decoration:underline}}#date-nav.link{overflow:hidden}#date-nav.link .prev,#date-nav.link .next{display:flex;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 a,#date-nav.link .anchor{display:inline;height:auto}@media screen and (min-width:1020px){#date-nav.link .prev,#date-nav.link .next{padding:0}}#archive{margin-top:16px}#content .post.hidden{display:none}*::-ms-backdrop,.post .body{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% - 72px)}#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;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;box-shadow:0 2px 4px #0000001a;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:flex;justify-content:flex-end;align-items:center;width:80px;height:34px;padding-right:12px;text-align:right;background-position:left 8px center}#search #search-label:hover{background-color:#ffffff4d;border-radius:4px}#search #search-label:after{content:"検索";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:flex;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:flex;align-items:center;justify-content:space-between;height:64px}ul.cells li .site,ul.cells li .category{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:8px}ul.cells li .site a.site-name,ul.cells li .site .site-name.anchor,ul.cells li .site a.category-name,ul.cells li .site .category-name.anchor,ul.cells li .category a.site-name,ul.cells li .category .site-name.anchor,ul.cells li .category a.category-name,ul.cells li .category .category-name.anchor{font-size:16px;color:#222}ul.cells li .site a.site-name:hover,ul.cells li .site .site-name.anchor:hover,ul.cells li .site a.category-name:hover,ul.cells li .site .category-name.anchor:hover,ul.cells li .category a.site-name:hover,ul.cells li .category .site-name.anchor:hover,ul.cells li .category a.category-name:hover,ul.cells li .category .category-name.anchor:hover{color:#3492d8}ul.cells li .site .favicon,ul.cells li .category .favicon{margin-right:8px;vertical-align:text-top;width:16px;max-width:16px;height:16px;max-height:16px}ul.cells li .site .site-url,ul.cells li .category .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{justify-content:center;padding:0 16px;height:56px;background-color:transparent;font-size:16px}#posts.sites h3 a,#posts.sites h3 .anchor{color:#222;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#posts.sites h3 a:hover,#posts.sites h3 .anchor:hover{color:#3492d8}.rank{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:8px;width:32px;height:32px;border:solid 1px #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:flex;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);-ms-transform:translateX(-24px);transform:translate(-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.6666666667%}#content-top #pick-up #pick-up-top-post .post-image>img{position:absolute;width:100%;height:100%;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:#00000080}#content-top #pick-up #pick-up-top-post .post-image .body .meta{display:flex;align-items:center;margin-bottom:8px}#content-top #pick-up #pick-up-top-post .post-image .body .meta .favicon{flex-shrink:0;margin-left:8px;width:16px;height:16px}#content-top #pick-up #pick-up-top-post .post-image .body .meta .site-name{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 a.content,#content-top #pick-up .posts .post .content.anchor{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 a#pick-up-top-post,#content-top #pick-up #pick-up-top-post.anchor{padding:16px;height:446px;color:#222;text-decoration:none}#content-top #pick-up a#pick-up-top-post:hover,#content-top #pick-up #pick-up-top-post.anchor:hover{background-color:#f0f7ff;color:#3492d8}#content-top #pick-up a#pick-up-top-post:hover .post-image .body .title,#content-top #pick-up #pick-up-top-post.anchor:hover .post-image .body .title{text-decoration:underline;color:#3492d8}#content-top #pick-up a#pick-up-top-post .post-image,#content-top #pick-up #pick-up-top-post.anchor .post-image{padding:0;height:auto}#content-top #pick-up a#pick-up-top-post .post-image>img,#content-top #pick-up #pick-up-top-post.anchor .post-image>img{position:static;width:100%;height:287px}#content-top #pick-up a#pick-up-top-post .post-image .body,#content-top #pick-up #pick-up-top-post.anchor .post-image .body{position:static;margin:16px 0 0;padding:0;background:none}#content-top #pick-up a#pick-up-top-post .post-image .body .title,#content-top #pick-up #pick-up-top-post.anchor .post-image .body .title{height:90px;font-size:20px;color:#222}#content-top #pick-up #pick-up-posts{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 a.content,#content-top #pick-up #pick-up-posts .posts .post .content.anchor{padding:16px}#content-top #pick-up #pick-up-posts .posts .post a.content .body,#content-top #pick-up #pick-up-posts .posts .post .content.anchor .body{position:relative;width:262px}#content-top #pick-up #pick-up-posts .posts .post a.content .body .title,#content-top #pick-up #pick-up-posts .posts .post .content.anchor .body .title{margin:20px 0 0;height:96px;-webkit-line-clamp:4}#content-top #pick-up #pick-up-posts .posts .post a.content .body .meta,#content-top #pick-up #pick-up-posts .posts .post .content.anchor .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:flex;flex-wrap:wrap}#content-top .posts .post{width:510px}#content-top .category .body{width:372px}#search #search-label,#search #search-field{top:23px}#hot-keywords{top:58px}}select{height:34px;border-radius:4px;border:solid 1px #c0c5c8;background-color:#fff}html{height:100%;margin:0;padding:0;font-family:sans-serif}body{display:flex;flex-direction:column;min-height:100%;margin:0;padding:0;background-color:#fdfdf4;color:#222;font-size:14px;line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,ヒラギノ角ゴ ProN W3,Hiragino Kaku Gothic ProN,Arial,メイリオ,Meiryo,sans-serif}*::-ms-backdrop,body{display:block}#app{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-small-only,#content #side-contents>section.shown{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:flex;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:flex;justify-content: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{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:flex;flex-wrap:wrap;justify-content:space-around;background-color:#000}#header a,#header .anchor,#header a:hover,#header .anchor:hover{color:#fff}#header h1{display:flex;align-items:center;justify-content:center;margin:0;height:60px;width:100%}@media screen and (min-width:1020px){#header h1{height:80px}}#header h1 a,#header h1 .anchor{display:flex}#header ul{overflow-x:auto;display:flex;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 a,#header ul li.active .anchor{border-color:#ffb75e}#header ul li a,#header ul li .anchor{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 a:hover,#header ul li .anchor:hover{text-decoration:none}@media screen and (min-width:1020px){#header ul li a:hover,#header ul li .anchor: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:flex;width:100%}.header-colors div{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{transition:top .2s ease-in-out}#main{padding-top:64px}}#footer{padding-bottom:40px}#footer .nav{margin-bottom:24px}#footer .nav a,#footer .nav .anchor{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 a.content,.posts .post .content.anchor{flex-direction:row-reverse}.posts .post a.content .body,.posts .post .content.anchor .body{width:542px}.posts .post a.content .body .meta,.posts .post .content.anchor .body .meta{bottom:-6px}.posts .post a.content .thumbnail,.posts .post .content.anchor .thumbnail{margin:0 16px 0 0}.posts .post.no-image a.content .body,.posts .post.no-image .content.anchor .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>a,.read-more>.anchor,.read-more>span{width:100%;height:52px;display:flex;justify-content: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:flex;justify-content:flex-start;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:flex;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:flex;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:flex;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>h2,#post-nav #post-nav-tabs>div{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>h2:first-child,#post-nav #post-nav-tabs>div:first-child{border-left-width:1px;border-top-left-radius:8px;border-bottom-left-radius:8px}#post-nav #post-nav-tabs>h2:last-child,#post-nav #post-nav-tabs>div:last-child{border-top-right-radius:8px;border-bottom-right-radius:8px}#post-nav #post-nav-tabs>h2 a,#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>div a,#post-nav #post-nav-tabs>div .anchor{display:flex;align-items:center;justify-content:center;margin:0;padding:8px 0;width:92px;font-weight:700}#post-nav #post-nav-tabs>h2 a:hover,#post-nav #post-nav-tabs>h2 .anchor:hover,#post-nav #post-nav-tabs>div a:hover,#post-nav #post-nav-tabs>div .anchor:hover{text-decoration:none}@media screen and (min-width:1020px){#post-nav #post-nav-tabs>h2,#post-nav #post-nav-tabs>div{width:33%;font-size:18px;font-weight:700;border:none;color:#707a8e}#post-nav #post-nav-tabs>h2:first-child,#post-nav #post-nav-tabs>h2:last-child,#post-nav #post-nav-tabs>div:first-child,#post-nav #post-nav-tabs>div:last-child{border-radius:0}#post-nav #post-nav-tabs>h2:hover,#post-nav #post-nav-tabs>div:hover{background-color:#f0f7ff}#post-nav #post-nav-tabs>h2 a,#post-nav #post-nav-tabs>h2 .anchor,#post-nav #post-nav-tabs>div a,#post-nav #post-nav-tabs>div .anchor{width:auto;color:#707a8e}}#post-nav #post-nav-tabs>h2 a,#post-nav #post-nav-tabs>h2 .anchor{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 a,#post-nav #post-nav-tabs>h2 .anchor{color:#707a8e}}#post-nav #post-nav-tabs>div{background-color:#fff}#post-nav #breadcrumb ul{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{margin:0;padding:0}#single main#general-ranking .sites{margin:0;padding:0}#single main#general-ranking .site{display:flex;justify-content:flex-start;align-items:center;padding:0 16px;height:80px;background-color:transparent;font-size:16px;border-bottom:1px solid #eaeaea}#single main#general-ranking .site a,#single main#general-ranking .site .anchor{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 a:hover,#single main#general-ranking .site .anchor: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:flex;justify-content:space-between;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 .content-header .content-header-title,.shown-small-only .content-header .content-header-title{display:block}.post-label{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;transform:scale(.8);transform-origin:0 center;width:70px}.post-label.post-label-recommended{background-color:#e2ff64;color:#000}#open-nav,#close-nav{margin:0;padding:0;outline:none;background:none;border:none;box-shadow:none;position:absolute;top:18px;left:16px;width:24px;height:24px}@media screen and (min-width:1020px){#open-nav,#close-nav{display:none}}#category-nav{position:fixed;top:0;left:-296px;width:296px;height:100vh;z-index:16;background-color:#000;overflow:scroll;transition:left .2s ease-in-out;padding-bottom:100px}@media screen and (min-width:1020px){#category-nav{position:static;top:unset;left:unset;display:flex;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:flex;justify-content:flex-start;align-items:center;background-color:#000;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:flex;flex-direction:column;margin:60px 0 120px;overflow-x:auto}@media screen and (min-width:1020px){#category-nav>ul{flex-direction:row;margin:0}}#category-nav>ul>li a,#category-nav>ul>li .anchor{display:flex;justify-content:flex-start;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 a,#category-nav>ul>li .anchor{width:auto;height:42px}#category-nav>ul>li a:hover,#category-nav>ul>li .anchor:hover{text-decoration:underline;background-color:#424b5c}#category-nav>ul>li>a,#category-nav>ul>li>.anchor{border-bottom:4px solid transparent;padding-top:4px}#category-nav>ul>li.active>a,#category-nav>ul>li.active>.anchor{border-bottom-color:#e2ff64}#category-nav>ul>li:hover>ul{display:flex}#category-nav>ul>li:hover>a,#category-nav>ul>li:hover>.anchor{background-color:#424b5c}}#category-nav>ul>li>ul{background-color:#424b5c;display:flex;flex-wrap:wrap;z-index:16}#category-nav>ul>li>ul>li{width:50%}#category-nav>ul>li>ul>li a,#category-nav>ul>li>ul>li .anchor{width:100%}@media screen and (min-width:1020px){#category-nav>ul>li>ul{position:absolute;display:none;flex-direction:column;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 a,#category-nav>ul>li>ul>li .anchor{width:auto}}#veil{visibility:hidden;position:fixed;top:0;left:0;width:100vh;height:100vh;opacity:0;z-index:14;background-color:#000;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;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 .form-container .container,#single.document main .container .form-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 .form-container .container p,#single.document main .container .form-container p,#single.document main .form-container .form-container p{margin-bottom:16px}#single.document main .container .container p:last-child,#single.document main .form-container .container p:last-child,#single.document main .container .form-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}}