#blog-title,#footer,.archive-heading:before,.categories:before,.entry-content h3:before,.entry-content h4:before,.entry-content h5:before,.entry-footer .hatena-module-title:after,.hatena-module .hatena-module-title,.hatena-module-search-box .search-module-button,.leave-comment-title,.page-about .entry-content dt:before,.page-index .entry-see-more,.pager a,.search-result-form .search-result-button{background:#17096d}body{font-family:Hiragino Sans,ヒラギノ角ゴシック,YuGothic,Yu Gothic,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic;color:#212121;background:#fafafa;line-height:2em;font-size:16px;margin:0}.archive-heading:after,.archive-heading:before,.categories:after,.categories:before,.date a:before,.entry-content h3:before,.entry-content h4:before,.entry-content h5:before,.entry-footer .hatena-module .hatena-module-title:after,.entry-footer .hatena-module .hatena-module-title:before,.hatena-module .hatena-module-title:before,.page-about .entry-content dt:before,.page-archive .archive-entry:before,.page-index .entry:before,.page-index h3:before,.page-index h4:before,.page-index h5:before,.pager a:before,.pager-next a:before,.pager-prev a:before,.table-of-contents:before{content:"";position:absolute}a{color:#056cc6;transition:all .1s}a:hover{color:#214e93}a.keyword{text-decoration:underline dotted #eee}h1,h2,h3,h4,h5,h6{line-height:1.5}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#424242}h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover{color:#bdbdbd}#container{width:1100px;margin:0 auto;display:flex;justify-content:space-between}#main{width:700px;padding:24px 0}#box2{width:350px;padding:24px 0 2em}#blog-title{letter-spacing:.2em;box-shadow:0 1px 5px #000420;position:relative}#title{line-height:64px;margin:0}#blog-title-content{padding:9rem 0;width:100%}#title a,#blog-description{display:inline-block;width:100%;text-align:center}#title a{font-size:1.1em;color:#fff}#blog-description{line-height:36px;font-size:.9em;margin:0;color:#eee;opacity:.9}#footer{text-align:center;font-size:1em;color:#fff;padding:30px;clear:both}#footer a{color:#fff;text-decoration:none}#footer p{margin:.5em auto}.date a{color:#616161;display:inline-block;line-height:36px;text-decoration:none}.entry{margin-bottom:24px;box-shadow:0 6px 40px #00000020;border-radius:5px;position:relative;background:#fff;width:100%}.entry-header{padding:72px 24px 0}.date{margin-bottom:.5em;font-size:.9rem}.date a{position:absolute;z-index:2;top:40px;left:-12px;border-radius:0 5px 5px 0;background:#fafafa;width:120px;text-align:center;box-shadow:5px 0 20px #00000020;transition:.3s ease}.date a:before{bottom:-12px;left:0;width:12px;height:12px;border:6px solid;border-color:#bdbdbd #bdbdbd transparent transparent;box-sizing:border-box}.date a:hover{background:#e0e0e0}.entry-title{margin:.7em 0 .3em;font-size:1.3rem}.entry-content{padding:24px}.entry-content p{margin-bottom:1em}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em;padding:.2em .3em;position:relative}.entry-content h1{font-size:1.7rem}.entry-content h2{font-size:1.5rem}.entry-content h3{font-size:1.4em;border-bottom:3px #eee solid}.entry-content h3:before{bottom:-3px;left:0;width:20%;height:3px}.entry-content h4{font-size:1.2em;padding-left:.6em}.entry-content h4:before{top:0;left:-4px;width:4px;height:100%}.entry-content h5{font-size:1.1em;padding:0 0 0 24px;line-height:36px}.entry-content h5:before{width:12px;height:12px;border-radius:50%;left:0;top:12px}.entry-content h6{font-size:.9rem}.entry-content dd,.entry-content ol,.entry-content ul{margin:0 0 1em 1.5em;padding:0}.entry-content dd li ol,.entry-content dd li ul,.entry-content ol li ol,.entry-content ol li ul,.entry-content ul li ol,.entry-content ul li ul{margin-bottom:0}.entry-content table{border-collapse:collapse;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block}.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:8px 10px}.entry-content table th{background:#f5f5f5}.entry-content .hatena-asin-detail,.entry-content blockquote{border-radius:5px;padding:24px;background:#eee;border:none;margin:12px 0}.entry-content blockquote p:first-child{margin-top:0}.entry-content blockquote p:last-child{margin-bottom:0}.entry-content code,.entry-content pre{font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content pre{background:#1c1d21;white-space:pre-wrap;color:#eee;line-height:1.3;padding:18px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:transparent}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;background-color:#f5f5f5;border-radius:3px}.entry-content hr{width:20%;border:0;border-top:3px #333 solid;margin:2em auto}.entry-content .table-of-contents{padding:1em 1em 1em 2.5em;margin:1em 0;background:#eee;border-radius:5px;position:relative}.leave-comment-title{display:inline-block;line-height:36px;width:150px;box-shadow:0 10px 20px #00000040;color:#fff;text-decoration:none;border-radius:18px;text-align:center;transition:.2s ease}.leave-comment-title:hover{box-shadow:0 5px 12px #0006;color:#fff}.entry-footer .leave-comment-title{display:inline-block!important}.entry-footer{padding:24px}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer-section{color:#999;font-size:.9rem}.entry-footer-section a{color:#999}.entry-footer .hatena-module .hatena-module-title{background:0 0;color:#424242;padding-left:48px;text-align:left;font-weight:700}.entry-footer .hatena-module .hatena-module-title:before{z-index:2;left:0;width:24px;height:24px;margin:6px}.entry-footer .hatena-module .hatena-module-title:after{position:absolute;content:"";top:14px;left:0;width:36px;height:36px;border-radius:50%}.entry-footer .hatena-urllist li{width:320px;float:left;height:100px;margin-bottom:12px;padding:0;background:#eee;border-radius:5px;overflow:hidden}.entry-footer .hatena-urllist li:nth-of-type(odd){margin-right:12px}.entry-footer .urllist-with-thumbnails li .urllist-image-link{display:block;width:100px;height:100px;float:left;border-radius:5px 0 0 5px;overflow:hidden}.entry-footer .urllist-with-thumbnails li .urllist-image{width:auto;height:100%}.entry-footer .urllist-date-link,.entry-footer .urllist-entry-body{display:none}.comment-content,.comment-content p,.pager,.pager a{display:inline-block}.entry-footer .hatena-urllist li .urllist-title-link{padding:38px 0 38px 12px;width:calc(100% - 132px);margin-top:50px}.comment-box{padding-top:24px;clear:both}.comment-box .comment{list-style:none;margin:0 0 12px;padding:0;line-height:1.7;font-size:.9rem}.comment-box .entry-comment{padding:10px 0;position:relative}.comment-box .read-more-comments{padding:10px 0}.comment-box .hatena-id-icon{position:absolute;top:40px;left:0;width:50px!important;height:50px!important;border-radius:50%}.pager{width:100%}.pager-next,.pager-prev{transition:.3s ease;width:50%;margin:0}.pager-prev{float:left}.pager-next{float:right;text-align:right}.pager-next a:hover,.pager-prev a:hover{margin:0 -12px}.pager a>span{font-size:0}.pager a{width:auto;color:#fff;text-decoration:none;position:relative;line-height:48px;padding:0 24px;border-radius:24px;box-shadow:0 10px 20px #00000040;transition:.3s ease}.pager-prev a{padding-left:42px}.pager-next a{padding-right:42px}.pager a:before{width:12px;height:12px;background:0 0;border-left:2px #fff solid;border-top:2px #fff solid;top:16px}.pager-prev a:before{transform:rotate(-45deg);left:24px}.pager-next a:before{transform:rotate(135deg);right:24px}.pager-arrow{display:none}.hatena-module{box-sizing:border-box;margin-bottom:3em;font-size:.9rem}.hatena-module .hatena-module-title{position:relative;margin-bottom:.6em;color:#fff;line-height:64px;font-size:18px;font-weight:400;border-radius:12px;text-align:center;padding:0 12px 0 24px}.hatena-module .hatena-module-title:before{top:14px;left:12px;width:36px;height:36px;background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M36.9%2014.6l-17%2017-8.7-8.7-4.3%204.2%2013%2013%2021.2-21.2-4.2-4.3z%22%2F%3E%3C%2Fsvg%3E)}.hatena-module-profile .id,.hatena-module-profile .profile-description{display:inline-block;width:calc(100% - 76px)}.hatena-module-profile .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2219.9%22%20r%3D%224%22%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M17%2031a7%207%200%200%201%2014%200M40%209H8a2%202%200%200%200-2%202v24a2%202%200%200%200%202%202h12l4%204%204-4h12a2%202%200%200%200%202-2V11a2%202%200%200%200-2-2z%22%2F%3E%3C%2Fsvg%3E)}.hatena-module-search-box .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20id%3D%22Rectangle%22%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpath%20d%3D%22M25.7%2035.5a14.2%2014.2%200%200%201-3.7.5%2014%2014%200%201%201%209.9-4.1M40%2040l-8.1-8.1%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-entries-access-ranking .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M20%206l-9%2020h8l-6%2020%2023-26h-8l8-14H20z%22%2F%3E%3C%2Fsvg%3E)}.archive-heading:after,.categories:after,.hatena-module-category .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M16%2025.8l8.5-8.5a4%204%200%200%201%205.7%205.7l-12%2012A8%208%200%201%201%206.8%2023.7L22.4%208.2a12%2012%200%200%201%2017%2017L23.9%2040.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-archive .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%3E%3Cpath%20id%3D%22Rectangle%22%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpath%20d%3D%22M16%2010H8a2%202%200%200%200-2%202v28a2%202%200%200%200%202%202h32a2%202%200%200%200%202-2V12a2%202%200%200%200-2-2h-2M22%2010h10M16%206v8M32%206v8M6%2021h28%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-recent-comments .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M30.1%2034H40a2%202%200%200%200%202-2V10a2%202%200%200%200-2-2H8a2%202%200%200%200-2%202v22a2%202%200%200%200%202%202h10l6%206%22%2F%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2216%22%20cy%3D%2222%22%20r%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2224%22%20cy%3D%2222%22%20r%3D%222%22%2F%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%2232%22%20cy%3D%2222%22%20r%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-circles .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cg%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M10%2040V8l28%2010-20.9%2010.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-links .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.b%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cpath%20d%3D%22M27%2012h9v9M32%2026v8H14V16h8M24%2024l11-11%22%20class%3D%22b%22%2F%3E%3C%2Fsvg%3E)}.hatena-module-recent-entries .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20id%3D%22Rectangle%22%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpath%20d%3D%22M24%206a18%2018%200%201%201-8.73%202.25M24%2016v8l6.98%206%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-authors-list .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20id%3D%22Rectangle%22%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cg%20id%3D%22icon_data%22%3E%3Ccircle%20cx%3D%2224.13%22%20cy%3D%2214.13%22%20r%3D%226%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20d%3D%22M8.93%2040.65v-3c0-5.79%204.23-10.5%209.45-10.5h11.49c5.22%200%209.45%204.71%209.45%2010.5v3%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-related-entries .hatena-module-title:before{background-image:url(data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2048%2048%22%3E%3Cdefs%3E%3Cstyle%3E.cls-2%7Bfill%3Anone%3Bstroke%3A%23FFF%3Bstroke-linecap%3Around%3Bstroke-linejoin%3Around%3Bstroke-width%3A2px%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%3Cpath%20id%3D%22Rectangle%22%20fill%3D%22none%22%20d%3D%22M0%200h48v48H0z%22%2F%3E%3Cg%20id%3D%22icon_data%22%3E%3Cpath%20d%3D%22M25%2046H7.9A1.9%201.9%200%200%201%206%2044.1V21%22%20class%3D%22cls-2%22%2F%3E%3Cpath%20d%3D%22M42%208.46V36a2%202%200%200%201-2%202H16a2%202%200%200%201-2-2V4a2%202%200%200%201%202-2h24M24%2012h8M24%2020h8M24%2028h2%22%20class%3D%22cls-2%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E)}.hatena-module-title a{color:#fff;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{width:64px;height:64px;float:left;margin-right:12px;border-radius:50%}.hatena-module-profile .id{font-weight:700}.hatena-module-profile .id a{color:#424242;text-decoration:none}.hatena-module-profile .profile-description p{margin:0;font-size:.9em;line-height:24px}.archive-module-calendar tr:after,.archive-module-calendar tr:before{content:none}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{position:relative;padding:.4em 0;height:72px;overflow:hidden;transition:.3s ease}.hatena-urllist li.archive-module-month,.hatena-urllist li.archive-module-year{height:auto}.urllist-with-thumbnails li:hover{opacity:.6}.hatena-urllist li .urllist-image{width:100%;height:72px;object-fit:cover}.hatena-urllist li:hover .urllist-image{transform:scale(1.05)}.hatena-urllist li:last-child{margin-bottom:0;border:none}.blog-controls-subscribe-btn{display:inline-block;height:18px;min-width:40px;padding:0 5px;border:1px solid #bbb;line-height:18px;font-weight:700;text-decoration:none;color:#555;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px;border-radius:3px 0 0 3px;background-color:#e0e0e0}.follow-btn{display:flex;align-items:center;margin-top:10px}.profile-about{margin-top:10px}.archive-date{list-style:none}.subscription-count{border:1px solid #bbb;height:18px;line-height:18px;padding:0 5px;display:block;min-width:8px;font-size:12px;color:#454545;background-color:#fff;margin-left:-1px;border-radius:0 3px 3px 0}.urllist-with-thumbnails li .urllist-image-link{display:block;width:120px;height:72px;float:left;border-radius:5px;overflow:hidden}.hatena-urllist li .urllist-title-link{display:inline-block;text-decoration:none;padding:24px 12px;line-height:16px;width:100%;margin-top:36px;transform:translateY(-50%);color:#424242;font-weight:700;font-size:.9em;box-sizing:border-box}.urllist-with-thumbnails li .urllist-title-link{padding:24px 0 24px 12px;width:calc(100% - 132px)}.hatena-urllist .urllist-category-link{display:none}.urllist-date-link a{position:absolute;top:11px;left:6px;background:#fffc;color:#454545;padding:0 10px;line-height:18px;text-decoration:none;border-radius:9px;font-size:.9em}.hatena-urllist .urllist-entry-body{margin-top:.3em}.hatena-module-category .hatena-urllist li,.hatena-module-links .hatena-urllist li{height:36px}.hatena-module:not(.hatena-module-archive) .hatena-urllist:not(.urllist-with-thumbnails) li:hover{background:#eee;border-radius:5px;opacity:1}.hatena-module-category .hatena-urllist li a,.hatena-module-links .hatena-urllist li a{display:inline-block;width:100%;box-sizing:border-box;padding:0 12px;line-height:36px;color:#424242;text-decoration:none;font-weight:700}.search-result{margin-bottom:1.5em}.hatena-module-search-box .search-form,.search-result-form{position:relative;border-width:0 0 2px;border-bottom:solid #ddd;border-radius:0;width:100%;max-width:100%;box-sizing:border-box;display:flex;align-items:center;background:0 0}.hatena-module-search-box .search-module-input,.search-result-form .search-result-input{flex:1 0;padding:5px;background:0 0;color:#333;border:none;height:42px;font-size:1em}.hatena-module-search-box .search-module-button,.search-result-form .search-result-button{top:2px;width:auto;height:36px;border-radius:18px;padding:0 24px;border:none;outline:0;opacity:1;text-indent:0;color:#fff;cursor:pointer;font-size:1em;transition:.2s}.hatena-module-search-box .search-module-button:hover{opacity:.7}@media (max-width: 1100px){#container{width:800px}#main{width:450px}#box2{width:300px}}@media (max-width: 800px){#container{flex-direction:column;align-items:center;width:100%}#main,#box2{width:500px}}@media (max-width: 600px){#container{flex-direction:column;align-items:center;width:100%}#blog-title-content{padding:6rem 0}#main,#box2{width:350px}}@media (max-width: 500px){#blog-title-content{display:flex;justify-content:center;flex-direction:column}#title,#blog-description{max-width:300px;align-self:center}}