/* <system section="theme" selected="4207112889962348855"> */
/*!
  Theme: Ryucho
  Author: rokuzeudon
  Responsive: yes
  Description:
    シンプルなはてなブログテーマです。サイドバーが左に配置され、メインカラムの長さに応じてスクロール追従することが特徴です。
*//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}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-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}html,body{font-family:"Helvetica Neue","Helvetica","Arial","Hiragino Kaku Gothic Pro","Meiryo","MS PGothic";color:#2a2a2a;background-color:#eaeaea;line-height:1.6}a{color:#333}a:-webkit-any-link{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#999;text-decoration-color:#999;text-decoration-thickness:1px}a:-moz-any-link{text-decoration-line:underline;text-decoration-color:#999;text-decoration-thickness:1px}a:any-link{-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-color:#999;text-decoration-color:#999;text-decoration-thickness:1px}a:hover{opacity:.85}a.keyword{border-bottom:1px dotted #ddd;color:#2a2a2a}h1,h2,h3,h4,h5,h6{color:#111;line-height:1.3}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:#111}#container{padding-left:10px;padding-right:10px}@media(min-width: 768px){#container{width:720px;margin:auto;padding-left:0;padding-right:0}}@media(min-width: 992px){#container{width:940px}}#content-inner{display:flex;flex-direction:column;justify-content:space-between}@media(min-width: 768px){#content-inner{flex-direction:row-reverse}}@media(min-width: 768px){#wrapper{width:480px}}@media(min-width: 992px){#wrapper{width:600px}}@media(min-width: 768px){#box2{width:200px}}@media(min-width: 992px){#box2{width:300px}}#box2-inner{position:-webkit-sticky;position:sticky;top:2em}.entry{position:relative;margin-bottom:3em;padding:2em;line-height:1.7;background-color:#fff;border-radius:.6em}.entry-header{padding-bottom:1em;margin-bottom:1em;position:relative}.date{margin-bottom:.5em;font-size:80%}.entry-title{margin:0 0 .3em;font-size:1.5rem}.categories{margin:.5em 0;font-size:.9rem}.categories a{display:inline-block;margin-right:.5em}.categories a::before{font-family:blogicon;display:inline-block;content:"";margin-right:.2em;font-size:90%;opacity:.6;text-decoration:none}.breadcrumb{font-size:80%}.breadcrumb-link::after,.breadcrumb-child-link::after{content:"";font-family:blogicon;font-size:70%;color:#999;display:inline-block;margin:0 .6em 0 1em;text-decoration:none}.breadcrumb-gt{display:none}#footer{margin-top:2em;padding-bottom:2rem;padding-left:10px;padding-right:10px;text-align:center;font-size:.8rem;color:#999}#footer p{margin:.5em auto}@media(min-width: 768px){#footer{width:720px;margin:auto;padding-left:0;padding-right:0}}@media(min-width: 992px){#footer{width:940px}}#blog-title{margin:2em 0;text-align:center}@media(min-width: 768px){#blog-title{margin:3em 0;text-align:left}}#title{margin:0;font-size:1.5rem}@media(min-width: 992px){#title{font-size:1.7rem}}#blog-description{font-weight:normal;font-size:.8rem;margin:1em 0 0}.header-image-enable #blog-title{margin:0 auto 2em;text-align:center}.header-image-enable #blog-title-inner{display:flex;flex-direction:row;align-items:center;width:calc(100% + 20px);margin-left:-10px}@media(min-width: 768px){.header-image-enable #blog-title-inner{width:100%;margin-left:0}}.header-image-enable #blog-title-content{width:100%;margin-left:1em;margin-right:1em}#top-editarea{margin-bottom:1em}#globalheader-container{background-color:#2a2a2a;color:#eaeaea}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;border-radius:.3em}.hatena-module-profile .id{display:block;font-weight:bold;margin-bottom:.5em}.hatena-module-profile .profile-description p{margin-top:0}.hatena-module-search-box .search-form{border:1px solid #ddd;border-radius:3px;width:100%;box-sizing:border-box;display:flex;align-items:center}.hatena-module-search-box .search-module-input{flex:1 0;padding:5px;color:#2a2a2a;background:none;border:none;outline:none;max-width:calc(100% - 40px);height:20px}.hatena-module-search-box .search-module-button{width:24px;height:24px;margin-right:5px;background:rgba(0,0,0,0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill:none;%7D%3C/style%3E%3C/defs%3E%3Ctitle%3Esearch%3C/title%3E%3Cpath d='M16.7,15l-3.4-3.3h-.1a5.4,5.4,0,0,0,.9-3.1,5.6,5.6,0,1,0-5.6,5.6,5.4,5.4,0,0,0,3.1-.9.1.1,0,0,0,.1.1L15,16.7a1.1,1.1,0,0,0,.8.3,1.6,1.6,0,0,0,.9-.3,1.4,1.4,0,0,0,0-1.7M8.5,12.3A3.8,3.8,0,0,1,4.8,8.5,3.8,3.8,0,0,1,8.5,4.7a3.9,3.9,0,0,1,3.8,3.8,3.8,3.8,0,0,1-3.8,3.8'/%3E%3Crect class='a' width='20' height='20'/%3E%3C/svg%3E") no-repeat center;background-size:20px 20px;border:none;outline:none;color:rgba(0,0,0,0);overflow:hidden;opacity:.5;cursor:pointer}.hatena-module-search-box .search-module-button:hover{opacity:.85}.search-result .search-result-form{max-width:100%}.hatena-urllist{margin:0;padding:0 1em 0 1.4em}.hatena-urllist.recent-comments,.hatena-urllist.authors-urllist,.hatena-urllist.circle-urllist{padding:0;list-style:none}.hatena-urllist li{padding:0 0 .5em;line-height:1.4}.hatena-urllist li:last-child{padding-bottom:0}.hatena-urllist .urllist-title-link{font-size:1em}.hatena-urllist .urllist-category-link{position:relative;display:inline-block;font-size:.7rem}.hatena-urllist .urllist-category-link::before{font-family:blogicon;content:"";margin-right:.2em;font-size:90%;opacity:.6;text-decoration:none}.hatena-urllist .urllist-entry-body{margin-top:.3em}.urllist-image{border-radius:.3em}.urllist-date-link{margin-bottom:.4em}.urllist-date-link a{text-decoration:none}.urllist-with-thumbnails{padding:0}.urllist-with-thumbnails .urllist-item{padding-bottom:1em}.authors-user-icon,.hatena-id-icon,.circle-image{border-radius:.3em}.hatena-module-recent-comments .user-id{display:block}.hatena-module-recent-comments li{padding:0 0 1em}.hatena-module-recent-comments .recent-comments .user-id img{margin:0}.hatena-module-recent-comments .recent-comments .recent-comment-time{margin:0 .2em;opacity:1}.hatena-module-profile .id{margin-bottom:.3em}.hatena-module-profile .profile-activities{font-size:80%}.profile-about a,.urllist-see-more a,a.leave-comment-title,a.hatena-follow-button.unsubscribing,.entry-see-more,.archive-entry-tag-link{display:inline-block;margin-right:.6em;padding:.2em .6em;font-size:90%;font-weight:bold;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:.3em}.profile-about a:hover,.urllist-see-more a:hover,a.leave-comment-title:hover,a.hatena-follow-button.unsubscribing:hover,.entry-see-more:hover,.archive-entry-tag-link:hover{background-color:#f5f5f5}a.hatena-follow-button.unsubscribing{padding:.2em .6em .2em 1.6em;background-position:1px 1.5px}.hatena-follow-button-box{clear:none;font-size:100% !important;height:auto;margin:auto;display:inline-block}.hatena-module-category .hatena-urllist,.hatena-module-links .hatena-urllist{padding:0;list-style:none}.hatena-module-category a,.hatena-module-links a{display:block;position:relative;padding-left:1.4em}.hatena-module-category a::before,.hatena-module-links a::before{position:absolute;display:inline-block;top:.1em;left:.2em;margin-right:.2em;font-family:blogicon;font-size:90%;opacity:.6;text-decoration:none}.hatena-module-category a::before{content:""}.hatena-module-links a::before{content:""}.archive-module-show-button,.archive-module-hide-button{font-size:80%}.hatena-module{box-sizing:border-box;margin-bottom:2em;padding:1.4em;font-size:.85rem;background-color:#fff;border-radius:.6em}@media(min-width: 768px){.hatena-module{font-size:.9rem}}.hatena-module-title{margin-bottom:.6em;padding-bottom:.2em;font-size:1rem;font-weight:bold}.pager{margin:2em 0;display:flex;justify-content:space-between}.pager .pager-arrow{display:none}.pager a{display:block;padding:1em;font-size:90%;font-weight:bold;text-decoration:none;background-color:#fff;border:1px solid #ddd;border-radius:.6em}.pager a::before,.pager a::after{font-family:blogicon;font-size:80%;color:#999;display:inline-block;text-decoration:none}.pager a:hover{background-color:#f5f5f5}.pager .pager-prev a::before{content:"";margin-right:.6em}.pager .pager-next a::after{content:"";margin-left:.6em}.page-about .entry-content dt{font-weight:bold;border-bottom:1px solid #ddd;margin-bottom:.5em}.page-about .entry-content dd{margin-left:0;margin-bottom:2em}.archive-heading{margin:0 0 2rem;font-size:1.5em}.archive-header-category{margin:0;padding-bottom:1rem}.archive-header-category .archive-heading{margin:0 0 1rem;font-size:1.5em}.search-result{margin-bottom:2rem;display:flex;flex-direction:column;flex-direction:column-reverse}.search-result .archive-heading{margin:1em 0 0;font-size:1.5em}.archive-entry{margin-left:auto;margin-right:auto;line-height:1.3;padding:2em;background-color:#fff;border-bottom:1px solid #ddd}.archive-entry:first-child{border-radius:.6em .6em 0 0}.archive-entry:last-child{border-radius:0 0 .6em .6em;margin-bottom:2em}@media(min-width: 768px){.archive-entry{margin-bottom:2em;border-radius:.6em;border-bottom:none}.archive-entry:first-child,.archive-entry:last-child{border-radius:.6em}}.page-archive #content{margin-top:1.5em}.page-archive .archive-entry-body{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.page-archive .entry-title{margin:.3em auto;font-size:1.2rem}.page-archive .entry-thumb{width:80px;height:80px;margin-top:1.2rem;margin-right:1.2em;background-size:cover;border-radius:.3em}@media(min-width: 768px){.page-archive .entry-thumb{width:120px;height:120px}}.page-archive .entry-description{margin:1.2rem 0 0;font-size:76%;color:#999;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}@media(min-width: 768px){.page-archive .entry-description{font-size:.9rem;-webkit-line-clamp:4}}.page-archive .social-buttons{display:block;margin-top:.3em}@media(min-width: 768px){.page-archive .social-buttons{margin-top:1em}}.page-archive .archive-entry-tags-wrapper{margin:.25em 0;overflow:hidden}.page-archive .archive-entry-tag{margin-right:0}.page-archive .archive-entry-tag .archive-entry-tag-link{margin-right:0;padding:.2em .6em;font-size:11px;color:#999}.page-archive .archive-entry-tag .archive-entry-tag-icon{width:8px;height:8px}.entry-header-menu{position:absolute;top:0;right:0}.entry-content img,.entry-content video{max-width:100%;height:auto}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.8em 0 .8em 0}.entry-content h1{font-size:1.5rem}@media(min-width: 992px){.entry-content h1{font-size:1.7rem}}.entry-content h2{font-size:1.4rem}@media(min-width: 992px){.entry-content h2{font-size:1.5rem}}.entry-content h3{font-size:1.2rem}@media(min-width: 992px){.entry-content h3{font-size:1.3rem}}.entry-content h4{font-size:1.1rem}.entry-content h5{font-size:1rem}.entry-content h6{font-size:.9rem}.entry-content ul,.entry-content ol,.entry-content dd{margin:0 0 1em 1.5em;padding:0}.entry-content ul li ul,.entry-content ul li ol,.entry-content ol li ul,.entry-content ol li ol,.entry-content dd li ul,.entry-content dd li ol{margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border-bottom:1em;margin-bottom:1em;width:100%;overflow:auto;display:block;font-size:.8rem}@media(min-width: 992px){.entry-content table{font-size:.9rem}}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f6f6f6}.entry-content blockquote{border:1px solid #ddd;margin:0 0 10px;padding:20px}.entry-content blockquote p:first-of-type{margin-top:0}.entry-content blockquote p:last-of-type{margin-bottom:0}.entry-content pre,.entry-content code{font-family:"Monaco","Consolas","Courier New",Courier,monospace,sans-serif}.entry-content pre{border:1px solid #ddd;border-radius:.3em;white-space:pre-wrap;text-overflow:ellipsis;line-height:1.3;font-size:.8rem;padding:10px}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:none;background-color:rgba(0,0,0,0);font-family:"Monaco","Consolas","Courier New",Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0px 5px;background-color:#f6f6f6;border-radius:3px}.entry-content hr{width:50%;border:0;border:none;border-top:1px solid #ddd;margin:2em auto}.entry-content .table-of-contents{position:relative;padding:3em 1em 1em 2em;margin:1em 0;background-color:#f6f6f6;border-radius:.3em;font-size:90%}.entry-content .table-of-contents::before{content:"目次";font-weight:bold;position:absolute;display:block;top:1em;left:1em}.entry-content .hatena-asin-detail,.entry-content .asin-detail-buy{border-radius:.3em}.entry-footer .social-buttons{margin-bottom:1em}.entry-footer .hatena-module{padding:0}.entry-footer .entry-footer-modules{margin-top:2em}.entry-footer-section{color:#999;font-size:.9rem}.comment-box{margin:1em 0}.comment-box .comment{list-style:none;margin:0 0 15px 0;padding:0;line-height:1.7;font-size:.85rem}@media(min-width: 768px){.comment-box .comment{font-size:.9rem}}.comment-box .entry-comment{margin-bottom:.4em;padding:1em 1em 1em 5.5em;background-color:#f6f6f6;border-radius:.3em}.comment-box .read-more-comments{padding:10px 0}.comment-box .hatena-id-icon{position:absolute;top:1em;left:1em;width:50px !important;height:50px !important;border-radius:.3em}.comment-user-name{margin:0;font-weight:bold}.comment-content{margin:0 0 .4em 0;word-wrap:break-word;color:#2a2a2a;font-size:.85rem}.comment-content p{margin:0 0 .6em 0}.comment-metadata{margin:0;font-size:80%}.leave-comment-title{padding:.6em 1em;font-size:.85rem;border:1px solid #ddd}.entry-see-more{margin-top:1em;width:100%;box-sizing:border-box;text-align:center;text-decoration:none !important}
/* </system> */
/* templete "Ryucho" */

/*　CSS目次
    ・文字装飾
        テキストリンク
        リスト
        目次
        見出し
        ボタンリンク
    ・記事内追加部分
        更新日時表示
        ボックスデザイン
        カエレバ
        アドセンス
    ・記事上CSS
        シェアボタン(はてブ、Twitter)
    ・記事下CSS
        はてなID・執筆日時を消去
        シェアボタン
    ・サイドバーCSS
        フォローボタン
    ・モバイルデザイン
    ・全体CSS
 */

/*------ 文字装飾CSS系 -------*/
/* テキストリンク　青色にする、下線を消す */
.entry-content a{
    color: #114cc2;
}
.entry-content a:hover {
    color: #28aae1;
    text-decoration: none;
}
a:any-link {
    text-decoration:none; 
}

/* nanikore? */
div.profile-about {
  display: none;
}

/* 通常リスト */
.entry-content > ul {
    border-radius :4px;/*角の丸み*/
    background: #ffffff;/*背景色*/
    padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
    border: solid 1px #eaeaea;/*線の種類 太さ 色*/
    margin-left: 0em;
    margin-right: 0em;
  }
  
  .entry-content ul li,  {
    line-height: 1.5; /*文の行高*/
    padding: 0.3em 0; /*前後の文との余白*/
  }

/* 数字リストCSS */
.entry-content ol {
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  margin: 0 0 1em 0.5em;
  padding:0em;
  background: #ffffff;
}
.entry-content ol li {
  position: relative;
  padding-left: 30px;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 30px;
}

.entry-content ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #929596;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  border-radius: 50%;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  /*以下 上下中央寄せのため*/
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* 数字リストCSS */

/* 目次対策 */
.entry-content .table-of-contents {
    padding: 3em 1em 1em 3em; /*目次の余白*/
}
.entry-content .table-of-contents::before {
    left: 1.5em;
}
.table-of-contents li{
	list-style-type: decimal!important; /* マークの種類 */
	border: none!important;
}
.table-of-contents li:after{
	border: none!important;
}
.table-of-contents a{
    color: #696969;
}


/*------ 見出しデザイン ------*/
/* 見出しh2 */
h2 {
    font-size: 1.7em;
    padding: 0.6rem 0rem;
    border-bottom: 2px solid #dedede;
}

/* 見出しh3 */
h3 {
    font-size: 1.5em;
    padding: 0.6rem 0rem;
    border-bottom: 1px solid #dedede;
}

/* 見出しh4 */
h4 {
  position: relative;
  padding-left: 0.5em;/*アイコン分のスペース*/
  line-height: 1.4;
  border-left: 5px solid #dedede;
}



/* 見出しh5 */
h5 {
  padding: 0.4rem 0.8rem;
	font-weight: bold;
}
/***** ↑見出しデザイン↑ ******/

/* 記事内ボタンリンク */
.button a {
    background: #59c9eb;
    border-radius: 50px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 10px;
    max-width: 260px;
    padding: 10px 25px;
    color: #f7f7f7;
    transition: 0.3s ease-in-out;
    font-weight: 700;
    text-decoration: none;
}
.button a:hover {
    background: #f2f4f5;
    color: #59c9eb;
}
.button a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #0781a7;
    border-right: 3px solid #0781a7;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}
.button a:hover:after {
    border-color: #FFF;
}


/* ------ 記事内追加部分 ------- */
/*↓ 更新日時表示 ↓*/
.lastmod {
    background-color: transparent;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 15px;
    display: inline;
    margin-left: 0px;
    color: #888888;
    }
    .lastmod::before {
    margin-right: 5px;
    margin-left: 10px;
    padding-left: 3px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: '\f01e';
    }
    .entry-date a {
    background-color: transparent;
    padding: 5px 0px 5px 6px;
    text-decoration: none;
    font-size: 15px;
    display: inline;
    }
    .entry-date a::before {
    margin-right: 5px;
    padding-left: 3px;
    }
    /*↑ 更新日時表示 ↑*/


/* ボックスデザイン */
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #a9f3ba;
    border-radius: 8px;
		font-size: 14px;
		float: left;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #a9f3ba;
    font-weight: bold;
}
.box26 p {
    margin: 0;
    padding: 0;
}
/* ↑ボックスデザイン↑ */

