/* <system section="theme" selected="12921228815717626318"> */
@charset utf-8;
@media -webkit-min-device-pixel-ratio 2 {
.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png) no-repeat right center;background-size:20px 20px}
}
@media max-width 767px {
#box2-inner{width:100%}
#container{overflow:hidden;width:93.75%;word-wrap:break-word}
#globalheader-container{position:static}
#main,#box2,.hatena-module{float:none;width:100%}
.entry-header-menu{left:0;top:-30px}
}
@media min-width 768px and max-width 1024px {
#box2{width:245px}
#container{width:724px}
#main{width:460px}
}
#blog-description{font-size:16px;font-weight:lighter;left:0;position:absolute;top:50px}
#blog-title{left:30px;position:absolute;top:37px;z-index:99}
#box2{float:right;font-size:85%;line-height:1.5;width:300px}
#container{margin-bottom:30px;margin-left:auto;margin-right:auto;padding-top:10px;width:940px}
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6,.hatena-module-title{-webkit-border-radius:7px;background:#cfc url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/k-h/20140201/20140201013919.gif);border-radius:7px;moz-border-radius:7px;padding:4px}
#footer{color:#999;font-size:80%;line-height:1.5;padding:30px 0;text-align:center}
#globalheader-container{background:#fff url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/k-h/20140201/20140201012718_original.jpg);height:370px;width:100%}
#main{float:left;width:600px}
#title a{color:#454545;display:block;height:300px;width:1000px}
#top-box{font-size:90%;margin:10px auto 20px}
#top-box .breadcrumb{border:1px solid #ddd;padding:10px}
.border-box{-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
.btn,.entry-header-menu a,.leave-comment-title{-moz-background-clip:padding;-moz-border-radius:2px;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:2px;-webkit-background-clip:padding-box;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-radius:2px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:2px;background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,0.2);border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:2px;border-top-left-radius:0;border-top-right-radius:2px;color:#454545;cursor:pointer;display:inline;font-size:12px;font-weight:700;line-height:18px;margin-bottom:0;padding:4px 10px;text-align:center;text-decoration:none !important;vertical-align:middle;zoom:1px}
.btn-large{font-size:17px;font-weight:700;line-height:normal;padding:13px 19px}
.btn-small{font-size:11px;padding:2px 10px}
.btn:hover,.entry-header-menu a:hover,.leave-comment-title:hover{background-color:#f5f5f5;text-decoration:none !important}
.categories{font-size:80%;margin-top:10px}
.categories a,.entry-footer-section a,.comment-metadata a,#footer a{color:#999}
.clearfix,#container #content{display:block;zoom:1px}
.clearfix:after,#container #content:after,.pager:after{clear:both;content:".";display:block;font-size:0;height:0;visibility:hidden}
.comment-box .hatena-id-icon{-moz-background-clip:padding;-moz-border-radius:3px;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:3px;-webkit-background-clip:padding-box;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-radius:3px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:3px;background-clip:padding-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:3px;border-top-left-radius:0;border-top-right-radius:3px;height:50px;left:0;position:absolute;top:10px;width:50px}
.comment-box .read-more-comments{padding-left:0}
.comment-box li{border-bottom:1px solid #ddd;padding:10px 0 10px 60px;position:relative}
.comment-box li:first-child{border-top:1px solid #ddd}
.comment-box ul{font-size:95%;line-height:1.7;list-style:none;margin:0 0 15px;padding:0}
.comment-content{font-size:90%;margin:0 0 10px;word-wrap:break-word}
.comment-content p{margin:0 0 10px}
.comment-metadata{color:#999;font-size:80%;margin:0}
.comment-user-name{font-weight:700;margin:0 0 10px}
.date{font-weight:700;margin-bottom:10px}
.date a{color:#1487bd;font-size:90%;text-decoration:none}
.ellipsis{-o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.entry{margin-bottom:100px;position:relative}
.entry-content{border-bottom:1px solid #ddd;font-size:95%;line-height:1.7;padding-bottom:10px}
.entry-content .hatena-asin-detail li{line-height:1.4}
.entry-content blockquote{border:1px solid #ddd;margin:0 0 10px;padding:20px}
.entry-content blockquote p{margin-bottom:0;margin-top:0}
.entry-content code{background-color:#f8f8f8;border:1px solid #eaeaea;border-radius:3px;font-family:Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif;font-size:90%;margin:0 2px;padding:0 5px}
.entry-content h1{font-size:160%}
.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{line-height:1.5;margin:1.3em 0 .8em}
.entry-content h2{font-size:150%}
.entry-content h3{font-size:140%}
.entry-content h4{font-size:130%}
.entry-content h5{font-size:110%}
.entry-content h6{font-size:100%}
.entry-content img{-moz-box-shadow:1px 4px 4px 1px #777;-webkit-box-shadow:1px 4px 4px 1px #777;border:6px solid #fff;box-shadow:1px 4px 4px 1px #777;max-width:100%}
.entry-content p{margin:0 0 1em}
.entry-content pre{border:1px solid #ddd;margin:0 0 10px;padding:20px;white-space:pre}
.entry-content pre > code{background:transparent;border:0;font-family:Monaco, Consolas, 'Courier New', Courier, monospace, sans-serif;margin:0;padding:0;white-space:pre}
.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}
.entry-content table img{max-width:none}
.entry-content table th{background:#f5f5f5}
.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}
.entry-footer{margin-top:10px}
.entry-footer-section{color:#999;font-size:80%}
.entry-header{border-bottom:1px solid #ddd;margin-bottom:20px;padding:0 0 10px;position:relative}
.entry-header-menu{bottom:0;left:-60px;position:absolute}
.entry-title{font-size:160%;line-height:1.3;margin:0}
.globalheader-off #container{padding-top:0}
.hatena-module{margin-bottom:60px}
.hatena-module-profile .id{display:block;font-size:110%;font-weight:700;margin-bottom:5px}
.hatena-module-profile .profile-description{font-size:90%}
.hatena-module-profile .profile-description p{margin-top:0}
.hatena-module-profile .profile-icon{-moz-background-clip:padding;-moz-border-radius:5px;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:5px;-webkit-background-clip:padding-box;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-radius:5px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:5px;background-clip:padding-box;border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:5px;border-top-left-radius:0;border-top-right-radius:5px;float:left;margin:0 10px 10px 0}
.hatena-module-search-box .search-form{-moz-background-clip:padding;-moz-border-radius:3px;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;-moz-border-radius-topleft:0;-moz-border-radius-topright:3px;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-webkit-background-clip:padding-box;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-webkit-border-radius:3px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:3px;-webkit-box-sizing:border-box;background-clip:padding-box;border:1px solid #ddd;border-bottom-left-radius:0;border-bottom-right-radius:0;border-radius:3px;border-top-left-radius:0;border-top-right-radius:3px;box-sizing:border-box;position:relative;width:100%}
.hatena-module-search-box .search-module-button{-khtml-opacity:0.5px;-moz-opacity:0.5px;-webkit-opacity:0.5px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png) no-repeat right center;border:none;filter:alpha(opacity=50);height:20px;opacity:0.5px;outline:none;position:absolute;right:5px;text-indent:-9999px;top:5px;width:20px}
.hatena-module-search-box .search-module-button:hover{-khtml-opacity:0.85px;-moz-opacity:0.85px;-webkit-opacity:0.85px;filter:alpha(opacity=50);opacity:0.85px}
.hatena-module-search-box .search-module-input{background:none;border:none;color:#454545;height:20px;outline:none;padding:5px;width:90%}
.hatena-module-title{font-size:120%;font-weight:700;margin-bottom:15px}
.hatena-module-title a,.pager a{color:#454545;text-decoration:none}
.hatena-module-title a:hover,.pager a:hover{text-decoration:underline}
.hatena-urllist li a,.page-archive #main ul li a{text-decoration:none}
.hatena-urllist li,.page-archive #main ul li{border-bottom:1px solid #ddd;line-height:1.5;padding:8px 0}
.hatena-urllist,.page-archive #main ul{list-style:none;margin:0;padding:0}
.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}
.inline-block{display:inline;zoom:1px}
.page-about dd{margin-bottom:30px;margin-left:0}
.page-about dt{border-bottom:1px solid #dfdfdf;font-size:16px;font-weight:700;margin-bottom:5px}
.page-archive #main h1{font-size:100%;margin-bottom:0}
.page-archive #main section{margin-bottom:20px}
.page-archive .categories a{background:#aaa;border-radius:3px;color:#fff;display:inline;font-size:70%;margin-right:2px;padding:3px 5px;text-decoration:none;zoom:1px}
.pager{border-bottom:1px solid #ddd;border-top:1px solid #ddd;display:block;font-size:12px;font-weight:700;margin:1em 0;padding:20px 0;text-align:center;zoom:1px}
.pager .pager-next{float:right;margin-right:1em;text-align:right;width:45%}
.pager .pager-prev{float:left;text-align:left;width:45%}
.social-buttons,.entry-footer-html{margin:10px 0}
[hidden]{display:none}
a{color:#1487bd}
a.keyword{border-bottom:1px dotted #ddd;color:#454545;text-decoration:none}
a:active,a:hover{outline:0}
a:focus{outline:thin dotted}
a:hover{color:#0f5373}
a:visited{color:#789dae}
abbr[title]{border-bottom:1px dotted}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
b,strong{font-weight:700}
body,figure,#title,.categories.no-categories,#footer p{margin:0}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button,input{line-height:normal}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}
button,select{text-transform:none}
button[disabled],html input[disabled]{cursor:default}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
dfn{font-style:italic}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
h1{font-size:2em;margin:.67em 0}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited{color:#333;text-decoration:none}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}
html,body{background:#fff url(https://cdn-ak.f.st-hatena.com/images/fotolife/k/k-h/20140201/20140201013119_original.jpg);color:#454545;font-family:'Helvetica Neue', Helvetica, Arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif}
img{border:0}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=search]{-moz-box-sizing:content-box;-webkit-appearance:textfield;-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}
legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
mark{background:#ff0;color:#000}
pre{white-space:pre-wrap}
q{quotes:\201C\201D\2018\2019}
small{font-size:80%}
sub{bottom:-0.25em}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
svg:not(:root){overflow:hidden}
table{border-collapse:collapse;border-spacing:0}
textarea{overflow:auto;vertical-align:top}
/* </system> */


/*--------------------------------------
  ヨメレバ・カエレバ・トマレバ
--------------------------------------*/
.booklink-box, .kaerebalink-box, .tomarebalink-box{
 box-sizing: border-box;
 border: solid 1px #ccc;
 border-radius: 2px;
 padding: 10px;
 margin-bottom: 10px;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
.booklink-image, .kaerebalink-image, .tomarebalink-image{
 margin:0 15px 0 0;
 width: 160px;
 text-align: center;
 -webkit-flex: 0.6;
 flex: 0.6;
}
.cstmreba img{
 margin: 0 auto;
 text-align: center;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info{
 -webkit-flex: 2;
 flex: 2;
 margin:0;
 line-height: 1.2em;
 overflow: hidden;
}
.booklink-name, .kaerebalink-name, .tomarebalink-name{
 line-height:1.3em;
}
.booklink-name a, .kaerebalink-name a, .tomarebalink-name a{
 text-decoration: none;
 font-weight: bold;
}
.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date{
 background-color: #DDD;
 padding: 2px;
 font-size: .6em;
 text-align: right;
 line-height: 1.2em;
 margin-bottom: 3px;
}

.booklink-powered-date a, .kaerebalink-powered-date a, .tomarebalink-powered-date a {
 text-decoration: none;
}
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
 font-size: .7em;
}
.booklink-link2, .kaerebalink-link1, .tomarebalink-link1{
 flex-wrap: wrap;
 display: -webkit-flex;
 display: flex;
}
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 display: inline-block;
 margin: 3px 3px 0 0;
 padding: 10px 0px;
 text-align: center;
 text-decoration: none;
 font-weight: bold;
 font-size: 12px;
}
.booklink-link2 a:hover, .kaerebalink-link1 a:hover, .tomarebalink-link1 a:hover{
 color: #fff;
}
.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkkakakucom, .shoplinkrakukobo, .shoplinkyahoo, .shoplinkseven, .shoplinkjtb, .shoplinkjalan {
 width: 48%;
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
 -webkit-justify-content: center;
 justify-content: center;
}
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkrakukobo a, .shoplinkyahoo a, .shoplinkseven a, .shoplinkjtb a, .shoplinkjalan a {
 width: 100%;
}
/* amazon */
.shoplinkamazon a {
 color: #FF9901 ; /* 文字の色 */
 border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkamazon a:hover {
 background-color: #ff9901; /* カーソルを重ねた時の背景色 */
}
/* 楽天 */
.shoplinkrakuten a {
 color: #c20004 ; /* 文字の色 */
 border: solid 1px #c20004 ; /* ボーダー色 */
}
.shoplinkrakuten a:hover {
 background-color: #c20004; /* カーソルを重ねた時の背景色 */
}
/* kindle */
.shoplinkkindle a {
 color: #007dcd; /* 文字の色 */
 border: solid 1px #007dcd ; /* ボーダー色 */
}
.shoplinkkindle a:hover {
 background-color: #007dcd; /* カーソルを重ねた時の背景色 */
}
/* 価格 */
.shoplinkkakakucom a {
 color: #314995; /* 文字の色 */
 border: solid 1px #314995 ; /* ボーダー色 */
}
.shoplinkkakakucom a:hover {
 background-color: #314995; /* カーソルを重ねた時の背景色 */
}
/* kobo */
.shoplinkrakukobo a {
 color: #990000; /* 文字の色 */
 border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkrakukobo a:hover {
 background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* yahoo */
.shoplinkyahoo a {
 color: #7b0099; /* 文字の色 */
 border: solid 1px #7b0099 ; /* ボーダー色 */
}
.shoplinkyahoo a:hover {
 background-color: #7b0099; /* カーソルを重ねた時の背景色 */
}
.shoplinkyahoo img {
 display: none;
}
.shoplinkyahoo a {
 font-size: 10px;
}
/* 7net */
.shoplinkseven a {
 color: #82c36f ; /* 文字の色 */
 border: solid 1px #82c36f ; /* ボーダー色 */
}
.shoplinkseven a:hover {
 background-color: #82c36f; /* カーソルを重ねた時の背景色 */
}
/* jtb */
.shoplinkjtb a {
 color: #990000 ; /* 文字の色 */
 border: solid 1px #990000 ; /* ボーダー色 */
}
.shoplinkjtb a:hover {
 background-color: #990000; /* カーソルを重ねた時の背景色 */
}
/* jalan */
.shoplinkjalan a {
 color: #FF9901 ; /* 文字の色 */
 border: solid 1px #FF9901 ; /* ボーダー色 */
}
.shoplinkjalan a:hover {
 background-color: #FF9901; /* カーソルを重ねた時の背景色 */
}
.booklink-footer{display: none;}