@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
[hidden],template{display:none}
a{background:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
img{border:0}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto;font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
textarea{overflow:auto}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
.clearfix{display:block;*zoom:1}
.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
.inline-block{display:inline-block;*display:inline;*zoom:1}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
body{font-family:'Sintony','Helvetica Neue','Helvetica','Arial','Hiragino Kaku Gothic Pro','Meiryo','MS PGothic',sans-serif;color:#85735B;background:#fff}
a{color:#7CB6AA}
a:hover{color:#7CB6AA;background:#f5f5f5}
a:visited{color:#7CB6AA}
h1 a,h1 a:hover,h1 a:visited{color:#85735B;text-decoration:none}
h2 a,h3 a,h4 a,h5 a,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#7CB6AA;text-decoration:none}
a.keyword{text-decoration:none;border-bottom:1px dotted #ddd;color:#999}
#globalheader-container{color:#333;background-color:rgba(255,255,255,0.5);position:fixed;top:0;left:0;width:100%;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.4);-moz-box-shadow:0 0 10px rgba(0,0,0,0.4);box-shadow:0 0 10px rgba(0,0,0,0.4)}
#container{background:#fff;max-width:810px;margin:0 auto;padding:25px 65px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px}
#container #content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
#content{background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/title-line.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat;padding-top:9px}
#content-inner{padding-top:50px;display:block;*zoom:1}
#content-inner:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}
#main{width:560px;float:left}
#blog-title-inner{margin:0 0 25px;padding:0 50px;min-height:80px;text-align:center;background:url(http://cdn.image.st-hatena.com/image/square/fac2aaecce679266d4bd6787d4a3f2125a843205/backend=imagemagick;height=192;version=1;width=192/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fkira-kira-girl%2F302457372067685741.png) no-repeat 20px 0;background-size:90px 90px}
#title{margin:0}
#title a{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
#title:after{content:'DEA I DEA - 恋愛ブログ -';position:relative;top:15px;font-size:24px}
#blog-description{font-weight:400;font-size:1.15em;margin:30px 0 0}
#top-editarea{margin:0 0 30px}
#bottom-editarea{margin:0}
.header-image-enable #title{padding-top:70px;padding-left:20px}
.header-image-enable #blog-description{padding-left:20px}
#top-box{margin:0 auto 30px;font-size:90%}
#top-box .breadcrumb{border:1px solid #F1E6CA;padding:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}
.entry{position:relative;margin-bottom:50px;clear:both}
.no-entry h1{padding:0}
.entry-header{position:relative;min-height:56px;padding:0 0 15px}
.entry-header .categories{font-size:10px;padding-left:70px}
.entry-title{font-size:18px;padding:0 0 0 70px;color:#85735B;margin:0;min-height:35px}
.date a{color:#fff;text-decoration:none;font-size:14px;padding:13px 0;width:56px;background:#eb6363;text-align:center;margin-bottom:10px;line-height:1;position:absolute;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;display:inline-block;*display:inline;*zoom:1}
.date a:hover{background:#f19090}
.date-year{display:block}
.hyphen{display:none}
.categories a{background:#f5f5f5;border-radius:2px;color:#999;margin-right:5px;padding:0 5px;line-height:18px;text-align:center;text-decoration:none;display:inline-block;font-size:12px;position:relative;bottom:2px}
.categories a:before{font-family:'blogicon';content:'\f04a';color:#7cb6aa;font-size:1.25em;position:relative;top:2px;margin-right:4px}
.categories a:hover{background-color:#e6e6e6;text-decoration:none!important}
.entry-header-html{margin:35px 0 0}
.entry-header-menu{position:absolute;top:-35px;left:0}
.entry-header-menu a{width:56px;padding:4px 0;margin-bottom:0;line-height:18px;color:#fff;background:#e8c768;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none!important;display:inline-block;*display:inline;*zoom:1;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:3px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.entry-header-menu a:hover{background:#efd794;text-decoration:none!important}
.entry-content{font-size:95%;line-height:1.7;padding-bottom:0}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5{margin:1.3em 0 .8em;line-height:1.5;padding-left:25px}
.entry-content img{max-width:100%;height:auto}
.entry-content p{margin:0 0 1.875em;line-height:1.875}
.entry-content h2{font-size:145%;padding:.5em .75em;border:1px solid #ccc;border-top:3px solid #f69;background:-webkit-linear-gradient(top,#fff 0%,#f0f0f0 100%);background:linear-gradient(to bottom,#fff 0%,#f0f0f0 100%);box-shadow:0 -1px 0 rgba(255,255,255,1) inset}
.entry-content h3{font-size:140%;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/h3.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat 0 center}
.entry-content h4{font-size:130%;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/h1.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat 0 center;padding-left:25px}
.entry-content h5{font-size:110%;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/h2.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat 0 center;padding-left:25px}
.entry-content blockquote{background:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 0 10px;padding:40px 30px;position:relative}
.entry-content blockquote p{margin-top:0;margin-bottom:0}
.entry-content blockquote:before{content:url('https://cdn.blog.st-hatena.com/css/theme/retropop/images/quote.png?version=ce040fcbad0d42a5e1cae88990dad0');position:absolute;top:15px;left:20px}
.entry-content blockquote:after{content:url('https://cdn.blog.st-hatena.com/css/theme/retropop/images/quoteback.png?version=ce040fcbad0d42a5e1cae88990dad0');position:absolute;bottom:15px;right:20px}
.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}
.entry-content table th{background:#F1E6CA}
.entry-content pre{background:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0 0 10px;padding:20px;white-space:pre}
.entry-content .hatena-asin-detail{background:#f5f5f5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:none;padding:20px}
.entry-content .hatena-asin-detail li{line-height:1.875}
.hatena-asin-detail-image{border:solid 2px}
.entry-content table th,.entry-content table td{border:1px solid #F1E6CA;padding:5px 10px}
.entry-footer{margin-top:10px;padding-bottom:36px;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/entry-line.gif?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat 0 100%}
.entry-footer-section{font-size:80%;color:#999}
.social-buttons,.entry-footer-html{margin:10px 0}
#box2{font-size:85%;line-height:1.5;width:200px;float:right}
.hatena-module{margin-bottom:40px;border-bottom:6px dotted #F1E6CA;padding-bottom:36px;position:relative}
.hatena-module:last-of-type{border-bottom:0;margin-bottom:0;padding-bottom:0}
.hatena-module .hatena-module-title:after{content:"";width:30px;height:30px;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/sidewin.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat;display:block;float:left;margin-right:5px;position:absolute;top:-4px;-webkit-border-top-right-radius:15px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:15px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:15px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;left:-35px;z-index:1}
.hatena-module:nth-child(2n+1) .hatena-module-title:after,div.hatena-module.hatena-module-profile .hatena-module-title:after{background:#7CB6AA}
.hatena-module:nth-child(2n) .hatena-module-title:after{background:#F17865}
.hatena-module-title{margin-bottom:15px;font-size:120%;margin-left:35px;position:relative}
.hatena-module-title a{color:#85735B;text-decoration:none;border-bottom:1px dotted #d5d5d5}
.hatena-module-body{padding-left:5px}
.hatena-module-html .hatena-module-body{padding-left:0}
.hatena-module-body p{padding:5px 0;margin:0}
.hatena-module-profile .hatena-module-title:before{content:"";background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/sideicon.png?version=ce040fcbad0d42a5e1cae88990dad0);background-position:0 0;width:30px;height:30px;display:block;position:absolute;float:left;left:-35px;top:-5px;z-index:2}
.hatena-module-search-box .hatena-module-title:before{content:"";background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/sideicon.png?version=ce040fcbad0d42a5e1cae88990dad0);background-position:-30px 0;width:30px;height:30px;display:block;position:absolute;float:left;left:-35px;top:-5px;z-index:2}
.hatena-module-recent-entries .hatena-module-title:before{content:"";background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/sideicon.png?version=ce040fcbad0d42a5e1cae88990dad0);background-position:-90px 0;width:30px;height:30px;display:block;position:absolute;float:left;left:-35px;top:-5px;z-index:2}
.recent-entries-item{padding:8px 0!important}
.recent-entries-entry-body{color:#ccc}
.hatena-module-entries-access-ranking .hatena-module-title:before{content:"";background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/sideicon.png?version=ce040fcbad0d42a5e1cae88990dad0);background-position:-270px 0;width:30px;height:30px;display:block;position:absolute;float:left;left:-35px;top:-5px;z-index:2}
.hatena-module-profile .profile-icon{-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;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.id{display:block}
.id a:hover{text-decoration:underline}
.hatena-module-profile .id{display:block;font-size:110%;margin-bottom:5px;line-height:2}
.hatena-module-profile .profile-description{font-size:90%}
.hatena-module-profile .profile-description p{margin-top:0}
.hatena-follow-button{width:55px}
.hatena-urllist{list-style:none;margin:0;padding:0}
.hatena-urllist li{padding:5px 0;line-height:1.5}
.hatena-urllist li a{text-decoration:none;border-bottom:dotted #ddd 1px;color:gray}
.hatena-module-search-box .search-form{border:2px solid #F1E3C1;width:100%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;position:relative;-webkit-border-top-right-radius:17px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:17px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-top-right-radius:17px;border-bottom-right-radius:0;border-bottom-left-radius:0;border-top-left-radius:0;-webkit-border-radius:17px;-moz-border-radius:17px;border-radius:17px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box}
.hatena-module-search-box .search-module-input{padding:5px;color:#999;background:none;border:none;outline:none;height:20px;width:90%}
.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}
.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=50)}
.pager{font-size:100%;text-align:center;margin:50px 0}
.pager .entry-title{margin:0 0 0 20px;padding-left:0;border-bottom:2px dotted #F1E6CA;font-size:16px}
.pager .entry-title a:visited{color:#85735B}
.pager .categories{display:block;margin-left:20px}
.pager a{color:#85735B;text-decoration:none;border-bottom:2px dotted #F1E6CA}
.pager a:hover{text-decoration:none;background:#f5f5f5}
.pager-next{background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/next.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat right center;padding-right:25px;display:inline-block;*display:inline;*zoom:1;float:right;width:178px;text-align:right}
.pager-prev{background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/prev.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat left center;padding-left:25px;display:inline-block;*display:inline;*zoom:1;float:left;width:178px;text-align:left}
.pager-arrow{display:none}
#footer{padding:30px 0;text-align:center;color:#fff;line-height:1.5;font-size:80%}
#footer p{margin:0}
#footer a .footer-address-name{color:#000;display:inline-block;position:relative;bottom:3px;left:2px;}
.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #F1E6CA;margin-bottom:5px;background:url(https://cdn.blog.st-hatena.com/css/theme/retropop/images/h1.png?version=ce040fcbad0d42a5e1cae88990dad0) no-repeat 0 center;padding-left:20px}
.page-about dd{margin-left:0;margin-bottom:30px}
.page-archive #main .archive-entry{margin-bottom:70px}
.page-archive #main h1{font-weight:700;margin-bottom:5px;padding:0;font-size:100%;min-height:initial}
.page-archive #main ul{list-style:none;margin:0;padding:0}
.page-archive #main ul li{margin-bottom:20px}
.page-archive #main ul li a,.page-archive #main ul li a:visited{text-decoration:none;color:#999}
.page-archive .date a{position:static;width:auto;padding:6px 8px;display:inline-block;*display:inline;*zoom:1}
.page-archive .categories a{font-size:10px;text-decoration:none;display:inline-block;*display:inline;*zoom:1}
.page-archive .entry-thumb{margin:16px 10px 0 0}
@media screen and (max-width: 960px) {
#container{margin:70px 30px 30px}
#main,#box2{float:none}
#main{width:auto}
}
.mbm15{margin-bottom:-15px!important}
.mbm10{margin-bottom:-10px!important}
.mb5{margin-bottom:5px!important}
.mb10,.btn-subscribe{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mt0{margin-top:0!important}
.br5,.hatena-module-search-box .search-form{border-radius:5px}
.b1{border:solid 1px #999}
.r{color:red;margin:0 2px}
.note{color:#933;border-top:dotted 2px;border-bottom:dotted 2px;padding-top:5px;padding-bottom:5px;max-width:200px}
.profile-description img.blog-logo{width:46px;height:auto;float:left;margin:0 4px 8px 0}
.profile-description .blog-title{display:table-cell;height:40px;vertical-align:bottom}
.breadcrumb a:first-of-type:before{font-size:11.5pt;content:'DEA I DEA'}
.breadcrumb a:first-of-type:after{font-size:11.5pt;content:'ページ';margin-right:5px}
.breadcrumb div>span:before{content:'>';margin-left:-4px}
.sns-share-area{margin:-15px auto 20px;padding:0}
.sns-share-area li{display:inline-block;list-style-type:none}
.sns-share-link{display:block;color:#fff!important;border-radius:3px;text-align:center;height:38px;line-height:40px;width:105px;margin-right:6px}
.sns-share-bookmark,.sns-share-bookmark:hover{background-color:#00acee}
.sns-share-twitter,.sns-share-twitter:hover{background-color:#008fde}
.sns-share-facebook,.sns-share-facebook:hover{background-color:#3b5998}
.sns-share-link:hover{opacity:.7;transition:opacity .2s ease-in-out}
.sns-share-area a{text-decoration:none!important}
.sns-share-area small{font-size:.7em;margin-left:5px;position:relative;bottom:3px}
.entry-footer-section,.social-buttons{display:none}
.entry-content ul{list-style:square}
.entry-content ul:not(.normal),.entry-content ol:not(.normal){border:dashed 2px;padding:1em 15px .5em 35px}
.entry-content ul:not(.normal) li,.entry-content ol:not(.normal) li{margin-bottom:.5em}
ul.nostyle,ol.nostyle{list-style:none}
.entry-title a:hover,.urllist-title-link:hover,.hatena-module-title a:hover,.note a:hover,.highlight{background:linear-gradient(#fff 22%,#ff0 78%)}
a img:hover,a.urllist-image-link i:hover{opacity:.7}
a.entry-see-more{background:#7CB6AA!important;padding:.5em 2em;font-size:1.1em;color:#fff;text-decoration:none;border-radius:3px}
a.entry-see-more:hover{opacity:.9}
table.hikaku{width:100%;text-align:center;border:0;display:table}
table.hikaku th,table.hikaku td{border:0;border-top:solid 1px;border-bottom:solid 1px;width:50%}
.pager:after{display:block;content:'';clear:both}
.page-entry .pager-next:before,.page-entry .pager-prev:before{display:block;border-bottom:solid 2px;margin-bottom:3px}
.page-entry .pager-next:before{content:'次のハック'}
.page-entry .pager-prev:before{content:'前のハック'}
.follow{position:relative;background:#f0f0f0;padding:8px 10px 4px;margin:-10px auto;bottom:10px;font-size:10pt}
.follow div{position:relative;display:inline-block;line-height:20px}
.follow div.fb-like,.follow div.twitter-follow{margin:3px 3px 0 0}
.follow div:first-of-type{bottom:5px}
.follow.bottom{padding:0;margin-bottom:15px}
.page-entry .customized-footer{background:#f0f0f0;padding:25px 25px 5px;border-radius:3px;background-image:url(http://cdn.image.st-hatena.com/image/square/fac2aaecce679266d4bd6787d4a3f2125a843205/backend=imagemagick;height=192;version=1;width=192/http%3A%2F%2Fcdn.mogile.archive.st-hatena.com%2Fv1%2Fimage%2Fkira-kira-girl%2F302457372067685741.png);background-repeat:no-repeat;background-position:94.5% 258px;background-size:148px 148px}
@media (max-width:800px) {
#blog-title-inner{background-position:0 30px;padding:10px 0}
}
@media (max-width:660px) {
#blog-title-inner{margin-top:50px;background-position:center 0;padding-top:100px}
#container{margin:0;padding:0 30px}
}
@media (max-width:400px) {
#title a:after{margin-top:-2em}
}
@media (max-width:960px) {
#box2{width:100%}
}
.at-branding,.at-logo.at4-recommended-horizontal-logo{display:none}
.at4-whatsnext .at-whatsnext-content-inner div.at-h6{font-weight:800;font-size:1.2em!important;padding:0}
#at4-whatsnext,#at4-wnoc{left:calc(((100% - 810px) / 2) + 615px)!important;right:auto}
.at-whatsnext-content-img{overflow:hidden}
#at4-whatsnextmobile #at-whatsnextmobile-img{width:auto;position:relative;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.sticky{position:fixed;top:20px;width:200px}
@media (max-width:960px) {
#box2-inner>div:last-child{display:none}
}
.new-1,.new-2,.new-3,.new-4,.new-5,.pop-1,.pop-2,.pop-3,.pop-4,.pop-5{display:inline-block;background:url(//cdn-ak.f.st-hatena.com/images/fotolife/k/kira-kira-girl/20160613/20160613134924.jpg) no-repeat;overflow:hidden;text-indent:-9999px;text-align:left;width:100px;height:100px;margin:0 .7em .7em 0;float:left;border:solid 2px #696}
.new-1{background-position:0 0}
.new-2{background-position:0 -110px}
.new-3{background-position:0 -220px}
.new-4{background-position:0 -330px}
.new-5{background-position:0 -440px}
.pop-1{background-position:-110px 0}
.pop-2{background-position:-110px -110px}
.pop-3{background-position:-110px -220px}
.pop-4{background-position:-110px -330px}
.pop-5{background-position:-110px -440px}
.follow-me a{box-sizing:border-box;font-size:14px;padding:.4em 0 .8em;text-align:center;line-height:1;width:100%;max-width:200px;display:inline-block;border-radius:2px;text-decoration:none}
.follow-rss{border:1px solid #6cc655;color:#6cc655!important}
.follow-rss:hover{background-color:#6cc655}
.subscribe{border:1px solid #08aed9;color:#08aed9!important}
.subscribe:hover{background-color:#08aed9}
.follow-me .follow-rss:hover,.follow-me .subscribe:hover{color:#fff!important}
.before-text-icon,.after-text-icon{margin-left:5px;font-size:1.333333em;position:relative;top:2px}
.before-text-icon{margin-right:5px}
.after-text-icon{margin-left:5px}