/*カエレバ*/
.kaerebalink-box, .booklink-box, .tomarebalink-box, .itunes-embed {
	border: 1px solid #c2c2c2;
	padding: 16px;
	border-radius: 5px;
	margin-bottom: 20px;
	box-shadow: 1px 1px 3px 1px #e8e8e8;
	overflow: hidden;
	width: 90%;
}

.kaerebalink-image, .booklink-image, .tomarebalink-image {
	margin-right: 18px;
	float: left;
}

.kaerebalink-info, .booklink-info,.tomarebalink-info {
	font-size: 14px;
	overflow: hidden;
}

.kaerebalink-powered-date, .booklink-powered-date, .tomarebalink-powered-date {
	font-size: 12px;
}

.kaerebalink-name, .booklink-name, .tomarebalink-name {
	font-size: 18px;
}

.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkseven a,
.shoplinkkindle a,
.shoplinkrakukobo a,
.shoplinkyahoo a,
.shoplinkitunes a,
.shoplinkjalan a,
.shoplinkjtb a {
	display: block;
	color: #ffffff;
	text-decoration: none;
	font-weight: ;
	padding: 6px;
}

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkseven,
.shoplinkkindle,
.shoplinkrakukobo,
.shoplinkyahoo,
.shoplinkitunes,
.shoplinkjalan,
.shoplinkjtb {
	float: left;
	height: 40px;
	margin: 6px;
	width: 45%;
	text-align: center;
	border-radius: 6px;
}

