@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* <system section="theme" selected="8599973812292647360"> */
/*
  Theme: thumbnail
  Author: rokuzeudon
  Description:
  一覧ページでサムネイル画像が際立つテーマです
  Responsive: yes
 */

@charset "utf-8";/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */#box2-inner,svg:not(:root){overflow:hidden}button,hr,input{overflow:visible}progress,sub,sup{vertical-align:baseline}#container #content:after,.clearfix:after{visibility:hidden;height:0;content:".";clear:both}#title a,.btn,a.keyword,body,html{color:#454545}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}.clearfix,article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}audio,canvas,progress,video{display:inline-block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;color:#1487bd}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}.btn,.entry-header .entry-header-menu a,.leave-comment-title{vertical-align:middle;text-align:center;cursor:pointer}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}.btn,.btn-large{font-weight:700}summary{display:list-item}[hidden],template{display:none}.clearfix:after{display:block;font-size:0}.maxwidth-content{max-width:80em;margin:auto;padding:1em}#blog-title,#title,.header-image-enable #blog-title-inner{margin:0}body,html{font-family:'Noto Sans Japanese',-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;background:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-size:625%}body{font-size:.16em}a:visited{color:#789dae}a:hover{color:#0f5373}h1 a,h1 a:hover,h1 a:visited,h2 a,h2 a:hover,h2 a:visited,h3 a,h3 a:hover,h3 a:visited,h4 a,h4 a:hover,h4 a:visited,h5 a,h5 a:hover,h5 a:visited,h6 a,h6 a:hover,h6 a:visited{color:#333;text-decoration:none}a.keyword{text-decoration:none;border-bottom:.01rem dotted #ddd}.btn,.btn:hover{text-decoration:none!important}.btn{display:inline-block;padding:.04rem .1rem;margin-bottom:0;line-height:.18rem;background-color:#fff;border-radius:.02rem;background-clip:padding-box;font-size:.12rem;border:.01rem solid rgba(0,0,0,.2)}#box2-inner,#content-inner{display:-webkit-box;display:-ms-flexbox}.btn:hover{background-color:#f5f5f5}.btn-small{padding:.02rem .1rem!important;font-size:.11rem!important}.btn-large{padding:.13rem .19rem;font-size:.17rem;line-height:normal}#globalheader-container{background-color:#333;color:#fff;position:fixed;top:0;left:0;width:100%}#container{padding-top:32px}#container #content{display:block}#container #content:after{display:block;font-size:0}.globalheader-off #container{padding-top:0}#content-inner{display:flex}#main{width:100%}#main-inner{max-width:80em;margin:auto;padding:0 .1rem}#wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}#box2{width:320px;line-height:1.5}#box2-inner{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;font-size:85%}#blog-title-inner{margin:0 0 .4rem;padding:0 .3rem;text-align:center;background-size:cover}#title{padding:.7rem 0 0}#blog-description{font-weight:400;font-size:80%;margin:.05rem 0 0}#top-box{background:rgba(0,0,0,.02);border-top:1px solid #eee;border-bottom:1px solid #eee}#top-editarea,.breadcrumb{max-width:80em;margin:auto;padding:1em;font-size:90%}.breadcrumb{padding:.5em 1.5em}.entry{position:relative;margin:0 0 .4rem}.entry::after{content:"";display:block;width:100%;height:.8em;background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,.05) 10%,rgba(0,0,0,.05) 90%,rgba(0,0,0,0) 100%);background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,.05) 10%,rgba(0,0,0,.05) 90%,rgba(0,0,0,0) 100%)}.entry-inner{max-width:40em;margin:.2rem auto .4rem;padding:1em;background:#fff}.entry-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column;flex-flow:column;padding:0 0 .1rem;margin-bottom:.2rem;border-bottom:.01rem solid #ddd;position:relative}.entry-header .entry-title{margin:0;line-height:1.3;font-size:160%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.entry-header .date{font-weight:700;margin:.1rem 0 0;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.entry-header .date a{color:#1487bd;text-decoration:none;font-size:90%}.entry-header .categories{margin-top:.1rem;font-size:80%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.entry-header .categories a{color:#999;text-decoration:none}.entry-header .categories.no-categories{margin:0}.entry-header .social-buttons{margin:.2rem 0 0;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.entry-header .entry-header-menu{position:absolute;bottom:0;left:-.6rem}.entry-header .entry-header-menu a{display:inline-block;padding:.04rem .1rem;margin-bottom:0;line-height:.18rem;color:#454545;background-color:#fff;border-radius:.02rem;background-clip:padding-box;font-size:.12rem;font-weight:700;border:.01rem solid rgba(0,0,0,.2);text-decoration:none!important}.entry-header .entry-header-menu a:hover{background-color:#f5f5f5;text-decoration:none!important}.entry-content{font-size:95%;line-height:1.7;padding-bottom:.1rem;border-bottom:.01rem solid #ddd}.entry-content blockquote,.entry-content ol,.entry-content p,.entry-content table,.entry-content ul{margin:0 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 .8em;line-height:1.5}.entry-content h1{font-size:160%}.entry-content h2{font-size:150%}.entry-content h3{font-size:140%}.entry-content h4{font-size:130%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table img{max-width:none}.entry-content table td,.entry-content table th{border:.01rem solid #ddd;padding:.05rem .1rem}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:.01rem solid #ddd;margin:0 0 .1rem;padding:.3rem;border-radius:.06rem;font-style:italic;background:rgba(255,255,255,.4)}.entry-content blockquote:before{position:absolute;top:0;left:0;content:"“";font-family:serif;font-size:300%;line-height:1em;color:#ccc}.entry-content blockquote:after{position:absolute;bottom:0;right:.15rem;content:"”";font-family:serif;font-size:300%;line-height:0;color:#ccc}.entry-content code,.entry-content pre>code{font-family:Monaco,Consolas,'Courier New',Courier,monospace,sans-serif}.comment-metadata,.comment-metadata a,.entry-footer-section a{color:#999}.entry-content blockquote p{margin:0 auto}.entry-content pre{border:.01rem solid #ddd;margin:0 0 .1rem;padding:.2rem;white-space:pre}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:0 0}.entry-content code{font-size:90%;margin:0 .02rem;padding:0 .05rem;border:.01rem solid #eaeaea;background-color:#f8f8f8;border-radius:.3rem}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:.1rem}.entry-footer-section{font-size:80%;color:#999}.entry-footer-html,.social-buttons{margin:.1rem 0}.comment-box{margin:0 0 .3rem}.comment-box ul{list-style:none;margin:0 0 .15rem;padding:0;font-size:95%;line-height:1.7}.comment-box ul::before{content:"コメント";display:block;font-weight:700;margin:.25rem 0 .15rem;font-size:120%}.comment-content,.comment-content p{margin:0 0 .1rem}.comment-box li{padding:.1rem 0 .1rem .6rem;border-bottom:.01rem solid #ddd;position:relative}.comment-box li:first-child{border-top:.01rem solid #ddd}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{position:absolute;top:.1rem;left:0;width:.5rem!important;height:.5rem!important;border-radius:.03rem;background-clip:padding-box}.comment-user-name{margin:0 0 .1rem;font-weight:700}.comment-content{font-size:90%;word-wrap:break-word}.comment-metadata{font-size:80%;margin:0}.leave-comment-title{display:inline-block;padding:.04rem .1rem;margin-bottom:0;line-height:.18rem;color:#454545;background-color:#fff;border-radius:.02rem;background-clip:padding-box;font-size:.12rem;font-weight:700;border:.01rem solid rgba(0,0,0,.2);text-decoration:none!important}.leave-comment-title:hover{background-color:#f5f5f5;text-decoration:none!important}.hatena-module{position:relative;margin:.2rem .2rem 0 0;padding:.2rem;box-sizing:border-box;width:100%;background:rgba(255,255,255,.6)}.hatena-module-title{font-weight:700;margin-bottom:.15rem;font-size:120%}.hatena-module-title a{color:#454545;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-urllist li a,.page-archive .archive-entry-header .date a,.pager a{text-decoration:none}.hatena-module-html{padding:0}.hatena-module-profile .profile-icon{float:left;margin:0 .1rem .1rem 0;border-radius:.05rem;background-clip:padding-box}.hatena-module-profile .id{display:block;font-weight:700;font-size:110%;margin-bottom:.05rem}.hatena-module-profile .profile-description{font-size:90%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:.08rem 0;border-bottom:.01rem solid #ddd;line-height:1.5}.hatena-module-search-box .search-form{border:.01rem solid #ddd;border-radius:.03rem;background-clip:padding-box;width:100%;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:.05rem;color:#454545;background:0 0;border:none;outline:0;height:.2rem;width:90%}.hatena-module-search-box .search-module-button{width:.2rem;height:.2rem;background:url(https://cdn.blog.st-hatena.com/images/theme/search.png) right center no-repeat;border:none;outline:0;text-indent:-99.99rem;position:absolute;top:.05rem;right:.05rem;opacity:.5}.hatena-module-search-box .search-module-button:hover{opacity:.85}.pager{max-width:80em;margin:auto;padding:1em;text-align:center;clear:both}.pager a{display:inline-block;margin:2em 0;padding:1em .6em;vertical-align:top;color:#1487bd;-webkit-transition:ease .14s;transition:ease .14s}.pager a:hover{color:#1487bd;-webkit-transition:ease .14s;transition:ease .14s}.pager .pager-next,.pager .pager-prev{display:inline-block;width:20em}.pager .pager-next a,.pager .pager-prev a{color:#999;position:relative}.pager .pager-next a::before,.pager .pager-prev a::before{content:"";display:block;position:relative;top:0;margin:0 auto .6em;width:5em;height:5em;border-radius:50%;text-align:center;border:1px solid #1487bd;-webkit-transition:ease-in .2s;transition:ease-in .2s}.pager .pager-next a:hover,.pager .pager-prev a:hover{color:#0f5373}.pager .pager-next a:hover::before,.pager .pager-prev a:hover::before{top:-.65em;background-color:#fff;-webkit-transition:ease-out .2s;transition:ease-out .2s}.pager .pager-next a::after,.pager .pager-prev a::after{position:absolute;top:1.85em;right:0;font-size:150%;-webkit-transform:rotate(90deg);transform:rotate(90deg);color:#1487bd;-webkit-transition:ease-in .2s;transition:ease-in .2s}#footer,#footer a{color:#999}.pager .pager-next a:hover::after,.pager .pager-prev a:hover::after{top:1.4em;-webkit-transition:ease-out .2s;transition:ease-out .2s}.pager .pager-next a::after{content:"▲"!important;left:.06rem}.pager .pager-prev a::after{content:"▼"!important;left:-.06rem}.pager-arrow{display:none}#footer{padding:.3rem 0;text-align:center;line-height:1.5;font-size:80%}#footer p{margin:0}.page-about dt{font-size:.16rem;font-weight:700;border-bottom:.01rem solid #ddd;margin-bottom:.05rem}.page-about dd{margin-left:0;margin-bottom:.3rem}.page-archive .archive-heading{margin:2em 0;font-size:1.5em;text-align:center}.page-archive .archive-heading::before{content:"ARCHIVE";display:block;margin:0 0 .4em;color:#ccc;font-size:.6em}.page-archive .archive-entries{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.page-archive .archive-entry{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-flow:column nowrap;flex-flow:column nowrap;margin:.2rem 1%;width:48%;padding:0 .2rem .2rem;box-sizing:border-box;background:#fff}.page-archive .archive-entry-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.page-archive .archive-entry-header .date{margin:.1rem 0;width:100%;font-size:90%;font-weight:400;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.page-archive .archive-entry-header .entry-title{margin:.25rem 0 .1rem;width:100%;font-size:120%;-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.page-archive .categories{margin:0;width:100%;font-size:90%;-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.page-archive .categories a{display:inline-block;margin:0 .02rem .04rem 0;padding:.03rem .05rem;font-size:85%;text-decoration:none;color:#fff;background:#aaa;border-radius:.03rem}.page-archive .entry-description{margin:0;line-height:1.5;font-size:90%}.page-archive .entry-thumb-link{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0;width:100%}.page-archive .entry-thumb{position:relative;margin:0 0 0 -.2rem;width:calc(100% + .4rem);height:22vw;max-height:3rem;background-position:center}.page-archive .entry-thumb::before{content:"";display:block;top:0;left:0;width:100%;height:100%;background:#000;opacity:0;-webkit-transition:ease .14s;transition:ease .14s}.page-archive .entry-thumb:hover::before{opacity:.6;-webkit-transition:ease .14s;transition:ease .14s}.page-archive .entry-thumb::after{content:"READ MORE";display:block;position:relative;margin:auto;top:-13vw;font-size:3vw;font-weight:700;font-style:italic;text-align:center;color:#fff;-webkit-transform:scale(1);transform:scale(1);opacity:0;-webkit-transition:ease .14s;transition:ease .14s}.page-archive .entry-thumb:hover::after{-webkit-transform:scale(1.04);transform:scale(1.04);opacity:.6;-webkit-transition:ease .14s;transition:ease .14s}.page-archive .archive-entry-body{margin:0 0 .1rem;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.entry-see-more{display:inline-block;padding:.04rem .1rem;margin-bottom:0;line-height:.18rem;color:#454545;background-color:#fff;text-align:center;vertical-align:middle;border-radius:.02rem;background-clip:padding-box;cursor:pointer;font-size:.12rem;font-weight:700;border:.01rem solid rgba(0,0,0,.2);text-decoration:none!important}.entry-see-more:hover{background-color:#f5f5f5;text-decoration:none!important}.entry-footer .hatena-module-related-entries{width:100%;margin:.6rem 0 0;padding:.2rem 0;font-size:95%;background:0 0}.entry-footer .hatena-module-related-entries a{font-size:100%}.entry-footer .hatena-module-related-entries .urllist-date-link{font-size:75%;pointer-events:none}.entry-footer .hatena-module-related-entries .urllist-date-link a{color:#999}.entry-footer .hatena-module-related-entries .urllist-with-thumbnails li .urllist-image{margin:0 .7em 0 0}.entry-footer .hatena-module-related-entries .urllist-entry-body{margin:0 0 .08rem}@media (max-width:480px){.entry-footer .hatena-module-related-entries .urllist-entry-body{display:none}}.table-of-contents{padding:.2rem .3rem;border:1px solid #ddd;border-radius:.06rem;background:rgba(255,255,255,.4);font-size:90%}.table-of-contents::before{content:"目次";display:block;margin:0 0 .06rem;padding:0 0 .06rem;border-bottom:1px solid #ddd;font-size:110%}.table-of-contents li{margin:0 0 0 .2rem;list-style-type:decimal}.table-of-contents li ul{padding:0 0 0 .3rem}.table-of-contents li ul li{margin:0}.ad-online-afc{max-width:60em;margin:auto;padding:1em;background:#fff}@media (max-width:480px){.ad-online-afc{padding:0}}.page-entry .breadcrumb{margin-bottom:0}#box2,.pager{box-sizing:border-box}@media (-webkit-min-device-pixel-ratio:2){.hatena-module-search-box .search-module-button{background:url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) right center no-repeat;background-size:.2rem .2rem}}@media (max-width:767px){#globalheader-container{position:static}#container{word-wrap:break-word;overflow:hidden;padding-top:0}#content-inner{-ms-flex-flow:wrap;flex-flow:wrap}#wrapper{-webkit-box-flex:1;-ms-flex:auto;flex:auto}#box2{width:100%}.hatena-module{margin:.1rem .2rem;width:100%}.entry-header-menu{top:-.1rem;left:0}.pager{padding:1em 0}.pager .pager-next,.pager .pager-prev{width:49%}.page-archive .entry-thumb{height:25vw}.page-archive .entry-thumb::after{top:-14vw;font-size:4vw}}@media (max-width:480px){.page-archive .archive-entry{margin:0 0 .3rem;width:100%}.page-archive .archive-entry:first-child{margin:.3rem 0}.page-archive .entry-thumb{height:50vw}.page-archive .entry-thumb::after{top:-28vw;font-size:8vw}}
/* </system> */

