/*
    Staffblog
    Author: Hatena Blog Team
    Responsive: Yes
*/
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects block display not defined in IE6/7/8/9 & FF3
 */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}
/*
 * Corrects inline-block display not defined in IE6/7/8/9 & FF3
 */audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
/*
 * Prevents modern browsers from displaying 'audio' without controls
 * Remove excess height in iOS5 devices
 */audio:not([controls]){display:none;height:0}
/*
 * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
 * Known issue: no IE6 support
 */[hidden]{display:none}
/* =============================================================================
   Base
   ========================================================================== */
/*
 * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
 *    http://clagnut.com/blog/348/#c790
 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
 *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */html{font-size:100%;
  /* 1 */-webkit-text-size-adjust:100%;
  /* 2 */-ms-text-size-adjust:100%
  /* 2 */}
/*
 * Addresses font-family inconsistency between 'textarea' and other form elements.
 */button,html,input,select,textarea{font-family:sans-serif}
/*
 * Addresses margins handled incorrectly in IE6/7
 */body{margin:0}
/* =============================================================================
   Links
   ========================================================================== */
/*
 * Addresses outline displayed oddly in Chrome
 */a:focus{outline:thin dotted}
/*
 * Improves readability when focused and also mouse hovered in all browsers
 * people.opera.com/patrickl/experiments/keyboard/test
 */a:active,a:hover{outline:0}
/* =============================================================================
   Typography
   ========================================================================== */
/*
 * Addresses font sizes and margins set differently in IE6/7
 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
 */h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}
/*
 * Addresses styling not present in IE7/8/9, S5, Chrome
 */abbr[title]{border-bottom:1px dotted}
/*
 * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/b,strong{font-weight:700}blockquote{margin:1em 40px}
/*
 * Addresses styling not present in S5, Chrome
 */dfn{font-style:italic}
/*
 * Addresses styling not present in IE6/7/8/9
 */mark{background:#ff0;color:#000}
/*
 * Addresses margins set differently in IE6/7
 */p,pre{margin:1em 0}
/*
 * Corrects font family set oddly in IE6, S4/5, Chrome
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */code,kbd,pre,samp{font-family:monospace,serif;_font-family:courier new,monospace;font-size:1em}
/*
 * Improves readability of pre-formatted text in all browsers
 */pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
/*
 * 1. Addresses CSS quotes not supported in IE6/7
 * 2. Addresses quote property not supported in S4
 */
/* 1 */q{quotes:none}
/* 2 */q:after,q:before{content:"";content:none}
/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */small,sub,sup{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}
/* =============================================================================
   Lists
   ========================================================================== */
/*
 * Addresses margins set differently in IE6/7
 */dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}
/*
 * Addresses paddings set differently in IE6/7
 */menu,ol,ul{padding:0 0 0 40px}
/*
 * Corrects list images handled incorrectly in IE7
 */nav ol,nav ul{list-style:none;list-style-image:none}
/* =============================================================================
   Embedded content
   ========================================================================== */
/*
 * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
 * 2. Improves image quality when scaled in IE7
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */img{border:0;
  /* 1 */-ms-interpolation-mode:bicubic
  /* 2 */}
/*
 * Corrects overflow displayed oddly in IE9
 */svg:not(:root){overflow:hidden}
/* =============================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE6/7/8/9, S5, O11
 */
/* =============================================================================
   Forms
   ========================================================================== */
/*
 * Corrects margin displayed oddly in IE6/7
 */figure,form{margin:0}
/*
 * Define consistent border, margin, and padding
 */fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
/*
 * 1. Corrects color not being inherited in IE6/7/8/9
 * 2. Corrects text not wrapping in FF3
 * 3. Corrects alignment displayed oddly in IE6/7
 */legend{border:0;
  /* 1 */padding:0;white-space:normal;
  /* 2 */*margin-left:-7px
  /* 3 */}
/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */button,input,select,textarea{font-size:100%;
  /* 1 */margin:0;
  /* 2 */vertical-align:baseline;
  /* 3 */*vertical-align:middle
  /* 3 */}
/*
 * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
 */button,input{line-height:normal
  /* 1 */}
/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Removes inner spacing in IE7 without affecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */button,input[type=button],input[type=reset],input[type=submit]{cursor:pointer;
  /* 1 */-webkit-appearance:button;
  /* 2 */*overflow:visible
  /* 3 */}
/*
 * Re-set default cursor for disabled elements
 */button[disabled],input[disabled]{cursor:default}