.shoplinkamazon {
	background: #FF9900;
}

.shoplinkrakuten {
	background: #bf0000;
}

.shoplinkseven {
	background: #2cc941;
}

.shoplinkkindle {
	background: #0563fc;
}

.shoplinkyahoo {
    	background: #DF013A;
}

.shoplinkitunes {
    	background: #7401DF;
}

.shoplinkjalan {
    	background: #FF8000;
}

.shoplinkjtb {
    	background: #2950CE;
}

.shoplinkrakukobo {
    	background: #2950CE;
}

.shoplinkamazon:hover {
	background: #f4db75;
}

.shoplinkrakuten:hover {
	background: #f990ab;
}

.shoplinkkindle:hover {
	background: #a1dffc;
}

.shoplinkseven:hover {
	background: #a1fca3;
}

.shoplinkyahoo:hover {
    	background: #ff4966;
}

.shoplinkitunes:hover {
    	background: #BE81F7;
}

.shoplinkjalan:hover {
    	background: #FAAC58;
}

.shoplinkjtb:hover {
    	background: #2E64FE;
}

.shoplinkrakukobo:hover {
    	background: #2950CE;
}

@media screen and (max-width: 599px) {
	.kaerebalink-box, .booklink-box {
		text-align: center;
	}

	.kaerebalink-image, .booklink-image {
		float: none;
	}

	.shoplinkamazon,
		.shoplinkkindle,
		.shoplinkrakuten,
        .shoplinkyahoo,
		.shoplinkseven {
		width: 90%;
	}
}
.itunes-embed-artist, .itunes-embed-genre, .itunes-embed-price {
	font-size: 14px;
}

