/* blog.masahiko.info Design CSS 2026-09-26 */
@charset "utf-8";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{margin:0.67em 0;font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:bold;}dfn{font-style:italic;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-size:1em;font-family:monospace,serif;}pre{white-space:pre-wrap;}q{quotes:"\201C" "\201D" "\2018" "\2019";}small{font-size:80%;}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:0;}fieldset{margin:0 2px;padding:0.35em 0.625em 0.75em;border:1px solid #c0c0c0;}legend{padding:0;border:0;}button,input,select,textarea{margin:0;font-size:100%;font-family:inherit;}button,input{line-height:normal;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;}button[disabled],html input[disabled]{cursor:default;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}textarea{overflow:auto;vertical-align:top;}table{border-spacing:0;border-collapse:collapse;}.clearfix{display:block;*zoom:1;}.clearfix:after{display:block;clear:both;content:"";}.inline-block{display:inline-block;*display:inline;*zoom:1;}.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-text-overflow:ellipsis;-o-text-overflow:ellipsis;}html{font-size:62.5%;}body{background-color:#FFF;color:#454545;font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-size:10px;font-size:1.5rem;}a:link,a:visited{color:#1570A6;text-decoration:none;}a:hover{text-decoration:underline;}.btn{display:inline-block;margin-bottom:0;padding:4px 10px 4px;border:1px solid rgba(0,0,0,0.2);background-color:#FFF;background-clip:padding-box;color:#454545;vertical-align:middle;text-align:center;text-decoration:none !important;font-weight:bold;font-size:12px;font-size:1.2rem;line-height:18px;cursor:pointer;*display:inline;*zoom:1;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.btn:hover{background-color:#F5F5F5;text-decoration:none !important;}.btn-small{padding:2px 10px !important;font-size:11px !important;}.btn-large{padding:13px 19px;font-weight:bold;font-size:17px;line-height:normal;}#masa_menu{height:30px;font-weight:bold;font-size:20px;font-size:2.0rem;}.masa_menu_item,.masa_menu_item_active{float:left;display:inline;list-style-type:none;background-repeat:no-repeat;}.masa_menu_item a{display:block;border:0;border-right:solid 1px #FFFFFF;text-decoration:none;color:#FFFFFF;margin:0;padding:4px 12px;text-align:center;}.masa_menu_item a:hover{display:block;text-decoration:underline;}.masa_menu_item.active a{color:#000000;background-color:#FFFFFF;}.masa_menu_item.last a{border-right:0;}#spv_menu{display:none;}#globalheader-container{position:fixed;top:0;left:0;width:100%;background:#E8EAED;color:#707275;}#container{margin:0 auto 30px;padding-top:0;}#container #content{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;display:block;margin:20px auto;padding:20px;width:980px;background-color:#FFF;*zoom:1;}#container #content:after{display:block;clear:both;content:"";}#main{float:left;width:600px;}#box2{float:right;width:300px;}#blog-title{background-color:#729BBF;color:#FFF;}#blog-title-inner{width:100% !important;padding:20px 0;background-size:cover;}#blog-title a:link,#blog-title a:visited{color:#FFF;font-weight:400;background:url(https://re.masahiko.info/icon.gif) no-repeat top left;background-position-y:50%;padding-left:42px;}#blog-title h1,#blog-title h2,#masa_menu{width:940px;margin:0 auto;}#blog-title h1{font-size:38px;font-size:3.8rem;}#title{margin:0;}#title a{color:#454545;}#blog-description{margin:0;font-weight:normal;font-size:14px;font-size:1.4rem;}.header-image-enable #title{padding-top:70px;}.header-image-enable #blog-title #title a{text-shadow:0 0 6px rgba(0,0,0,.85);}.header-image-enable #blog-title #blog-description{text-shadow:0 0 6px rgba(0,0,0,.95);}#top-box{margin:20px auto 0;width:960px;font-size:12px;font-size:1.2rem;}#top-box .breadcrumb{padding:10px;background-color:#E8EAED;color:#7C828C;}.entry{position:relative;margin-bottom:60px;}.entry-header{position:relative;margin-bottom:20px;padding:0 0 2px 0;}.entry-title{margin:0;border-bottom:1px solid #C1C6D6;font-weight:400;font-size:30px;font-size:3rem;line-height:1.35em;}.entry-title a:link,.entry-title a:visited{color:#7C828C;text-decoration:none;}.entry-title a:hover{text-decoration:underline;}.date{margin:10px 0 2px 2px;}.date a{color:#9EA3AF;text-decoration:none;font-size:14px;font-size:1.4rem;}.categories{margin-top:8px;font-size:14px;font-size:1.4rem;}.categories:after{display:block;clear:both;content:"";}.categories a{display:block;float:left;height:15px;line-height:16px;margin-right:6px;padding:8px;background:#E8EAED;color:#666;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.75);-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;*display:inline;*zoom:1;}.categories a:hover{background-color:#D1D3D6;}.categories.no-categories{margin:0;}.entry-header-menu{position:absolute;right:0;bottom:2px;}.entry-header-menu a{display:inline-block;min-height:15px;margin-bottom:0;padding:6px 14px;background-color:#EB6A6A;color:#FFF;vertical-align:middle;text-align:center;text-decoration:none !important;font-size:12px;font-size:1.2rem;line-height:18px;cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;*display:inline;*zoom:1;}.entry-header-menu a:hover{background-color:#EA493A;text-decoration:none !important;}.entry-content{padding-bottom:10px;border-bottom:1px solid #CCD1E2;font-size:14px;font-size:1.6rem;line-height:1.8;}.entry-content p{margin:0 0 1em 0;}.entry-content img{max-width:100%;}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 0.2em 0;color:#7C828C;font-weight:400;line-height:1.8;}.entry-content h1{font-size:24px;font-size:2.4rem;}.entry-content h2{font-size:22px;font-size:2.2rem;border-left:8px solid #999;border-bottom:2px solid #999;padding-left:10px;margin-bottom:20px;}.entry-content h3{font-size:20px;font-size:2.0rem;border-bottom:2px solid #999;padding-left:5px;margin-bottom:20px;}.entry-content h4{font-size:18px;font-size:1.8rem;border-bottom:2px solid #ddd;padding-left:5px;margin-bottom:20px;}.entry-content h5{font-size:16px;font-size:1.6rem;border-bottom:2px solid #eee;padding-left:5px;margin-bottom:20px;}.entry-content h6{font-size:16px;font-size:1.6rem;border-bottom:1px solid #efefef;padding-left:5px;margin-bottom:20px;}.entry-content table{margin-bottom:1em;border-spacing:0;border-collapse:collapse;}.entry-content table th,.entry-content table td{padding:5px 10px;border:1px solid #CCD1E2;}.entry-content table th{background:#F0F0F0;color:#7C828C;}.entry-content blockquote{margin:0 0 10px;padding:20px;background-color:#F0F0F0;}.entry-content blockquote p{margin-top:0;margin-bottom:0;}.entry-content pre{margin:0 0 10px;padding:20px;background-color:#3D3F44;color:#FFF;white-space:pre;}.entry-content pre>code{margin:0;padding:0;border:0;background:transparent;white-space:pre;font-family:'Monaco','Consolas','Courier New',Courier,monospace,sans-serif;}.entry-content pre .synIdentifier{color:#66D9EF;}.entry-content pre .synType{color:#A6E22E;}.entry-content pre .synConstant{color:#F2777A;}.entry-content pre .synComment{color:#777;}.entry-content pre .synSpecial{color:#F92649;}.entry-content code{margin:0 2px;padding:0 5px;border:1px solid #EAEAEA;border-radius:3px;background-color:#F8F8F8;font-size:12px;font-size:1.2rem;font-family:'Monaco','Consolas','Courier New',Courier,monospace,sans-serif;}.entry-content .hatena-asin-detail{padding:15px;border:none;background-color:#F0F0F0;}.entry-content .hatena-asin-detail li{line-height:1.8;}.entry-footer{margin-top:10px;}.entry-footer-section{color:#999;font-size:12px;font-size:1.2rem;}.entry-footer-section a{color:#999;}.social-buttons,.entry-footer-html{margin:10px 0;}.customized-footer .social-buttons{position:static !important;margin:15px 0;}.hatena-fotolife img:hover{box-shadow:0 0 0 #FFF;opacity:0.85;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.comment-box ul{margin:0 0 15px 0;padding:0;list-style:none;}.comment-box li{position:relative;padding:10px 0 10px 60px;border-bottom:1px solid #CCD1E2;}.comment-box li:first-child{border-top:1px solid #CCD1E2;}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px !important;height:50px !important;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.comment-user-name{margin:0 0 10px 0;font-weight:bold;}.comment-content{margin:0 0 10px 0;word-wrap:break-word;font-size:14px;font-size:1.4rem;}.comment-content p{margin:0 0 10px 0;}.comment-metadata{margin:0;color:#999;font-size:12px;font-size:1.2rem;}.comment-metadata a{color:#999;}.comment-box{margin-top:50px;}.leave-comment-title{display:block;margin-bottom:0;padding:14px 0;width:100%;background-color:#E8EAED;color:#7C828C;vertical-align:middle;text-align:center;text-decoration:none !important;text-shadow:0 1px 0 rgba(255,255,255,.75);font-size:14px;font-size:1.4rem;line-height:18px;cursor:pointer;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.leave-comment-title:hover{background-color:#729BBF;color:#FFF;text-decoration:none !important;text-shadow:none;}.page-search .entry-title{border-bottom:none;color:#7C828C;font-size:30px;font-size:3rem;}#box2{line-height:1.8;font-size:14px;font-size:1.4rem;}.hatena-module{margin-bottom:60px;}.hatena-module-title{padding-bottom:3px;border-bottom:1px solid #C1C6D6;color:#7C828C;font-weight:700;font-size:12px;font-size:1.2rem;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.hatena-module-title a{color:#7C828C;text-decoration:none;}.hatena-module-title a:hover{text-decoration:underline;}.hatena-module-profile .hatena-module-title{border-bottom:none;}.hatena-module-profile .hatena-module-body{padding:15px;background-color:#729BBF;}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.hatena-module-profile .id{display:block;margin-bottom:5px;font-weight:bold;font-size:14px;font-size:1.4rem;}.hatena-module-profile .profile-description{font-size:12px;font-size:1.2rem;color:#FFF;}.hatena-module-profile .profile-description p{margin-top:0;}.hatena-module-profile a:link,.hatena-module-profile a:visited{color:#FFF;}.hatena-urllist{margin:0;padding:0;list-style:none;}.hatena-urllist li{line-height:1.8;}.hatena-urllist li a{display:block;padding:8px 10px;border-bottom:1px solid #D8DDE5;color:#7C828C;text-decoration:none;font-size:12px;font-size:1.2rem;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.hatena-urllist li a:hover{background-color:#729BBF;color:#FFF;}.recent-comments li{position:relative;line-height:0;text-indent:-9999px;font-size:0;}.recent-comments li .user-id{position:absolute;bottom:7px;left:10px;text-indent:0;color:#999;font-size:10px;font-size:1rem;}.recent-comments li a{padding:18px 10px 40px !important;text-indent:0;}.recent-comments .recent-comment-time{height:0;display:block;color:#999;font-style:normal;font-size:10px;font-size:1rem;opacity:1;text-indent:-9999px;}time.recent-comment-time{position:absolute;text-indent:0 !important;bottom:14px;right:6px;}.hatena-urllist li a:hover + span time.recent-comment-time{color:#FFF !important;}.hatena-module-search-box .hatena-module-title{border-bottom:none;}.hatena-module-search-box .search-form{position:relative;width:100%;background-clip:padding-box;-moz-background-clip:padding;-webkit-background-clip:padding-box;}.hatena-module-search-box .search-module-input{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;padding:5px;width:100%;height:30px;outline:none;border:1px solid #C1C6D6;background:none;color:#454545;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.hatena-module-search-box .search-module-input:focus{border:1px solid #888;}.hatena-module-search-box .search-module-button{position:absolute;top:5px;right:5px;width:20px;height:20px;outline:none;border:none;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=3d7457c3c464a99d1d26e67b86fce8) no-repeat right center;text-indent:-9999px;opacity:0.25;filter:alpha(opacity=25);-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.hatena-module-search-box .search-module-button:hover{opacity:0.6;filter:alpha(opacity=50);}.pager{margin:20px 0;text-align:center;font-size:12px;font-size:1.2rem;}.pager a{display:inline-block;padding:8px 18px;background-color:#E8EAED;color:#454545;text-decoration:none;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.pager a:hover{background-color:#729BBF;color:#FFF;}.pager .pager-prev{float:left;}.pager .pager-next{float:right;}#footer{padding:20px 0 15px;background-color:#84C1EA;color:#FFF;text-align:center;font-size:12px;font-size:1.2rem;line-height:1.8;}#footer p{display:inline-block;}#footer a{color:#FFF;}#footer address{display:inline-block;margin-right:10px;}.page-about dt{margin-bottom:5px;border-bottom:1px solid #C1C6D6;color:#7C828C;font-size:26px;font-size:2.6rem;}.page-about dd{margin-bottom:40px;margin-left:0;}.page-about .entry-content{border-bottom:none;}.page-about .entry-content a{display:inline-block;}.page-about .entry-content a img{display:block;float:left;margin:4px 5px 0 0;}.page-archive #main section{margin-bottom:40px;}.archive-header-category .archive-heading{font-size:16px;font-size:1.6rem;}.page-archive #main h1{margin-bottom:0;padding-bottom:3px;border-bottom:1px solid #C1C6D6;font-size:16px;font-size:1.6rem;}.page-archive #main h1 a{color:#7C828C;font-weight:400;}.page-archive #main ul{margin:0;padding:0;list-style:none;}.page-archive #main ul li{position:relative;}.page-archive #main ul li a.entry-title{display:block;padding:10px 6px 35px;border-bottom:1px solid #D8DDE5;color:#7C828C;text-decoration:none;font-size:18px;font-size:1.8rem;-webkit-transition:all 0.1s linear;-moz-transition:all 0.1s linear;transition:all 0.1s linear;}.page-archive #main ul li a.entry-title:hover{background-color:#70BCAF;color:#FFF;}.page-archive .categories{position:initial;bottom:6px;right:0;display:none;}.page-archive #main-inner p{margin:0 0 20px;padding:10px;background-color:#E8EAED;color:#7C828C;}.autopagerize_page_element .social-buttons{position:initial;bottom:0;font-size:12px;font-size:1.2rem;}.social-buttons{margin:0 !important;}.adsbygoogle{padding:0 0 40px 0;>padding:0 0 40px 0;}#blog-title,.hatena-module-profile .hatena-module-body,.hatena-urllist li a:hover,.leave-comment-title:hover,.pager a:hover,#main ul li a.entry-title:hover,#footer{background-color:#000000;}.hatena-module-search-box .search-module-input:focus{border:1px solid #346DAD;}.page-entry #blog-title,.page-entry .hatena-module-profile .hatena-module-body,.page-entry .hatena-urllist li a:hover,.page-entry .leave-comment-title:hover,.page-entry .pager a:hover,.page-entry #main ul li a.entry-title:hover,.page-entry #footer{background-color:#000000;}.page-entry .hatena-module-search-box .search-module-input:focus{border:1px solid #6AAAE6;}.page-archive #blog-title,.page-archive .hatena-module-profile .hatena-module-body,.page-archive .hatena-urllist li a:hover,.page-archive .leave-comment-title:hover,.page-archive .pager a:hover,.page-archive #main ul li a.entry-title:hover,.page-archive #footer{background-color:#000000;}.page-archive .hatena-module-search-box .search-module-input:focus{border:1px solid #319989;}.page-about #blog-title,.page-about .hatena-module-profile .hatena-module-body,.page-about .hatena-urllist li a:hover,.page-about .leave-comment-title:hover,.page-about .pager a:hover,.page-about #main ul li a.entry-title:hover,.page-about #footer{background-color:#000000;}.page-about .hatena-module-search-box .search-module-input:focus{border:1px solid #DB7BAB;}#top-editarea{background-color:#000000;}@media (-webkit-min-device-pixel-ratio:2){.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=3d7457c3c464a99d1d26e67b86fce8) no-repeat right center;background-size:20px 20px;}}@media (min-width:1200px){#container #content{width:1200px;}#top-box,#blog-title h1,#blog-title h2,#masa_menu{width:1160px;}#main{width:820px;}}@media (max-width:1024px){#wrapper:after{display:block;clear:both;content:"";}#container{overflow:hidden;margin:0;word-wrap:break-word;}#container #content{margin:0;padding:0;width:100%;background:none;}.header-image-enable #blog-title #blog-title-inner{height:auto !important;background-position:center !important;}#blog-title h1,#blog-title h2,#masa_menu{width:94%;margin:0 auto;}#wrapper{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:2% auto;padding:2%;width:98%;background-color:#FFF;}#main{float:none;width:100%;}#box2{float:none;clear:both;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-ms-box-sizing:border-box;padding:20px 3%;width:100%;color:#FFF;}#box2:after{display:block;clear:both;content:"";}#box2-inner{width:100%;}#top-box{margin:2% auto 1%;width:96%;}.hatena-module{float:left;margin:0 8% 50px 0;width:46%;}.hatena-module:nth-child(even){margin-right:0;}.hatena-module:nth-child(odd){clear:right;}.hatena-module-title{border-bottom:1px solid rgba(255,255,255,.5);color:#FFF;font-size:16px;font-size:1.6rem;}.hatena-module-title a,.recent-comments li .user-id,.recent-comments .recent-comment-time{color:#FFF;}.hatena-urllist li a{padding:10px;border-bottom:1px solid rgba(255,255,255,.5);color:#FFF;}.hatena-urllist li a:hover{background-color:rgba(0,0,0,.2) !important;}.hatena-module-profile .hatena-module-body{padding:0;}.hatena-module-search-box .search-module-input{height:40px;border:none;background:#FFF;-webkit-appearance:none;}.hatena-module-search-box .search-module-button{height:30px;}.leave-comment-title{padding:20px 0;font-weight:700;}#footer{margin:0;}#blog-title h1{font-size:42px;font-size:4.2rem;}.entry-title{font-size:34px;font-size:3.4rem;}.entry-content h1{font-size:30px;font-size:3rem;}.entry-content h2{font-size:28px;font-size:2.8rem;}.entry-content h3{font-size:26px;font-size:2.6rem;}.entry-content h4{font-size:24px;font-size:2.4rem;}.entry-content h5,.page-archive #main ul li a.entry-title{font-size:22px;font-size:2.2rem;}.entry-content h6{font-size:20px;font-size:2rem;}.entry-content ul{padding-inline-start:24px;}.hatena-module-title{font-size:18px;font-size:1.8rem;}#blog-description,.entry-content,.leave-comment-title,.comment-content,.date a,.hatena-urllist li a,.page-archive #main h1{font-size:16px;font-size:1.6rem;}#footer,#top-box,.hatena-module-profile .id,.entry-header-menu a,.entry-footer-section,.comment-user-name,.comment-metadata,.hatena-module-search-box .search-module-input,.page-archive #main-inner p,.pager{font-size:14px;font-size:1.4rem;}.categories{font-size:14px;font-size:1.4rem;}#box2{background-color:#000;}.page-entry #box2{background-color:#000;}.page-archive #box2{background-color:#000;}.page-about #box2{background-color:#000;}.hatena-module-search-box .search-module-input:focus,.page-entry .hatena-module-search-box .search-module-input:focus,.page-archive .hatena-module-search-box .search-module-input:focus,.page-about .hatena-module-search-box .search-module-input:focus{border:none;}}@media (max-width:480px){.hatena-module{float:none;margin:0 0 50px 0;width:100%;}}