/*****全体****/
body, html {
     background-color:#fbf8f3;
     }
body {
     overflow-x: hidden;
     -webkit-text-size-adjust: 100%;
     }
#title a, .btn, a.keyword, body, html {
     font-family:'Lato',"Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     }
#wrapper {
     max-width:920px;
     }
#menu {
     max-width: initial;
     }
#top-editarea, .breadcrumb {
     max-width: initial;
     padding: 1em 0;
     }

/* 記事下パンくずリスト消す */
#breadcrumb {
     display: none;
     }
.breadcrumb {
     margin-left: 1rem;
     }

#box2 {
     width: 340px; /* サイドバーの幅 */
     margin: 0;
     }
#box2-inner {
     font-size:90%;
     }

.figure-image figcaption {
     font-family: -apple-system, BlinkMacSystemFont, "Avenir Next", 'Quicksand', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
     }
     
#content-inner {
     width: 1300px;
     margin: 0 auto;
     }
#main {
     width: 830px;
     margin-left: 80px;
     }
#main-inner {
     padding: 0 0 0 0;
     }
.entry-inner {
     max-width: 728px !important;
     background-color: #fff;
     padding: 3em 1.5em;
     margin: .2rem 0 .2rem 0rem;
    }    
.entry-header {
     margin-left: 20px;
     margin-right: 20px;
     }
