#menu{position:relative;width:100%;padding-left:0;height:40px;background:#343838}.menu-inner{width:968px;margin:0 auto;height:40px}#menu li{list-style-type:none;float:left;height:40px;text-align:left}#menu li a{padding-left:15px;padding-right:15px;display:block;color:#fff;font-size:100%;font-weight:700;line-height:40px}#menu li:hover a{color:#000;background:#fff;transition:all .5s}.menu-toggle{display:none}@media screen and (max-width:1200px){.menu-inner{width:8in}}@media screen and (max-width:768px){#top-editarea{height:initial;background:#343838;text-align:right;width:100%}.menu-toggle{color:#fff;display:inline-block;padding:5px;margin:3px}#menu{display:none;padding:0}#menu,.menu-inner{width:100%;height:initial;margin:0}.menu-inner{position:static}#menu li{float:none;height:35px;width:100%;list-style-type:none;background:#376b89;margin:0 auto;text-align:left}#menu li a{height:initial;color:#fff;display:block}#menu li:hover a{color:initial;background:initial}}@media only screen and (min-width:400px){#page-top{right:50%;margin-right:-450px}}.hatena-fotolife,.http-image{display:block;margin:0 auto}.entry-content p{font-size:1pc}.hatena-module-title{position:relative;font-size:130%;font-weight:700;margin-bottom:15px;padding:.25em 0}.share-area{margin:20px 0}.share-button a{display:inline-block;width:52px;height:52px;padding:4px 0;line-height:18px;font-size:1pc;font-weight:700;text-align:center;color:#fff;text-decoration:none;vertical-align:bottom;transition:all .4s;-webkit-box-sizing:border-box;box-sizing:border-box}.share-button a:hover{opacity:.6;transition:all .4s}.share-area .lg,.share-area i{font-size:24px}.share-button .hatena-bookmark-button .lg{font-size:2pc}.share-button .hatena-bookmark-button{padding-top:5px;padding-bottom:6px}.share-button .twitter-button .lg{font-size:27px}.share-button .twitter-button{padding-top:8px}.share-button .facebook-button .lg{font-size:26px}.share-button .facebook-button{padding-top:4px}.share-area .small-text{font-size:11px}.share-area .fa-spin{font-size:8px;color:#fff}.share-button .hatena-bookmark-button{background:#00a4de}.share-button .facebook-button{background:#405ba7}.share-button .twitter-button{background:#55acee}.share-button .googleplus-button{background:#c53727}.share-button .pocket-button{background:#ee4256}.subscribe-button{margin:1em 0}.subscribe-button a{display:inline-block;margin:0 auto;width:100%;max-width:300px;line-height:38px;text-decoration:none;text-align:center;color:#fff;background-color:#eb4c5e;box-shadow:0 4px #da253a;border-radius:4px;transition:all .3s}.subscribe-button a:hover{transform:translateY(4px);box-shadow:0 0 #999}.sns-tag-cloud{margin:30px 0 10px}.sns-tag-cloud-under{margin:0 0 30px}.sns-tag-cloud,.sns-tag-cloud-under{padding-inline-start:0;font-size:9pt;font-weight:700}.sns-tag-cloud-under{text-align:center}a.sns-tag-cloud-hatenab{display:inline-block;padding:10px;margin:3px;line-height:1;text-decoration:none;color:#00a4de;border:1.5px solid;border-color:#00a4de;border-radius:3px}a.sns-tag-cloud-hatenab:hover{background:#00a4de;color:#fff}a.sns-tag-cloud-facebook{display:inline-block;padding:10px;margin:3px;line-height:1;text-decoration:none;color:#4064ac;border:1.5px solid;border-color:#4064ac;border-radius:3px}a.sns-tag-cloud-facebook:hover{background:#4064ac;color:#fff}a.sns-tag-cloud-twitter{display:inline-block;padding:10px;margin:3px;line-height:1;text-decoration:none;color:#1da1f2;border:1.5px solid;border-color:#1da1f2;border-radius:3px}a.sns-tag-cloud-twitter:hover{background:#1da1f2;color:#fff}a.sns-tag-cloud-pocket{display:inline-block;padding:10px;margin:3px;line-height:1;text-decoration:none;color:#ef4056;border:1.5px solid;border-color:#ef4056;border-radius:3px}a.sns-tag-cloud-pocket:hover{background:#ef4056;color:#fff}a.sns-tag-cloud-line{display:inline-block;padding:10px;margin:3px;line-height:1;text-decoration:none;color:#21ba4e;border:1.5px solid;border-color:#21ba4e;border-radius:3px}a.sns-tag-cloud-line:hover{background:#21ba4e;color:#fff}#recommend-entries{background-color:#fff;padding:3pc 0}#recommend-entries-inner{margin:0 auto;max-width:1101px;padding:0 54px}#recommend-entries .hatena-module-entries-access-ranking{margin-bottom:0}#recommend-entries .urllist-with-thumbnails{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0}#recommend-entries .urllist-item{border-top:0;padding:0;width:20%;position:relative}@media screen and (max-width:1279px){#recommend-entries-inner{max-width:1065px}#recommend-entries .urllist-item{width:25%}#recommend-entries .urllist-item:nth-child(5){display:none}}@media screen and (max-width:1023px){#recommend-entries-inner{max-width:41pc}#recommend-entries .urllist-item{width:33.3333%}#recommend-entries .urllist-item:nth-child(4){display:none}}@media screen and (max-width:767px){#recommend-entries-inner{padding:0 36px}}@media screen and (max-width:599px){#recommend-entries .urllist-item{width:50%}#recommend-entries .urllist-item:nth-child(3){display:none}}@media screen and (max-width:539px){#recommend-entries{display:none}}#recommend-entries .urllist-image-link{display:block;margin:0;overflow:hidden}#recommend-entries .urllist-image{box-sizing:border-box;float:none;margin:0;opacity:.8;width:100%;-webkit-transition:all .3s ease;transition:all .3s ease}#recommend-entries .urllist-item:hover .urllist-image{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}#recommend-entries .urllist-title-link{background-color:rgba(0,0,0,.5);background:transparent -webkit-linear-gradient(transparent,rgba(0,0,0,.5));background:transparent linear-gradient(transparent,rgba(0,0,0,.5));box-sizing:border-box;color:#fff;font-size:.8667em;font-weight:700;line-height:1.2;padding:1pc 9pt 11px;width:100%;position:absolute;left:0;bottom:0}#recommend-entries .bookmark-widget-counter{display:inline-block;line-height:1;position:absolute;top:10px;right:9pt}.page-archive .archive-entry-body{margin-top:28px}.page-archive .entry-thumb{margin:28px 26px 26px 0}@media screen and (min-width:768px){.page-archive .entry-thumb{margin-right:2pc;margin-bottom:2pc}}.page-archive .social-buttons{clear:both;display:block}.comment-box{text-align:right}.comment-box .comment{list-style:none;margin:0;padding:0}.entry-comment{border-top:1px solid #ddd;padding:20px 0 20px 60px;position:relative;text-align:left}.entry-comment:first-child{border-top:0;margin-top:1pc;padding-top:0}.entry-comment .comment-user-name{color:#222;display:block;font-weight:700;margin-bottom:6px}.entry-comment .comment-user-name img{border-radius:2px;height:40px!important;width:40px!important;position:absolute;top:28px;left:0}.entry-comment:first-child .comment-user-name img{top:0}@media screen and (min-width:768px){.entry-comment{padding-left:72px}.entry-comment .comment-user-name img{height:3pc!important;width:3pc!important}}.comment-content{margin-bottom:9pt}.comment-content>p:last-child{margin-bottom:0}.comment-metadata{color:#999;font-size:.9333em;margin-bottom:0}.leave-comment-title{color:#333;border:1px solid #ddd;box-sizing:border-box;display:inline-block;font-size:14px;line-height:40px;min-width:170px;text-align:center;border-radius:2px}@media screen and (min-width:768px){.leave-comment-title:hover{background-color:#f6f6f6;color:#333}}.pager{font-size:.9375em}.pager.autopagerize_insert_before{margin-right:20px}.pager a{text-decoration:underline}.pager-next:before,.pager-prev:before{color:#999;display:block;font-size:.875em;margin-bottom:3px;text-transform:uppercase}.pager-prev{float:left;text-align:left;width:48%}.pager-prev:before{content:"前の記事"}.pager-next{float:right;text-align:right;width:48%}.pager-next:before{content:"次の記事"}.pager-arrow{display:none}.hatena-module{font-size:.9375em;line-height:1.5}.hatena-module-title{color:#222;font-weight:700;margin-bottom:18px}.hatena-urllist{list-style:none;margin:-9pt 0;padding:0}.hatena-urllist li{border-top:1px solid #e6e6e6;padding:9pt 0;position:relative}.hatena-urllist li:first-child{border-top:0}.id{display:block;font-weight:700;margin-bottom:8px}.profile-icon{border-radius:2px;float:left;height:3pc;margin:0 20px 20px 0;width:3pc}.page-about .entry-content img.profile-icon{margin:0 8px 8px 0}.profile-description>p:last-child{margin-bottom:0}.hatena-follow-button-box{margin-top:24px}.hatena-follow-button-box+.hatena-follow-button-box{margin-top:8px}.urllist-date-link{color:#999;font-size:13px;overflow:hidden;padding-bottom:3px}.urllist-title-link{font-size:1em}.urllist-categories{font-size:.8667em;overflow:hidden;padding-top:3px}.urllist-category-link{font-size:1em;margin-right:6px}.urllist-entry-body{color:#999;font-size:.8667em;line-height:inherit;overflow:hidden;padding-top:3px}.urllist-with-thumbnails{margin:-20px 0}.urllist-with-thumbnails li:before{content:none}.urllist-with-thumbnails li{border-top:1px solid #e6e6e6;padding:14px 0}.urllist-with-thumbnails li:first-child{border-top:0}.urllist-with-thumbnails li .urllist-image{float:left;margin:0 13px 0 0;border-radius:3px;width:70px;height:70px}@media screen and (min-width:1024px){.urllist-with-thumbnails li .urllist-image:hover{opacity:.8}}.recent-comments .user-id img{border-radius:2px;margin-right:5px;vertical-align:middle;position:relative;top:-2px}.recent-comments .recent-comment-time{color:#999;font-size:.8667em;font-style:normal;opacity:1}.hatena-urllist .archive-module-year{padding-left:24px}.hatena-urllist .archive-module-year .archive-module-months{margin-bottom:-2px;margin-top:2px}.hatena-urllist .archive-module-year .archive-module-month{margin-left:0;padding:2px 0 2px 24px}.hatena-urllist .archive-module-year .archive-module-button{display:inline-block;font-size:0;opacity:1;position:absolute;top:14px;left:7px}.hatena-urllist .archive-module-year .archive-module-hide-button,.hatena-urllist .archive-module-year .archive-module-show-button{opacity:1}.hatena-urllist .archive-module-year .archive-module-hide-button:before,.hatena-urllist .archive-module-year .archive-module-show-button:before{color:#999;font:normal 1pc/1 FontAwesome;display:inline-block;-webkit-transition:.3s all ease;transition:all .3s ease;vertical-align:middle;position:relative}.hatena-urllist .archive-module-year .archive-module-hide-button:hover:before,.hatena-urllist .archive-module-year .archive-module-show-button:hover:before{color:#111}.hatena-urllist .archive-module-year .archive-module-show-button:before{content:"\f105"}.hatena-urllist .archive-module-year .archive-module-hide-button:before{content:"\f107";left:-3px}.archive-module-calendar .archive-module-calendar-selector{margin-bottom:24px}.archive-module-calendar table{font-size:1em;margin-bottom:0}.archive-module-calendar td,.archive-module-calendar th{font-size:.9333em;line-height:40px;padding:0}.archive-module-calendar td a,.archive-module-calendar th a{text-decoration:underline}.hatena-module-category .hatena-urllist{margin:0 0 -6px;padding:0}.hatena-module-category .hatena-urllist li:before{content:none}.hatena-module-category .hatena-urllist li{border-top:0;display:block;float:left;margin:0 6px 6px 0;padding:0}.hatena-module-category .hatena-urllist li a{border:1px solid #e6e6e6;border-radius:2px;display:block;font-size:.8667em;line-height:2pc;padding:0 9pt}@media screen and (min-width:768px){.hatena-module-category .hatena-urllist li a:hover{background-color:#f6f6f6;color:#333}}.search-form,.search-result-form{background-color:transparent;border-radius:0;border:0;box-sizing:border-box;max-width:21pc;position:relative}.search-form .search-module-input,.search-result .search-result-input{width:100%;border:1px solid #ddd;box-shadow:none;height:44px;line-height:44px;outline:0;padding:8px 52px 8px 9pt;box-sizing:border-box}.search-result-form .search-result-input{font-size:.9375em}@media screen and (min-width:1024px){.search-result-input:hover{border-color:#bbb}}.search-form .search-module-button,.search-result-form .search-result-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=b55d01c69f780f5ff608dea0716a54)no-repeat center center;border:0;height:44px;line-height:44px;opacity:.6;overflow:hidden;padding:0;text-indent:100%;-webkit-transition:all .3s ease;transition:all .3s ease;width:44px;white-space:nowrap;position:absolute;top:1px;right:1px}.search-form .search-module-button:hover,.search-result-form .search-result-button:hover{opacity:1}.search-result{margin-bottom:40px}.search-result+p{margin-bottom:36px}.page-archive span.highlight{background-color:#fee5ee;border:0;border-radius:0;color:#f92672;font-weight:700;margin:0;padding:0}.hatena-module-circles .circle-urllist{margin:-20px 0}.hatena-module-circles .circle-urllist li{padding:20px 0}.hatena-module-circles .circle-urllist li a .circle-image{border:1px solid #e6e6e6;border-radius:2px;box-sizing:border-box;height:44px;margin-right:20px;padding:8px;width:44px}#footer{background-color:#3a3a3a;color:hsla(0,0%,100%,.9);font-size:.875em;text-align:center}@media screen and (min-width:1024px){#footer{text-align:left}#footer a:hover{color:#fff}}#footer address,#footer p{margin:0}#footer address img{display:none}#footer p{color:hsla(0,0%,100%,.5)}#cboxOverlay,#cboxWrapper,#colorbox{overflow:visible}#cboxOverlay{background-color:#000;opacity:.85!important}#colorbox #cboxContent,#colorbox #cboxContent #cboxLoadedContent{background-color:transparent;overflow:visible!important}.cboxPhoto{box-shadow:0 0 20px rgba(0,0,0,.7)}.google-afc-image,.google-afc-text{font-family:inherit;font-size:inherit;margin:0 0 2pc}.page-archive .google-afc-image,.page-archive .google-afc-text{border-bottom:1px solid #e6e6e6;margin-bottom:36px;padding-bottom:36px}@media screen and (min-width:768px){.page-archive .google-afc-image,.page-archive .google-afc-text{margin-bottom:3pc;padding-bottom:3pc}}.google-afc-image div.google_ads_by,.google-afc-text div.google_ads_by{font-size:13px;margin-bottom:8px}.google-afc-image ul,.google-afc-text ul{margin:0}.google-afc-image li,.google-afc-text li{margin:0!important}.google-afc-image ul .title,.google-afc-text ul .title{font-size:17px;margin-bottom:8px}.google-afc-image ul .title a,.google-afc-text ul .title a{font-size:17px!important;letter-spacing:normal;padding:0}.google-afc-image ul .summary,.google-afc-text ul .summary{font-size:13px!important;margin:0 8px 0 0}.google-afc-image ul .visible_url,.google-afc-text ul .visible_url{font-size:13px}.google-afc-image ul .visible_url a,.google-afc-text ul .visible_url a{font-size:13px!important;letter-spacing:normal;padding:0}.google-afc-image .open-pro-modal,.google-afc-text .open-pro-modal{font-size:13px;padding-top:1pc}.custom-adsense-label{color:#888;font-size:9pt;margin-bottom:8px}.custom-adsense-style{text-align:center;margin:0 auto}@media screen and (max-width:479px) and (min-width:336px){.custom-adsense-style{width:21pc;height:280px}}@media screen and (max-width:335px){.custom-adsense-style{width:300px;height:250px}}.profile-icon{border-radius:4px;margin:0 14px 20px 0}.hatena-module-title{font-size:14px;font-weight:700;color:#464646;border-bottom:1px solid #bbb;padding-bottom:4px}.sidebar-adsense{text-align:center}.ssPanel{padding:9pt 0!important}.ssPanel div.ssTitle{padding-left:13px!important}.ssPanel>div.ssOriginalTemplateImgContainer{padding-left:0!important}