/* <system section="theme" selected="patchwork"> */
@charset "UTF-8";@import"https://fonts.googleapis.com/css?family=Kranky";/*!
  Theme: Patchwork
  Author: Hatena Blog Team
*//*! 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}.stich{border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82}.box{border:2px dashed #cfc8af;border-radius:5px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #fff}html,body{font-family:Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#83817c;background-color:#fff;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/background.png?version=37c7c2f736ca2e434aac18268ad630)}.customized-background-image{background-size:inherit!important}a,a:visited{color:#918f8d}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{text-decoration:none;font-weight:400}a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#83817c}a.keyword:hover{background:#f2f2f2}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#83817c;background-color:#fff;text-align:center;vertical-align:middle;-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;background-clip:padding-box;cursor:pointer;font-size:12px;text-decoration:none;border:1px solid rgba(0,0,0,.2);text-decoration:none!important}.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-size:17px;line-height:normal;font-weight:700}#globalheader-container{background-color:#333;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/globalheader.png?version=37c7c2f736ca2e434aac18268ad630);color:#fff;top:0;left:0;width:100%;box-shadow:0 0 10px #0006}#content{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630)}#container{margin-left:auto;margin-right:auto}#container #content{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/border.png?version=37c7c2f736ca2e434aac18268ad630) repeat-x top,url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/border.png?version=37c7c2f736ca2e434aac18268ad630) repeat-x bottom,url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630);padding:79px 0 37px;border-radius:5px;box-shadow:0 0 10px #0006;margin:60px 0;display:block;*zoom: 1}#container #content #content-inner{width:924px;margin:0 auto}#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.globalheader-off #container{background:none}#main{width:636px;float:left}#box2{width:246px;float:right}#blog-title{padding:60px 0 0}#blog-title h1 a,#blog-title h1 a:hover,#blog-title h1 a:visited{font-family:Kranky,cursive;letter-spacing:.05em;font-weight:400;color:#949280}#blog-title #blog-title-inner{width:920px;margin:0 auto;padding:30px 0;background:#fff;text-align:center;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82}#blog-title #blog-description{color:#949280}#title{margin:0}#title a{color:#83817c}#blog-description{font-weight:400;font-size:80%;margin:5px 0 0}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}#top-editarea{width:900px;margin:42px auto 0;background:#fff;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82;padding:10px}#top-box{width:920px;position:relative;margin:0 auto}#top-box .breadcrumb{position:absolute;margin-top:90px}#top-box .breadcrumb a{color:#dc6f68}.entry{position:relative;margin-bottom:42px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center 6px #fff;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82}.entry-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center bottom;padding:55px 45px 55px 150px;margin-bottom:6px}.entry-header{padding:0 0 10px;margin-bottom:20px;position:relative}.entry-title{margin:0;line-height:1.3;font-size:120%}.entry-title .entry-title-link{color:#949280}.date{margin-bottom:5px}.date a{font-family:Kranky,cursive;text-decoration:none}.entry-date{position:absolute;left:-105px;width:62px;margin-bottom:10px;padding:6px 0;background:#dc6f68;border-radius:1px;border:1px dashed #fff;box-shadow:0 0 0 4px #dc6f68;text-align:center;line-height:1}.entry-date a{font-size:26px;color:#f7ede2}.entry-date .hyphen{display:none}.entry-date .date-year,.entry-date .date-month,.entry-date .date-day{display:block}.entry-date .date-year{font-size:14px}.categories{position:absolute;width:50px;left:-105px;top:100px;text-align:center;padding:0 6px;background:#bfab93;border-radius:1px;border:1px dashed #fff;box-shadow:0 0 0 4px #bfab93}.categories a{font-size:10px;display:block;color:#fff;text-decoration:none;border-bottom:1px dashed #f7ede2;padding:12px 0;line-height:1.4;word-break:break-all;word-wrap:break-word;overflow:hidden}.categories a:last-child{border-bottom:none}.categories a:hover{text-decoration:underline;font-size:10px}.categories.no-categories{margin:0;display:none}.entry-header-menu{position:absolute;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/edit.png?version=37c7c2f736ca2e434aac18268ad630);width:50px;height:41px;top:-66px;left:382px;padding-top:17px;text-align:center}.entry-header-menu a{color:#827e74;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.5);font-size:14px}.entry-header-menu a:hover{color:#999}.entry-content{font-size:95%;line-height:1.7;padding-bottom:10px}.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{margin:1.3em 0 .8em;line-height:1.5;font-weight:400}.entry-content h1{font-size:140%;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h1.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;padding-left:30px}.entry-content h2{font-size:130%;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h2.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;padding-left:30px}.entry-content h3{font-size:120%;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h3.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;padding-left:30px}.entry-content h4{font-size:120%;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h1.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;padding-left:30px}.entry-content h5{font-size:110%;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h2.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;padding-left:30px}.entry-content h6{font-size:100%}.entry-content a:hover{background:#f2ece7;color:#736c5c}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content th,.entry-content td{border:1px solid #ddd;padding:5px 20px}.entry-content th{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630)}.entry-content blockquote{border:1px solid #ddd;margin:0 0 10px;padding:30px;position:relative;border:2px dashed #cfc8af;border-radius:5px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #fff}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #ddd;margin:0 0 10px;padding:20px;white-space:pre;border:2px dashed #cfc8af;border-radius:5px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #fff}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail{padding:15px 20px;border:2px dashed #cfc8af;border-radius:5px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #fff}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:10px}.entry-footer-section{font-size:80%;color:#999}.entry-footer-section a{color:#999;background:#fff}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:95%;line-height:1.7}.comment-box li{padding:10px 10px 10px 70px;border:1px dashed #bfab93;position:relative;border-radius:5px;margin-bottom:10px}.comment-box .read-more-comments{padding:10px 0;font-size:14px}.comment-box .hatena-id-icon{position:absolute;top:10px;left:10px;width:50px!important;height:50px!important;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;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-size:80%;color:#999;margin:0}.comment-metadata a{color:#999}.leave-comment-title{display:block;text-align:center;border-radius:5px;border:1px solid #ccb79f;padding:8px 10px;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #f2ece7;font-size:15px;color:#827e74;text-shadow:0 2px 0 rgba(255,255,255,.8);box-shadow:0 1px #fff inset}.leave-comment-title:hover{color:#999}#box2{font-size:85%;line-height:1.5}#box2 .hatena-module{padding:15px;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82}.hatena-module{margin-bottom:42px;background:#fff}.hatena-module-title{color:#f7ede2;padding:3px;margin-bottom:15px;font-size:14px;background:#dc6f68;border-radius:1px;border:1px dashed #fff;box-shadow:0 0 0 4px #dc6f68}.hatena-module-title a{color:#fff}.hatena-module-title a:hover{text-decoration:underline;color:#ffd8d7}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:5px;-moz-background-clip:padding;background-clip:padding-box}.hatena-module-profile .id{display:block;font-size:110%;margin-bottom:5px}.hatena-module-profile .id a:hover{background:#f2ece7}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:8px 0;line-height:1.5}.hatena-urllist li a{text-decoration:none}.hatena-urllist li a:hover{border-bottom:2px dotted #918f8d}.urllist-item{border-bottom:1px dotted #ddd}.hatena-module-search-box .search-form{-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:15px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:15px;-moz-background-clip:padding;background-clip:padding-box;width:100%;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content.png?version=37c7c2f736ca2e434aac18268ad630) #f2ece7}.hatena-module-search-box .search-module-input{padding:5px;color:#83817c;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/images/theme/search.png?version=37c7c2f736ca2e434aac18268ad630) 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)}.pager{margin:20px 0;padding:20px 0;text-align:center;font-size:80%}.pager a{color:#fff;border-radius:1px;border:1px dashed #fff;box-shadow:0 0 0 4px #bfab93;text-decoration:none;background:#bfab93;padding:5px 8px;word-wrap:break-word;display:inline-block;max-width:200px;line-height:1.5}.pager a:hover{text-decoration:underline}.pager .pager-next{margin-left:1em}#bottom-editarea{width:900px;margin:0 auto 30px;background:#fff;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82;padding:10px}#footer{padding:0 0 60px;text-align:center;color:#999;line-height:1.5;font-family:Kranky,cursive}#footer p{margin:0}#footer a{color:#999;background:#fff}#footer #footer-inner{background:#fff;width:920px;border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82;margin:0 auto;padding:10px 0}.page-about .entry-inner{padding-left:45px}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px dashed #dfdfdf;margin-bottom:5px;color:#dc6f68}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main{border:2px dashed #cfc8af;border-radius:1px;box-shadow:0 0 0 6px #fff,0 0 8px 4px #998d82;background:#fff;background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center 6px #fff}.page-archive #main #main-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center bottom;padding:55px 45px;margin-bottom:6px}.page-archive #main .archive-entry{margin:20px 0}.page-archive #main h1{font-size:120%;margin-bottom:0;font-family:Kranky,cursive}.page-archive #main h1 a{color:#dc6f68}.page-archive #main h1 a:before{content:"✱";margin-right:3px}.page-archive #main .categories{position:static;background:none;border:none;box-shadow:none;display:inline-block;width:100%;text-align:left;padding:0;margin:8px 0}.page-archive #main .categories a{padding:2px 3px;color:#bfab93;border-radius:5px;border:1px dashed #bfab93;display:inline-block}.page-archive #main .categories a:hover{background:#f7ede2}.page-archive #main .no-categories{margin:0!important}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:0 0 20px}.page-archive #main ul li a{text-decoration:none}.page-archive #main ul .entry-title{font-size:100%;display:inline-block}@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=37c7c2f736ca2e434aac18268ad630) no-repeat right center;background-size:20px 20px}body{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/background@2x.jpg?version=37c7c2f736ca2e434aac18268ad630);background-size:118px 204px}#globalheader-container{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/globalheader@2x.png?version=37c7c2f736ca2e434aac18268ad630);background-size:40px 40px}#container #content{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/border@2x.png?version=37c7c2f736ca2e434aac18268ad630) repeat-x top,url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/border@2x.png?version=37c7c2f736ca2e434aac18268ad630) repeat-x bottom,url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content@2x.png?version=37c7c2f736ca2e434aac18268ad630);background-size:13px 13px,13px 13px,50px 50px}.entry{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center 6px #fff;background-size:620px 24px}.entry-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center bottom;background-size:620px 24px}.entry-header-menu{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/edit@2x.png?version=37c7c2f736ca2e434aac18268ad630);background-size:50px 59px}.entry-content h1{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h1@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;background-size:25px 24px}.entry-content h2{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h2@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;background-size:25px 24px}.entry-content h3{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h3@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;background-size:25px 24px}.entry-content h4{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h1@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;background-size:25px 24px}.entry-content h5{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/h2@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat 0 center;background-size:25px 24px}th{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content@2x.png?version=37c7c2f736ca2e434aac18268ad630);background-size:50px 50px}.leave-comment-title{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content@2x.png?version=37c7c2f736ca2e434aac18268ad630) #f2ece7;background-size:50px 50px}.hatena-module-search-box .search-form{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/content@2x.png?version=37c7c2f736ca2e434aac18268ad630) #f2ece7;background-size:50px 50px}.page-archive #main{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center 6px #fff;background-size:620px 24px}.page-archive #main #main-inner{background:url(https://cdn.blog.st-hatena.com/css/theme/patchwork/images/buttonline@2x.png?version=37c7c2f736ca2e434aac18268ad630) no-repeat center bottom;background-size:620px 24px}}

/* </system> */

