<style>


@font-face {
  font-family: "font name";
  font-weight: 400;
  font-style: normal;
  src: url("https://cdn.blog.st-hatena.com/fonts/public/blogicon/blogicon-regular.woff?version=f6768cba0ca1ab54ba446eca3575cf6f9f7adc9b") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "font name";
  font-weight: 400;
  font-style: normal;
  src: url("https://cdn.embedly.com/libs/fonts/oxygen/oxygen-bold-webfont.woff") format("woff");
  font-display: swap;
}

@font-face {
  font-family: "font name";
  font-weight: 400;
  font-style: normal;
  src: url("https://cdn.embedly.com/libs/fonts/oxygen/oxygen-regular-webfont.woff") format("woff");
  font-display: swap;
}
p {
  font-family: "font name", sans-serif;
}
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;font-size:1em}dfn{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}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:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;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}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*,:after,:before{-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;margin:0;padding:0}html{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}body{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;line-height:1.9;font-weight:400;margin:0;padding:0;word-break:break-all;word-wrap:break-word;color:#33403d;background:#f5f5f5}a{outline:0;text-decoration:none;color:#33403d}a img,img{border:0}h1,h2,h3,h4,h5,h6{line-height:1;margin:0;padding:0}h1.entry-title{font-size:150%;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;transform:skewX(-10deg)}b,strong{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif}#globalheader-container{background:#fff;border-bottom:none;-moz-box-shadow:0 1px 5px rgba(190,190,190,.16);-webkit-box-shadow:0 1px 5px rgba(190,190,190,.16);-o-box-shadow:0 1px 5px rgba(190,190,190,.16);box-shadow:0 1px 5px rgba(190,190,190,.16);overflow:hidden;color:#777}#globalheader-container a{color:#777}#blog-title{padding:25px 0 15px;background:#fff;box-shadow:0 3px 3px 0 rgba(0,0,0,.16);position:relative}.header-image-only #blog-title{background:#fff!important}#blog-title-inner{width:1170px;margin:0 auto;overflow:hidden}@media screen and (max-width:1200px){#blog-title-inner{text-align:center;width:100%}}#blog-title #title a{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;font-size:90%;color:#4f8299;font-weight:900}#blog-description{font-size:70%;padding:10px 0 0 0;color:#4f8299}@media screen and (max-width:480px){#blog-description{padding:10px 10px 0}}h1#title{font-size:2.5em}#top-editarea{width:100%;text-align:center;background:#fff}#top-box{margin-top:15px}#top-editarea a:hover{text-decoration:underline}.top-menu-bar{background:#4f8299;color:#fff;padding:5px 0;box-shadow:0 3px 3px 0 rgba(0,0,0,.16)}.top-menu-bar ul li{display:inline-block}.top-menu-bar ul li a{color:#fff;font-size:11px;text-decoration:none;padding:10px 10px;overflow:hidden;box-sizing:border-box}#container{width:100%}#content{padding:20px 0;margin:0 auto;width:1170px;overflow:hidden}.page-entry #content{padding:0;margin-top:15px}@media screen and (max-width:1200px){#content{max-width:805px}}@media screen and (max-width:768px){#content{max-width:100%}}.page-index .enable-top-editarea .page-archive #content{padding:30px 0!important}.page-archive #content{padding:20px 10px 30px}#content-inner{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;justify-content:space-between}#wrapper{width:70%}.page-archive #wrapper,.page-index .enable-top-editarea .page-archive #wrapper{width:100%}#main-inner{margin-bottom:45px}.entry-inner{background:#fff;border-radius:8px;padding:15px;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25)}.page-archive .entry-inner,.page-index .entry-inner{margin-bottom:30px}.page-archive #box2,.page-index .enable-top-editarea .page-archive #box2{width:100%;margin:0}#box2{width:30%}#box2-inner{margin-left:25px;margin-bottom:25px}.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{margin-left:0}.archive-entries{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px;margin-bottom:30px}@media screen and (max-width:1200px){#wrapper{width:100%}#content-inner{margin:0 15px}.archive-entries{grid-template-columns:repeat(2,1fr)}#box2{width:100%}#box2-inner{margin-left:0}}@media screen and (max-width:768px){.archive-entries{grid-template-columns:1fr}}@media screen and (max-width:480px){#content-inner{margin:0}}.page-archive .archive-entry{position:relative;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;background:#fff}.page-archive .archive-entry:hover,.page-index .enable-top-editarea .page-archive .archive-entry:hover{transform:translateY(-5px);box-shadow:0 0 3px 0 rgba(0,0,0,.15),0 2px 3px 0 rgba(0,0,0,.25);transition:.3s ease-in-out}.page-archive .entry-thumb{position:relative;top:0;width:100%;height:15vw}.page-archive .entry-thumb{background:no-repeat center center;background-size:cover;border-radius:8px 8px 0 0}@media screen and (max-width:1200px){.page-archive .entry-thumb{height:20vw}}@media screen and (max-width:768px){.page-archive .entry-thumb{height:40vw}}@media screen and (max-width:480px){.page-archive .entry-thumb{height:50vw}}.entry-thumb-link{order:0}.archive-entry-header{order:1;padding:15px 10px 40px}.archive-entry-body{order:2}.page-archive .categories,.page-index .enable-top-editarea .page-archive .categories{position:absolute;bottom:5px;left:10px;z-index:100;background:#4f8299;padding:0 10px;font-size:70%;font-weight:700}.page-archive .categories a,.page-index .enable-top-editarea .page-archive .categories a{color:#fff}.page-archive .categories a:nth-child(n+2),.page-index .enable-top-editarea .page-archive .categories a:nth-child(n+2){display:none}.page-archive .entry-description,.page-index .enable-top-editarea .page-archive .entry-description{line-height:1.1;font-size:80%;padding:0 15px 10px;position:relative;color:#999;display:none}.page-archive .entry-description:after,.page-index .enable-top-editarea .page-archive .entry-description:after{content:"";bottom:0;left:0;position:absolute;width:100%;height:50%;background:-webkit-linear-gradient(top,rgba(255,255,255,0),rgba(255,255,255,.6) 15%,rgba(255,255,255,1) 70%,rgba(255,255,255,1))}.page-archive h1.entry-title,.page-index .enable-top-editarea .page-archive h1.entry-title{font-size:120%;line-height:1.2;max-height:45px;overflow:hidden;transform:skewX(-10deg);padding:0 5px}.page-archive .archive-date,.page-index .enable-top-editarea .page-archive .archive-date{position:absolute;bottom:3px;right:15px;z-index:100;font-size:80%}.page-archive .social-buttons,.page-index .enable-top-editarea .page-archive .social-buttons{display:none}.page-archive .pager,.page-index .enable-top-editarea .page-archive .pager{margin:0 auto;text-align:center}.page-archive .pager a,.page-index .pager a{display:block;padding:10px 45px;background:#4f8299;color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25)}.page-archive .pager a:hover,.page-index .pager a:hover{transform:translateY(-5px);box-shadow:0 0 3px 0 rgba(0,0,0,.15),0 2px 3px 0 rgba(0,0,0,.25);transition:.3s ease-in-out}.archive-header-category{margin:0}.archive-heading{margin-bottom:20px!important;padding:10px 0 10px 10px;font-size:20px!important;background:#4f8299;color:#fff;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);text-align:center}.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:25px}#box2-inner{grid-template-columns:1fr}@media screen and (max-width:1200px){#box2{margin:0 15px}#box2-inner,.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{grid-template-columns:repeat(2,1fr);display:grid;grid-gap:25px}}@media screen and (max-width:768px){#box2-inner,.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{grid-template-columns:1fr}}.hatena-module-title{background:#ef7b75;color:#fff;padding:10px;line-height:1;border-radius:8px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);text-align:center}.hatena-module-title a{color:#fff}.hatena-module-body{padding:10px 10px 20px}.hatena-module-profile{text-align:center;margin-bottom:25px;z-index:0;position:relative}.profile-icon-link{display:block}.profile-icon{border-radius:50%;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25)}.hatena-module-profile .hatena-module-body {
 background: url("https://cdn-ak.f.st-hatena.com/images/fotolife/h/h0bbyt0yman/20190528/20190528193433.jpg") no-repeat center !important;
}.hatena-module-profile .hatena-module-body a{color:#666;order:1}.hatena-module-profile .hatena-module-body:before{content:'';background:inherit;-webkit-filter:blur(7px);-moz-filter:blur(7px);-o-filter:blur(7px);-ms-filter:blur(7px);filter:blur(7px);position:absolute;top:-5px;left:-5px;right:-5px;bottom:-5px;z-index:-1}.hatena-module-profile .hatena-module-body span{order:2;line-height:1.2}.hatena-module-body .hatena-follow-button-box{position:relative;width:200px;height:45px;margin:10px auto 5px;order:3;z-index:1}.hatena-module-body .hatena-follow-button{border-radius:20px;background:#2884c7!important;color:#fff!important;padding:10px 0;float:none;font-size:16px;margin:0 auto;display:block;width:200px;text-align:center;height:auto!important;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);border:0!important}.hatena-module-body .hatena-follow-button.unsubscribing.hover{color:#fff!important}.hatena-module-body .hatena-follow-button-box .subscription-count{border-radius:20px;display:block;float:none;white-space:nowrap}.hatena-module-body .hatena-follow-button.subscribing{color:#fff!important;width:200px}.hatena-module-body .hatena-follow-button.subscribing.hover{width:200px}.hatena-module-body .hatena-follow-button-box:hover{color:#fff!important;transform:translateY(-5px);transition:.3s ease-in-out}.hatena-module-body .hatena-follow-button-box .subscription-count-box{display:block;position:absolute;top:11px;left:200px}.profile-activities{order:5;margin-top:10px;font-size:12px}.hatena-module-body .id .hatena-id-link .user-name-nickname{display:block;font-size:130%;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif}.user-name-hatena-id,.user-name-paren{font-size:12px}.hatena-module-body .id{margin-bottom:10px}.profile-description{order:4;padding:0 15px}.hatena-module-body .hatena-urllist{margin:0;padding:0}.hatena-module-body .urllist-with-thumbnails .urllist-item{max-height:135px;overflow:hidden;font-size:80%;border-bottom:1px dotted #aaa;padding-top:7px}.hatena-module-body .urllist-with-thumbnails .urllist-item:last-child{border-bottom:none}.hatena-module-links .hatena-module-body ul{margin-left:25px}.hatena-urllist img{border-radius:8px;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25)}a.bookmark-widget-counter img{box-shadow:none}.recent-entries-categories{display:none}.search-form{text-align:center}.search-module-input{border-radius:8px;padding:0 10px;border:1px solid #4f8299;margin:0 5px 0 0;color:#4f8299;width:75%;height:45px}.search-module-input::placeholder{color:#4f8299}.search-module-button{padding:0 10px;margin:0 0 0 -5px;border-radius:8px;border:1px solid #4f8299;background:#4f8299;color:#fff;width:20%;height:45px}.related-entries-entry-body{display:none}.hatena-module-category .hatena-module-body ul li{list-style:none;padding:5px;border-bottom:1px dotted #aaa}.hatena-module-body .hatena-urllist{margin:0 10px 0 25px}.hatena-module-body .urllist-with-thumbnails{margin:0!important}.archive-date:before,.entry-date:before{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;content:"\f043"}.authors-urllist li{margin:10px 0}.entry-content a{color:#4294ff}.entry-content a:hover{text-decoration:underline}.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{color:#4f8299;line-height:1.5;margin:50px 0 10px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;display:block;padding:5px 10px}.entry-content h2{font-size:23px;background:#4f8299;color:#fff;border-radius:8px}.entry-content h3{font-size:22px;border-top:double 5px #4f8299;border-bottom:double 5px #4f8299}.entry-content h4{font-size:20px;border-bottom:solid 3px #4f8299}.entry-content h5,.entry-content h6{font-size:20px}.breadcrumb{padding:0 10px;margin:0 auto;width:1170px;overflow:hidden;line-height:1.2;font-size:80%}@media screen and (max-width:1200px){.breadcrumb{max-width:805px}}@media screen and (max-width:768px){.breadcrumb{max-width:100%}}.page-entry .breadcrumb{margin-bottom:0}.comment-box{position:relative;margin:20px 0}.comment-box:before{position:relative;margin:0 0 45px 0;padding:0 0 10px;content:"";display:-webkit-flex;display:block;white-space:nowrap}.comment-box:after{width:100%;display:block;position:absolute;top:0;left:0;color:#fff;background:#ef7b75;padding:10px;line-height:1;border-radius:8px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;content:"コメント";box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);text-align:center}.leave-comment-title{color:#fff;background:#4f8299;text-align:center;display:block!important;padding:5px 25px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;border-radius:8px;border:1px solid #4f8299;margin:15px auto 0;width:300px;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25)}.leave-comment-title:hover{transform:translateY(-5px);box-shadow:0 0 3px 0 rgba(0,0,0,.15),0 2px 3px 0 rgba(0,0,0,.25);transition:.3s ease-in-out;background:#fff;color:#4f8299}.comment li{list-style-type:none;border-bottom:1px solid #ccc;padding:10px}.comment li .hatena-id-icon{width:70px;height:70px;border-radius:50%;border:1px solid #ccc;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);margin:0 15px 15px 0;float:left}.comment li .comment-content p{font-size:80%;line-height:1.1}.comment-metadata{text-align:right;font-size:80%}.page-entry .entry-content{font-size:115%}.page-entry .entry-content p{margin:5px}.page-entry .entry-content p img{margin:5px 0}.entry-footer-section{display:none}.page-entry .pager{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;margin-top:15px}.page-entry .pager-next{text-align:right}.page-entry .pager-next a,.page-entry .pager-prev a{color:#33403d;padding:5px 15px;display:block;border:1px solid #4f8299;background:#fff;border-radius:8px;box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);display:block;width:100%}.page-entry .pager-next a:hover,.page-entry .pager-prev a:hover{transform:translateY(-5px);box-shadow:0 0 4px 0 rgba(0,0,0,.15),0 3px 4px 0 rgba(0,0,0,.25);transition:.3s ease-in-out;background:#4f8299;color:#fff;display:block}@media screen and (max-width:768px){.page-entry .pager{grid-template-columns:1fr;margin:15px 10px}}.entry-header{margin:0 10px 15px}.entry-header .categories a{display:inline-block;margin:10px 0 0;padding:0 10px;font-size:70%;text-decoration:none;color:#fff;background:#ef7b75;border-radius:8px;font-weight:700}.table-of-contents{border:1px solid #ef7b7590;border-bottom:10px solid #ef7b75;position:relative;background:#f5f5f5;box-shadow:2px 2px 2px rgba(0,0,0,.15);border-radius:8px;margin:10px 0!important}.table-of-contents ul{margin:0!important}.table-of-contents li{margin:15px 15px 15px 45px;font-size:92%;line-height:1.2}.table-of-contents li a{text-decoration:none;color:#333;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif}.table-of-contents li a:hover{text-decoration:underline}.table-of-contents li ul li{margin:15px 25px}@media screen and (max-width:768px){.table-of-contents li ul li{margin:15px}}.table-of-contents:before{display:block;padding:5px 15px;content:"\f039"" Contents";font-family:blogicon;color:#fff;background:#ef7b7590;border-bottom:10px solid #ef7b75;font-weight:600;border-radius:8px 8px 0 0}.entry-content ol,.entry-content ul{margin:0 15px 0 35px}blockquote{background-color:#f5f5f5;box-shadow:2px 2px 2px rgba(0,0,0,.15);padding:10px 15px;margin:25px 10px 10px;position:relative;border-radius:8px;border:1px solid #b7b7b7}blockquote:before{content:'“';position:absolute;font-size:30px;top:-10px;left:-10px;border-radius:50%;width:30px;height:30px;background-color:#b7b7b7;color:#fff;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;text-align:center;line-height:1.3}.comment-user-name .comment-user-id .user-name-nickname{font-size:110%;display:inline-block}pre{color:#000;font-size:12px;background-color:#fafafa;border:solid 1px #bbb;line-height:120%;margin:10px;padding:10px;overflow-x:auto;overflow-y:auto;border-radius:8px}pre a{color:#000!important}.customized-footer{margin-top:15px}#footer,.customize-footer{background:#bfbfbf;padding:25px 0;text-align:center;color:#fff;font-size:70%}#footer a{color:#fff}.services{margin:0 auto}.head-sub-area{width:1172px;margin:0 auto;position:relative}.top-sns-button{right:0;bottom:0;position:absolute}.side-sns-button a,.top-sns-button a{width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;color:transparent!important}@media screen and (max-width:1200px){.top-sns-button{display:none}}.button{background-image:-webkit-linear-gradient(top,#f4f1ee,#fff);background-image:linear-gradient(top,#f4f1ee,#fff);border-radius:50%;height:60px;margin:0 5px 0 0;position:relative;width:60px;-webkit-transition:all .1s linear;transition:all .1s linear;border:4px solid #e1e2e3;box-shadow:0 -1px 3px 0 #a3a3a3 inset;display:inline-block}.button:after{color:#bebebe;content:"";display:block;font-size:30px;height:30px;text-decoration:none;text-shadow:0 -1px 1px #bdb5b4,1px 1px 1px #fff;position:absolute;width:30px}.side-sns-button .button{margin:10px 0 0 0!important}.sns-bukuma:after{content:"B!";left:12px;top:15px;font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;font-weight:700;font-size:23px;line-height:1;text-shadow:-.5px -.5px 1px #a3a3a3,1px 1px 1px #a3a3a3}.sns-twitter:after{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;content:"\f035";left:11px;top:13px;font-size:25px;line-height:1;text-shadow:-.5px -.5px 1px #a3a3a3,1px 1px 1px #a3a3a3}.sns-feed img{opacity:.25;width:70%;position:absolute;top:7px;left:8px}.sns-rss:after{font-family:"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"游ゴシック","Yu Gothic",YuGothic,"ＭＳ ゴシック",sans-serif;content:"\f04e";left:12px;top:11px;font-size:25px;line-height:1;text-shadow:-.5px -.5px 1px #a3a3a3,1px 1px 1px #a3a3a3}.button:hover{background-image:linear-gradient(top,#fff,#f4f1ee)}.sns-bukuma:hover{border:4px solid #afd6ff}.sns-twitter:hover{border:4px solid #b0f2ee}.sns-feed:hover{border:4px solid #b9edb1}.sns-rss:hover{border:4px solid #fea}.google-auto-placed{margin-right:-10px}.page-archive #wrapper,.page-index .enable-top-editarea .page-archive #wrapper{width:70%}.page-archive #box2,.page-index .enable-top-editarea .page-archive #box2{width:30%}.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{grid-template-columns:1fr;margin-left:25px}.archive-entries{grid-template-columns:repeat(2,1fr)}@media screen and (max-width:1200px){.page-archive #wrapper,.page-index .enable-top-editarea .page-archive #wrapper{width:100%}#box2{width:100%!important;margin:0!important}#box2-inner,.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{grid-template-columns:repeat(2,1fr)!important;display:grid!important;grid-gap:25px!important;margin:0!important}}@media screen and (max-width:768px){#box2-inner,.page-archive #box2-inner,.page-index .enable-top-editarea .page-archive #box2-inner{grid-template-columns:1fr!important}.archive-entries{grid-template-columns:1fr!important}}#blog-description,#blog-title #title a,.entry-content h3,.entry-content h4,.leave-comment-title:hover,.search-module-input,.search-module-input::placeholder{color:#08233e!important}.archive-heading,.entry-content h2,.leave-comment-title,.page-archive .categories,.page-archive .pager a,.page-entry .pager-next a:hover,.page-entry .pager-prev a:hover,.page-index .enable-top-editarea .page-archive .categories,.page-index .enable-top-editarea .page-archive .pager a,.search-module-button,.top-menu-bar{background:#08233e!important}.leave-comment-title,.page-entry .pager-next a,.page-entry .pager-prev a,.search-module-button,.search-module-input{border:1px solid #08233e!important}.entry-content h3{border-top:double 5px #08233e!important}.entry-content h3{border-bottom:double 5px #08233e!important}.entry-content h4{border-bottom:solid 3px #08233e!important}.comment-box:after,.entry-header .categories a,.hatena-module-title{background:#2c5379!important}.table-of-contents{border:1px solid #2c537990!important;border-bottom:10px solid #2c5379!important}.table-of-contents:before{border-bottom:10px solid #2c5379!important;background:#2c537990!important}.kaerebalink-box {
background: #F8F8F8;
padding: 15px;
color: #333 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
}