.entry-header .categories a {
     display: in-line block;
     margin: 0 .02rem .04rem 0;
     padding: .03rem .05rem;
     color: #fff;
     background: #aaa;
     border-radius: .03rem;
     }
.entry-title a {
     font-size: 28px;
     color: #333;
     font-family: 'Lato', 'san serif', 'Avenir Next', 'Quicksand', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック Medium', meiryo, sans-serif;
     letter-spacing:normal;
     line-height: 1.5;
     font-weight: normal;
     }
.entry-header .entry-title {
     text-align:center;
     }
#title a {
     color: #e6a088;
     }

/*****グローバルメニュー****/
#menu{
     width: 100%;
     margin: 20px 0;
     background:#716d67;
     }
#menu-inner{
     width: 1100px;
     height: 47px;
     margin: 0 auto;
     background: #444;
     }
#menu-btn{
     display: none;
     }
#menu-content{
     padding-left: 0;
     margin: 0;
     width: 100%;
     height: 100%;
     list-style-type: none;
     }
#menu-content > li{
     position: relative;
     float: left;
     height: 100%;
     text-align: center;
     width: 20%;
     }
#menu-content > li > a{
     position: relative;
     display: block;
     height: 100%;
     width: 100%;/*3*/
     line-height: 47px;
     background: #716d67;
     color: #fff;/*10*/
     font-size: 115%;
     font-family:  "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     text-decoration: none;
     z-index: 2;
     }
