/* <system section="theme" selected="developer"> */
/*!
Theme Name: Developer
Description: for Hatena Developer Blog
Author: Hatena
Version: 1.0
*/html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}input,select{vertical-align:middle}.center{text-align:center;margin:0 auto}.left{float:left}.right{float:right}.nofloat{float:none}.clear{clear:both}.clearfix{display:block;zoom:1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}* html .clearfix{height:1px}.block{display:block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.static{position:static}.bold{font-weight:700}.normal{font-weight:400;font-style:normal}.italic{font-style:italic}.nodeco{text-decoration:none}.underline{text-decoration:underline}.nolist{list-style-type:none}.textleft{text-align:left}.textright{text-align:right}.font-default{font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}@font-face{font-family:TitilliumText22LMedium;src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.eot?version=d521df40822702b2798181e2322e97);src:url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.eot?version=d521df40822702b2798181e2322e97) format("embedded-opentype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.woff?version=d521df40822702b2798181e2322e97) format("woff"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.ttf?version=d521df40822702b2798181e2322e97) format("truetype"),url(https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.svg?version=d521df40822702b2798181e2322e97) format("svg");font-weight:400;font-style:normal}body{background:#f4f4f4;color:#333;font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif}a{color:#1e73c3}a:hover{color:#064b8c}.entry-content .http-favicon,.entry-content .hatena-id-icon{margin-right:5px;vertical-align:middle}.entry-content .http-bookmark,.entry-content .http-star{margin:0 3px;vertical-align:middle}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#444!important;background-color:#f5f5f5;text-align:center;vertical-align:middle;border:1px solid #dddddd;-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;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;-webkit-appearance:none}.btn:hover{border-color:#ccc;background-color:#eee;text-decoration:none!important}.btn-blue,.btn-primary{color:#fff!important;background:#14afd6;border:1px solid transparent}.btn-blue:hover,.btn-primary:hover{border-color:#129fc2;background:#129fc2;background:-moz-linear-gradient(top,#14afd6 0%,#129fc2 100%)}.btn-register{color:#fff!important;background:#1aba56;border:1px solid transparent}.btn-register:hover{background:#15a24a;background:-moz-linear-gradient(top,#1aba56 0%,#15a24a 100%);border-color:#15a24a}.btn-small{padding:2px 10px!important;font-size:11px!important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:700}.btn[disabled=disabled],.btn[disabled=disabled]:hover,input#submit[disabled=disabled],input#submit[disabled=disabled]:hover{-moz-opacity:.4;opacity:.4;-khtml-opacity:.4;-webkit-opacity:.4;cursor:default;white-space:nowrap}.btn.disabled,.btn.disabled:hover{cursor:default;background:#f5f5f5;border-color:#ccc;text-shadow:0 -1px 0px rgba(0,0,0,.4);-moz-text-shadow:0 -1px 0px rgba(0,0,0,.4);-webkit-text-shadow:0 -1px 0px rgba(0,0,0,.4)}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0px 1px 0px rgba(255,255,255,.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}#globalheader-container{background:#333;color:#f4f4f4}#container{width:85%;text-align:center;margin:0 auto}#container #container-inner{text-align:left}#blog-title{margin:30px 0;padding-left:90px;background:url(https://cdn.blog.st-hatena.com/css/theme/developer/header.png?version=d521df40822702b2798181e2322e97) no-repeat left center}#blog-title #title{font-size:36px;font-family:TitilliumText22LMedium}#blog-title #title a{color:#333;text-decoration:none;font-weight:400;font-style:normal}#blog-title #blog-description{font-size:13px;font-weight:400;font-style:normal}#content-inner{display:block;zoom:1}#content-inner:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#content-inner #wrapper{float:left;width:100%;margin-right:-250px}#content-inner #wrapper>*{margin-right:250px}#content-inner .pager{margin:20px 0!important;padding:10px 0;text-align:center;margin:0 auto;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;font-family:TitilliumText22LMedium;display:block;zoom:1}#content-inner .pager:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#content-inner .pager a{color:#333;text-decoration:none;display:inline-block;max-width:300px;line-height:1.5}#content-inner .pager a:hover{text-decoration:underline}#content-inner .pager-prev,#content-inner .pager-next{display:block}#content-inner .pager-prev{float:left}#content-inner .pager-next{float:right}.entry{position:relative;background:#fff;border:1px solid #dbdbdb;padding:30px;margin-bottom:30px}.entry:nth-child(7){margin-bottom:0}.page-entry .entry{margin-bottom:0}.entry .entry-header{position:relative;font-style:italic;font-size:12px;margin-bottom:30px}.entry .entry-header .entry-title a{font-size:30px;color:#333;line-height:1.3;font-weight:400;font-style:normal;text-decoration:none}.entry .entry-header .date{color:#959595;font-size:12px;margin-bottom:.5em}.entry .entry-header .entry-header-menu{position:absolute;right:0;top:0}.entry .entry-header .categories{margin-top:.5em;color:#959595}.entry .entry-header .categories a{color:#959595}.entry .entry-header .categories:before{content:"Category: "}.entry .entry-header .categories.no-categories:before{display:none}.entry .entry-footer{word-wrap:break-word;margin-top:30px}.entry .entry-footer #google_afc_user{font-size:14px}.entry .entry-footer .social-buttons{margin-bottom:20px}.entry .entry-footer .entry-footer-section{color:#959595;font-size:12px;font-style:italic;margin-bottom:10px}.entry .entry-footer .entry-footer-section a{color:#959595;font-size:12px;font-style:italic}.entry .entry-footer .comment-box{margin-top:10px}.entry .entry-footer .comment{font-size:14px;line-height:1.3em}.entry .entry-footer .comment li{list-style-type:none;margin:20px 0;border-left:3px solid #f3f3f3;padding-left:10px}.entry .entry-footer .comment li .comment-user-name{margin-bottom:5px}.entry .entry-footer .comment .comment-content{margin-bottom:10px}.entry .entry-footer .comment .comment-metadata .permalink{margin-right:5px}.entry .entry-footer .comment .comment-metadata a{color:#959595;font-size:12px}.entry .entry-footer .leave-comment-title{padding:5px 10px;background:#f4f4f4;color:#959595;font-size:12px;border:1px solid #dbdbdb}.entry .entry-footer .leave-comment-title:hover{color:#333}.entry-content{line-height:1.8;font-size:90%}.entry-content img{max-width:100%}.entry-content img.hatena-fotolife{border:1px solid #dbdbdb}.entry-content p{margin:.6em 0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em;line-height:1.5}.entry-content h1{font-size:34px;font-weight:400;border-bottom:1px solid #dbdbdb}.entry-content h2{font-size:24px;font-weight:700;border-bottom:1px solid #dbdbdb}.entry-content h3{font-size:20px;font-weight:700}.entry-content h4{font-size:18px;font-weight:700}.entry-content h5{font-size:16px;font-weight:700}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 0 1.5em;padding:0}.entry-content blockquote{padding:10px;margin:1em 0;border:1px solid #dbdbdb}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#fafafa}.entry-content a,.entry-content pre{word-break:break-all;overflow:hidden}.entry-content pre{margin-bottom:.5em;font-size:13px;line-height:1.3;padding:20px;background:#333;color:#fff;white-space:pre-wrap;border:1px solid #ccc;-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:0 5px 0 0;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}.entry-content pre a{color:#ccc}.entry-content pre.lang-aa{font-size:14px;line-height:15px}.entry-content a.keyword{color:#333;text-decoration:none;border-bottom:1px solid #DEDEDE}.entry-content .hatena-asin-detail li{line-height:1.4}#box2{width:220px;float:right;font-size:13px;line-height:1.5}#box2 .hatena-module{margin-bottom:50px}#box2 .hatena-module:first-child{margin-bottom:20px}#box2 .fb-like-box{background:#f9f9f9}.hatena-module .hatena-module-title{text-decoration:none;font-weight:400;font-style:normal;font-family:TitilliumText22LMedium,sans-serif;font-size:17px;border-bottom:1px solid #dbdbdb;margin-bottom:10px}.hatena-module .hatena-module-title a{color:#333;text-decoration:none}.hatena-module .hatena-urllist li{list-style-type:none;margin:1em 0;line-height:1.5}.hatena-module .hatena-urllist li a{color:#333;text-decoration:none}.hatena-module .hatena-urllist li a:hover{text-decoration:underline}.hatena-module .hatena-urllist .urllist-entry-body{font-size:80%;color:#959595}.search-form .search-module-input{border:1px solid #dbdbdb;background:#ffffffb3;padding:3px 5px;width:155px;height:18px}.search-form .search-module-input:hover{border:1px solid #aaa}.search-form .search-module-button{height:26px;width:30px;border:none;text-indent:-999px;margin-left:-3px;cursor:pointer;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search_g.png?version=d521df40822702b2798181e2322e97) 50% 50% no-repeat;-moz-opacity:.8;opacity:.8;-khtml-opacity:.8;-webkit-opacity:.8}.search-form .search-module-button:hover{-moz-opacity:1;opacity:1;-khtml-opacity:1;-webkit-opacity:1}#footer{width:85%;text-align:center;margin:0 auto}#footer #footer-inner{text-align:left;font-size:12px;line-height:1.5em;font-style:italic;margin-bottom:20px}#footer #footer-inner a{color:#959595}#footer #footer-inner address,#footer #footer-inner .services{display:inline;margin-right:.5em}.page-about .entry-content{line-height:1em}.page-about dt{font-size:20px;padding-bottom:10px}.page-about dd{margin-left:0;margin-bottom:30px}.page-about .about-subscription-count{display:block}.page-archive #main-inner{background:#fff;border:1px solid #dbdbdb;padding:30px;margin-bottom:50px}.page-archive #main-inner .entry-title{margin:.5em 0;line-height:1.5}.page-archive #main-inner .entry-title a{font-size:30px;color:#333;font-weight:400;font-style:normal;text-decoration:none}.page-archive #main-inner section{margin-bottom:40px}.page-archive #main-inner p{line-height:1.5;margin-bottom:20px}.page-archive .categories{margin-bottom:10px;font-size:90%}@media screen and (max-width: 900px){#container{width:95%}#content-inner #wrapper{float:none!important;margin-right:0!important}#content-inner #wrapper>*{margin-right:0!important}#box2{float:none;width:100%}#footer{width:95%}}.page-index #main-inner .hatena-module{margin-bottom:20px;background:#fff;border:1px solid #dbdbdb;padding:30px}.page-index #main-inner .hatena-module .hatena-module-title{font-size:24px;font-weight:700;margin-bottom:15px;border-left:4px solid #1e73c3;border-bottom:none;padding-left:8px}.page-index #main-inner .hatena-module .hatena-module-title a{text-decoration:none}.page-index #main-inner .hatena-module .hatena-module-body li{padding-bottom:15px;border-bottom:1px solid #dbdbdb;margin-bottom:15px}.page-index #main-inner .hatena-module .hatena-module-body li:last-child{padding-bottom:0;border-bottom:none;margin-bottom:0}.page-index #main-inner .hatena-module .hatena-module-body .urllist-image{margin:0 15px 0 0;border:1px solid #dbdbdb}.page-index #main-inner .hatena-module .hatena-module-body .urllist-date-link,.page-index #main-inner .hatena-module .hatena-module-body .urllist-categories{font-style:italic}.page-index #main-inner .hatena-module .hatena-module-body .urllist-title-link{color:#333;font-size:24px;line-height:1.3;text-decoration:none;margin:10px 0;display:block}.page-index #main-inner .hatena-module .hatena-module-body .urllist-categories{margin-top:.5em}.page-index #main-inner .hatena-module .hatena-module-body .urllist-categories a{color:#959595}.page-index #main-inner .hatena-module .hatena-module-body .urllist-entry-body{margin-top:15px;display:block;font-size:90%;color:#333}.page-entry .entry-title-link{font-style:normal}

/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

body {
    font-family: Helvetica Neue, Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, メイリオ, Meiryo, MS\ Pゴシック, MS PGothic, sans-serif;
}

#container {
    width: 1080px;
}