/*アドセンスCSS*/
@media screen and (max-width: 600px) {
  .mobile{
    display: none !important;
  }
}
.table-css, .td-css {
    border-style:none;
    margin:0 ;
    padding:0;
}
/* google adsense insの下線消す */
ins {
  text-decoration: none;
}

/*------- 記事上CSS ------*/
/* 記事上シェアボタン 
    参考：https://note.com/mushrooms/n/n700cab7d45f3  */
/* 記事上ソーシャルボタン 上部の余白 */
.sns-tag-cloud {
    margin:0px 0 -10px 0;
 }
 
 /* SNSシェアボタン */
 .sns-tag-cloud {
    padding-inline-start: 0px;
 font-size: 12px;
 font-weight: bold;
 }
 
 .sns-tag-cloud-under {
    padding-inline-start: 0px;
 font-size: 12px;
 font-weight: bold;
 text-align:center;
 }
 
 a.sns-tag-cloud-hatenab {
     display: inline-block;
 padding: 10px;
 margin:3px;
     line-height: 1;
     text-decoration: none;
 color: #00A4DE;
 border: 1.5px solid;
 border-color: #00A4DE;
 border-radius: 3px;
 }
 a.sns-tag-cloud-hatenab:hover {
 background: #00A4DE; 
 color: #fff; 
 }
 
 
 a.sns-tag-cloud-twitter {
     display: inline-block;
 padding: 10px;
 margin:3px;
     line-height: 1;
     text-decoration: none;
     color: #1DA1F2;
 border: 1.5px solid;
 border-color: #1DA1F2;
 border-radius: 3px;
 }
 a.sns-tag-cloud-twitter:hover {
 background: #1DA1F2; 
 color: #fff; 
 }
