/* <system section="theme" selected="novel"> */
@charset "UTF-8";html{color:#000;background:#fff}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:""}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size: 100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}a{color:#000;text-decoration:none}a:hover{color:#000;text-decoration:none;background:#e5e5e5}strong{font-weight:700}body{font-size:16px;font-family:Didot,Didot LT STD,Bodoni,Palatino,Palatino Linotype,Sabon,Garamond,Adobe Garamond Pro,Hiragino Mincho Pro,HGSMinchoE,MS PMincho,serif}#globalheader-container{background:#101929;color:#fff;top:0;left:0;width:100%}.service-menu li a{color:#fff}#container,#footer{width:992px;margin:0 auto;padding:0 32px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/line.gif?version=f3f53d9d3a4baa85d77db8cb85a26c) repeat-y 736px 0}#container{margin:0 auto;position:relative;overflow:hidden}#container-inner{width:100%;overflow:hidden}#blog-title{width:736px;height:200px;margin:24px 0 0;overflow:hidden;z-index:-5000}#blog-title-inner{margin:0 2px 0 0;width:608px!important;padding:32px 0 0 32px}#top-editarea{margin:24px 0 0 32px;width:640px;min-height:192px}#top-box{margin:24px 0 0 32px;width:640px}#box2{margin:-200px 0 0}.enable-top-editarea #box2{margin:-416px 0 0}.page-category-category_name #box2,.page-archive-category #box2{margin:-248px 0 0}.page-category-category_name.enable-top-editarea #box2,.page-archive-category.enable-top-editarea #box2{margin:-464px 0 0}#blog-title+#content #main{margin:32px 64px 0 32px}.header-image-enable #blog-title-inner,.header-image-only #blog-title-inner{margin:0 0 0 32px}.header-image-enable #blog-title-inner a:hover,.header-image-only #blog-title-inner a:hover{background:none;text-decoration:underline}.page-archive .breadcrumb{margin-bottom:10px}#content:after{content:"";clear:both;display:block;height:0}#wrapper{text-align:justify;text-justify:inter-ideograph;overflow:hidden;width:736px;float:left}#main{margin:0 64px 0 32px}#box2{float:right;width:224px;font-size:13px;overflow:hidden;z-index:8000;letter-spacing:1px;height:auto;word-wrap:break-word;line-height:1.6}#box2 a{color:#486670;text-decoration:none;border:none}#box2 .archive-module-month{margin:0 0 0 2.5em}#bottom-editarea{margin:64px 64px 0 32px;width:640px;clear:both}#footer{overflow:hidden;clear:both}#footer-inner{width:224px;float:right;font-size:12px;line-height:1.5;padding:0 0 24px 31px}#footer-inner a{border:none}#title a{font-weight:700;border:none;line-height:1;font-size:34px;letter-spacing:2px}#blog-description{font-size:14px;margin:7px 0 0}.entry{clear:both;overflow:hidden;position:relative;padding:0 0 48px}.entry-header{clear:both;overflow:hidden}.entry-header a{border:none}.date-,.date-first{margin:64px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr2.png?version=f3f53d9d3a4baa85d77db8cb85a26c) repeat-x top left}.date-:first-child,.date-first:first-child{margin:0}.date- .date,.date-first .date{margin:0 0 40px}.date- .date a,.date-first .date a{font-size:20px;margin:20px 0 0;letter-spacing:2px;font-weight:700;display:inline-block;color:#eb1212}.date- .date a:hover,.date-first .date a:hover{border:none}.date- .date .date-year:after,.date-first .date .date-year:after{content:"年"}.date- .date .date-month:after,.date-first .date .date-month:after{content:"月"}.date- .date .date-day:after,.date-first .date .date-day:after{content:"日"}.date- .date .hyphen,.date-first .date .hyphen{display:none}.date- .date-last-updated,.date-first .date-last-updated{color:#eb1212;font-size:16px;font-weight:700;letter-spacing:2px}.date- .date-last-updated svg,.date-first .date-last-updated svg{width:15px;height:15px}.date-middle,.date-last{margin:48px 0 0;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat center top}.date-middle .entry-header,.date-last .entry-header{margin:53px 0 0}.date-middle .date,.date-last .date{display:none}.entry-title{margin:0 32px 16px 0;letter-spacing:1px;float:left}.entry-title a{font-size:18px;font-weight:700;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.categories{margin:4px 0 16px;display:inline-block;float:right}.categories a{font-size:13px;margin:0 0 0 7px}.categories a:after{content:","}.categories a:last-child:after{content:""}.entry-header-menu{position:absolute;top:20px;right:0}.entry-header-menu a{padding:7px 7px 5px;line-height:1;display:block;background:#f5f5f5}.entry-header-menu a:hover{background:#000;color:#ddd}.entry-content a{color:#486670;text-decoration:none;border-bottom:1px solid #777}.entry-content a:hover{color:#486670;text-decoration:none;border-bottom:1px solid #000;background:#e5e5e5}.entry-content .keyword{color:#000;text-decoration:none;border-bottom:1px solid #f0f0f0}.entry-content .keyword:hover{color:#000;text-decoration:none;border-bottom:1px solid #aaa;background:none}.entry-content{clear:both}.entry-content p{line-height:2;margin:0 0 8px}.entry-content img{max-width:100%;vertical-align:bottom;margin:0 0 16px}.entry-content img.hatena-image-left{margin:0 15px 0 0}.entry-content img.hatena-image-right{margin:0 0 0 15px}.entry-content .hatena-fotolife,.entry-content .http-image{border:none}.entry-content .hatena-fotolife:hover,.entry-content .http-image:hover{border:none;background:none}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.entry-content h1{background:#555;padding:5px 10px 3px;color:#fff;font-weight:700;margin:56px 0 16px;font-size:22px}.entry-content h2{border-top:3px double #000;padding:8px 0 0;font-weight:700;margin:56px 0 16px;font-size:20px}.entry-content h3{border-bottom:1px solid #000;padding:0 0 5px;font-weight:700;margin:56px 0 16px;font-size:18px}.entry-content h4{padding:8px 0 0;font-weight:700;margin:32px 0 8px;line-height:1}.entry-content h4:before{content:"";width:14px;height:14px;border-radius:50%;display:block;background:#000;float:left;margin:1px 5px 0 0}.entry-content h5,.entry-content h6{font-weight:700;margin:32px 0 8px}.entry-content pre{padding:16px 20px;font-size:14px;line-height:1.5;border:1px solid #ddd;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;margin:16px 0 0;color:#aaa}.entry-content ul{margin:10px 0 0}.entry-content ul li{list-style-type:disc;margin:0 0 10px 1.5em}.entry-content ul li ul,.entry-content ul li ol{margin:10px 0}.entry-content ol{margin:10px 0 0}.entry-content ol li{list-style-type:decimal-leading-zero;margin:0 0 10px 2em}.entry-content ol li ul,.entry-content ol li ol{margin:10px 0}.entry-content dl{margin:10px 0 0}.entry-content dd{margin:0 0 0 1.5em}.entry-content table{width:100%;margin:16px 0}.entry-content th,.entry-content td{padding:12px 15px 8px;border:1px solid #ddd}.entry-content th{border:1px solid #bbb;font-weight:700;background:#ddd}.entry-content blockquote{border:1px solid #ddd;padding:16px 20px!important;border-radius:5px;margin:16px 0;font-style:italic;font-size:14px}.entry-content blockquote p,.entry-content blockquote li{font-style:italic}.entry-content blockquote cite{margin:16px 0 0;display:block;font-size:13px;color:#aaa;text-align:right}.entry-content blockquote cite:before{content:"Source: "}.entry-content blockquote cite a{color:#aaa;border-color:#aaa}.entry-content blockquote p{margin:0}.entry-content blockquote p+p,.entry-content blockquote p+ul,.entry-content blockquote p+ol,.entry-content blockquote ul+p,.entry-content blockquote ol+p{margin:16px 0 0}.entry-content .http-bookmark{padding:0 2px;margin:0;vertical-align:baseline}.entry-footer{margin:16px 0 0}.entry-footer-time a{border:none}#google_afc_user{clear:both;margin-top:15px}#google_afc_user div#google_afc_user_container{margin:0}.comment-box{font-size:14px;margin:20px 0 0}.comment li{padding:16px 0 0;margin:0 0 48px;border-top:1px dotted #ddd;min-height:74px}.comment-user-name{position:relative;width:112px}.comment-user-name .hatena-id-icon{width:50px;height:50px;position:absolute;top:24px;left:0}.comment-user-name .comment-user-id{position:absolute;top:0;left:0}.comment-content,.comment-metadata{margin:0 0 0 144px}.comment-content{line-height:1.8;word-wrap:break-word}.comment-metadata{margin-top:10px}.read-more-comments{text-align:left}.read-more-comments a{display:inline-block;margin:0 0 0 144px;border-bottom:1px solid #000}.leave-comment-title{border-bottom:1px solid #000;text-align:left}.pager{margin:144px 0 32px;overflow:hidden}.pager a{line-height:1.5;word-wrap:break-word;display:inline-block;max-width:250px}.pager-next{float:right}.pager-prev{float:left}.hatena-module{margin:0 0 32px}.hatena-module-title{font-weight:700;text-decoration:none;margin:0 0 8px;font-size:14px;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.hatena-module-title a{color:#000!important;border:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile{letter-spacing:0}.hatena-module-profile .hatena-module-body{position:relative;padding:0 0 0 80px;margin:0}.hatena-module-profile img{position:absolute;top:0;left:0;width:64px;height:64px}.hatena-module-profile .id{margin:0 0 5px;display:block}.hatena-urllist li{list-style:none;padding:0 0 0 15px;background:url(https://cdn.blog.st-hatena.com/css/theme/novel/li.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat 5px top;margin:0 0 10px;display:block}.hatena-urllist.urllist-with-thumbnails li{padding:0 0 10px;background:none;border-bottom:1px dotted #ddd}.hatena-module-search-box .search-module-input{background:#f5f5f5;font-size:18px;line-height:1;padding:8px 15px 6px;height:32px;width:145px;float:left;border:none}.hatena-module-search-box .search-module-input:focus{outline:none}.hatena-module-search-box .search-module-button{height:46px;width:46px;text-indent:-9999px;background:#f5f5f5 url(https://cdn.blog.st-hatena.com/css/theme/novel/search.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat center center;border:none}.hatena-module-search-box .search-module-button:hover{opacity:.8}.archive-module-calendar a{color:#eb1212!important}.page-about dl{overflow:hidden}.page-about dt{float:left;width:20%;height:25px;font-size:13px;margin:0 32px 32px 0;font-weight:700;letter-spacing:1px;clear:both;vertical-align:middle;font-family:Helvetica Neue,Helvetica,Univers,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif}.page-about dd{width:auto;font-size:16px;height:auto;margin:0 0 32px;overflow:hidden}.page-about dd .about-subscription-count{margin:0 10px 0 0}.page-about dd .profile-icon{display:inline;margin:0;vertical-align:middle;border:none}.page-about dd a,.page-about dd a:hover{border:none}.page-archive .archive-entry{margin-bottom:50px}.page-archive .entry-title,.page-archive .categories{float:none}.page-archive .no-categories{display:none}.page-archive .page-archive-section{margin:30px auto 0;padding:15px 0 0;clear:both;overflow:hidden}.page-archive .page-archive-section h1{padding:7px 0 0;margin:0 0 20px;border-top:1px dotted #000}.page-archive .page-archive-section h1 a{text-decoration:none;border:none;font-size:16px;font-weight:800;font-family:Source Code Pro,sans-serif;letter-spacing:1px}.page-archive .page-archive-section li{margin:0 0 20px;line-height:1;overflow:hidden;list-style-type:disc}.page-archive .page-archive-section .categories{float:right;margin:7px 0 5px}.page-archive .page-archive-section .categories a{border:none;font-size:12px;letter-spacing:2px;vertical-align:middle;display:inline-block;border-bottom:1px solid #000}.page-archive .page-archive-section .categories a:hover{border-bottom:1px solid #000}.page-archive .page-archive-section .entry-title{line-height:1.8;margin:0;overflow:hidden}.page-archive .page-archive-section .bookmark-widget-counter,.page-archive .page-archive-section .star-container a{border:none}.page-archive .page-archive-section .social-buttons{clear:both;display:block;margin:10px 0 0}@media(-webkit-min-device-pixel-ratio:2){#container,#footer{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/line@2x.gif?version=f3f53d9d3a4baa85d77db8cb85a26c) repeat-y 736px 0;background-size:1px 2px}.date-,.date-first{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr2@2x.png?version=f3f53d9d3a4baa85d77db8cb85a26c) repeat-x top left;background-size:11px 7px}.date-middle,.date-last{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/hr@2x.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat center top;background-size:89px 9px}.hatena-module li{background:url(https://cdn.blog.st-hatena.com/css/theme/novel/li@2x.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat 4px top;background-size:5px 11px}.hatena-module-search-box .search-module-button{background:#f5f5f5 url(https://cdn.blog.st-hatena.com/css/theme/novel/search@2x.png?version=f3f53d9d3a4baa85d77db8cb85a26c) no-repeat center center;background-size:20px 20px}}

/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a,
#cssmenu #menu-button {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#cssmenu:after,
#cssmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#cssmenu #menu-button {
  display: none;
}
#cssmenu {
  z-index: 100;
  width: auto;
  font-family: 'Open Sans', Helvetica, sans-serif;
  background: #39B1CC;
  background: -moz-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #51bbd2), color-stop(100%, #2d97af));
  background: -webkit-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -o-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: -ms-linear-gradient(top, #51bbd2 0%, #2d97af 100%);
  background: linear-gradient(to bottom, #51bbd2 0%, #2d97af 100%);
}
#cssmenu > ul {
  background: url('images/bg.png');
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.05);
}
#cssmenu.align-right > ul > li {
  float: right;
}
#cssmenu > ul > li {
  float: left;
  display: inline-block;
}
#cssmenu.align-center > ul {
  float: none;
  text-align: center;
  font-size: 0;
}
#cssmenu.align-center > ul > li {
  float: none;
}
#cssmenu.align-center ul ul {
  text-align: left;
}
#cssmenu > ul > li > a {
  padding: 18px 25px 21px 25px;
  border-right: 1px solid rgba(80, 80, 80, 0.12);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  color: #D3ECED;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#cssmenu > ul > li:hover > a,