@media screen and (max-width: 900px) {
    #container {
        width: 95%;
    }
}

#blog-title {
    margin: 30px 0 20px 0;
    padding-left: 90px;
    background: url('https://f.st-hatena.com/images/fotolife/h/hatenabookmark/20160304/20160304130920.png?1457064571') no-repeat left top;
    line-height: 44px;
    background-size: 64px 64px;
}

#blog-title #title {
    margin-left: -5px;
    font-size: 30px;
}

#blog-title #blog-description {
    font-size: 14px;
    margin-top: -12px;
}

#content-inner #wrapper>* {
    margin-right: 252px;
}

.entry {
    padding: 32px 40px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
}

h1.entry-title {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}

.entry .entry-header .entry-title a {
    font-size: 26px;
    font-weight: bold;
}

.entry .entry-header .date {
    color: #959595;
    font-size: 16px;
    font-style: normal;
    margin-bottom: 16px !important;
}

.entry .entry-header .date a {
    color: #333333;
    text-decoration: none;
}

.entry-content p {
    font-size: 16px;
    line-height: 1.8;
    margin: 24px 0;
}

.entry-content th {
    text-align: center;
    white-space: nowrap;
}

.entry-content ul,
.entry-content ol {
    font-size: 16px;
}

.entry-content .table-of-contents {
    background: #F6F7F8;
    list-style: none;
    margin: 0;
    padding: 24px;
    border-radius: 4px;
    color: #55606A;
    letter-spacing: 0.2px;
    font-size: 14px;
}