<pre style="border: 1px solid #666; backdround: #999; padding: 10px; margin: 0px 25px;">.kaerebalink-box {
background: #F8F8F8;
padding: 15px;
color: #333 !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.14);
font-size: small;
overflow: hidden;
}
.kaerebalink-box a {
text-decoration:none;
color: #333 !important;
font-weight: 800;
}
.kaerebalink-name {
margin-bottom: 5px;
line-height: 120%;
}
.kaerebalink-name div a {
font-weight: 100;
}
.kaerebalink-image {
float: left;
margin: 0 15px 10px 0;
}
.kaerebalink-image img:nth-child(1) {
padding: 10px;
background: #efefef;
display: block;
margin: 0 auto;
}
.kaerebalink-image img:nth-child(2),.kaerebalink-link1 img {
position: absolute;
top: 0;
}
.kaerebalink-powered-date {
font-size: 8pt;
margin-top: 5px;
font-family: verdana;
line-height: 120%;
}
.kaerebalink-detail {
margin-bottom: 5px;
font-size: 8px;
}
.kaerebalink-info {
line-height: 120%;
overflow: hidden;
}
.kaerebalink-link1 div {
display: inline;
margin: 0 !important;
}
.kaerebalink-link1 a {
width: 48%;
display: inline-block;
margin: 2px;
padding: 10px 1px;
text-align: center;
font-weight: 800;
font-size: 12px;
color: #fff !important;
border-radius: 10px;
}
.kaerebalink-link1 a:active {
-ms-transform: translateY(4px);
-webkit-transform: translateY(4px);
transform: translateY(4px);
border-bottom: none;
}
.shoplinkamazon a {
background: #f39c12;
border-bottom: solid 4px #e67e22;
}
.shoplinkrakuten a {
background: #e74c3c;
border-bottom: solid 4px #c0392b;
}
.shoplinkyahoo a {
background: #9b59b6;
border-bottom: solid 4px #8e44ad;
}
.shoplinkseven a {
background: #1abc9c;
border-bottom: solid 4px #16a085;
}
.booklink-footer {
display: none;
}
@media screen and (max-width: 680px) {
.kaerebalink-image{
float: none !important;
margin: -15px -15px 15px -15px !important;
background: #efefef;
padding: 15px;
}
.kaerebalink-link1 a {
width: 95%;
}
.kaerebalink-link1 {
text-align: center;
}
}</pre>



</style>
