/* <system section="theme" selected="block-memo"> */
/*!
  Theme: Block Memo
  Author: Hatena Blog Team
  Description:
  日常のちょっとした出来事を未来の自分のために残しておくためのテーマです
  Responsive: yes
 *//*! normalize.css v3.0.2 | MIT License | git.io/normalize */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,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color: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%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{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;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both}body{font-size:87.5%;font-family:YuGothic,游ゴシック,Meiryo,メイリオ,Hiragino Kaku Gothic Pro,ヒラギノ角ゴシック,sans-serif;color:#646464;background:#f5f5f5;margin:0}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:#3c3c3c}h1 .keyword,h2 .keyword,h3 .keyword,h4 .keyword,h5 .keyword,h6 .keyword{color:#3c3c3c}h1,h2,h3{margin:24px auto 14px}h4,h5,h6{margin:24px auto 10px}h1{font-size:1.875em}h2{font-size:1.5em}h3{font-size:1.286em}h4{font-size:1.143em}h5{font-size:1.071em}h6{font-size:1em}h2{border-bottom:1px solid #dcdcdc;padding:0 0 5px}p{font-size:1em;line-height:1.7;margin:0 auto 14px}a{color:#00aa8c;text-decoration:none}a:hover{color:#00aa8c;text-decoration:underline}a:visited{color:#51838a}a:focus{color:#51838a}a:active{color:#51838a}hr{margin:24px auto;border-width:0;border-top:1px solid #dcdcdc}iframe{margin:0 auto 14px}#globalheader-container{color:#646464;background:#f5f5f5;position:sticky;top:0}#container{width:100%;max-width:700px;margin:0 auto;padding:0 10px;box-sizing:border-box}#main{margin:0 auto 48px}#blog-title{margin:20px auto 48px}#blog-title-inner{text-align:center;border-radius:4px}@media screen and (max-width: 580px){#blog-title-inner{height:100%}}.header-image-enable #blog-title-content{position:relative;top:50%;-wibkit-transform:translateY(-50%);transform:translateY(-50%)}#title{font-size:1.5em;padding:30px 20px 0;margin:0 auto 10px}#title a{text-decoration:none;color:#3c3c3c}#blog-description{font-size:.93em;font-weight:400;border-bottom:none;margin:0 auto;padding:0 20px 30px}#footer-inner{text-align:center;font-size:.93em}.services{line-height:1}.entry,.archive-entry{background:#fff;margin:0 auto 48px;padding:0 80px 80px;border-radius:4px;box-shadow:0 0 1px #d9d9d9}@media screen and (max-width: 580px){.entry,.archive-entry{padding:0 20px 20px}}.entry-header{margin:0 auto 38px;position:relative}.date{border-left:3px solid #00aa8c;margin:0 auto 10px;padding:80px 0 0 4px;line-height:.7}@media screen and (max-width: 580px){.date{padding-top:40px}}.date a:hover{text-decoration:none}.date a:visited,.date-last-updated{color:#00aa8c}time{font-family:Avenir,Helvetica,sans-serif;font-size:.93em}.entry-title{font-size:1.857em;margin:0 auto 10px}.entry-title a:hover{text-decoration:none}.entry-title a:visited{color:#00aa8c}.categories{line-height:1;margin:0 auto 10px}.categories a{color:#8c8c8c;font-size:.93em;margin-right:6px}.categories a:hover{color:#00aa8c;text-decoration:underline}.entry-header-menu{position:absolute;top:10px;right:-60px}.entry-content{margin:0 auto 38px}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content .hatena-fotolife{border-radius:2px}.entry-content .hatena-image-left{margin-right:14px}.entry-content .hatena-image-right{margin-left:14px}.entry-content ul,.entry-content ol{font-size:1em;line-height:1.7;padding-left:16px;margin:0 auto 14px}.entry-content ul p,.entry-content ol p{margin:0 auto}.entry-content table{font-size:1em;border-collapse:collapse;border-spacing:0;margin:24px auto;width:100%}.entry-content tr{background-color:#fff;margin:0;padding:0}.entry-content tr:hover{background:#f5f5f5}.entry-content th{background:#f5f5f5;font-weight:700;border:1px solid #dcdcdc;padding:5px 10px}.entry-content td{border:1px solid #dcdcdc;padding:5px 10px}.entry-content blockquote{border-left:6px solid #dcdcdc;padding-left:12px;margin:24px 0}.entry-content .code{font-size:.93em;line-height:1.7;background:#f5f5f5;margin:24px auto;padding:10px;border-radius:2px;overflow:auto;white-space:pre-wrap;word-wrap:break-word}.entry-content code{font-size:.93em;background:#f5f5f5;border:1px solid #dcdcdc}.entry-content .hatena-asin-detail,.entry-content .itunes-embed,.entry-content .embed-wrapper{border-radius:2px;margin:14px auto;padding:14px}.entry-content .hatena-asin-detail ul,.entry-content .itunes-embed ul,.entry-content .embed-wrapper ul{margin:0;padding:0}.entry.no-entry{padding:80px}.keyword{color:#646464;border-bottom:1px dotted #646464;padding-bottom:0}.keyword:hover{color:#00aa8c;border-bottom:none}.author,.comment-metadata time{color:#8c8c8c}.hatena-star-container{margin:0 auto 14px}.social-buttons{margin:0 auto 24px}.comment-box{position:relative;margin:38px auto}.comment-box ul{padding:0;list-style:none}.comment-box li{padding:24px 0 24px 50px;position:relative;border-bottom:1px solid #dcdcdc}.comment-box li:first-child{border-top:1px solid #dcdcdc}.comment-box .hatena-id-icon{position:absolute;left:0;width:40px;height:40px;border-radius:2px}.comment-box .comment-user-name{line-height:1;margin:0 auto 10px}.comment-box .comment-content p{font-size:.93em;line-height:1.5;margin:10px auto}.comment-box .comment-content p a{word-wrap:break-word}.comment-box .comment-metadata{margin:0 auto}.comment-box .read-more-comments{padding-left:0}.leave-comment-title{display:inline-block;width:auto;font-size:1em;text-align:center;line-height:1;cursor:pointer;background:#f5f5f5;margin:24px 0;padding:10px;border-radius:2px}.leave-comment-title:hover{background:#00aa8c;color:#fff;text-decoration:none}.pager{display:table;table-layout:fixed;width:100%;padding:0 0 48px;border-bottom:1px solid #dcdcdc}.pager-next,.pager-prev{display:table-cell}.pager-next{padding-left:15px;text-align:right}.pager-prev{padding-right:15px}#box2-inner{zoom:1;margin:auto -30px}#box2-inner:before,#box2-inner:after{content:"";display:table}#box2-inner:after{clear:both}@media screen and (max-width: 580px){#box2-inner{margin:auto}}#box2-inner .hatena-module{float:left;padding:0 30px;width:50%}.hatena-module{vertical-align:top;margin:0 auto 38px;box-sizing:border-box}@media screen and (max-width: 580px){.hatena-module{float:none;width:100%;padding:0 20px}}.hatena-module:nth-child(odd){clear:both}.hatena-module .hatena-module-title{font-size:1.071em;font-weight:700;line-height:1.2;color:#3c3c3c;margin-bottom:10px}.hatena-module .hatena-module-title a{color:#3c3c3c}.hatena-module .hatena-module-title a:hover{color:#3c3c3c;text-decoration:underline}.hatena-module .hatena-module-body p{line-height:1.5}.hatena-module ul{padding-left:0;margin:0 auto 14px}.hatena-module li{border-bottom:1px solid #dcdcdc;padding:10px 0;list-style:none;line-height:1.5}.hatena-module li .urllist-title-link{font-size:100%}.hatena-module .profile-icon{display:inline-block;border-radius:64px}.hatena-module .search-form{width:100%;background:#fff;position:relative}.hatena-module .search-module-input{border-radius:2px;border:1px solid #dcdcdc;width:100%;padding:2px 0 2px 4px;box-sizing:border-box}.hatena-module .search-module-input:hover{border:1px solid #00aa8c}.hatena-module .search-module-input:focus{outline:none;border:1px solid #3c3c3c}.hatena-module .search-module-button{width:20px;height:20px;position:absolute;top:0;bottom:0;margin:auto;right:14px;border:none;background:url(https://cdn.blog.st-hatena.com/css/theme/block-memo/images/saerch.png?version=4f1cb770a72175570fc55ef0e22b7c) 50% 50% no-repeat;text-indent:-999px;cursor:pointer;opacity:.4}.hatena-module .search-module-button:hover{opacity:.8}.page-about .entry{padding-top:24px}.page-about .entry-content,.page-about .entry-content dl{margin:0 auto}.page-about .entry-content dt{font-size:1.071em;font-weight:700;line-height:1.2;margin:24px auto 10px;color:#00aa8c}.page-about .entry-content dd{margin:0;line-height:1.7}.page-archive h2,.archive-entries{margin:48px auto}.breadcrumb{border-bottom:1px solid #dcdcdc;margin:48px auto}.breadcrumb a:visited{text-decoration:none;color:#00aa8c}

/* </system> */

/* <system section="background" selected="default"> */
/* default */
/* </system> */

/*ブログのテーマカラーは#1ABC9C*/

/*記事の幅*/
#container {
    max-width: 900px;
    margin-bottom: 10px;
}