.entry-content .table-of-contents::before {
    content: '目次';
    margin-bottom: 12px;
    padding-bottom: 4px;
    font-size: 14.5px;
    display: block;
    border-bottom: 1px solid #ddd;
}

.entry-content .table-of-contents li {
    list-style-type: none;
}

.entry-content .table-of-contents>li {
    font-weight: 700;
}

.entry-content .table-of-contents li a {
    color: #55606A;
    text-decoration: none;
}

.entry-content .table-of-contents li a:hover {
    opacity: .8;
}

.entry-content .table-of-contents li ul {
    font-weight: normal;
    margin-left: 24px;
    letter-spacing: 0.2px;
    font-size: 14.5px;
}

/* debeloper.cssが優先されるため、やむを得ず見出しに!importantを使用 */
.entry-content h1 {
    font-size: 32px !important;
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb;
}

.entry-content h2 {
    font-size: 28px !important;
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb;
}

.entry-content h3 {
    font-size: 24px !important;
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb;
}

.entry-content h4 {
    font-size: 20px !important;
    font-weight: 700;
}

.entry-content h5 {
    font-size: 18px !important;
    font-weight: 700;
}

.entry-content h6 {
    font-size: 16px !important;
    font-weight: 700;
}

.entry-content blockquote {
    padding: 24px;
    font-size: 15px;
    color: #333;
    border: none;
    border-radius: 4px;
    background: #F6F7F8;
}

.entry-content blockquote cite {
    font-size: 14px;
    font-style: normal;
}
.entry-content table tbody td {
  padding: 8px 12px;
}
.entry-content table tr:nth-child(2n+1) {
  background: #f6f7f8;
}
.entry-content table tr th {
  background: #00A4DE;
  color: #fff;
}
.entry-content table tr th:first-child {
  border-right: 1px solid #fff;
}
.entry-content table tr td a {
  color: #009AD0;
  line-height: 1.5;
}
.entry-content table tr td a:hover {
  color: #7DB4E8;
}
img.app-icon {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.075);
}

ul.app-list {
    width: 100%;
    overflow: hidden;
    _zoom: 1;
    list-style: none;
    margin: 20px 0 0 0;
    padding: 0;
}

li.app-list {
    width: 25%;
    min-width: 160px;
    float: left;
}

li.app-list dt,
li.app-list dd {
    text-align: center;
}

.iframe-content {
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

a.okeyword {
    color: #333;
    text-decoration: none;
}

#box2 .hatena-module .hatena-urllist li a {
    font-size: 14px;
    margin-bottom: 16px;
}