#cssmenu > ul > li > a:hover,
#cssmenu > ul > li.active > a {
  color: #ffffff;
  background: #32a9c3;
  background: rgba(0, 0, 0, 0.1);
}
#cssmenu > ul > li.has-sub > a {
  padding-right: 45px;
}
#cssmenu > ul > li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #D3ECED;
  right: 17px;
  top: 22px;
}
#cssmenu > ul > li.has-sub.active > a::after,
#cssmenu > ul > li.has-sub:hover > a {
  border-top-color: #ffffff;
}
#cssmenu ul ul {
  position: absolute;
  left: -9999px;
  top: 60px;
  z-index: 9999;
  padding-top: 6px;
  font-size: 13px;
  opacity: 0;
  -webkit-transition: top 0.2s ease, opacity 0.2s ease-in;
  -moz-transition: top 0.2s ease, opacity 0.2s ease-in;
  -ms-transition: top 0.2s ease, opacity 0.2s ease-in;
  -o-transition: top 0.2s ease, opacity 0.2s ease-in;
  transition: top 0.2s ease, opacity 0.2s ease-in;
}
#cssmenu.align-right ul ul {
  text-align: right;
}
#cssmenu > ul > li > ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-bottom-color: #ffffff;
  top: -4px;
  left: 20px;
}
#cssmenu.align-right > ul > li > ul::after {
  left: auto;
  right: 20px;
}
#cssmenu ul ul ul::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  top: 11px;
  left: -4px;
}
#cssmenu.align-right ul ul ul::after {
  border-right-color: transparent;
  border-left-color: #ffffff;
  left: auto;
  right: -4px;
}
#cssmenu > ul > li > ul {
  top: 120px;
}
#cssmenu > ul > li:hover > ul {
  top: 52px;
  left: 0;
  opacity: 1;
}
#cssmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
}
#cssmenu ul ul ul {
  padding-top: 0;
  padding-left: 6px;
}
#cssmenu.align-right ul ul ul {
  padding-right: 6px;
}
#cssmenu ul ul > li:hover > ul {
  left: 180px;
  top: 0;
  opacity: 1;
}
#cssmenu.align-right ul ul > li:hover > ul {
  left: auto;
  right: 100%;
  opacity: 1;
}
#cssmenu ul ul li a {
  text-decoration: none;
  font-weight: 400;
  padding: 11px 25px;
  width: 180px;
  color: #777777;
  background: #ffffff;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1), 1px 1px 1px rgba(0, 0, 0, 0.1), -1px 1px 1px rgba(0, 0, 0, 0.1);
}
#cssmenu ul ul li:hover > a,
#cssmenu ul ul li.active > a {
  color: #333333;
}
#cssmenu ul ul li:first-child > a {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#cssmenu ul ul li:last-child > a {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
#cssmenu > ul > li > ul::after {
  position: absolute;
  display: block;
}
#cssmenu ul ul li.has-sub > a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 4px solid transparent;
  border-left-color: #777777;
  right: 17px;
  top: 14px;
}
#cssmenu.align-right ul ul li.has-sub > a::after {
  border-left-color: transparent;
  border-right-color: #777777;
  right: auto;
  left: 17px;
}
#cssmenu ul ul li.has-sub.active > a::after,
#cssmenu ul ul li.has-sub:hover > a::after {
  border-left-color: #333333;
}
#cssmenu.align-right ul ul li.has-sub.active > a::after,
#cssmenu.align-right ul ul li.has-sub:hover > a::after {
  border-right-color: #333333;
  border-left-color: transparent;
}
@media all and (max-width: 800px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #cssmenu {
    background: #39B1CC;
  }
  #cssmenu > ul {
    display: none;
  }
  #cssmenu > ul.open {
    display: block;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
  }
  #cssmenu.align-right > ul {
    float: none;
  }
  #cssmenu.align-center > ul {
    text-align: left;
  }
  #cssmenu > ul > li,
  #cssmenu.align-right > ul > li {
    float: none;
    display: block;
  }
  #cssmenu > ul > li > a {
    padding: 18px 25px 18px 25px;
    border-right: 0;
  }
  #cssmenu > ul > li:hover > a,
  #cssmenu > ul > li.active > a {
    background: rgba(0, 0, 0, 0.1);
  }
  #cssmenu #menu-button {
    display: block;
    text-decoration: none;
    font-size: 13px;
    font-weight: 700;
    color: #D3ECED;
    padding: 18px 25px 18px 25px;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: url('images/bg.png');
    cursor: pointer;
  }
  #cssmenu ul ul,
  #cssmenu ul li:hover > ul,
  #cssmenu > ul > li > ul,
  #cssmenu ul ul ul,
  #cssmenu ul ul li:hover > ul,
  #cssmenu.align-right ul ul,
  #cssmenu.align-right ul li:hover > ul,
  #cssmenu.align-right > ul > li > ul,
  #cssmenu.align-right ul ul ul,
  #cssmenu.align-right ul ul li:hover > ul {
    left: 0;
    right: auto;
    top: auto;
    opacity: 1;
    width: 100%;
    padding: 0;
    position: relative;
    text-align: left;
  }
  #cssmenu ul ul li {
    width: 100%;
  }
  #cssmenu ul ul li a {
    width: 100%;
    box-shadow: none;
    padding-left: 35px;
  }
  #cssmenu ul ul ul li a {
    padding-left: 45px;
  }
  #cssmenu ul ul li:first-child > a,
  #cssmenu ul ul li:last-child > a {
    border-radius: 0;
  }
  #cssmenu #menu-button::after {
    display: block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #D3ECED;
    border-bottom: 2px solid #D3ECED;
    right: 25px;
    top: 18px;
  }
  #cssmenu #menu-button::before {
    display: block;
    content: '';
    position: absolute;
    height: 3px;
    width: 22px;
    border-top: 2px solid #D3ECED;
    right: 25px;
    top: 28px;
  }
  #cssmenu > ul > li.has-sub > a::after,
  #cssmenu ul ul li.has-sub > a::after {
    display: none;
  }
}

.follow-btn{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.follow-btn a {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 45px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    color: #ffffff;
}
.follow-btn .hatena {
    border: 2px solid #3D3F44;
    background: #ffffff; 
    color: #3D3F44;
    box-shadow: 0 3px 0 #3D3F44;
}
.follow-btn .twitter {
    border: 2px solid #00ACEE;
    background: #ffffff; 
    color: #00ACEE;
    box-shadow: 0 3px 0 #00ACEE;
}
.follow-btn .feedly {
    border: 2px solid #70CA3B;
    background: #ffffff;
    color: #70CA3B;
    box-shadow: 0 3px 0 #70CA3B;
}
.follow-btn .hatena:hover {
    top: 3px;
    box-shadow: none;
}
.follow-btn .twitter:hover {
    top: 3px;
    box-shadow: none;
}
.follow-btn .feedly:hover {
    top: 3px;
    box-shadow: none;
}
.text-small{
    font-size: 10px;
}