/* <system section="theme" selected="12921228815728169090"> */
@charset "utf-8";
/*
	Theme: Written
	Version: 1.0.1
	Author: jclv
	Description: http://jclv.co
           _      __
          (_)____/ /   __
         / / ___/ / | / /
        / / /__/ /| |/ /
     __/ /\___/_/ |___/
    /___/

    Licensed under the MIT license.
*/
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");
@import url("http://fonts.googleapis.com/css?family=Lato:400,900|Open+Sans:400,700");
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}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{-moz-box-sizing:content-box;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"],/* 1 */
input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body{color:#333;background-color:transparent;font-family:'Open Sans',Arial,Helvetica,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif}a{color:#444;text-decoration:none;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}a:hover{color:#85c226;text-decoration:none}pre{padding:.5em;background:#f7f7f7;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container{width:1020px;background-color:#fff;margin:1px auto 0;padding-top:.5em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#container-inner{width:960px;margin:0 auto}#blog-title-inner{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}#blog-title{margin:1em 0 2em}#blog-title h1{font-family:Lato,'Open Sans','メイリオ',Meiryo;font-size:2.4em;font-weight:900;margin:.5em 0 0}#blog-title h1 a{color:#333}#blog-title h1 a:hover{color:#85c226;text-decoration:none}header h2{color:#666;font-size:.8em;font-family:'Open Sans',Meiryo;font-weight:100}#top-box{width:960px;margin:0 auto;font-size:.8em}#top-box .breadcrumb{padding-bottom:1.5em;color:#c0c0c0}#top-box .breadcrumb a,#top-box .breadcrumb span{color:#444;padding:0 .1em}#top-box .breadcrumb a:hover{color:#85c226}#content{width:960px;margin:0 auto}#content-inner{text-align:left}#wrapper{width:650px;float:left}#main{float:left;width:650px;min-height:90px;padding-bottom:1em}#main:after{content:".";display:block;height:0;font-size:0;clear:both;visibility:hidden}#box1{display:none}#box2{width:270px;float:right;text-align:left}#bottom-box{clear:both}#content:after{content:" ";display:block;height:0;visibility:hidden;clear:both}article{padding-bottom:3em}section.day{margin-bottom:40px}.entry{margin-bottom:100px;position:relative;width:100%;border-bottom:1px solid rgba(0,0,0,.1)}.entry-header{position:relative;padding-bottom:1.7em}.date{font-size:.8em;position:absolute;left:0;bottom:0;line-height:1em}.date a{color:#999}.date .hyphen{display:none}.date .date-month:before,.date .date-day:before{font-size:1.1em;content:'\2022';color:#ccc;padding:0 .3em}.entry-title{text-align:left;margin:0;font-size:1.6em;font-family:Lato,'Open Sans','メイリオ',Meiryo;font-weight:900;line-height:140%}.entry-title-empty{display:none}.entry-title a{position:relative}.categories{position:absolute;bottom:0;right:0;line-height:1em}.categories:before{font-family:FontAwesome;font-size:1em;content:'\f02b';color:#c0c0c0;margin-right:.2em}.categories a{color:#666;font-size:.8em;margin-right:.4em;white-space:nowrap}.categories a:hover{text-decoration:none;color:#808080;border-bottom:2px solid #85c226}.no-categories:before{display:none}.entry-header-menu a{display:block;font-size:.8em;padding:.15em .5em;color:#fff;background:#333;position:absolute;right:0;top:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-header-menu a:hover{background:#808080;text-decoration:none}.entry .entry-category-area{padding:5px 0;color:#aaa;font-size:.8em}.entry .entry-category a{color:#444;margin-left:5px;padding:3px 6px;border:1px solid #e0e0e0}.entry .entry-category a:hover{color:#fff;text-decoration:none;border:1px solid #85c226}.entry-footer{display:block;margin-top:30px;color:#444;font-size:.8em}.entry-footer .social-buttons{margin-bottom:15px}.entry-footer-section{color:#999;padding-bottom:1em}.pager{position:relative;height:2em}.pager span{position:absolute}.pager span.pager-next{top:0;right:0}.pager span.pager-prev{top:0;left:0}.pager a{font-size:.8em;color:#444;line-height:1.5em}.pager a span{display:none}.pager span.pager-next a:after{content:'\f054';font-family:FontAwesome;font-size:1em;padding-left:.2em;line-height:3em}.pager span.pager-prev a:before{content:'\f053';font-family:FontAwesome;font-size:1em;padding-right:.2em;line-height:3em}.pager a:hover{color:#85c226}.entry-content{font-size:.94em;line-height:1.7em;margin:1.3em 0}.entry-content img{max-width:650px}.entry-content img.hatena-fotolife{border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.entry-content p{margin:.8em 0}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1em 0 .5em}.entry-content h1{font-size:150%}.entry-content h2{font-size:140%}.entry-content h3{font-size:130%}.entry-content h4{font-size:120%}.entry-content h5{font-size:110%}.entry-content h6{font-size:100%}.entry-content ul,.entry-content ol{margin-left:1.5em;padding:0}.entry blockquote{padding:1em;margin:1em 0;color:#808080;border-left:7px solid #e0e0e0}.entry blockquote p{margin-top:0;margin-bottom:0}.entry-content table{border-collapse:collapse;border-spacing:0;border:2px solid #d0d0d0}.entry-content table th,.entry-content table td{border:1px solid #e0e0e0;padding:5px 10px}.entry-content table th{background:#fafafa}a.keyword{color:#666;text-decoration:none;border-bottom:1px solid #e0e0e0}a.keyword:hover{border-color:#85c226}pre.lang-aa{font-size:1em;line-height:110%}.comment{margin:0 0 1em;padding:0;font-size:1em;clear:both;}.comment li{list-style:none;padding:.5em 0}.comment-user-name{font-size:1.1em;margin-bottom:.5em}.comment-content p{line-height:1.7em;margin:.5em 0;word-wrap:break-word}.comment-metadata{display:inline}.comment-metadata,.comment-metadata a{color:#c0c0c0}.leave-comment-title{float:right;font-size:1.2em;display:inline-block;*display:inline;*zoom:1;color:#808080;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;cursor:pointer}.leave-comment-title:hover{text-decoration:none;color:#85c226}.leave-comment-title:before{content:'\f0e5';color:#808080;font-family:FontAwesome;font-size:1.5em;padding-right:.2em;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease}.leave-comment-title:hover:before{color:#85c226;content:'\f075'}.hatena-module{font-size:.9em;padding-bottom:50px}.hatena-module-title{text-align:left;font-size:1.2em;font-weight:normal;padding-bottom:10px;color:#666;border-bottom:2px solid #e0e0e0}.hatena-module-title a,.hatena-module-title a:hover,.hatena-module-title a:visited{font-size:1em;color:#444}.hatena-module-title:before{color:#666;font-family:FontAwesome;font-size:1.5em;padding-right:.3em}.hatena-module-body{padding-top:15px}.hatena-module-body ul{margin:0;padding:0;list-style:none}.hatena-module-body ul li{line-height:1.75em}.hatena-module-body ul li.archive{border:none}.hatena-module-profile .id{display:block;line-height:2em}.hatena-module-profile .hatena-module-title:before{content:'\f007'}.profile-icon{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.hatena-module-profile .profile-description{margin:0 0 5px;line-height:1.5em}form.search-form{margin-top:10px}form.search-form input{border:1px solid #ccc;vertical-align:middle}.hatena-module-search-box .hatena-module-title{display:none}.hatena-module-search-box .hatena-module-title:before{content:'\f002'}.search-form .search-module-input{width:130px;padding:.2em .4em;margin:0;font-size:1em;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.search-form .search-module-button{height:23px;width:23px;border:none;text-indent:-999px;margin-left:-3px;*margin-left:-5px;cursor:pointer;background:url('https://cdn.blog.st-hatena.com/images/theme/search.png?version=5ce19ab982799e9f1225e7acae034e9d43b6e6b6&env=production') 50% 50% no-repeat}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{line-height:1.7em}.hatena-urllist li a{text-decoration:none}.hatena-module-links .hatena-module-title:before{content:'\f135'}.hatena-module-links .hatena-urllist li:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding-right:.4em}.hatena-module-recent-entries ul li div{line-height:1.3em;font-size:.9em}.hatena-module-entries-access-ranking ul li div{line-height:1.3em;font-size:.9em;padding:4px 0}.hatena-module-recent-entries .recent-entries-item-inner{padding:4px 0}.hatena-module-recent-entries .hatena-module-title:before{content:'\f005'}.hatena-module-recent-entries .recent-entries-title-link:before,.hatena-module-entries-access-ranking .entries-access-ranking-title:before{font-family:"Open Sans";content:'\2022';color:rgba(0,0,0,.3);padding-right:.4em}.hatena-module-recent-entries .recent-entries-image,.hatena-module-entries-access-ranking img{vertical-align:top;margin:0 4px 0 0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px}.hatena-module-archive .hatena-module-title:before{content:'\f133'}.hatena-module-entries-access-ranking .hatena-module-title:before{content:'\f091'}.hatena-module-category .hatena-module-title:before{content:'\f02c';padding-right:.1em}.hatena-module-category .hatena-module-body ul:after{content:".";display:block;clear:both;height:0;visibility:hidden}.hatena-module-category .hatena-module-body li{float:left;display:block}.hatena-module-category .hatena-module-body li a:before{font-size:1.1em;content:'\2022';color:#c0c0c0;padding:0 .3em}.hatena-module-recent-comments .hatena-module-title:before{content:'\f086'}.hatena-module-recent-comments .recent-comment-time{color:#666;font-style:normal}.hatena-module-circles .hatena-module-title:before{content:'\f0c0'}#footer-box{clear:both}#footer-area1,#footer-area2,#footer-area3,#footer-area4{width:220px;float:left}#footer-area1,#footer-area2,#footer-area3{margin-right:40px}#footer-area4:after{content:"";display:block;height:0;visibility:hidden;clear:both}#bottom-editarea{font-size:.8em;padding-bottom:1em}#footer{clear:both;width:960px;text-align:left;font-size:.8em;padding-top:1em;margin:0 auto}#footer address{margin:0}#footer p{margin:2px 0 3em}#footer a{color:#444}#footer a:hover{color:#85c226;text-decoration:none}#footer a img{border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.page-about dt{font-size:1.35em;font-weight:normal;color:#999;margin-bottom:.5em}.page-about dd{margin-left:0;margin-bottom:2em}.page-about .etnry-content img.profile-icon{height:16px;width:16px}.page-archive .date{position:static;padding-bottom:1em}.page-archive .archive-entries .entry-title{margin-bottom:.3em;line-height:1.5em}.page-archive .archive-entries section{margin-bottom:30px}.page-archive .archive-entries .categories{margin-bottom:10px;position:static}.page-archive .archive-entries p{font-size:.8em;line-height:1.5em}@media (-webkit-min-device-pixel-ratio: 2){.hatena-module-search-box .search-module-button{background:transparent url(http://blog.hatena.ne.jp/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}}@media (min-width: 768px) and (max-width: 1024px){#container{width:724px}#container-inner{width:704px}#navigation{width:704px}#main{width:480px}#content{width:704px}#wrapper{width:480px}.entry-content img{max-width:480px}#box2{width:204px}#top-box{width:480px}#footer{width:704px}}@media (max-width: 767px){#globalheader-container{position:static}#container{width:93.75%;word-wrap:break-word;overflow:hidden}#container-inner,#navigation,#wrapper,#content,#top-box{width:100%}#blog-title{text-align:center}#footer{width:93.75%}#main{width:100%;float:none}.entry-content img{max-width:100%}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{width:100%;float:none}.entry-header-menu{top:-30px;left:0}}
/* </system> */

/* <system section="background" selected="bg11"> */
body{ background-color:#fff; background-image:url('https://cdn.blog.st-hatena.com/images/theme/backgrounds/theme11.png?version=8948982c19b7574adcd031f2dda8a84ab4aaeb4a&env=production'); background-repeat:repeat; background-attachment:scroll; }
/* </system> */

/* 次の記事 前の記事 */


.entry-content u1 {
  background: linear-gradient(transparent 70%, #FFC679 70%);
  }

/* アクセントボックス */
.accent-box {
    padding:0.8em;
    background-color: #f4f4f4;
}

.column {
    padding: 0.5em 1em;
    margin: 2em 0;
    background: white;
    border-top: solid 5px #6B91A2;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}
.column p {
    margin: 0; 
    padding: 0;
}

.column2{
    margin:2em 0;
    position: relative;
    padding: 0.5em 1.5em;
    border-top: solid 2px #6B91A2;
    border-bottom: solid 2px #6B91A2;
}
.column2:before, .column2:after{
    content: '';
    position: absolute;
    top: -10px;
    width: 2px;
    height: -webkit-calc(100% + 20px);
    height: calc(100% + 20px);
    background-color: #6B91A2;
}
.column2:before {left: 10px;}
.column2:after {right: 10px;}
.column2 p {
    margin: 0; 
    padding: 0;
}

.box26 {
    position: relative;
    margin: 2em 0.5em;
    padding: 1em 1em;
    border: solid 3px #6B91A2;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #6B91A2;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box30 {
    margin: 2em 0;
    background: #FFF;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #6B91A2;
    margin: 0;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}




/* ----- ブログタイトル下のスペース調整 ---- */
#blog-title{
height:100px;
}

/* サイドバー */
.hatena-module-title{
   color: #6B91A2; 
   font-weight: bold;
   border-bottom:3px solid #e3ebee
}
.hatena-module-title a:visited{
   font-size:1em;
   color:#6B91A2;
   font-weight: bold;
}


/* サイドバー終わり */


.insta_btn2{/*ボタンの下地*/
  color: #FFF;/*文字・アイコン色*/
  border-radius: 7px;/*角丸に*/
  position: relative;
  display: inline-block;
  height: 25px;/*高さ*/
  width: 150px;/*幅*/
  text-align: center;/*中身を中央寄せ*/
  font-size: 14px;/*文字のサイズ*/
  line-height: 25px;/*高さと合わせる*/
  vertical-align: middle;/*垂直中央寄せ*/
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;/*はみ出た部分を隠す*/
  text-decoration:none;/*下線は消す*/
}

.insta_btn2:before{/*グラデーション②*/
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;/*全体を覆う*/
  height: 100%;/*全体を覆う*/
  background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
  background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}

.insta_btn2 .fa-instagram{/*アイコン*/
  font-size: 14px;/*アイコンサイズ*/
  position: relative;
  color: #FFF
  top: 4px;/*アイコン位置の微調整*/
  margin-right: 2px;
}

.insta_btn2:hover{
  color: #FFF;
  }

.insta_btn2 span {/*テキスト*/
  display:inline-block;
  position: relative;
  transition: .5s
}

.insta_btn2:hover span{/*ホバーで一周回転*/
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  transform: rotateX(360deg);
  color: #FFF
}


/* 強調 */
strong {
background: linear-gradient(transparent 40%, rgb(255, 170, 170) 40%);
}


/* 本文リンク色 */
.entry-content a {
    color: #83BAD6;
    text-decoration:underline;
}
.entry-content a:hover{
    color:#6EC4FF;
    text-decoration:underline;
}

/* 罫線要素 */

hr {
	border-top: 1px dashed #bbb;
}
hr:after {
	content: '\002702';
	display: inline-block;
	position: relative;
	top: -15px;
	left: 40px;
	padding: 0 3px;
	background: #fff;
	color: #bbb;
	font-size: 18px;
}

.entry-content {
font-size:18px;
}

/* タイトルしたの余白 */
.entry-title {
    font-size: 1.8em;
    margin-bottom: 8px;
    padding-bottom: 0.8em;
}


/* 見出し */
.entry-content h2{
	display: block;
	margin-top: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 28px;
	border-left: 6px solid #6B91A2;
	background-color: #A1C2D1;
	color:#FEFEFE;
}

.entry-content h3{
	display: block;
	margin-top: 2em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 22px;
	border-left: 4px solid #798EA2;
	background-color: #B4C2D1;
	color:#FEFEFE;
}

.entry-content h4{
	display: block;
	color:#6B91A2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 4px;
	border-bottom: 2px solid #798EA2;
}

.entry-content h5{
	display: block;
	color:#6B91A2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
	border-bottom: 1px solid #798EA2;
}

.entry-content h6{
	display: block;
	color:#6B91A2;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 2px;
	border-bottom: 1px dashed #798EA2;
}

/* シェアボタン2 */
.share-area {
  margin: 20px 0;
  text-align: center;
}
.share-button a {
  display: inline-block;
  border: 2px solid #6B91A2;
  width: 90px;
  height: 50px;
  padding: 3px 0;
  line-height: 18px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: #6B91A2;
  text-decoration: none;
  vertical-align: bottom;
  transition: all 0.4s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.share-button a:hover {
  border-style: dashed;
}
.share-area i,
.share-area .lg {
  font-size: 24px;
}
.share-button .hatena-bookmark-button .lg {
  font-size: 32px;
}
.share-button .hatena-bookmark-button {
  padding-top: 1px;
  padding-bottom: 6px;
}
.share-button .twitter-button {
  padding-top: 5px;
}
.share-button .facebook-button .lg  {
  font-size: 27px;
  margin-top: -1px;
}
.share-button .twitter-button .lg {
  font-size: 27px;
}
.share-area .small-text {
  font-size: 11px;
}
.share-area .fa-spin {
  font-size: 8px;
  color: #fff;
}
.share-button .hatena-bookmark-button {
  background: transport;
}
.share-button .facebook-button {
  background: transport;
}
.share-button .twitter-button {
  background: transport;
}
.share-button .googleplus-button {
  background: transport;
}
.share-button .pocket-button {
  background: transport;
}
/* シェアボタン終わり */


/* 引用のデザイン1 */
blockquote {
    position: relative;
    padding: 15px 10px 5px;
    box-sizing: border-box;
    font-style: italic;
    background: #f3f3f3;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 9px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #6B91A2;
}

blockquote:after{
    position: absolute;
    content: '';
    top: -8px;
    left: 49px;
    border: none;
    border-bottom: solid 8px #557481;
    border-right: solid 9px transparent;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    display: block;
    text-align: right;
    color: #f3f3f3;
    font-size: 0.9em;
}


/*--------------------------------------
  ヨメレバ・カエレバ（PC）
--------------------------------------*/
.booklink-box, .kaerebalink-box{
    padding:25px;
    margin-bottom: 10px;
    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{color:#6B91A2 !important;border: 1px solid #6B91A2 !important;}
.shoplinkrakuten a{color:#6B91A2 !important;border: 1px solid #6B91A2 !important;}
.shoplinkkindle a{color:#6B91A2 !important;border: 1px solid #6B91A2 !important;}
.shoplinkkakakucom a{color:#6B91A2 !important;border: 1px solid #6B91A2;}
.shoplinkyahoo a{color:#6B91A2 !important;border: 1px solid #6B91A2 !important;}
/*ここまでを変更*/
.shoplinkyahoo img{display:none;}
.shoplinkyahoo a{font-size:10px;}
.booklink-footer{display: none;}

/* あわせて読みたい */
.ssImg{
    height: 80px;
    width: 80px;
    padding: 0;
}
.ssTitle{
    font-size: 90%;
}
.ssPanel{
    border-top: 1px solid rgb(228, 228, 228) !important;
    border-bottom: none !important;
    width: 49% !important;
    height: 100px !important;
    float: left !important;
    margin-right: 1% !important;
}
.ssLimitedContainerHeader > div > div > div{
     color: #ffffff ;
     background: #6B91A2;
     font-size: 16px ;
     padding: 10px 5px 10px 10px !important;
     margin-top: 15px;
}


/*続きを読むボタン*/
.entry-see-more {
  display: block;
  width: 300px;
  height: 46px;
  line-height: 45px;
  text-align: center;
  text-decoration: none !important;
  font-size: 20px;
  font-weight:bold;
  position: relative;
  color: #6B91A2 !important;
  border: 2px solid #6B91A2;
}

.entry-see-more:hover {
  border-style:dashed;
  text-decoration: none !important;
  color: #333;
}
/*続きを読むボタン*/


/* ページトップへ戻るボタン */
#pagetop {
    position:fixed;
    bottom:10px;
    right:10px;
    padding:5px 10px;
    color:#fff;
    border:2px solid #6B91A2;
    font-size:20px;
    text-decoration:none;
    background:#6B91A2;
    transition: all .7s;
}

/* ページトップへ戻るボタン：ホバー時 */
#pagetop:hover {
    background:#fff;
    color:#6B91A2;
    transition: all .7s;
}


/*記事上・記事下フォローボタン*/
.follow-area {
  margin: 20px 0;
  text-align: center;
}
.content-inner-follow-buttons{
    text-align: center;
    color:#666;
    margin-bottom:0px;
}
.content-inner-follow-buttons a {
    display: inline-block;
    border: 2px solid #6B91A2;
    width: 86px;
    height: 40px;
    padding: 3px 0;
    line-height: 12px;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    color: #6B91A2;
    text-decoration: none;
}
.content-inner-follow-buttons a:hover {
  border-style: dashed;
}
.follow-area i,
.follow-area .lg {
  margin-top: 4px;
  font-size: 24px;
}
.content-inner-follow-buttons .inner-text {
    font-size:11px;
}
.content-inner-follow-buttons .hatena {
    font-size: 24px;
    color: #6B91A2;
    background: transport;
}
.content-inner-follow-buttons .twitter {
    font-size: 24px;
    background: transport;
    color: #6B91A2;
}
.content-inner-follow-buttons .feedly {
    font-size: 24px;
    background: transport;
    color: #6B91A2;
}
.content-inner-follow-buttons .youtube {
    font-size: 24px;
    background: transport;
    color: #6B91A2;
}
.content-inner-follow-buttons .instagram {
    font-size: 24px;
    background: transport;
    color: #6B91A2;
}

/*サイドバーフォローボタン*/
.sidebar-follow-buttons{
    text-align: center;
    width:100%;
    letter-spacing: -.40em;
}
.sidebar-follow-buttons a {
    display: inline-block;
    letter-spacing: normal;
    width:45%;
    font-size: 15px;
    text-align: center;
    text-decoration: none;
    padding:6% 0;
    margin:1%;
    border: 2px solid #6B91A2;
}
.sidebar-follow-buttons .inner-text {
    font-size:16px;
}
.sidebar-follow-buttons .hatena {
    color: #6B91A2;
    background: transport;
}
.sidebar-follow-buttons .hatena:hover {
    background: transport;
    border-style:dashed;
}
.sidebar-follow-buttons .twitter {
    background: transport;
    color: #6B91A2;
}
.sidebar-follow-buttons .twitter:hover {
    background: transport;
    border-style:dashed;
}
.sidebar-follow-buttons .feedly {
    background: transport;
    color: #6B91A2;
}
.sidebar-follow-buttons .feedly:hover {
    background: transport;
    border-style:dashed;
}
.sidebar-follow-buttons .youtube {
    background: transport;
    color: #6B91A2;
}
.sidebar-follow-buttons .youtube:hover {
    background: transport;
    border-style:dashed;
}


/* グローバルメニュー黒CSSここから */
/*****グローバルメニュー****/
#menu{
    width: 100%;
    margin: 0px auto;
    background: #6B91A2;/*７*/
}
#menu-inner{
    width: 100%;/*１*/
    height: 40px;/*２*/
    margin: 0 auto;
    background: #6B91A2;/*８*/
}
#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: 40px;/*２*/
    background: #6B91A2;/*９*/
    color: #fff;/*10*/
    font-size: 100%;
    text-decoration: none;
    z-index: 2;
}
#menu-content > li > a:hover{
    background: #83a3b1;/*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: -100;
}
#menu-content > li:hover > ul.second-content{
    visibility: visible;
    top: 40px;/*2*/
    z-index: 100;
    transition: all .3s;
}
#menu-content > li > ul.second-content > li{
    text-align: center;
    width: 300px;/*４*/
    height: 40px;/*５*/
    position: relative;
}
#menu-content > li > ul.second-content > li > a{
    display: block;
    line-height: 40px;/*５*/
    background: #6B91A2;/*13*/
    color: #fff;/*14*/
    font-size: 70%;
    text-decoration: none;
}
#menu-content > li > ul.second-content > li > a:hover{
    background: #83a3b1;/*15*/
    color: #fff;/*16*/
}
/* グローバルメニュー黒CSSここまで */


/* トップメニューフッタ削除 */
.page-index .entry-footer{
    display: none;
}

/*はてなブログ(PC)目次のCSS*/
.table-of-contents {
border: 1px solid #e4e4e4;
padding: 20px 10px 20px 40px !important;
list-style-type: square ;
border-radius: 5px;
font-size: 90%;
background: #f4f4f4;/*背景色はここから変更*/
}
.table-of-contents:before{
content: "目次";
font-size: 120%;
}

.table-of-contents li{
list-style-type: decimal !important;
}

.table-of-contents li li{
    list-style-type: circle !important ;
}

/*Amazonリンク*/
.hatena-asin-detail a {
    color: #e47911 !important;
}

.hatena-asin-detail a:hover {
    color: #ff9900;
}

.hatena-asin-detail {
    position: relative;
}

.hatena-asin-detail > a,
.hatena-asin-detail > div {
    position: relative;
    z-index: 2;
}

.hatena-asin-detail::before {
    color: #ddd;
    content: "\f034";
    cursor: default;
    display: inline-block;
    font: 36px/1 blogicon;
    vertical-align: middle;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
}

/**タイトル**/
.entry-title {
  font-weight: bold;
  font-size: 30px;
  position: relative;
  padding: 1em 0;
}

.entry-title a{
  color: #6B91A2 !important;
}

.entry-title::before,
.entry-title::after {
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
}
.entry-title::before {
  top: 0;
  border-top: 2px solid #6B91A2;
  border-bottom: 1px solid #6B91A2;
}
.entry-title::after {
  bottom: 0;
  border-top: 1px solid #6B91A2;
  border-bottom: 2px solid #6B91A2;
}


/**リスト**/
.entry-content ul {
  color: #6B91A2;
}

.entry-content ol{
  counter-reset:number; /*数字をリセット*/
  list-style-type: none!important; /*数字を一旦消す*/
  padding:0.5em;
  color: #6B91A2;
  margin-top: 0px;
  margin-left: 5px;
  border: solid 2px #6B91A2;
}
.entry-content ol li{
  position: relative;
  padding: 0.5em 0.5em 0.5em 35px;
  line-height: 1.5em;
}
.entry-content ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #6B91A2;
  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%;
  -moz-transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-o-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);

}