#menu-content > li > a:hover{
     background:#64605b;/*11*/
     color: #fff;/*12*/
     }
#menu-content > li > a > .blogicon-chevron-down{
     margin-right: 5px;
     }
/*２階層目*/
#menu-content > li > ul.second-content{
     visibility: hidden;
     position: absolute;
     top: 0;
     margin: 0;
     padding-left: 0;
     list-style-type: none;
     z-index: -1;
     padding-top:0.5em;
     }
#menu-content > li:hover > ul.second-content{
     visibility: visible;
     top: 40px;/*2*/
     z-index: 1;
     transition: all .3s;
     }
#menu-content > li > ul.second-content > li{
     text-align:left;
     width: 220px;/*４*/
     height: 40px;/*５*/
     }
#menu-content > li > ul.second-content > li > a{
     display: block;
     padding-left:1.5em;
     line-height: 46px;/*５*/
     background: #716d67;/*13*/
     color: #fff;/*14*/
     font-size: 85%;
     text-decoration: none;
     }
#menu-content > li > ul.second-content > li > a:hover{
     background: #64605b;/*15*/
     color: #fff;/*16*/
     }
/*******トグルメニュ*********/
@media screen and (max-width:960px){/*19*/
     #menu-inner{
         width: 100%;
         height: auto;
         }
#btn-content{text-align: right;}/*20*/
     #menu-btn{
         display: inline-block;
         padding: 8px 15px;
         margin: 5px;
         cursor: pointer;
         background: #555;/*17*/
         color: #fff;/*18*/
         font-size: 70%;
         }
     #menu-content{
         display: none;
         width: 100%;
         }
     #menu-content > li{
         width: 100%;
         height: 40px;/*６*/
         float: none;
         }
     #menu-content > li > a{
         width: 100%;
         line-height: 40px;/*６*/
         padding: 0;
         text-decoration: none;
         }
/*２階層目*/
#menu-content > li:hover > ul.second-content{
     display: none;
     }
#menu-content > li > a > .blogicon-chevron-down{
     display: none;
     }
     }
/*****グローバルメニューここまで****/

.entry-content {
     color: #666;
     font-size:100%;
     line-height: 1.8em;
     margin-left:1.5em;
     margin-right:1.5em;
     }
.entry-content p {
     margin-bottom:2em;
     font-family: 'Lato', 'Noto Sans JP', 'Avenir Next', '游ゴシック', YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     font-weight:400;
     color:#4d5156;
     line-height:1.8;
     }
.entry-content a {
     text-decoration:none;
     }
.entry-content a:hover {
     text-decoration:underline;
     }
.entry-content a:visited {
     color:#609;
     }
.entry-content table {
     margin-left:-1em;
     }
.entry-content.easyLink-box {
     margin-bottom:1.5em;
     }
.giphy-embed {
     margin-bottom:1.5em;
     }

