/* */
@charset "UTF-8";/*!
Theme Name: Terminal
Responsive: yes
*//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display: inline;*zoom: 1}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}.layer-dark-background{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')"}.layer-light-background{background:#ffffff40;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#ddffffff',EndColorStr='#ddffffff')"}html,body{background-color:#272822;color:#b2b2b2;font-family:Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}a{color:#3ec63e}a:visited{color:#51cfcf}a:hover,a:active{color:#ee2d71}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#f2f2f2;text-decoration:none}a.keyword{text-decoration:none;border-bottom:1px dotted #4f5145;color:#b2b2b2}#globalheader-container{background-color:#333;color:#fff;width:100%}#container{margin-left:auto;margin-right:auto;margin-bottom:30px;padding-top:60px;width:940px}#container #content{display:block;*zoom: 1}#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#container-inner{position:relative}#main{float:left;width:680px}#box2{float:right;width:220px}#blog-title{margin:0;padding:20px 0 40px}#title{margin:0;padding-left:135px}#title a,#title a:visited{color:#f2f2f2}#title a:hover{color:#ee2d71}#blog-description{font-weight:400;font-size:80%;margin:5px 0 0;padding-left:135px}#blog-description:before{color:#555;content:"// "}.header-image-enable #container{padding-top:53px}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{-moz-text-shadow:2px 2px 2px rgba(0,0,0,.5);-webkit-text-shadow:2px 2px 2px rgba(0,0,0,.5);text-shadow:2px 2px 2px rgba(0,0,0,.5)}.header-image-enable #title:before,.header-image-enable #blog-description:before{color:#f2f2f2}.header-image-enable #blog-title{height:200px}.header-image-enable #blog-title-inner{box-shadow:inset 0 0 5px #00000080;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}#top-box .breadcrumb{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";font-size:80%;margin:10px auto 20px;padding:8px}.entry{margin-bottom:150px;position:relative;display:block;*zoom: 1}.entry:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.entry-header{border-bottom:4px double #b2b2b2;padding:0 0 8px;position:relative;display:block;*zoom: 1}.entry-header:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.entry-title{color:#f2f2f2;line-height:1.3;font-size:120%;font-weight:400;margin:0;padding:8px 0 0 135px}.entry-title a:before{content:"/*";padding-right:.5em}.entry-title a:after{content:" */";padding-left:.5em}.entry-title a:hover{color:#ee2d71}.date{font-family:"Courier","Courier New",Sans-Serif;font-size:90%;padding:11px 0 0;position:absolute;top:0;width:120px;display:flex;flex-direction:column}.date a{color:#3ec63e;text-decoration:none;font-size:90%}.date a:hover{color:#ee2d71}.date-last-updated{color:#3ec63e;font-size:90%;margin-left:0;display:flex;align-items:center;gap:4px}.date-last-updated .blogicon{vertical-align:text-bottom}.categories{left:0;position:absolute;top:76px;width:10px}.categories a{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";color:#b2b2b2;display:inline-block;font-size:80%;line-height:2;margin-bottom:3px;max-width:110px;padding:0 5px;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.categories a:hover{background:#ee2d71;color:#272822}.categories a:before{color:#ffffff4d;content:"*";font-family:"Courier","Courier New",Sans-Serif;padding-right:3px}.categories.no-categories{margin:0}.categories.no-categories:before{content:none}.entry-header-menu{position:absolute;right:0;top:-15px}.entry-header-menu a{background:none;color:#b2b2b2;display:inline-block;font-size:80%;text-decoration:underline}.entry-header-menu a:hover{color:#f2f2f2}.entry-content{border-bottom:1px solid #4f5145;float:right;font-size:95%;line-height:1.7;padding-bottom:20px;width:545px}.entry-content p{margin:0 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:#f2f2f2;font-weight:400;margin:1.5em 0;line-height:1.5}.entry-content h1:before,.entry-content h2:before,.entry-content h3:before,.entry-content h4:before,.entry-content h5:before,.entry-content h6:before{color:#555;font-weight:400;padding-right:.5em}.entry-content h1{font-size:120%}.entry-content h1:before{content:"#"}.entry-content h2{font-size:120%}.entry-content h2:before{content:"##"}.entry-content h3{font-size:120%}.entry-content h3:before{content:"###"}.entry-content h4{font-size:120%}.entry-content h4:before{content:"####"}.entry-content h5{font-size:120%}.entry-content h5:before{content:"#####"}.entry-content h6{font-size:120%}.entry-content h6:before{content:"######"}.entry-content p{margin:1em 0}.entry-content blockquote{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border:none;border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table th,.entry-content table td{text-align:left;border-bottom:1px solid #4f5145;padding:5px 20px}.entry-content table th{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";color:#f2f2f2;font-size:80%}.entry-content pre{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";margin:0 0 10px;padding:20px;white-space:pre}.entry-content pre>code{background:transparent;white-space:pre}.entry-content code{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";font-size:90%;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";border:none;padding:20px}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{float:right;width:545px}.entry-footer-section{font-family:"Courier","Courier New",Sans-Serif;font-size:80%;color:#b2b2b2}.entry-footer-section a{color:#b2b2b2}.entry-footer-section a:hover{color:#ee2d71}.social-buttons,.entry-footer-html{margin:10px 0}.hatena-star-user{-webkit-border-top-right-radius:2px!important;-webkit-border-bottom-right-radius:0!important;-webkit-border-bottom-left-radius:0!important;-webkit-border-top-left-radius:0!important;-moz-border-radius-topright:2px!important;-moz-border-radius-bottomright:0!important;-moz-border-radius-bottomleft:0!important;-moz-border-radius-topleft:0!important;border-radius:2px!important;-moz-background-clip:padding!important;-webkit-background-clip:padding-box!important;background-clip:padding-box!important}.comment-box ul{background:#00000040;-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#dd000000',EndColorStr='#dd000000')";font-size:90%;list-style:none;margin:0;padding:0}.comment-box li{border-top:1px dotted #4f5145;padding:15px 15px 15px 75px;position:relative;color:#999}.comment-box li:first-child{border:none;margin-top:10px}.comment-box li.read-more-comments{padding-left:15px}.comment-box .hatena-id-icon{position:absolute;top:15px;left:15px;width:50px!important;height:50px!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.comment-user-name{margin:0 0 10px;font-weight:700}.comment-content{font-size:90%;margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-family:"Courier","Courier New",Sans-Serif;font-size:80%;color:#b2b2b2;margin:0}.comment-metadata a{color:#b2b2b2}.leave-comment-title{background:#b2b2b2;color:#4f5145;display:inline-block;font-family:"Courier","Courier New",Sans-Serif;font-size:80%;font-weight:700;line-height:2;margin-top:15px;padding:0 10px}.leave-comment-title:hover{background:#ee2d71;color:#272822}#box2{line-height:1.5}.hatena-module{border-bottom:1px solid #b2b2b2;margin-bottom:30px;padding:30px 0 0}.hatena-module-title{color:#f2f2f2;font-family:"Courier","Courier New",Sans-Serif;font-size:100%;letter-spacing:.3em;margin-bottom:15px;text-transform:uppercase}.hatena-module-title a{color:#f2f2f2;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-body{font-size:80%}.hatena-module-profile a{text-decoration:none}.hatena-module-profile .profile-icon{height:20px;margin-right:3px;vertical-align:top;width:20px;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.hatena-module-profile .id{display:inline-block;font-size:110%;margin-bottom:5px}.hatena-module-profile .profile-description p{margin:0;padding:0}.hatena-follow-button-box{padding-bottom:5px}#box2 .hatena-urllist li:before{color:#555;content:"+ "}#box2 .hatena-urllist li:first-child{border:none}#box2 .hatena-urllist .urllist-item:before{content:none}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{border-top:1px dotted #4f5145;line-height:1.5;padding:5px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hatena-urllist li a{text-decoration:none}.hatena-module-recent-entries li{overflow:auto;white-space:normal;text-overflow:clip}.hatena-module-recent-entries li:before{content:""}.hatena-module-search-box{padding-bottom:10px!important}.hatena-module-search-box .search-form{border:1px solid #4f5145;position:relative;width:100%;-ms-box-sizing:border-box;box-sizing:border-box}.hatena-module-search-box .search-module-input{padding:5px;color:#b2b2b2;background:none;border:none;outline:none;height:20px;width:90%}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/css/theme/terminal/search_w.png?version=157ee0ed1ca836d9944fa82e4c5c3a) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=85)}.recent-comments .recent-comment-time{opacity:.8}.recent-comments .hatena-id-icon{-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.pager{border-top:1px solid #4f5145;border-bottom:1px solid #4f5145;font-size:80%;font-weight:700;margin-bottom:20px;padding:20px 0;text-align:center;display:block;*zoom: 1}.pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.pager a{color:#b2b2b2;display:inline-block;text-decoration:none}.pager a:hover{color:#ee2d71}.pager .pager-next{float:right}.pager .pager-prev{float:left}#footer{color:#b2b2b2;font-size:80%;line-height:1.5;margin:0 auto;padding:0 0 30px;text-align:left;width:960px}#footer address{display:inline-block;float:left}#footer p{display:inline-block;margin:0;float:right}#footer a{color:#b2b2b2;text-decoration:none}#footer a:hover{color:#ee2d71}#footer img{vertical-align:middle}.page-about #main{border-top:4px double #b2b2b2;margin-top:8px}.page-about .entry{padding-top:10px}.page-about .entry-content{border:none;float:none}.page-about dt{color:#f2f2f2;font-size:80%}.page-about dt:first-child{border:none;padding:0}.page-about dd{margin:0 0 40px}.page-archive #main{border-top:4px double #b2b2b2;margin-top:8px}.page-archive #main p{font-size:80%;margin:5px 0 40px}.page-archive #main section{border-top:1px dotted #4f5145;padding-top:15px;margin-bottom:15px;width:545px;padding-left:135px;position:relative;display:block;*zoom: 1}.page-archive #main section:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.page-archive #main section:first-child{border:none}.page-archive #main .date{font-family:"Courier","Courier New",Sans-Serif;font-size:90%;margin:0;padding:0;position:absolute;top:15px;left:0}.page-archive #main .date a{color:#3ec63e;text-decoration:none}.page-archive #main .date a:hover{color:#ee2d71}.page-archive #main ul{list-style-type:none;margin:0;padding:0}.page-archive #main ul li{padding-left:135px}.page-archive .categories{position:static}.page-archive .categories a{background:none;color:#b2b2b2;display:inline;margin-right:5px;padding:0}.page-archive .categories a:before{color:#555}.page-archive .categories a:hover{color:#ee2d71}.page-archive .entry-title{display:inline;float:none;font-size:100%;line-height:1.3;padding:0;text-decoration:none}.page-archive .entry-title a:link{color:#f2f2f2}.page-archive .social-buttons{display:block}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/css/theme/terminal/search_w@2x.png?version=157ee0ed1ca836d9944fa82e4c5c3a) no-repeat right center;background-size:20px 20px}}@media (max-width: 960px){#container{width:93.75%;word-wrap:break-word;overflow:hidden}#main{border-bottom:1px solid #b2b2b2;width:100%;float:none}.page-archive #main{margin-bottom:100px}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}.entry-header-menu{top:-45px;left:0}.categories{top:-20px;width:100%;overflow:hidden}.entry-content{padding-left:0;width:100%}.page-about .entry-content{padding:0;width:100%}.page-about .entry-content dl{padding-left:135px}.entry-footer{float:none;padding:5px 0 0;width:100%}#footer{width:100%}}@media (max-width: 767px){#globalheader-container{position:static}#container{width:93.75%;word-wrap:break-word;overflow:hidden;padding-top:0}#title,#blog-description{padding-left:0}#main{border-bottom:1px solid #b2b2b2;width:100%;float:none}.page-archive #main{margin-bottom:100px}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}.entry-title{padding-left:0}.date{position:static;flex-direction:row;width:-moz-fit-content;width:fit-content;gap:14px}.entry-content{padding-left:0;width:100%}.page-about .entry-content{padding:0;width:100%}.page-about .entry-content dl{padding-left:135px}.entry-footer{float:none;padding:5px 0 0;width:100%}#footer{width:100%}}
/* */
/* */
body{ background-image: linear-gradient(to right, rgba(0,0,0,0.0), rgba(0,0,0,0.2) 10%, rgba(0,0,0,0.2) 90%,rgba(0,0,0,0.0)),
url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/pattern-08.jpg?version=d141c4213d39b6a32950f88aaf3c39cfcf89efe6&env=production');
background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/* */
/* 全体設定 */
body{ color: #c0c0c0; }
a { text-decoration: none; }
/* html, body { font-family:"M PLUS 2", sans-serif; } */
/* 記事の横幅拡張 */
/* .page-archiveは記事一覧のとこ */
#container { width: 1000px; }
#main { width: 740px; }
.entry-content,
.entry-footer { width: 630px; }
.page-archive #main section { width: auto; }
@media not (max-width: 767px){ .entry-title { padding-left: 110px; } }
.date { width: 105px; }
#footer { width: 1000px; }
@media (width <= 1024px){ #container { width: 93.75%; } }
@media (width <= 1024px){ #main { width: 100%; } }
@media (width <= 1024px){ .entry-content, .entry-footer { width: 100%; } }
@media (width <= 1024px){ .categories { top: -20px; width: 100%; overflow: hidden; } }
@media (width <= 1024px){ #box2 { width: 100%; } }
@media (width <= 1024px){ #footer { width: auto; } }
/* 独自追加 - SI接頭辞の色分け */
/* ～
な感じで (マイクロメートルは SI_um ) */
.SI_nm { text-shadow: 1px 1px 1px #9933CC; }
.SI_um { text-shadow: 1px 1px 1px #CC3399; }
.SI_mm { text-shadow: 1px 1px 1px #CC9933; }
.SI_cm { text-shadow: 1px 1px 1px #99CC33; }
.SI_m { text-shadow: 1px 1px 1px #33CC99; }
.SI_km { text-shadow: 1px 1px 1px #3399CC; }
/* 独自追加 - 横スクロール */
/* ～
な感じで */
.nobr{ white-space: nowrap; overflow-x: auto; }
/* 独自追加 - 沼色ウィンドウ */
/* ～
な感じで */
.window_swamp{
border: 3px double;
background: #004252;
color: white;
text-shadow: 1px 1px 1px black;
}
/* 独自追加 - ブロマガから持ってきた生地用 */
.blomaga{ border: 1px solid gray; background: rgba(0,0,0,0.5); padding: 4px; border-radius: 4px; font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif!important; font-size: 16px; }
/* 独自追加 - 静画のサムネイル折り畳み用 */
/* ～
な感じで */
.seiga-thumbs { width: 533px; }
.seiga-thumbs > iframe { width: 176px; transition: 0.15s; }
.seiga-thumbs > iframe:hover { width: 312px; }
@media (width <= 1024px){ .seiga-thumbs { width: auto; } }
@media (width <= 1024px){ .seiga-thumbs > iframe { width: 312px; } }
/* 独自追加 - contentsの装飾用 */
.table-of-contents::before { content: "Contents"; color: white;}
.table-of-contents a:not(.keyword){ text-decoration: none; border-left: double 3px #4f5145; padding: 0.2em 0.2em; }
.table-of-contents a:not(.keyword):hover{ border-left: solid 3px #ee2d71; }
.table-of-contents{ background: rgba(0, 0, 0, 0.5); padding: 0.5em; list-style: none none inside; }
.table-of-contents ul{ list-style: none none inside; padding-inline-start: 1.5em;}
/* 独自追加 - 動画プレイヤー切替用 */
.PlayerTabBox{ max-width:640px; }
.PlayerTabBox input{ display: none; }
.PlayerTabBox label{ float:left; margin-right:0.4em; }
.PlayerTabBox input + label img{ background: gray; }
.PlayerTabBox input:hover + label img{ background: #ee2d71; }
.PlayerTabBox input:checked + label img{ background: white; }
.PlayerTabBox input:checked + label{ background: black; }
#NicoCnt, #TubeCnt{ display: none; height: 360px; }
input[id^="Nico"]:checked ~ #NicoCnt { display: block; }
input[id^="Tube"]:checked ~ #TubeCnt { display: block; }
/* 独自追加 - タイトル下の調整 ～
*/
#blog-title { padding: 0 0 50px 0; }
@media (width <= 1024px){ #blog-title { padding: 20px 0 10px 0; } }
#title_under{ display: none; flex-wrap: wrap; margin-bottom: 50px; padding-left: 135px; }
#title_under > div{ margin-right:1em; margin-bottom:8px; }
#title_under a{ text-decoration: none; }
@media (width <= 1024px){ #title_under{ display: flex; } }
@media (width <= 767px){ #title_under{ display: flex; padding-left: 0; } }
/* グローバルヘッダー */
#globalheader-container{ background-color:rgba(0, 0, 0, 0.45); }
/* トップページの「次のページ」だけを非表示化 */
a[href*="hatenadiary.jp/?page="]{ display: none; }
/* detailsの装飾付け */
:not(td) > details { padding: 2px 4px 6px; }
:not(td) > details { background: rgba(0,0,0,0.5); }
:not(td) > details > summary { cursor: pointer; }
:not(td) > details[open] > summary { border-bottom: solid 1px Gray; }
:not(td) > details > summary::before { content: "▶"; }
:not(td) > details[open] > summary::before { content: "▼"; }
/* 記事本体 */
.entry { margin-bottom: 30px; }
/* 記事本体-タイトル */
.entry-title a:before { content: ""; padding-right: 0; }
.entry-title a:after { content: ""; padding-left: 0; }
/* 記事内の見出し */
.entry-content h3, .entry-content h4{ margin: 1.5em 0 0.5em; }
/* 記事の更新日 */
.date-last-updated { opacity: 0.65; }
/* 記事内の画像(クリックで拡大表示できるもの) */
img.hatena-fotolife { border: solid 1px gray; }
/* 記事本体-関連記事 */
.urllist-with-thumbnails li .urllist-image { height: 64px; width: 64px; }
/* 次のページ、次の記事／前の記事 */
.pager { font-size: 90%; padding: 5px 0;}
.pager a { color: white; }
.pager-prev, .pager-next { padding: 5px 0; }
/* 記事一覧-カテゴリ表示 */
.page-archive .categories { position: absolute; top: auto; left: 0; }
/* 記事一覧-記事タイトル */
.page-archive .entry-title { font-size: 120%; }
.entry-title a:hover,
.page-archive .entry-title a:link:hover { color: #ee2d71; }
/* 記事一覧-記事概要 */
.page-archive #main section { min-height: 120px; }
.entry-description { word-break: keep-all; overflow-wrap: break-word; }
.page-archive #main p { margin: 2px 0 0 130px; }
/* 記事一覧-選択中のカテゴリ名 */
.archive-header-category{ margin-left: 135px; }
/* 記事一覧-はてなスター */
.archive-entry .social-buttons { visibility: hidden; margin: 0 0 0 130px; position: absolute; bottom: 0; }
/* 記事一覧/記事内-タグ */
.archive-entry-tag .archive-entry-tag-link,
.entry-tag .entry-tag-link{ color: inherit; background-color: #222; border: none; }
.archive-entry-tag .archive-entry-tag-link:hover,
.entry-tag .entry-tag-link:hover{ color: #ee2d71; background-color: #222; }
/* 記事一覧をそれっぽくスマホ対応 */
@media (width <=1024px){
.page-archive #main section{
padding-left: 0;
width: auto;
padding-top: 30px;
}
//.page-archive #main .date{ top: 0; }
.page-archive .categories {
position: static;
top: 76px;
}
}
/* 検索ボックス */
.hatena-module-search-box .search-module-input { height:15px; width:85%; }
.hatena-module-search-box .search-module-button { top:2.5px; }
/* 検索結果 */
.archive-heading{ display:none; }
.search-result{ padding-left: 135px; }
@media (width <=1024px){ .search-result{ padding-left: 0; } }
/* サイドバー複数列化 */
#box2-inner { display: flex; flex-wrap: wrap; }
/* サイドバー */
.hatena-module {
border-bottom: 0px solid #b2b2b2;
margin-bottom: 0;
padding: 10px 8px 40px 0;
}
.hatena-module-body { font-size: 0.85rem; }
.hatena-module a {text-decoration: none;}
/* サイドバー要素の横幅 */
.hatena-module-html, .hatena-module-category, .hatena-module-category .hatena-urllist{ width: 220px; }
//@media (width <= 1024px){ .hatena-module-html:nth-child(5) { width: 315px; } }
/* サイドバー要素のタイトル */
.hatena-module-title {
letter-spacing: .2em;
margin-bottom: 8px;
}
/* サイドバー - 記事カテゴリー/他の活動場所 */
/* .hatena-module-category .hatena-urllist, #SelfLink{
width: 220px;
display: flex;
flex-wrap: wrap;
} */
/* .hatena-module-category .hatena-urllist li, #SelfLink li{
flex: 100%;
display: inline-block;
padding: 6px 0;
} */
/* サイドバー - 他の活動場所/リンク */
#box2 .hatena-module-custom-Links img{ padding-right:4px; vertical-align: text-bottom;}
/* リスト要素の先頭に挿入 */
#box2 .hatena-urllist li:before { content: none; }
/* 2つ目の要素 (の上のボーダー消したい用) */
/* .hatena-module-category .hatena-urllist li:nth-child(2),#SelfLink li:nth-child(2){ border: none; } */
/* 5つ目の要素 (の右側に空白を作りたい用) */
//.hatena-module-category .hatena-urllist li:nth-child(5){
// flex: 100%;
//}
/* 独自追加：サイドバーのツイート表示っぽいもの */
.SidebarTweetsUserBox{ width:220px; background:rgba(0,0,0,1); line-height:1.5; font-size: 0.9rem; }
.SidebarTweetsUserBox a { color:#f2f2f2; font-weight:500; }
.SidebarTweetsUserBox img{ width:32px; height:32px; background: #000; border-radius: 50%; margin:4px 4px 0 2px; }
.SidebarTweetsUserBox span{ vertical-align:top; }
.SidebarTweetsBox{ width:220px; background:rgba(0,0,0,0.35); border-bottom:1px solid #333; color:#DDD; line-height:1.5; padding: 8px 2px 8px; font-size: 0.8rem; }
.SidebarTweetsBox:first-child { padding-top:2px;}
.SidebarTweetsBox:last-child { padding-bottom:32px;}
.SidebarTweetsBox:nth-child(10) { background:black; }
.SidebarTweetsBox > div:last-child { text-align:right; margin:2px 5px; }
.SidebarTweetsBox > div:last-child a { opacity:0.8; }
.SidebarTweetsBox table { width:216px; Height:121.5px; }
.SidebarTweetsBox td { background-size: cover; background-position: center; border:1px solid #000; }
/* Powered by Hatena Blog */
#footer { padding: 0 0 10px; }
#footer address { display: block; float: none; }
#footer p { float: none; }
/* ページトップ・メニュー移動とシェア系ボタン */
.fixed-content,
.fixed-content_social{
display: flex;
position: fixed;
align-items: flex-end;
right: 20px;
gap: 6px;
}
/* #bottom-editarea */
.fixed-content { bottom: 20px; }
.fixed-content_social { bottom: 55px; }
.fixed-content a { width: 64px; }
.fixed-content_social a { width: 17px; }
#menu-jump { display:none; }
@media (width <= 1024px){ #menu-jump { display:block; } }
.fixed-content a,
.fixed-content_social a,
.fixed-content_social Button{
display: block;
background-color: rgba(0,0,0,0.5);
font-size: 75%;
color: White;
text-align: center;
text-decoration: none;
border: none;
}
.fixed-content a,
.fixed-content_social Button{
padding: 6px 9px;
}
/* ▼このdisplay:none;はJavaScriptでblockに書き換えられる */
.fixed-content_social a{
display: none;
padding: 4px;
}
.fixed-content_social img{
max-height: 16px;
vertical-align: middle;
}
.fixed-content a:hover,
.fixed-content_social a:hover,
.fixed-content_social button:hover {
background-color: rgba(0,0,0,1);
color: #ee2d71;;
}
.fixed-content_social a:hover img { filter: brightness(.8); }