@neos21/hatena-blogs/dist/styles/corredor.css

Hatena Blogs

/*! Neo's Normalize https://neos21.net/ */@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Medium"),local("YuGothic-Medium")}@font-face{font-family:"Yu Gothic";src:local("Yu Gothic Bold"),local("YuGothic-Bold");font-weight:700}:root{--nn-ratio-1:1.3;--nn-ratio-2:calc(var(--nn-ratio-1) * var(--nn-ratio-1));--nn-ratio-4:calc(var(--nn-ratio-2) * var(--nn-ratio-2));--nn-ratio-8:calc(var(--nn-ratio-4) * var(--nn-ratio-4));--nn-space-default:calc(1rem * var(--nn-ratio-2));--nn-space-small:calc(var(--nn-space-default) / var(--nn-ratio-2));--nn-space-large:calc(var(--nn-space-default) * var(--nn-ratio-4));--nn-space-tiny:calc(var(--nn-space-small) / var(--nn-ratio-2));--nn-space-huge:calc(var(--nn-space-large) * var(--nn-ratio-4));--nn-space-indent-default:1.85rem;--nn-font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Helvetica,YuGothic,"Yu Gothic","Noto Sans JP","Noto Sans CJK JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--nn-font-family-monospace:"Noto Sans Mono CJK JP",Osaka-mono,"MS Gothic",Menlo,Consolas,Courier,"Courier New",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--nn-font-family-serif:Georgia,YuMincho,"Yu Mincho","Noto Serif JP","Noto Serif CJK JP","Hiragino Mincho ProN","HGS明朝E",serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--nn-border-radius-default:4px;--nn-colour-base:#323436;--nn-colour-background:#fdfeff;--nn-colour-link-base:#0070ff;--nn-colour-link-hover:#ff0033;--nn-colour-em:#229966;--nn-colour-strong:#ff0033;--nn-colour-grey-default:#caccce;--nn-colour-grey-lighter:#eef0f2;--nn-colour-grey-light:#f6f8fa;--nn-colour-green-default:#66ddaa;--nn-colour-green-light:#ddffee}*,::after,::before{box-sizing:border-box}html{color:var(--nn-colour-base);font-family:var(--nn-font-family-sans-serif);overflow-y:scroll;overflow-wrap:break-word;text-decoration-skip-ink:none;-webkit-text-decoration-skip:objects;line-height:1.7;background:var(--nn-colour-background);cursor:default}body{margin:0}code,pre,textarea,time{font-family:var(--nn-font-family-monospace)}article,aside,footer,header,main,section{margin:var(--nn-space-large) 0}h1,h2,h3,h4,h5,h6{margin:var(--nn-space-large) 0 var(--nn-space-default)}h1{font-size:2rem}h2{font-size:1.7rem}h3{font-size:1.5rem}h4{font-size:1.2rem}h5,h6{font-size:1rem}blockquote,details,dl,form,nav,ol,p,pre,summary,table,ul{margin:var(--nn-space-default) 0}ol,ul{padding-left:var(--nn-space-indent-default)}dd ol,dd ul{padding-left:var(--nn-space-default)}ol ol,ol ul,ul ol,ul ul{margin:0;padding-left:var(--nn-space-default)}dt{margin:var(--nn-space-default) 0 var(--nn-space-tiny);font-weight:700}dd{margin:0 0 0 var(--nn-space-indent-default)}blockquote>:first-child,dd>:first-child{margin-top:0}blockquote>:last-child{margin-bottom:0}hr{margin:var(--nn-space-large) 0;border:0;border-bottom:1px solid var(--nn-colour-grey-default)}a{color:var(--nn-colour-link-base);text-decoration:underline}a:active,a:hover{color:var(--nn-colour-link-hover)}em{color:var(--nn-colour-em);font-style:normal;font-weight:700}a em,em a{color:var(--nn-colour-em);text-decoration:underline}a:active em,a:hover em,em a:active,em a:hover{color:var(--nn-colour-link-hover)}strong{color:var(--nn-colour-strong)}a strong,strong a{color:var(--nn-colour-strong);text-decoration:underline}a:active strong,a:hover strong,strong a:active,strong a:hover{color:var(--nn-colour-link-base)}address{font-style:normal}blockquote{border:1px solid var(--nn-colour-green-default);border-radius:var(--nn-border-radius-default);padding:var(--nn-space-default) var(--nn-space-small);background:var(--nn-colour-green-light)}pre{border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:var(--nn-space-small);background:var(--nn-colour-grey-light);overflow:auto;overflow-wrap:normal;word-break:keep-all;white-space:pre}code{font-size:1em}:not(pre)>code{margin:0 calc(var(--nn-space-tiny)/ var(--nn-ratio-4));border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:calc(var(--nn-space-tiny)/ var(--nn-ratio-8)) calc(var(--nn-space-tiny)/ var(--nn-ratio-2));font-size:.94em;background:var(--nn-colour-grey-light)}table{border-collapse:collapse}caption{margin:0 0 calc(var(--nn-space-tiny)/ var(--nn-ratio-2));font-weight:700}td,th{border:1px solid var(--nn-colour-grey-default);padding:calc(var(--nn-space-tiny)/ var(--nn-ratio-2)) var(--nn-space-tiny)}th{font-weight:700;text-align:center;background:var(--nn-colour-grey-light)}td{vertical-align:top}q{quotes:"“" "”" "‘" "’"}q::before{content:open-quote}q::after{content:close-quote}summary{cursor:pointer}abbr[title],dfn[title]{font-style:normal;text-decoration:underline dotted;cursor:help}textarea{margin:0;border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:calc(var(--nn-space-tiny)/ var(--nn-ratio-2)) var(--nn-space-tiny);font-size:inherit;background:0 0;vertical-align:top}button,input,select{margin:0;font-family:inherit;font-size:inherit;vertical-align:top}[type=button],[type=password],[type=reset],[type=submit],[type=text],button{-webkit-appearance:none;border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:calc(var(--nn-space-tiny)/ var(--nn-ratio-2)) var(--nn-space-tiny);background:0 0}[type=button],[type=reset],[type=submit],button{background:var(--nn-colour-grey-light);cursor:pointer}[type=button]:focus,[type=button]:hover,[type=reset]:focus,[type=reset]:hover,[type=submit]:focus,[type=submit]:hover,button:focus,button:hover{background:var(--nn-colour-grey-lighter)}[type=checkbox],[type=radio]{vertical-align:middle;cursor:pointer}:root{--colour-grey-text:#949b98;--font-size-base:17px;--comment-icon-size:50px}html{overflow-x:hidden;font-size:clamp(var(--font-size-base),1.7vw,20px)}@media (max-width:600px){html{word-break:break-all}}body{padding:0!important}code,pre,textarea{font-family:var(--nn-font-family-monospace)!important}time{font-family:var(--nn-font-family-sans-serif)}h1{font-size:1.6rem}h2{font-size:1.4rem}h3{font-size:1.2rem}pre{border:0;color:#f2f8f8;background:#222728}blockquote{padding-bottom:0}blockquote>:last-child{margin-bottom:var(--nn-space-default)}a{text-decoration:none}.adsense{overflow:hidden;margin:0 auto;text-align:center}.adsbygoogle{margin-right:auto!important;margin-left:auto!important}.google-auto-placed{overflow:hidden}#blog-description,#top-box,.archive-entry .entry-thumb-link,.archive-entry-tags-wrapper,.entry-footer-section,.entry-tags-wrapper,.hatena-asin-detail a[href*="d.hatena.ne.jp/asin/"],.hatena-citation,.hatena-module-html .hatena-module-title,.hatena-module-search-box .hatena-module-title,.requote-button{display:none!important}#bottom-editarea,#box2,#footer-links,#title,#top-editarea,.entry-footer,.entry-header{margin:var(--nn-space-large) 0}#footer-link-active,.entry-content a code,.entry-content em code,.entry-content strong code,.entry-title a,.hatena-module-archive .hatena-module-title a{color:inherit}#footer-link-active:hover,.entry-title a:hover,.hatena-module-archive .hatena-module-title a:hover,a:active strong,a:hover strong,strong a:active,strong a:hover{color:var(--nn-colour-link-hover)}.archive-date a,.categories a,.comment-metadata,.entry-categories a,.entry-date a,.pager-next::before,.pager-prev::before{color:var(--colour-grey-text);font-size:.85rem}#footer-links a,.archive-date a:hover,.categories a:hover,.entry-categories a:hover,.entry-date a:hover,a code{text-decoration:underline}#footer-links,#title,.hatena-module{font-size:var(--font-size-base)}.entry-content code{margin:0 calc(var(--nn-space-tiny)/ var(--nn-ratio-4));border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:calc(var(--nn-space-tiny)/ var(--nn-ratio-8)) calc(var(--nn-space-tiny)/ var(--nn-ratio-2));color:#f07;font-size:.94em;background:var(--nn-colour-grey-light)}#container{max-width:42rem;margin:var(--nn-space-large) auto;padding:0 1rem}#container-inner{position:relative}#header-links{position:absolute;top:0;right:0}#footer-links div a,#header-links a{margin-right:var(--nn-space-tiny);color:var(--nn-colour-base)}#footer-links div a:hover,#header-links a:hover{color:var(--colour-grey-text)}.entry-header{position:relative;border-bottom:1px solid var(--nn-colour-grey-lighter);padding-bottom:var(--nn-space-tiny)}.entry-title{margin:calc(var(--nn-space-tiny)/ var(--nn-ratio-2)) 0}.entry-header-menu{position:absolute;right:0}.archive-entry-body{margin-top:var(--nn-space-tiny);border-top:1px solid var(--nn-colour-grey-lighter);font-size:var(--font-size-base)}.categories a:not(:last-child),.entry-categories a:not(:last-child){margin-right:var(--nn-space-tiny)}.synComment{color:#8ea1a5}.synPreProc,.synStatement{color:#f92672}.synSpecial{color:#e6db74}.synIdentifier{color:#a6e22e}.synType{color:#66d9ef}.synConstant{color:#ae81ff}.table-of-contents{border-left:calc(var(--nn-space-indent-default)/ 2) solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:var(--nn-space-default) calc(var(--nn-space-indent-default)/ 2) var(--nn-space-default) calc(var(--nn-space-indent-default) + var(--nn-space-tiny));background:var(--nn-colour-grey-lighter)}.table-of-contents::before{content:"目次";display:block;margin-bottom:var(--nn-space-default);margin-left:calc(var(--nn-space-indent-default) * -1 - 5px + calc(var(--nn-space-indent-default)/ 2));font-weight:700}.hatena-asin-detail{position:relative;border-radius:var(--nn-border-radius-default)}.hatena-asin-detail::before{position:absolute;right:var(--nn-space-tiny);bottom:var(--nn-space-tiny);font-size:55px;font-family:blogicon;line-height:1;content:"\f034";color:rgba(255,153,0,.5)}.hatena-asin-detail.hatena-rakuten-detail::before{content:"\f722";width:48px;height:48px;border-radius:50%;color:rgba(200,0,0,.5)}.hatena-asin-detail li{line-height:1.4}.entry-content .hatena-fotolife{display:block;margin:0 auto}.entry-footer{border-top:1px solid var(--nn-colour-grey-lighter);padding-top:var(--nn-space-small);font-size:var(--font-size-base)}.comment-box{text-align:center}.comment{padding:0;text-align:left;list-style:none}.entry-comment{padding-left:calc(var(--comment-icon-size) + var(--nn-space-small))}.entry-comment .hatena-id-icon{position:absolute;top:0;left:0;width:var(--comment-icon-size);height:var(--comment-icon-size);border-radius:3px}.leave-comment-title{border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);padding:var(--nn-space-tiny);color:inherit!important;font-size:var(--font-size-base)}.leave-comment-title:hover{background:var(--nn-colour-grey-lighter)}.pager{display:grid;grid-template-areas:"prev next";grid-template-columns:1fr 1fr;gap:var(--nn-space-default);font-size:var(--font-size-base)}.pager-prev{grid-area:prev}.pager-prev::before{content:"新しい記事";display:block}.pager-next{grid-area:next;text-align:right}.pager-next::before{content:"古い記事";display:block}#box2-inner{display:grid;grid-template-areas:"box2-html box2-html" "search-box search-box" "archive category";grid-template-columns:1fr 1fr;gap:var(--nn-space-default);border-bottom:1px solid var(--nn-colour-grey-lighter);padding-bottom:var(--nn-space-default)}.hatena-module-html{grid-area:box2-html}.hatena-module-search-box{grid-area:search-box}.hatena-module-archive{grid-area:archive}.hatena-module-category{grid-area:category}.hatena-module-search-box .search-form,.search-result .search-result-form{position:relative;border:1px solid var(--nn-colour-grey-default);border-radius:var(--nn-border-radius-default);background:0 0}.hatena-module-search-box .search-module-input,.search-result .search-result-input{width:calc(100% - 20px - 5px);height:30px;outline:0;border:0;font-size:16px;color:inherit;background:0 0}.hatena-module-search-box .search-module-button,.search-result .search-result-button{position:absolute;top:5px;right:5px;width:20px;height:20px;outline:0;border:0;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png) no-repeat 100%;text-indent:-9999px;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover,.search-result .search-result-button:hover{opacity:.85}.hatena-module-archive .hatena-module-title,.hatena-module-category .hatena-module-title{margin:0 0 var(--nn-space-small)}.hatena-module-archive .hatena-module-body,.hatena-module-category .hatena-module-body{overflow-y:auto;height:60vh;min-height:15rem}.hatena-module-archive .hatena-urllist,.hatena-module-category .hatena-urllist{margin:0;font-size:var(--font-size-base)}.hatena-module-archive .hatena-module-body .archive-module-button{display:inline-block;width:1rem;text-align:center}.hatena-module-archive .hatena-module-body .archive-module-month{margin-left:2rem}.hatena-module-category .hatena-urllist{padding:0;line-height:1.5;list-style:none}#footer-links ul{padding:0;list-style:none}#footer-links li{display:inline}#footer-links li:not(:last-child){margin-right:var(--nn-space-small)}#footer-links ul:first-child li:first-child a{font-weight:700}#footer-links ul:first-child li:first-child::after{content:":";margin-left:var(--nn-space-small)}#footer-links div{text-align:right}:root{--nn-colour-base:#34383b;--nn-colour-background:#fdfeff;--nn-colour-link-base:#f0a;--nn-colour-link-hover:#06f}