/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Removes excess padding in IE8/9
 * 3. Removes excess padding in IE7
      Known issue: excess padding remains in IE6
 */input[type=checkbox],input[type=radio]{box-sizing:border-box;
  /* 1 */padding:0;
  /* 2 */*height:13px;
  /* 3 */*width:13px
  /* 3 */}
/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */input[type=search]{-webkit-appearance:textfield;
  /* 1 */
  /* 2 */box-sizing:content-box}
/*
 * Removes inner padding and search cancel button in S5, Chrome on OS X
 */input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
/*
 * Removes inner padding and border in FF3+
 * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */textarea{overflow:auto;
  /* 1 */vertical-align:top
  /* 2 */}
/* =============================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells
 */table{border-collapse:collapse;border-spacing:0}
/*
LESS Mixins
*/
/* 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:"."}.block{display:block}.inline{display:inline}.inline-block{display:inline-block;*display:inline;*zoom:1}.relative{position:relative}.absolute{position:absolute}.static{position:static}.fixed{position:fixed}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* text properties */.bold{font-weight:700}.normal{font-weight:400;font-style:normal}.thin{font-weight:300}.italic{font-style:italic}.nodeco{text-decoration:none}.underline{text-decoration:underline}.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}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}
/* テキストを画像で置換するときにこの mixin を呼び出すと便利 */.replace{display:block;text-indent:100%;white-space:nowrap;overflow:hidden;background-position:0 0;background-repeat:no-repeat}
/* List properties */.nolist{list-style-type:none}.disc{list-style-type:disc}.circle{list-style-type:circle}
/* CSS3 properties */
/*
LESS Variables
*/
/* Background color */
/* Background color */
/* Border color */
/* Base text color */
/* Light text color */
/* 標準リンク色 */
/* リンクのhover */
/* base width */
/*
Button.LESS
Description: はてなブログのボタン類
Author: Hatena Blog Team
Version: 1.0
*/.btn{display:inline-block;*display:inline;*zoom:1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#3d3f44!important;background-color:#f7f8f9;text-align:center;vertical-align:middle;border:1px solid #dfe5e7;-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:#d0d9dc;background-color:#e8ebee;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)}.btn-group .btn{position:relative;float:left;margin-left:-1px;border-radius:0}.btn-group .btn:first-child{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}.btn-group .btn:last-child,.btn-group .dropdown-toggle{border-top-right-radius:4px;border-bottom-right-radius:4px}.btn-group .btn.large:first-child{margin-left:0;border-top-left-radius:6px;border-bottom-left-radius:6px}.btn-group .btn.large:last-child,.btn-group .large.dropdown-toggle{border-top-right-radius:6px;border-bottom-right-radius:6px}.btn-group .btn.active,.btn-group .btn:active,.btn-group .btn:focus,.btn-group .btn:hover{z-index:2}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}body{font-family:Avenir Next,Helvetica Neue,Helvetica,Arial,sans-serif;background:#f7f8f9;color:#3d3f44}@media (max-width:767px){body{background:#fff}}body a{color:#4eacd1}body a:hover{color:#339bc3}#blog-title-inner,#bottom-editarea,#content,#top-box{width:960px;margin-left:auto;margin-right:auto}@media (min-width:1240px){#blog-title-inner,#bottom-editarea,#content,#top-box{width:1170px}}@media (max-width:1024px){#blog-title-inner,#bottom-editarea,#content,#top-box{width:720px}}@media (max-width:767px){#blog-title-inner,#bottom-editarea,#content,#top-box{width:auto;margin-left:10px;margin-right:10px}}#blog-title-inner #content-inner,#bottom-editarea #content-inner,#content #content-inner,#top-box #content-inner{text-align:left}#blog-header{text-align:center;margin-bottom:2em;background:#4eacd1 url('https://cdn.blog.st-hatena.com/css/theme/staffblog/images/header-bg.jpg?version=ed4af3670a4d00c1503c1ef4950d675145bc0b9f&env=production') repeat-x top;background-size:cover;padding:.5em 0 2em;color:#fff}#blog-header #blog-title-inner{position:relative}#blog-header #blog-title-content{padding:2em 0 0}@media (max-width:767px){#blog-header #blog-title-content{padding:.3em 0 0}}#blog-header #title{font-size:180%;line-height:1.1;margin:0}@media (max-width:767px){#blog-header #title{font-size:130%}}#blog-header #title a{text-decoration:none;color:#fff}#blog-header #blog-description{font-size:85%;font-weight:400;margin-bottom:0}.blog-header-wrapper{display:block;*zoom:1;margin-bottom:.5em}.blog-header-wrapper:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.blog-header-left{float:left;text-align:left;position:absolute;top:0;left:0}@media (max-width:767px){.blog-header-left{position:static}}.blog-header-left .hatenablog-logo{width:130px;margin-top:5px}@media (max-width:767px){.blog-header-left .hatenablog-logo{width:100px}}.blog-header-right{float:right;font-size:90%;position:absolute;top:0;right:0}@media (max-width:1024px){.blog-header-right{position:static}}.blog-header-right .search-form{width:200px}@media (max-width:767px){.blog-header-right .search-form{width:160px}}#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:-300px}@media (min-width:1240px){#content-inner #wrapper{margin-right:-340px}}#content-inner #wrapper>*{margin-right:300px}@media (min-width:1240px){#content-inner #wrapper>*{margin-right:340px}}@media (max-width:767px){#content-inner #wrapper{float:none;margin-right:0}#content-inner #wrapper>*{margin-right:0}}.hatena-module{margin-bottom:2em;font-size:90%;padding:1em;background-color:#fff}@media (max-width:767px){.hatena-module{padding:5px 0 0}}#main .hatena-module{border-top:4px solid #a5b6bb;padding:.7em 1em 1em}@media (max-width:767px){#main .hatena-module{padding:5px 0 0}}#main .hatena-module.category-news{border-color:#4eacd1}#main .hatena-module.category-news li:first-child .urllist-title-link{font-size:160%}@media (max-width:767px){#main .hatena-module.category-news li:first-child .urllist-title-link{font-size:130%}}.hatena-module .hatena-urllist{padding:0;margin-bottom:0}.hatena-module .hatena-urllist li{list-style:none;margin:10px 0;padding-bottom:10px;border-bottom:1px solid #dfe5e7}.hatena-module .hatena-urllist li:last-child{border:none;padding-bottom:0;margin-bottom:0}.hatena-module .hatena-urllist li .urllist-image{float:right;margin:20px 0 .7em .7em;border:1px solid #dfe5e7;box-sizing:border-box}@media (max-width:1024px){.hatena-module .hatena-urllist li .urllist-image{width:100px}}.hatena-module .hatena-urllist a{color:#3d3f44;text-decoration:none}.hatena-module .hatena-urllist a:hover{text-decoration:underline}#box2 .hatena-module .hatena-urllist{font-size:90%}.hatena-module .hatena-module-title{font-size:100%;font-weight:700;border-bottom:3px solid #dfe5e7;margin-bottom:1em;padding-bottom:5px}.hatena-module .hatena-module-title a{color:#3d3f44;text-decoration:none}#main .hatena-module .hatena-module-title{font-size:110%}#main .hatena-module.category-news .hatena-module-title a{color:#4eacd1}#main .hatena-module .urllist-title-link{font-size:140%;color:#3d3f44;font-weight:700;line-height:1.4}@media (max-width:1024px){#main .hatena-module .urllist-title-link{font-size:120%}}@media (max-width:767px){#main .hatena-module .urllist-title-link{font-size:110%}}.hatena-module .urllist-date-link{color:#9aa5ab;margin-bottom:5px}.hatena-module .urllist-date-link a{color:#9aa5ab}.hatena-module .urllist-categories{margin:.5em 0}.hatena-module .urllist-category-link{color:#7e8c94;background:#eef0f2;padding:.3em .5em;line-height:1.2em;font-size:75%;display:inline-block;margin:0 .3em .2em 0}.hatena-module .urllist-category-link:hover{text-decoration:none!important;color:#339bc3}.hatena-module .urllist-entry-body{font-size:95%;margin-top:.2em;color:#878a93;display:none}@media (max-width:767px){.hatena-module .urllist-entry-body{display:none}}.hatena-module .hatena-urllist li:first-child .urllist-entry-body{display:block}#main .hatena-module-html{background-color:transparent;padding:0;border:none}.moreBtn{position:relative;top:-.5em}.moreBtn .btn{font-size:100%;padding:.7em .5em;line-height:1.5;box-sizing:border-box;width:100%;background-color:#e3e6ea;border:none;border-radius:0}.moreBtn .btn:hover{background-color:#d4d9df}.entry{background:#fff;padding:1em 1.5em;margin-bottom:30px}@media (max-width:767px){.entry{padding:0}}.page-entry .entry{margin-bottom:0}.entry-header{position:relative;border-bottom:3px solid #dfe5e7;padding-bottom:.5em;margin-bottom:1em}.entry-title{font-size:160%;margin:.2em 0 0;line-height:1.4}@media (max-width:1024px){.entry-title{font-size:150%}}@media (max-width:767px){.entry-title{font-size:140%}}@media (max-width:480px){.entry-title{font-size:130%}}.entry-title a{text-decoration:none}.date{font-size:80%;margin-bottom:.5em;color:#9aa5ab}.date a{text-decoration:none;color:#9aa5ab}.entry-header-menu{position:absolute;right:0;top:0}.categories{margin:.5em 0}.categories a{color:#7e8c94;background:#eef0f2;padding:.3em .5em;line-height:1.2em;font-size:75%;text-decoration:none;display:inline-block;margin:0 .3em .2em 0}.entry-content{line-height:1.8em}@media (max-width:767px){.entry-content{font-size:95%}}.entry-content img{max-width:100%}.entry-content img.left{float:left;margin:0 1em 1em 0}.entry-content img.right{float:right;margin:0 0 1em 1em}.entry-content p{margin-bottom:1em}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.5em 0 .8em;line-height:1.5}.entry-content h1{font-size:180%}@media (max-width:767px){.entry-content h1{font-size:160%}}.entry-content h2{font-size:170%;padding-bottom:.2em;border-bottom:1px solid #dfe5e7}@media (max-width:767px){.entry-content h2{font-size:150%}}.entry-content h3{font-size:150%;padding-bottom:.2em;border-bottom:1px solid #dfe5e7}@media (max-width:767px){.entry-content h3{font-size:130%}}.entry-content h4{font-size:120%}@media (max-width:767px){.entry-content h4{font-size:110%}}.entry-content h5{font-size:110%}@media (max-width:767px){.entry-content h5{font-size:100%}}.entry-content h6{font-size:95%}.entry-content table{border-collapse:collapse;border-spacing:0;margin:1em auto;font-size:95%}@media (max-width:767px){.entry-content table{font-size:80%}}.entry-content table img{max-width:auto}.entry-content table td,.entry-content table th{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f7f8f9}.entry-content blockquote{border:1px solid #dfe5e7;margin:1em auto;padding:1em}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content .hatena-asin-detail{border:1px solid #dfe5e7}.entry-content pre{border:none;background-color:#f7f7f7;margin:1em auto;padding:1em;white-space:pre}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent}.entry-content code,.entry-content pre>code{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}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-content .entry-see-more{background:#f7f8f9;display:block;text-align:center;padding:5px 0;font-weight:700}.entry-content .entry-see-more:hover{background:#e6e9ec}@media (max-width:767px){.entry-content ol,.entry-content ul{padding-left:1.5em}}.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}.entry-footer{word-wrap:break-word;margin-top:30px}.entry-footer #google_afc_user{font-size:14px}.entry-footer .social-buttons{margin-top:10px;margin-bottom:20px}.entry-footer .entry-footer-section{color:#9aa5ab;font-size:80%;font-style:italic;margin-bottom:10px}.entry-footer .entry-footer-section a{color:#9aa5ab;font-size:12px;font-style:italic;text-decoration:none}.entry-footer .entry-footer-section a:hover{color:#4eacd1}.entry-footer .comment{font-size:80%;padding-left:0;line-height:1.5em}.entry-footer .comment li{list-style:none;margin-bottom:20px;border-left:3px solid #f3f3f3;padding-left:10px}.entry-footer .comment li .comment-user-name{margin-bottom:5px}.entry-footer .comment .comment-metadata a{color:#9aa5ab;font-size:12px}.entry-footer .leave-comment-title{padding:5px 10px;background:#f7f8f9;color:#9aa5ab;font-size:12px;border:1px solid #dfe5e7}.entry-footer .leave-comment-title:hover{color:#3d3f44}.pager{font-size:90%;display:table;width:100%;line-height:1.5;border-top:1px solid #dfe5e7;border-bottom:1px solid #dfe5e7;text-align:center;margin:1.5em auto}.pager a{color:#3d3f44;font-weight:700;text-decoration:none}.pager .pager-next,.pager .pager-prev{position:relative;display:table-cell;width:50%}.pager .pager-next a,.pager .pager-prev a{display:block;padding:1em}@media (max-width:767px){.pager .pager-next a,.pager .pager-prev a{padding:.5em}}.pager .pager-next .pager-arrow,.pager .pager-prev .pager-arrow{font-size:30px;height:30px;line-height:.7;position:absolute;display:block;top:0;bottom:0;margin:auto;color:#dfe5e7}.pager.permalink .pager-next{float:right;text-align:right}.pager.permalink .pager-next a{padding-right:40px}@media (max-width:767px){.pager.permalink .pager-next a{padding-right:20px}}.pager.permalink .pager-next .pager-arrow{right:0}.pager.permalink .pager-prev{float:left;text-align:left}.pager.permalink .pager-prev a{padding-left:40px}@media (max-width:767px){.pager.permalink .pager-prev a{padding-left:20px}}.pager.permalink .pager-prev .pager-arrow{left:0}.alert{padding:1em;margin:1em 0;background-color:#faf8d4;border-left:6px solid #f7e042}.alert>h1,.alert>h2,.alert>h3,.alert>h4,.alert>h5,.alert>h6{margin-top:0}.alert-info{border-color:#99dbf2;background-color:#f1fafb}.alert-danger{border-color:#f44a56;background-color:#f9f1f2}.theme-image{box-shadow:0 1px 4px rgba(0,0,0,.4);-moz-box-sizing:border-box;border-radius:5px;background-clip:padding-box}.staff-bordered-screenshot{text-align:center;margin:3em auto}.staff-bordered-screenshot img{border:1px solid #dfe5e7;vertical-align:middle}#box2{width:270px;float:right}@media (min-width:1240px){#box2{width:310px}}@media (max-width:767px){#box2{float:none;width:auto}}#bottom-editarea{font-size:80%}#bottom-editarea .bottom-editarea-inner{padding:30px 0 20px}#bottom-editarea .box-wrapper{display:-ms-flexbox;display:flex;text-align:left;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}#bottom-editarea .footer-box{width:24%}@media (max-width:767px){#bottom-editarea .footer-box{width:48%;margin-bottom:2em}}#bottom-editarea .footer-box h4{margin:0 0 2em}#bottom-editarea ul{padding:0}#bottom-editarea ul li{list-style-type:none;padding:.3em 0}#bottom-editarea ul li a{color:#9aa5ab;text-decoration:none}.search-form{border:2px solid #dfe5e7;background-color:#f7f8f9;width:100%;box-sizing:border-box;position:relative;text-align:left}.search-form .search-module-input{padding:5px 10px;color:#3d3f44;background:none;border:none;outline:none;width:80%;line-height:1.7}@media (max-width:767px){.search-form .search-module-input{font-size:90%}}@media (max-width:480px){.search-form .search-module-input{border-width:1px;padding:2px 5px}}.search-form .search-module-button{width:30px;height:30px;background:transparent url('https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=101ce7dd0b971701ab47fca6573a64c6e517dad7&env=production') no-repeat 50%;background-size:20px 20px;border:none;outline:none;text-indent:-9999px;position:absolute;top:0;bottom:0;right:5px;margin:auto;opacity:.5}.search-form .search-module-button:hover{opacity:.85}@media (max-width:480px){.search-form .search-module-button{right:0}}.banner-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-left:-1%;margin-right:-1%}.banner-wrapper>div{width:48%;padding:1%}.page-about dd{margin-bottom:1.5em}.page-about dd:last-child{margin-bottom:0}.page-archive #main-inner,.page-category #main-inner{background:#fff;padding:1em;margin-bottom:2em}@media (max-width:767px){.page-archive #main-inner,.page-category #main-inner{padding:0}}.page-archive .entry-thumb,.page-category .entry-thumb{float:right;margin:0 0 10px 10px;width:100px;height:100px;border:1px solid #dfe5e7}.page-archive #main .archive-entry{margin-bottom:1em;padding-bottom:1em;border-bottom:1px solid #dfe5e7;font-size:95%}.page-archive .entry-title{font-size:140%}@media (max-width:767px){.page-archive .entry-title{font-size:130%}}@media (max-width:480px){.page-archive .entry-title{font-size:110%}}.page-archive .entry-title a{color:#3d3f44}.page-archive .categories{margin-bottom:.5em}.page-archive .entry-description{margin-top:0;font-size:90%}@media (max-width:767px){.page-archive .entry-description{font-size:85%}}#top-box{margin:1.5em auto;font-size:90%}@media (max-width:767px){#top-box{margin:0}}#top-box .breadcrumb{background:#fff;padding:1em}@media (max-width:767px){#top-box .breadcrumb{display:none}}


/* table */
.help-table table tbody tr th { white-space: nowrap; }
.help-table table tbody tr td:nth-child(1) { white-space: nowrap; }

/* entry-content screenshot */
.staff-bordered-screenshot {
    text-align: center;
    margin: 3em auto;
}
.staff-bordered-screenshot img {
    border: 1px solid #dfe5e7;
    vertical-align: middle;
}

#cboxOverlay {
  background-color: #666;
}

/* 目次記法 */
.entry-content .table-of-contents ul {
    margin: auto;
}