/*-------↑ 記事上CSS ↑------*/

/*------ 記事下CSS -----*/
/* はてなID・執筆日時を消去 */
.fn {
    display: none;
}
.entry-footer-time {
    display: none;
}

/* 記事下シェアボタン */
.share-3d{
    margin-bottom: 10px;
    text-align: center;
}
.share-3d-inner a {
    position: relative;
    display: inline-block;
    width: 15%;
    height: 40px;
    line-height: 20px;
    border-radius: 5px;
    font-size: 16px;
    text-align: center;
    color: #ffffff;
    text-decoration: none;
}
.share-3d .small-text{
    font-size: 10px;
}
.share-3d .hatena-bookmark-button{
    background: #00A4DE;
    box-shadow: 0 3px #43638b;
}
.share-3d .twitter-button{
    background: #55ACEE;
    box-shadow: 0 3px #0092ca;
}
.share-3d .googleplus-button{
    background: #C53727;
    box-shadow: 0 3px #ad3a2d;
}
.share-3d .facebook-button{
    background: #405BA7;
    box-shadow: 0 3px #2c4373;
}
.share-3d .pocket-button{
    background: #EE4256;
    box-shadow: 0 3px 0 #c0392b;
}
.share-3d .line-button{
    position:relative;
    background: #00C300;
    box-shadow: 0 3px 0 green;
}
.share-3d .share-3d a:active{
    top: 3px;
    box-shadow: none;
}
.share-3d .line-button:active{
    top: 5px;
}
/* ↑記事下シェアボタン↑ */