/* ブログタイトルの位置 */
#blog-title {
    padding: 30px 0 0px 0;
    margin: 10px auto 19px;
}

/*見出し*/
h3 {
    color: #ffffff;
    /* 文字の色 */
    font-size: 150%;
    /* フォントの大きさ */
    font-weight: bold;
    /* 太字 */
    line-height: 1.5em;
    /* 行間 */
    margin: 50px 0 10px 0;
    /* 上下の余白 */
    padding: 10px 5px 5px 5px;
    /* テキストとボーダーの間の余白*/
    background: #1ABC9C;
    /*背景の色*/
}

h4 {
    color: #141414;
    /* 文字の色 */
    font-size: 150%;
    /* フォントの大きさ */
    font-weight: bold;
    /* 太字 */
    line-height: 1.5em;
    /* 行間 */
    border-bottom: 1px solid #1ABC9C;
    /* 下線 */
    border-left: 10px solid #1ABC9C;
    /* 左側の線 */
    margin: 50px 0 10px 0;
    /* 上下の余白 */
    padding: 10px 10px 10px 10px;
    /* テキストとボーダーの間の余白*/
}

h5 {
    color: #141414;
    /* 文字の色 */
    font-size: 150%;
    /* フォントの大きさ */
    font-weight: bold;
    /* 太字 */
    line-height: 1.5em;
    /* 行間 */
    border-left: 8px solid #1ABC9C;
    /* 左側の線 */
    margin: 50px 0 10px 0;
    /* 上下の余白 */
    padding: 10px 10px 1px 10px;
    /* テキストとボーダーの間の余白*/
}