/* 目次対策 */
.table-of-contents li{
	border: none!important;
}
.table-of-contents li:after{
	border: none!important;
}


/* 複数行括弧 */
.parenthesis {
	position: relative;
	width: 100%;
	padding: 15px 30px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before,
.parenthesis::after {
	position: absolute;
	top: 0;
	content: '';
	width: 50px;
	height: 100%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.parenthesis::before {
	left: 0;
	border-left: 3px solid #555;
}
.parenthesis::after {
	right: 0;
	border-right: 3px solid Transparent;
}

/* 複数行鍵括弧 */
.keyparenthesis {
	position: relative;
	width: 100%;
	padding: 15px 30px;
	text-align: center;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.keyparenthesis::before,
.keyparenthesis::after {
	position: absolute;
	content: '';
	width: 20px;
	height: 50px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.keyparenthesis::before {
	top: 0;
	left: 0;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
}
.keyparenthesis::after {
	bottom: 0;
	right: 0;
	border-bottom: 1px solid #555;
	border-right: 1px solid #555;
}

/* 強調枠 */
.entry-content .emphasize-link {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #6B91A2;
  background-color: #fff;
}
.entry-content .emphasize-link p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-link::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 12px 0 26px;
  content: "　準備　";
  background-color: #6B91A2;
  border-radius: 10px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-link::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #6B91A2;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f031";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}


/* あわせて読みたい */
.entry-content .emphasize-links {
  position: relative;
  margin: 36px 0 16px;
  padding: 16px 10px;
  border: 2px solid #6B91A2;
  background-color: #fff;
}
.entry-content .emphasize-links p:last-child {
  margin-bottom: 0;
}
.entry-content .emphasize-links::before {
  position: absolute;
  top: -12px;
  left: 10px;
  padding: 0 10px 0 26px;
  content: "あわせて読みたい";
  background-color: #6B91A2;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.entry-content .emphasize-links::after {
  position: absolute;
  top: -16px;
  left: 4px;
  width: 28px;
  height: 28px;
  background-color: #6B91A2;
  border-radius: 14px;
  line-height: 25px;
  text-align: center;
  content: "\f010";
  font-size: 18px;
  font-family: "blogicon";
  color: #fff;
}