/* */
/*
Theme Name: Developer
Description: for Hatena Developer Blog
Author: Hatena
Version: 1.0
*/
/*---------------------------------------------------
LESS Variables
---------------------------------------------------
developer.less
-----------------------------------------------------*/
/* Background color */
/* Base text color(gray) */
/*---------------------------------------------------
Reset CSS
---------------------------------------------------
-----------------------------------------------------*/abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,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:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{background-color:#ff9;color:#000}mark{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 #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}
/*---------------------------------------------------
LESS Elements 0.6
---------------------------------------------------
A set of useful LESS mixins by Dmitry Fadeyev
Special thanks for mixin suggestions to:
Kris Van Herzeele,
Benoit Adam,
Portenart Emile-Victor,
Ryan Faerman
More info at: http://lesselements.com
-----------------------------------------------------*/
/*---------------------------------------------------
LESS Mixins
---------------------------------------------------
hatena blog team
-----------------------------------------------------*/
/* box properties */.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}
/* text properties */.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}
/* CSS3 properties */@font-face{font-family:TitilliumText22LMedium;src:url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.eot?version=5f83a2b89658c593c83e8e84bff28b9de74762ea&env=production');src:url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.eot?version=5f83a2b89658c593c83e8e84bff28b9de74762ea&env=production') format("embedded-opentype"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.woff?version=1c8364f192555474b2ada2df69ef1a34b4bd2ecc&env=production') format("woff"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.ttf?version=e0d93447309164276a892bff2b4d20d7aef544ae&env=production') format("truetype"),url('https://cdn.blog.st-hatena.com/images/fonts/titillium_text/TitilliumText22L004-webfont.svg%23/images/fonts/titillium_text/TitilliumText22LMedium?version=15526b2611d6036b4af5ea8cefe4bb4a&env=production') format("svg");font-weight:400;font-style:normal}.font-default,body{font-family:Helvetica Neue,Helvetica,Arial,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,MS PGothic,sans-serif}body{background:#f4f4f4;color:#333}a{color:#1e73c3}a:hover{color:#064b8c}
/* weekly-hatenablog.cssよりコピペ */.entry-content .hatena-id-icon,.entry-content .http-favicon{margin-right:5px;vertical-align:middle}.entry-content .http-bookmark,.entry-content .http-star{margin:0 3px;vertical-align:middle}
/* staff.hatenablog.com からコピペ */.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 #ddd;-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-top-right-radius:2px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;border-radius:2px;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 0 rgba(0,0,0,.4);-moz-text-shadow:0 -1px 0 rgba(0,0,0,.4);-webkit-text-shadow:0 -1px 0 rgba(0,0,0,.4)}.alert{padding:8px 35px 8px 14px;margin-bottom:20px;text-shadow:0 1px 0 hsla(0,0%,100%,.5);background-color:#fcf8e3;border:1px solid #fbeed5;border-radius:4px 4px 4px 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=1993f4b5424c7c7c610c2a6c80738d95a8d2ea06&env=production') no-repeat 0}#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-next,#content-inner .pager-prev{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),.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{margin-bottom:10px}.entry .entry-footer .entry-footer-section,.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 */.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 dd,.entry-content ol,.entry-content ul{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 td,.entry-content table th{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-top-right-radius:5px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;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:hsla(0,0%,100%,.7);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=358e2e6df2097b5bb0316a03851d7e0b394515d6&env=production') 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 .services,#footer #footer-inner address{display:inline;margin-right:.5em}
/* @About */.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}
/* @Archive */.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%}
/* 1 column style */@media screen and (max-width:900px){#container{width:95%}#content-inner #wrapper{float:none!important}#content-inner #wrapper,#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-categories,.page-index #main-inner .hatena-module .hatena-module-body .urllist-date-link{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}
/* */
/* */
/* default */
/* */
body{
font-family: Helvetica Neue , Helvetica, Arial, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, メイリオ, Meiryo, MS\ Pゴシック, MS PGothic, sans-serif;
}
#blog-title {
margin: 30px 0 20px 0;
padding-left: 90px;
background: url('http://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;
}
.entry {
padding: 26px 30px 30px 30px;
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;
line-height: 1.4;
}
.entry .entry-header .entry-title a {
font-size: 26px;
}
.entry .entry-header .date {
color: #959595;
font-size: 16px;
font-style: normal;
margin-bottom: ８px;
}
.entry .entry-header .date a {
color: #333333;
text-decoration: none;
}
.entry-content p {
font-size: 15px;
line-height: 1.6;
}
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%;
}