/* 記事下CTA */
.iine{
    display: -webkit-flex;
    display: flex;
    margin: 0 0 1em 0;
    }
    .iine-l{
    width: 50%;
    color: transparent;
    background-size: cover;
    background-position: center center;
    }
    .iine-r{
    width: 50%;
    background: #333;
    color: #fff;
    padding: 2em 1em;
    text-align: center;
    }
    .iine-icon{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    }
    .iine-icon a{
    color: #fff;
    font-size: 0.7rem;
    display: inline-block;
    margin:1rem 0;
    padding:0.3rem 0 0.45rem 0;
    width:32%;
    text-decoration:none;
    }
    .iine-hatenablog{
    background: #606060;
    }
    .iine-twitter{
    background:#1b95e0;
    }
    .iine-feedly{
    background:#2BB24C;
    }
    .iine-hatenablog:hover{
    background:#666;
    }
    .iine-twitter:hover{
    background:#31a3ea;
    }
    .iine-feedly:hover{
    background:#2ebc50;
    }
    .iine-icon a::before{
    font-family: blogicon;
    font-size: 0.9rem;
    margin: 0 0.2rem 0 0;
    position: relative;
    top: 0.15rem;
    }
    .iine-hatenablog::before{
    content: '\f000';
    }
    .iine-twitter::before{
    content: '\f035';
    }
    .iine-feedly::before{
    content: '\f04e';
    }
    .iine-0{
    font-weight:bold;
    margin:0 0 0.5rem 0;
    }
    .iine-1{
    font-size: 0.9rem;
    }
    .iine-2{
    font-size: 0.8rem;
    }