/* <system section="background" selected="blur-01"> */
body{ background-image: url(https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/blur-01.jpg?version=ce06570a77b0dbcfb7b839db215a2a); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; background-size: cover; }
/* </system> */


<style>
/*何分で読めます*/
.readtime {
color: #999999;
font-size: 80%;
text-decoration: underline;
}
.timebold {
color: #FF5252;
font-size: 18px;
font-weight: bold;
}

/*合わせて読みたい*/
.entry-content .emphasize-link {
position: relative;
margin: 36px 0 16px;
padding: 16px 10px;
border: 2px solid #ee7917;
background-color: #fffbf5;
}
.entry-content .emphasize-link p:last-child {
margin-bottom: 0;
}
.entry-content .emphasize-link::before {
position: absolute;
top: -12px;
left: 10px;
padding: 0 10px 0 26px;
content: "合わせて読みたい！";
background-color: #ee7917;
border-radius: 10px;
color: #fff;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
.entry-content .emphasize-link::after {
position: absolute;
top: -16px;
left: 4px;
width: 28px;
height: 28px;
background-color: #ee7917;
border-radius: 14px;
line-height: 25px;
text-align: center;
content: "\f029";
font-size: 18px;
font-family: "blogicon";
color: #fff;
}


/*吹き出し用*/
.entry-content .person-right,
.entry-content .person-left{
  padding-top: 15px;
  padding-bottom: 15px;
  min-height: 100px;
}
.entry-content .person-right img,
.entry-content .person-left img{
  background-color: #333;
  border: 1px solid #555;
  border-radius: 2.5em;
  width: 75px;
  height: 75px;
  margin-top: 2px;
  background-size: cover;
}
.entry-content .person-right img{
  background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/J/Jenodo_DQX/20230312/20230312112417.jpg");
  float: right;
}
.entry-content .person-left img{
  background-image: url("https://cdn-ak.f.st-hatena.com/images/fotolife/J/Jenodo_DQX/20230312/20230312112411.jpg");
  float: left;
}
.entry-content .person-right p,
.entry-content .person-left p{
  padding: 10px;
  position: relative;
  border: 1px solid #555;
  border-radius: 10px;
  box-sizing: border-box;
  width: calc(100% - 100px);
  margin-top: 16px;
}
.entry-content .person-left p{
  float: right;
}
.person-right p:before,
.person-right p:after,
.person-left p:before,
.person-left p:after{
  top: 13px;
}
.person-right p:before {
  content: '';
  border: 10px solid transparent;
  border-left: 15px solid black;
  position: absolute;
  left: 100%;
}
.person-right p:after {
  content: '';
  border: 10px solid transparent;
  border-left: 15px solid white;
  position: absolute;
  left: calc(100% - 1px);
}
.person-left p:before {
  content: '';
  border: 10px solid transparent;
  border-right: 15px solid black;
  position: absolute;
  right: 100%;
}
.person-left p:after {
  content: '';
  border: 10px solid transparent;
  border-right: 15px solid white;
  position: absolute;
  right: calc(100% - 1px);
}


/*目次のデザイン変更*/
.entry-content .table-of-contents {
    position:relative;
    margin-left: 0;
    padding: 15px 20px 13px 25px; /* 枠内の余白(上右下左) */
    font-size: 90%; /* 文字の大きさ */
    font-weight:bold;
    list-style-type:decimal; /*数字以外が良ければ変更 */
    background:#fff;
    border-top:40px solid #20b2aa	; /* 「この記事の目次」周りの色 */
    border-left:2px solid #90caf3; /* 線の太さ */
    border-right:2px solid #90caf3;
    border-bottom:2px solid #90caf3;
    line-height: 200%; /* 行間 */
    border-radius: 3px; /* 角丸にしない場合は不要 */
    color:#444; /* 数字（マーク色変更） */
}
/*「この記事の目次」の周囲変更*/
.entry-content .table-of-contents::before {
    font-family: 'blogicon';
    content: "\f039  この記事の目次";
    display: block;
    font-size: 100%;
    font-weight: bold;
    position: absolute;
    top: -35px;/*上からの位置調整*/
    left: 0px; /*左からの位置調整*/
    color: #fff !important;
}
/*リンクの色変更と下線を消す*/
.entry-content .table-of-contents li a{
    color:#444; /* 目次リスト部分のテキスト色 */
    text-decoration:none; /* リンクの下線をつけたくない場合 */
}


/*考え事風吹き出し*/
.box23 {
    position: relative;
    margin: 2em 0 2em 40px;
    padding: 8px 15px;
    background: #fff0c6;
    border-radius: 30px;
}
.box23:before{font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 15px;
    left: -40px;
    bottom: 0;
    color: #fff0c6;
}
.box23:after{
    font-family: FontAwesome;
    content: "\f111";
    position: absolute;
    font-size: 23px;
    left: -23px;
    bottom: 0;
    color: #fff0c6;
}
.box23 p {
    margin: 0; 
    padding: 0;
}

/*角〇囲み*/
.box18{
    margin:2em 0;
    position: relative;
    padding: 0.25em 1em;
    border: solid 2px #ffcb8a;
    border-radius: 3px 0 3px 0;
}
.box18:before,.box18:after
{
    content: '';
    position: absolute;
    width:10px;
    height: 10px;
    border: solid 2px #ffcb8a;
    border-radius: 50%;
}
.box18:after {
    top:-12px;
    left:-12px;
}
.box18:before {
    bottom:-12px;
    right:-12px;
}
.box18 p {
    margin: 0; 
    padding: 0;
}
.box20 {
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
   
}
.box20:before, .box20:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.box20:before{
    border-left: dotted 2px #15adc1;
    border-top: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    left: 0;
}
.box20:after{
    border-top: dotted 2px #15adc1;
    border-right: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    right: 0;
}
.box20 p {
    margin: 0; 
    padding: 0;
}
</style>