/*****見出し****/
.entry-content h3 {
     padding: 15px 22.66px;
     margin: 2em 0;
     line-height: 150%;
     text-align: center;
     color: #fff;
     background: rgba(0,0,0,0.4);
     font-size: 130%;
     font-weight:normal;
     letter-spacing: 1px;
     border: none;
     font-family: "Lato",'Noto Sans JP', sans-serif;<span class="s2"> </span> "Avenir Next","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     }
.entry-content h3.simple-b {
     color:#656260;/*文字色*/
     background:#f8f8f8;
     }
     
.entry-content h4 {
     font-size:19px;
     color: #494949;
     border-bottom: 2px solid #CCAB8A;
     position: relative;
     padding: .75em 1em .5em 2em;
     }
.entry-content h4::after {
     position: absolute;
     top: 1.15em;
     left: .6em;
     z-index: 2;
     content: '';
     width: 15px;
     height: 15px;
     background:#CCAB8A;
     border-radius: 0%
     }

.entry-content h4.simple-f{
     font-size:290%;
     color:#333;
     margin-top:0;
     margin-bottom:1em;
     text-align:center;
     border-bottom:none;
     position:unset;
     padding-left:1em;
     }
.entry-content h4 span.simple-f{
     display: block;
     font-size:50%;
     padding:5px 0;
     color:#333;
     }
.entry-content h4.simple-f::after {
     background:#fff;
     }

.entry-content h5 {
     font-weight:bold;
     font-size:17px;
     color:#e6a088;
     margin: 2em 0;
     padding: 0.8em 0em 0.2em;
     font-family:'Lato', 'Noto Sans JP', sans-serif;<span class="s2"> </span> "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     }
.entry-content h5.simple-a {
     padding: .3em;
     padding-left: .8em;
     border-left: 5px solid #e69c84;
     }
.entry-content h5.simple-b {
     padding-bottom: .5em;
     border-bottom: 1px solid #ccc;
     font-weight:bold;
     font-size:17px;
     }
.entry-content h5 span.simple-b {
     display: block;
     margin-bottom: .2em;
     color: #847f7c;
     font-size: .9em;
     }

/*リスト（ダイヤ）*/
.entry-content ul {
     margin: 0 1em 2em 2em;
     }
.entry-content ul li {
     list-style-type: none;
     position: relative;
     margin: 1em 25px;
     font-family:Lato, 'Noto Sans JP', "Avenir Next","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
     }
.entry-content li:after {
     display: block;
     content: '';
     position: absolute;
     top: .6em;
     left: -1em;
     width: 6px;
     height: 6px;
     background-color: #333;
     -webkit-transform: rotate(-45deg)!important;
     transform: rotate(-45deg)!important;
     }
.entry-content a{
     color:#28aae1;
     }
.entry-content a:hover {
     color: #52bbe7;
     }

/* 日付 */
.entry-header .date a {
     color: #e6a088;
     }
/* トップページのスターを消す */
.page-archive .archive-entry-body .star-container {
     display:none;
     }
/* トップページの日付 */
.page-archive .archive-entry-header .date a {
     color: #e6a088;
     font-weight: bold;
     }
/* トップページの記事内容 */
.page-archive .entry-description {
     display:none;
   }
.page-archive .categories a {
     font-size:90%;
     }
/* アーカイブページのタイトル */   
.page-archive .archive-entry-header .entry-title a {
     font-size: 22px;
     color:#847f7c;
     }
.page-archive .archive-entry-header .entry-title a:hover {
     color:#e6a088;
     }
.page-archive .archive-entries {
     width:780px;/* アーカイブページの幅 */  
     }
.page-archive .categories a {
     font-size:85%;
     font-family:'Lato', 'Noto Sans JP', sans-serif;<span class="s2"> </span> "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     }
.archive-entry-tag {
     display:none;
     }

/* サイドバー */
.hatena-module-body a:hover {
     color: #f5d9d0;
     }
.hatena-urllist li {
     line-height: 1.6;
     }
.hatena-urllist li a {
     color: #444;
     }
.hatena-urllist li a:visited {
     color: #444;
     }
.hatena-urllist li a:hover {
     color: #e69c84;
     }
.hatena-module-profile .profile-description a {
     color: #444;
     }
.hatena-module-profile .profile-description a:hover {
     color: #f5d9d0;
   }
.urllist-title-link {
     font-size: 18px;
    }
.hatena-module {
     padding: .2rem;
     margin: .2rem 0 0 0;
     }
.hatena-module-title {
     font-family: "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     color:#e6a088;
     font-size:140%;
     }
.hatena-module-title a {
     color:#e6a088;
     }
.hatena-urllist {
     font-weight:450;
     padding: .08rem 0;
     }
ul.hatena-breadcrumb-plus-child2 {
     padding-left:24px;
     padding-top:5px;
     }
.entry-title a:visited {
     color: #444444;
     }   
ul.hatena-breadcrumb-plus-child1 {
     padding-top:5px;
     }
/* サイドバーの記事欄のタイトル */
.urllist-title-link {
     font-weight: bold;
     font-size: 17px;
     }
/* 検索ボックス */   
.hatena-module-search-box .search-form {
     background: #fff;
     border-radius: 0.15rem;
     }
/* 検索ボックス内の値を消す */
input::placeholder {
     color: transparent;
     }
/* 検索ボックス内などのテキストエリア */
button, input, optgroup, select, textarea {
     font-family: Lato, "Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     }

/* 次のページへボタン */
.pager .pager-next a::before, .pager .pager-prev a::before {
     border: 1px solid #e69c84;
     }
.pager .pager-next a::after, .pager .pager-prev a::after {
     color: #e69c84;
     }

/*読者になるボタン*/
.reader-button {
     width: 300px;
     height: 46px;
     margin-top: 0;
     margin-bottom: 20px;
     }
.reader-button-inner a {
     position: relative;
     display: table-cell;
     width: 300px;
     height: 46px;
     border-radius: 50px;
     background-color:#f5d9d0;
     font-size: 18px;
     font-weight: bold;
     color: #656260;
     text-align: center;
     vertical-align: middle;
     box-shadow: 0 2px 4px rgba(0,0,0,.4);
     text-decoration: none;
     transition: all .6s;
     }
.reader-button-inner a:hover {
     top: 3px;
     box-shadow: none;
     transition: all .6s;
     }   

/*強調文字*/
strong.b {
     margin: auto 0.4em;
     }
.sample01 {
     border-bottom: 2px solid #ff3333;
     }
.sample02 {
     background:linear-gradient(transparent 75%, #ffc1e0 75%);
     font-weight:bold;/*ピンク*/
     }
.sample04 {
     background:linear-gradient(transparent 75%, #c5da7b 75%);
     font-weight:bold;/*グリーン*/
     }
.sample05 {
     background:linear-gradient(transparent 75%, #afeeee 75%);
     font-weight:bold;/*ターコイズ*/
     }
.sample06 {
     background:linear-gradient(transparent 75%, #ffc7c7 75%);
     font-weight:bold; );/*レッド*/
     }
.sample07 {
     background:linear-gradient(transparent 75%, #9eceff 70%);
     font-weight:bold;/*ブルー*/
     padding:0 1px 3px;
     }
.sample08 {
     background:linear-gradient(transparent 75%, #ffdc00 75%);
     font-weight:bold;/*イエロー*/ 
     }
.sample09 {
     background: linear-gradient(transparent 75%, #d7d7ff 75%);/*パープル*/
     }
.sample10 {
     background:linear-gradient(transparent 75%, #afeeee 75%);
     font-weight:bold;/*ライトブルー*/
     }
.marker1{
     background:linear-gradient(transparent 65%, #fedee7 65%);
     font-weight:bold;
     padding:0 1px 4px;/*ピンク*/
     }
.marker2{
     background:linear-gradient(transparent 65%, #cce5ff 65%);
     font-weight:bold;
     padding:0 1px 4px;/*ブルー*/
     }
.marker3{
     background:linear-gradient( transparent 60%, #a9eaf2 0% );
     font-weight:bold;
     padding:0 1px 4px;/*グリーン*/
     }

/*囲み枠*/
.sample-box-1 {
     background-color:#f3f3f3;
     margin: 2em;
     letter-spacing:normal;
     line-height:2.0em;
     padding: 1.5em 1.5em 1.5em 1.5em;
     }
     
.sample-box-2 {
     background-color:#fefcf5;
     border:1px dotted #b6af7a;
     padding:1.5em 1.5em 0em;
     border-radius:4px;
     margin-bottom:1.5em;
     }
.sample-box-3 {
     border: 2px solid #ddd;
     margin: 1em 1em 2em;
     padding: 2em 2em 0.5em;
     }
.box4 {
     margin: 2em 0;
     background: #dcefff;
     }
.box4 .box-title {
     font-size: 1.2em;
     background: #5fb3f5;
     padding: 4px;
     text-align: center;
     color: #FFF;
     font-weight: bold;
     letter-spacing: 0.05em;
     }
.box4 p {
     padding: 15px 40px;
     margin: 0;
     font-family:'Lato',"Avenir Next", 'Quicksand', Arial, YuGothic, 'Yu Gothic', 游ゴシック体, '游ゴシック', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'MS ゴシック', 'MS Gothic', sans-serif;
     color:#19199;
     }
     
.box5 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1.5em;
    border: solid 3px #62c1ce;
    }
.box5 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
    }
.box5 p {
    margin: 0; 
    padding: 0;
    }
.sample-box-12 {
     border: 4px solid #82636b;
     border-radius: 240px 15px 185px 15px / 15px 200px 15px 185px;
     margin: 2em;
     font-size:17px;
     padding: 1em;
     }

/* 引用のデザイン */
.entry-content blockquote {
     position: relative;
     padding: 10px 15px 10px 60px;
     box-sizing: border-box;
     font-style: normal;
     background: #f5f5f5;
     color: #777777;
     border-left: 4px solid #9dd4ff;
     box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
     margin:0 0 .3rem;
     }
.entry-content blockquote:before{
     display: inline-block;
     position: absolute;
     top: 15px;
     left: 15px;
     vertical-align: middle;
     content: "\f10d";
     font-family: FontAwesome;
     color: #9dd4ff;
     font-size: 30px;
     line-height: 1;
     font-weight: 900;
     }
.entry-content blockquote p {
     padding: 0;
     margin: 7px 0;
     line-height: 1.7;
     }
.entry-content blockquote cite {
     display: block;
     text-align: right;
     color: #888888;
     font-size: 0.9em;
     }
.entry-content blockquote:after {
     display:none;
     }

/*フォローボタン*/
.circle_fl{
     display: inline-block;
     position: relative;
     box-sizing: border-box;
     text-decoration: none;
     color: #FFF;
     width: 50px;
     height: 50px;
     line-height: 30px;
     padding: 5px;
     font-size: 25px;
     border-radius: 50%;
     text-align: center;
     vertical-align: middle;
     font-weight: bold;
     box-shadow: inset 0 2px 0px rgba(255, 255, 255, 0.25), inset 0 -2px 0px rgba(0, 0, 0, 0.18);
     transition: .2s;
     }
.circle_fl .fa{
     line-height: 30px;
     }
.circle_fl:hover{
     box-shadow: none;
     }
.circle_fl.ftw{
     background: #716d67;
     border: solid 5px #716d67;
     }
.circle_fl.ffb{
     background: #716d67;
     border: solid 5px #716d67;
     }
.circle_fl.fpkt{
     background: #716d67;
     border: solid 5px #716d67;
    }
.circle_fl.ffdly{
     background: #716d67;
     border: solid 5px #716d67;
     }
.circle_fl.hatena{
     background: #716d67;
     border: solid 5px #716d67;	
     }
.circle_fl.finsta{
     background: #716d67;
     border: solid 5px #716d67;
     }   
   
/*---ヨメレバ・カエレバ（PC）---*/
.booklink-box, .kaerebalink-box{
     padding:25px;
     margin-bottom: 3em;
     margin-left: 2em;
     margin-right: 2em;
     border:double #CCC;
     overflow: hidden;
     font-size:small;
     }
.booklink-image, .kaerebalink-image{
     margin:0 15px 0 0;
     float:left;
     min-width: 160px;
     text-align: center;
     }
.booklink-image img, .kaerebalink-image img{
     margin:0 auto;
     text-align:center;
     }
.booklink-info, .kaerebalink-info{
     margin:0;
     line-height:120%;
     overflow: hidden;
     }
.booklink-name, .kaerebalink-name{
     margin-bottom:24px;
     line-height:1.5em;
     }
.booklink-powered-date, .kaerebalink-powered-date{
     font-size:8px;
     margin-top:10px;
     font-family:verdana;
     line-height:120%;
     }
.booklink-detail, .kaerebalink-detail{
     font-size: 12px;
     }
.booklink-powered-date, .kaerebalink-detail{
     margin-bottom:15px;
     }
.booklink-link2, .kaerebalink-link1{
     margin-top:10px;
     }
.booklink-link2 a, .kaerebalink-link1 a{
     width:30%;
     -moz-border-radius:5px;
     -webkit-border-radius:5px;
     border-radius:5px;
     display:inline-block;
     margin:5px 2px 0 0;
     padding:10px 1px;
     text-align:center;
     float:left;
     text-decoration:none;
     font-weight:800;
     text-shadow:1px 1px 1px #dcdcdc;
     font-size:12px;
     color: #fff !important;
     }
.booklink-link2 a:hover, .kaerebalink-link1 a:hover{
     opacity: 0.6;
     }
.booklink-link2 a:active .kaerebalink-link1 a:active{
     position:relative;
     top:1px;
     }
/*ボタンを変えるときはここから*/
.shoplinkamazon a{
     background-color:#FF9901 !important;
     }
.shoplinkrakuten a{
     background-color:#c20004 !important;
     }
.shoplinkkindle a{
     background-color:#007dcd !important;
     }
.shoplinkkakakucom a{
     background-color:#314995 !important;
     }
.shoplinkyahoo a{
     background-color:#7b0099 !important;
     }
.shoplinkseven a{
     background-color:#4885ed !important;
     }
/*ここまでを変更*/
.shoplinkyahoo img{
     display:none;
     }
.shoplinkyahoo a{
     font-size:10px;
     }
.booklink-footer{
     display: none;
     }
  
/*上に戻る*/
#page-top {
     display:none;
     position:fixed;
     right:10px;
     bottom:20px;
     margin: 0;
     padding: 0;
     text-align:center;
     }
#move-page-top{
     color:rgba(0,0,0,0.4);
     text-decoration:none;
     display:block;
     cursor:pointer;
     }
#move-page-top:hover{
     color:rgba(0,0,0,0.6);
     }
@media only screen and (min-width: 400px){
     #page-top{
         right:50%;
         margin-right: -450px;
         }
    }

/*シェアボタン*/
.follow-me {
     list-style: none;
     margin: 15px 180px 10px;
      overflow: hidden;
     padding: 0;
     align: center;
     }
.follow-me li {
     float: left;
     margin: 0 8px 8px 0;
     padding: 0;
     }
.follow-me li a::before {
     background-color: #eee;
     -webkit-border-radius: 2px;
     border-radius: 2px;
     color: #333;
     display: inline-block;
     font-family: FontAwesome;
     font-size: 18px;
     height: 44px; /* Button height */
     line-height: 44px; /* Button height */
     -webkit-transition: all .3s ease;
     transition: all .3s ease;
     text-align: center;
     width: 44px; /* Button width */
     }
.follow-me li a:hover::before {
     color: #fff;
     }
.follow-me li a[href*="amazon.co.jp"]::before,
.follow-me li a[href*="amazon.com"]::before,        { content: "\f270"; }
.follow-me li a[href*="codepen.io"]::before         { content: "\f1cb"; }
.follow-me li a[href*="delicious.com"]::before      { content: "\f1a5"; }
.follow-me li a[href*="deviantart.com"]::before     { content: "\f1bd"; }
.follow-me li a[href*="digg.com"]::before           { content: "\f1a6"; }
.follow-me li a[href*="dribble.com"]::before        { content: "\f17d"; }
.follow-me li a[href*="dropbox.com"]::before        { content: "\f16b"; }
.follow-me li a[href*="facebook.com"]::before       { content: "\f09a"; }
.follow-me li a[href*="feedly.com"]::before         { content: "\f09e"; }
.follow-me li a[href*="flickr.com"]::before         { content: "\f16e"; }
.follow-me li a[href*="foursquare.com"]::before     { content: "\f180"; }
.follow-me li a[href*="github.com"]::before         { content: "\f09b"; }
.follow-me li a[href*="plus.google.com"]::before    { content: "\f0d5"; }
.follow-me li a[href*="b.hatena.ne.jp"]::before     { content: "\f027"; font-family: blogicon; font-size:26px;}
.follow-me li a[href*="instagram.com"]::before      { content: "\f16d"; }
.follow-me li a[href*="last.fm"]::before            { content: "\f202"; }
.follow-me li a[href*="linkedin.com"]::before       { content: "\f0e1"; }
.follow-me li a[href*="nicovideo.jp"]::before       { content: "\f047"; font-family: blogicon; }
.follow-me li a[href*="pinterest.com"]::before      { content: "\f0d2"; }
.follow-me li a[href*="getpocket.com"]::before      { content: "\f265"; }
.follow-me li a[href*="reddit.com"]::before         { content: "\f1a1"; }
.follow-me li a[href*="skype.com"]::before,
.follow-me li a[href*="skype:"]::before             { content: "\f17e"; }
.follow-me li a[href*="slideshare.net"]::before     { content: "\f1e7"; }
.follow-me li a[href*="spotify.com"]::before        { content: "\f1bc"; }
.follow-me li a[href*="steamcommunity.com"]::before { content: "\f1b6"; }
.follow-me li a[href*="stumbleupon.com"]::before    { content: "\f1a4"; }
.follow-me li a[href*="tumblr.com"]::before         { content: "\f173"; }
.follow-me li a[href*="twitch.tv"]::before          { content: "\f1e8"; }
.follow-me li a[href*="twitter.com"]::before        { content: "\f099"; }
.follow-me li a[href*="vimeo.com"]::before          { content: "\f27d"; }
.follow-me li a[href*="vine.co"]::before            { content: "\f1ca"; }
.follow-me li a[href*="weibo.com"]::before          { content: "\f18a"; }
.follow-me li a[href*="whatsapp.com"]::before       { content: "\f232"; }
.follow-me li a[href*="wordpress.com"]::before,
.follow-me li a[href*="wordpress.org"]::before      { content: "\f19a"; }
.follow-me li a[href*="youtube.com"]::before        { content: "\f16a"; }
.follow-me li a[href$="/feed"]::before              { content: "\f09e"; }
.follow-me li a[href$="/subscribe"]::before         { content: "\f000"; font-family: blogicon; }

.follow-me li a[href*="amazon.co.jp"]:hover::before,
.follow-me li a[href*="amazon.com"]:hover::before,        { background-color: #ff9900; }
.follow-me li a[href*="codepen.io"]:hover::before         { background-color: #000000; }
.follow-me li a[href*="delicious.com"]:hover::before      { background-color: #3399ff; }
.follow-me li a[href*="deviantart.com"]:hover::before     { background-color: #05cc47; }
.follow-me li a[href*="digg.com"]:hover::before           { background-color: #000000; }
.follow-me li a[href*="dribble.com"]:hover::before        { background-color: #ea4c89; }
.follow-me li a[href*="dropbox.com"]:hover::before        { background-color: #007ee5; }
.follow-me li a[href*="facebook.com"]:hover::before       { background-color: #3b5998; }
.follow-me li a[href*="feedly.com"]:hover::before         { background-color: #6cc655; }
.follow-me li a[href*="flickr.com"]:hover::before         { background-color: #0063dc; }
.follow-me li a[href*="foursquare.com"]:hover::before     { background-color: #f94877; }
.follow-me li a[href*="github.com"]:hover::before         { background-color: #181717; }
.follow-me li a[href*="plus.google.com"]:hover::before    { background-color: #dc4e41; }
.follow-me li a[href*="b.hatena.ne.jp"]:hover::before     { background-color: #008fde; }
.follow-me li a[href*="instagram.com"]:hover::before      { background-color: #125688; }
.follow-me li a[href*="last.fm"]:hover::before            { background-color: #d51007; }
.follow-me li a[href*="linkedin.com"]:hover::before       { background-color: #0077b5; }
.follow-me li a[href*="nicovideo.jp"]:hover::before       { background-color: #eaeaea; }
.follow-me li a[href*="pinterest.com"]:hover::before      { background-color: #bd081c; }
.follow-me li a[href*="getpocket.com"]:hover::before      { background-color: #ef3f56; }
.follow-me li a[href*="reddit.com"]:hover::before         { background-color: #ff4500; }
.follow-me li a[href*="skype.com"]:hover::before,
.follow-me li a[href*="skype:"]:hover::before             { background-color: #00aff0; }
.follow-me li a[href*="slideshare.net"]:hover::before     { background-color: #2d2d2d; }
.follow-me li a[href*="spotify.com"]:hover::before        { background-color: #84bd00; }
.follow-me li a[href*="steamcommunity.com"]:hover::before { background-color: #171a21; }
.follow-me li a[href*="stumbleupon.com"]:hover::before    { background-color: #eb4929; }
.follow-me li a[href*="tumblr.com"]:hover::before         { background-color: #36465d; }
.follow-me li a[href*="twitch.tv"]:hover::before          { background-color: #6441a5; }
.follow-me li a[href*="twitter.com"]:hover::before        { background-color: #55acee; }
.follow-me li a[href*="vimeo.com"]:hover::before          { background-color: #1ab7ea; }
.follow-me li a[href*="vine.co"]:hover::before            { background-color: #11b58a; }
.follow-me li a[href*="weibo.com"]:hover::before          { background-color: #e6162d; }
.follow-me li a[href*="whatsapp.com"]:hover::before       { background-color: #64d548; }
.follow-me li a[href*="wordpress.com"]:hover::before,
.follow-me li a[href*="wordpress.org"]:hover::before      { background-color: #21759b; }
.follow-me li a[href*="youtube.com"]:hover::before        { background-color: #cd201f; }
.follow-me li a[href$="/feed"]:hover::before              { background-color: #ffa500; }
.follow-me li a[href$="/subscribe"]:hover::before         { background-color: #363636; }

@media screen and (max-width: 480px){
/* スマホ、シェアボタン */
.sns-btn__item a {
     display: inline-block;
     width: 57px;
     height: 76px;
     margin: 6px 4px;
     padding: 10px 0;
     border-radius: 10px;
     background: ;
     font-size: 13px;
     font-weight: bold;
     text-align: center;
     vertical-align: middle;
     transition: .3s ease-in-out;
     }
     }

/*コピーライト*/
#copyright {
     padding: 20px;
     text-align: center;
     font-size: 13px;
     }

/*目次*/
.entry-content .table-of-contents li:after {
     display: block;
     content: '';
     position: absolute;
     top: .8em;
     left: -1em;
     width: 6px;
     height: 6px;
     background-color: #333;
     -webkit-transform: rotate(-45deg)!important;
     transform: rotate(-45deg)!important;
     }
.table-of-contents::before {
     font-family: "Noto Sans JP";
     }
.table-of-contents {
     border:1px solid #aaa;
     font-size:90%;
     background: #f9f9f9;
     }
.table-of-contents li{
     border: none!important;
     margin-bottom:0;
     }
.table-of-contents li:after{
     border: none!important;
     }  
.table-of-contents li ul {
     margin-right:0;
     margin-bottom:0;
     }
.table-of-contents li ul li {
     font-size:100%;
     }

/*コメント欄*/   
.user-name-hatena-id {
     display:none;
     }
.user-name-paren {
     display:none;
     }