/*文字のサイズと行間*/
.entry-content {
    color: #000000;
    /* 文字の色 */
    font-size: 16px;
    line-height: 1.8em;
}

/*タイトル*/
#title {
    font-size: 30px;
    font-weight: bold;
    /* 太字 */
}

/*説明文*/
#blog-description {
    font-size: 14px;
}

/*引用デザイン*/
.entry-content blockquote {
    padding: 20px 55px;
    background: rgba(245, 245, 245, 0.8);
    color: #222;
    position: relative;
    border: solid 1px #fff;
    margin: 0.8em 0;
}

.entry-content blockquote:before {
    color: rgba(200, 200, 200, 1);
    content: "“";
    font-family: serif;
    font-size: 600%;
    left: 0;
    line-height: 1em;
    position: absolute;
    top: 0;
}

.entry-content blockquote:after {
    content: "”";
    font-family: serif;
    position: absolute;
    bottom: 0;
    right: 0;
    font-size: 600%;
    color: rgba(200, 200, 200, 1);
    line-height: 0;
}

/*目次*/
.table-of-contents li,
.table-of-contents ul {
    list-style-type: decimal;
}

.table-of-contents ul ul {
    display: none;
}

/* 目次 二重線囲み */
.entry-content .table-of-contents {
    color: #555;
    /* 文字色 */
    padding: 50px 25px 15px 35px;
    position: relative;
    background-color: #F6F6F6;
    /* 背景色 */
    border: 4px double #7fdbb6;
    /* アクセントカラー */
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100% !important;
    box-sizing: border-box;
    border-radius: 8px;
}