/*------↑ 記事下CSS ↑-----*/

/*------ サイドバーCSS ------*/
/* ＳＮＳフォローボタン（サイドバープロフィール用） */
.follow-btn{
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}
.follow-btn a {
    display: inline-block;
    position: relative;
    width: 25%;
    height: 45px;
    line-height: 22px;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    color: #ffffff;
}
.follow-btn .hatena {
    border: 2px solid #3D3F44;
    background: #ffffff;
    color: #3D3F44;
    box-shadow: 0 3px 0 #3D3F44;
}
.follow-btn .twitter {
    border: 2px solid #00ACEE;
    background: #ffffff;
    color: #00ACEE;
    box-shadow: 0 3px 0 #00ACEE;
}
.follow-btn .feedly {
    border: 2px solid #70CA3B;
    background: #ffffff;
    color: #70CA3B;
    box-shadow: 0 3px 0 #70CA3B;
}
.follow-btn .hatena:hover {
    top: 3px;
    box-shadow: none;
}
.follow-btn .twitter:hover {
    top: 3px;
    box-shadow: none;
}
.follow-btn .feedly:hover {
    top: 3px;
    box-shadow: none;
}
.text-small{
    font-size: 10px;
}
/*------↑ サイドバーCSS ↑------*/

/*------ 全体のCSSテーマを上書きするための場所（一番下に記述する）------*/
/* ブログヘッダー画像との下の余白を狭めてる */
#blog-title{
height:180px;
padding:0px;
}

/*------- モバイルデザイン ------*/
@media (max-width: 600px) {
    #blog-title {
        height: initial;
    }
    .header-image-only #blog-title #blog-title-inner {
        height: initial;
        background-size: contain;
    }
    /*記事の余白*/
    .entry {
        padding: 1.5em 1em;
    }
    }
    /*-------↑ モバイルデザイン ↑------*/