.entry-content .table-of-contents::before {
    display: block;
    font-family: 'FontAwesome';
    content: '\f046';
    font-weight: bold;
    font-size: 120%;
    padding-left: 3px;
    position: absolute;
    top: 15px;
    left: 10px;
    color: #7fdbb6;
    /* アクセントカラー */
    border-bottom: none;
}

.entry-content .table-of-contents:after {
    display: block;
    content: '目次';
    font-weight: bold;
    font-size: 120%;
    position: absolute;
    top: 15px;
    left: 35px;
    color: #7fdbb6;
    /* アクセントカラー */
}

.entry-content .table-of-contents li {
    list-style-type: decimal;
    /* 番号振り */
    margin-left: 0;
}

.entry-content .table-of-contents li a {
    text-decoration: none;
    color: #555;
    /* 文字色 */
}

.entry-content .table-of-contents > li:first-child {
    border-top: 1px dotted #CCC;
    padding-top: 10px;
}

.entry-content .table-of-contents > li {
    font-weight: bold;
}

.entry-content .table-of-contents ul > li:last-child {
    padding-bottom: 10px;
}

/*パンくずリストの最後省略*/
.breadcrumb-inner {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*トップに戻るボタン*/
#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: 10%;
    }
}

/*****グローバルメニュー****/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office
Customized by minimalgreen

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/

.drawer_menu a {
    color: inherit;
    text-decoration: none;
}

.drawer_menu a:visited {
    color: inherit;
}


/* PC用ナビゲーション */

.drawer_menu .drawer_nav_wrapper {
    transform: translate(0);
    width: 100%;
    height: 50px;
    /* PC用メニュー高さ */
    position: relative;
    top: auto;
    right: auto;
    z-index: 100;
    background-color: #555;
    /* PC用メニュー背景色 */
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.drawer_menu .drawer_nav {
    max-width: 1000px;
    /* コンテンツ幅に合わせる */
    padding: 0;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    list-style-type: none;
}

.drawer_menu .drawer_nav li {
    font-size: 15px;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 50px;
    /* PC用メニュー高さ */
    line-height: 50px;
    /* PC用メニュー高さ */
    background-color: #1ABC9C;
    /* PC用メニューボタン背景色 */
    text-align: center;
    list-style-type: none;
}

.drawer_menu .drawer_nav li:hover {
    background-color: #66cdaa;
    /* PC用メニューボタンマウスオーバー背景色 */
}

.drawer_menu .drawer_nav li a {
    color: #fff;
    /* PC用メニューボタン文字色 */
}


/* PC非表示 */

@media screen and (min-width:1001px) {
    .pc-hidden {
        display: none;
        text-align: center;
    }
}

@media screen and (min-width: 1001px) {

    /* ドロップダウンメニュー2階層目 */
    .drawer_menu .drawer_nav li ul.second-level {
        visibility: hidden;
        list-style-type: none;
        position: absolute;
        z-index: -1;
        top: 0;
        margin: 0;
        padding-left: 0;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .drawer_menu .drawer_nav li:hover ul.second-level {
        visibility: visible;
        z-index: 1;
        top: 50px;
        /* PC用メニューの高さに合わせる */
        transition: all .3s;
    }

    .drawer_menu .drawer_nav li:hover ul.second-level li {
        width: 176px;
        /* ドロップダウンメニューボタン横幅 */
        height: 50px;
        /* Pドロップダウンメニューボタン高さ */
        text-align: center;
    }

    .drawer_menu .drawer_nav li:hover ul.second-level li a {
        display: block;
        background-color: #1ABC9C;
        /* ドロップダウンメニューの文字の背景色 */
        color: #fff;
        /* ドロップダウンメニューの文字色 */
        font-size: 100%;
        text-decoration: none;
        line-height: 50px;
        /* Pドロップダウンメニューボタン高さ */
        text-align: center;
    }

    .drawer_menu .drawer_nav li:hover ul.second-level li a:hover {
        background-color: #66cdaa;
        /* ドロップダウンメニューマウスホバー背景色 */
    }
}

/*+++ Default Button Color +++*/

.drawer_menu .drawer_button {
    color: #1ABC9C;
    /* ハンバーガーメニュー文字色 */
    display: none;
}

.drawer_menu .drawer_button .drawer_bar {
    background-color: #1ABC9C;
    /* ハンバーガーメニュー三本線の色 */
}


/* 1000px以下 */

@media screen and (max-width: 1000px) {
    .drawer_menu .drawer_bg {
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999;
        background-color: rgba(51, 51, 51, 0.5);
        display: none;
        top: 0;
        left: 0;
    }

    .drawer_menu .drawer_button {
        display: block;
        background: none;
        border: none;
        padding: 0;
        width: 42px;
        letter-spacing: 0.1em;
        cursor: pointer;
        position: fixed;
        top: 10px;
        right: 20px;
        z-index: 1001;
        text-align: center;
        outline: none;
    }

    .drawer_menu .drawer_button.active .drawer_bar {
        width: 49px;
    }

    .drawer_menu .drawer_button.active .drawer_bar1 {
        transform: rotate(30deg);
    }

    .drawer_menu .drawer_button.active .drawer_bar2 {
        opacity: 0;
    }

    .drawer_menu .drawer_button.active .drawer_bar3 {
        transform: rotate(-30deg);
    }

    .drawer_menu .drawer_button.active .drawer_menu_text {
        display: none;
    }

    .drawer_menu .drawer_button.active .drawer_close {
        display: block;
    }

    .drawer_menu .drawer_bar {
        display: block;
        height: 2px;
        margin: 10px 0;
        transition: all 0.2s;
        transform-origin: 0 0;
    }

    .drawer_menu .drawer_text {
        text-align: center;
        font-size: 10px;
    }

    .drawer_menu .drawer_close {
        letter-spacing: 0.08em;
        display: none;
    }

    .drawer_menu .drawer_menu_text {
        display: block;
    }

    .drawer_menu .drawer_nav_wrapper {
        width: 250px;
        height: 100%;
        transition: all 0.2s;
        transform: translate(250px);
        position: fixed;
        top: 0;
        right: 0;
        z-index: 1000;
        background-color: #ffffff;
        /* ドロワーメニュー内背景色 */
        overflow-x: hidden;
        overflow-y: auto;
    }

    .drawer_menu .drawer_nav {
        display: block;
        position: relative;
        margin-top: 40px;
        padding-left: 20px;
    }

    .drawer_menu .drawer_nav li {
        background-color: #fff;
        height: auto;
        line-height: 50px;
        /*  ドロワーメニューリスト項目高さ */
        position: relative;
    }

    .drawer_menu .drawer_nav li a {
        background-color: #ffffff;
        /* ドロワーメニューリスト背景色 */
        color: #555;
        /* ドロワーメニューリスト文字色 */
        display: block;
        text-align: left;
    }

    /* スマートフォン2階層目 */
    .drawer_menu .drawer_nav li:hover ul.second-level {
        display: block;
    }

    .drawer_menu .drawer_nav li ul.second-level {
        visibility: visible;
        position: relative;
        padding: 0;
        z-index: 1001;
    }

    .drawer_menu .drawer_nav li ul.second-level li {
        border-top: 1px solid #eee;
    }

    .drawer_menu .drawer_nav li ul.second-level li a {
        padding-left: 20px;
    }

    .drawer_menu .drawer_nav_wrapper.open {
        transform: translate(0);
    }

    .drawer_menu.left .drawer_button {
        right: auto;
        left: 32px;
    }

    .drawer_menu.left .drawer_nav_wrapper {
        transform: translate(-250px);
        right: auto;
        left: 0;
    }

    .drawer_menu.left .drawer_nav_wrapper.open {
        transform: translate(0);
    }

    .pc-hidden {
        text-align: center;
    }
}

/*  ウィジェットタイトル */
.drawer-title {
    text-align: center;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background-color: #1ABC9C;
    /* ドロワーメニュー内タイトルライン背景色 */
    color: #fff;
}

/* フォローボタン */

.follow-buttons {
    text-align: center;
    margin-top: 0;
    width: 100%;
}

.follow-buttons a {
    display: inline-block;
    width: 60px;
    text-align: center;
    text-decoration: none;
    margin: 5px;
}

.follow-buttons .inner-text {
    font-size: 10px;
    display: block;
}

.follow-buttons .lg,
.content-inner-follow-buttons .fa {
    padding: 15px;
    border-radius: 5px;
    margin: 2px auto;
}

.follow-buttons .hatena {
    color: #38393C;
    background-color: transparent;
}

.follow-buttons .blogicon-hatenablog {
    background: #38393C;
    color: #ffffff;
}

.follow-buttons .blogicon-hatenablog:hover {
    background: #5F6063;
}

.follow-buttons .facebook {
    color: #305097;
    background-color: transparent;
}

.follow-buttons .blogicon-facebook {
    background: #305097;
    color: #ffffff;
}

.follow-buttons .blogicon-facebook:hover {
    background: #5A77B7;
}

.follow-buttons .twitter {
    color: #55acee;
    background-color: transparent;
}

.follow-buttons .blogicon-twitter {
    background: #55acee;
    color: #ffffff;
}

.follow-buttons .blogicon-twitter:hover {
    background: #89C7F7;
}

.follow-buttons .instagram {
    color: #D93177;
    background-color: transparent;
}

.follow-buttons .blogicon-instagram {
    background: #D93177;
    color: #ffffff;
}

.follow-buttons .blogicon-instagram:hover {
    background: #df528d;
}

.follow-buttons .feedly {
    color: #6cc655;
    background-color: transparent;
}

.follow-buttons .blogicon-rss {
    background: #6cc655;
    color: #ffffff;
}

.pc-hidden .profile-icon {
    float: none;
}

/* プライムおすすめ枠線 */
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #1ABC9C;
}

.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #1ABC9C;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box27 p {
    margin: 0;
    padding: 0;
}

/* カテゴリラベル色 */
.categories a,
.page-archive .categories a {
    background: #fff;
    /*背景色*/
    margin: 0px;
    padding: 5px;
    color: #1ABC9C;
    /*文字色*/
    border-radius: 0.2em;
    /*角丸*/
}

/* 隠すボタン */
.show-button {
    display: inline-block;
    border: 2px solid #1ABC9C;
    border-radius: 5px;
    padding: 10px 15px;
    cursor: pointer;
    color: #1ABC9C;
}

.show-button:hover {
    background: #1ABC9C;
    color: white;
    transition: .3s;
}

.hide-area {
    display: none;
}