/* <system section="theme" selected="reach"> */
@charset "UTF-8";/*!
  Theme: Reach
  Author: Hatena Blog Team
  Responsive: yes
*//*! normalize.css v2.1.0 | MIT License | git.io/normalize */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}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"“" "”" "‘" "’"}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:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}.clearfix{display:block;*zoom: 1}.clearfix:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}.inline-block{display:inline-block;*display: inline;*zoom: 1}.border-box{-ms-box-sizing:border-box;box-sizing:border-box}.ellipsis{white-space:nowrap;-webkit-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}html,body{font-family:Helvetica Neue,Helvetica,Arial,Hiragino Kaku Gothic Pro,Meiryo,MS PGothic,sans-serif;color:#555}body{background-color:#e2e2e2;background-image:url(https://cdn.blog.st-hatena.com/css/theme/reach/images/bg.png?version=3a147c0e9d9380e4a9fc0dfb56d02c);background-repeat:repeat}.customized-background-image{background-size:inherit!important}a{color:#429bb2}a:hover{color:#328094}a:visited{color:#789dae}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}a.keyword{text-decoration:none;border-bottom:1px dotted #d5d5d5;color:#555}.btn{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;background-clip:padding-box}.btn:hover{text-decoration:none!important;color:#429bb2}.btn-primary{background-color:#429bb2;color:#fff;font-weight:400;border:1px solid transparent}.btn-primary:hover{background-color:#328094;color:#fff}.btn-small{padding:2px 10px!important;font-size:11px!important}.btn-large{padding:13px 19px;font-size:17px;line-height:normal;font-weight:700}#globalheader-container{background-color:#333!important;color:#fff;position:sticky;top:0;width:100%}#container{margin-bottom:30px}#content{width:960px;margin-left:auto;margin-right:auto;display:block;*zoom: 1}#content:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#main{width:620px;float:right}#box2{width:320px;float:left}#blog-title{margin:0 0 20px;padding:30px 0;background:#fff;border-bottom:1px solid #d5d5d5;line-height:1.3}#blog-title-inner{width:960px;margin-left:auto;margin-right:auto}#title{margin:0;font-size:160%}#title a{color:#429bb2}#blog-description{font-weight:400;font-size:80%;margin:5px 0 0;line-height:1.5}.header-image-enable #blog-title{margin:20px auto;padding:0;width:960px;border-bottom:none}.header-image-enable #blog-title-inner{width:958px;background-color:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #d5d5d5}.header-image-enable #title{padding-top:70px}.header-image-enable #title,.header-image-enable #blog-description{padding-left:20px}#top-box{margin-left:auto;margin-right:auto;font-size:90%;width:960px}.entry{position:relative;margin-bottom:20px;background:#fff;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #d5d5d5}.entry .entry-inner{padding:20px}.entry-header{padding:0 0 10px;margin-bottom:20px;border-bottom:5px solid #d5d5d5;position:relative}.entry-title{margin:0;line-height:1.3;font-size:160%}.date{margin-bottom:10px}.date a{font-weight:700;text-decoration:none;font-size:80%}.date-last-updated{font-size:80%;font-weight:700;color:#789dae}.categories{margin-top:10px;font-size:80%}.categories a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;background-clip:padding-box;background-color:#429bb2;color:#fff;font-weight:400;border:1px solid transparent;padding:1px 7px!important;font-size:11px!important}.categories a:hover{text-decoration:none!important;color:#429bb2}.categories a:hover{background-color:#328094;color:#fff}.categories.no-categories{margin:0}.entry-header-menu{position:absolute;top:0;right:0}.entry-header-menu a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;background-clip:padding-box}.entry-header-menu a:hover{text-decoration:none!important;color:#429bb2}.entry-content{font-size:95%;line-height:1.7;padding-bottom:10px;border-bottom:1px solid #d5d5d5}.entry-content p{margin:0 0 1em}.entry-content img{max-width:100%}.entry-content h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6{margin:1.3em 0 .8em;line-height:1.5}.entry-content h1{font-size:160%}.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 h1,.entry-content h2,.entry-content h3,.entry-content h4,.entry-content h5,.entry-content h6,.entry-content .footnote-number{scroll-margin-top:56px}.entry-content table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}.entry-content table th,.entry-content table td{border:1px solid #ddd;padding:5px 10px}.entry-content table th{background:#f5f5f5}.entry-content blockquote{border:1px solid #d5d5d5;margin:0 0 10px;padding:20px}.entry-content blockquote p{margin-top:0;margin-bottom:0}.entry-content pre{border:1px solid #ddd;margin:0 0 10px;padding:15px;background:#f0f0f0;font-size:95%;line-height:1.5;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box}.entry-content pre>code{margin:0;padding:0;white-space:pre;border:0;background:transparent;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content code{font-size:90%;margin:0 2px;padding:0 5px;border:1px solid #eaeaea;background-color:#f8f8f8;border-radius:3px;font-family:Monaco,Consolas,Courier New,Courier,monospace,sans-serif}.entry-content .hatena-asin-detail li{line-height:1.4}.entry-footer{margin-top:10px}.entry-footer-section{font-size:80%;color:#999}.entry-footer-section a{color:#999}.social-buttons,.entry-footer-html{margin:10px 0}.comment-box ul{list-style:none;margin:0 0 15px;padding:0;font-size:90%}.comment-box li{padding:10px 0 10px 60px;border-bottom:1px solid #d5d5d5;position:relative}.comment-box li:first-child{border-top:1px solid #d5d5d5}.comment-box .read-more-comments{padding-left:0}.comment-box .hatena-id-icon{position:absolute;top:10px;left:0;width:50px!important;height:50px!important;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;background-clip:padding-box}.comment-user-name{margin:0 0 10px;font-weight:700}.comment-content{font-size:90%;margin:0 0 10px;word-wrap:break-word}.comment-content p{margin:0 0 10px}.comment-metadata{font-size:80%;color:#999;margin:0}.comment-metadata a{color:#999}.leave-comment-title{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;background-clip:padding-box}.leave-comment-title:hover{text-decoration:none!important;color:#429bb2}#box2{font-size:85%;line-height:1.5}#box2 .hatena-module{padding:10px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #d5d5d5}.hatena-module{background:#fff;margin-bottom:20px}.hatena-module-title{font-weight:700;margin:5px 0 15px;font-size:110%;color:#333}.hatena-module-title a{color:#333;text-decoration:none}.hatena-module-title a:hover{text-decoration:underline}.hatena-module-profile .profile-icon{float:left;margin:0 10px 10px 0;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:5px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:5px;-moz-background-clip:padding;background-clip:padding-box}.hatena-module-profile .id{display:block;font-weight:700;font-size:110%;margin-bottom:5px}.hatena-module-profile .profile-description{font-size:95%}.hatena-module-profile .profile-description p{margin-top:0}.hatena-urllist{list-style:none;margin:0;padding:0}.hatena-urllist li{padding:8px 0;border-bottom:1px solid #d5d5d5;line-height:1.5}.hatena-urllist li:first-child{padding-top:0}.hatena-urllist li a{text-decoration:none}.hatena-urllist li a:hover{text-decoration:underline}.hatena-module-search-box .search-form{border:1px solid #d5d5d5;-webkit-border-top-right-radius:3px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:3px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:3px;-moz-background-clip:padding;background-clip:padding-box;width:100%;-ms-box-sizing:border-box;box-sizing:border-box;position:relative}.hatena-module-search-box .search-module-input{padding:5px;color:#555;background:none;border:none;outline:none;height:20px;width:90%}.hatena-module-search-box .search-module-button{width:20px;height:20px;background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search.png?version=3a147c0e9d9380e4a9fc0dfb56d02c) no-repeat right center;border:none;outline:none;text-indent:-9999px;position:absolute;top:5px;right:5px;-moz-opacity:.5;-khtml-opacity:.5;-webkit-opacity:.5;opacity:.5;filter:alpha(opacity=50)}.hatena-module-search-box .search-module-button:hover{-moz-opacity:.85;-khtml-opacity:.85;-webkit-opacity:.85;opacity:.85;filter:alpha(opacity=85)}.pager{margin:20px 0;padding:20px 0;text-align:center;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size:80%;font-weight:700}.pager a{color:#555;text-decoration:none}.pager a:hover{text-decoration:underline}.pager .pager-next{margin-left:1em}#top-editarea,#bottom-editarea,.breadcrumb{width:938px;margin-left:auto;margin-right:auto;display:block;*zoom: 1;padding:10px;background:#fff;border:1px solid #d5d5d5;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box;margin-bottom:20px}#top-editarea:after,#bottom-editarea:after,.breadcrumb:after{display:block;visibility:hidden;font-size:0;height:0;clear:both;content:"."}#footer{padding:30px 0;text-align:center;color:#999;line-height:1.5;font-size:80%}#footer p{margin:0}#footer a{color:#999}.page-about dt{font-size:16px;font-weight:700;border-bottom:1px solid #dfdfdf;margin-bottom:5px}.page-about dd{margin-left:0;margin-bottom:30px}.page-archive #main{padding:20px;background:#fff;margin-bottom:20px;width:578px;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:4px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:4px;-moz-background-clip:padding;background-clip:padding-box;border:1px solid #d5d5d5}.page-archive #main section{margin-bottom:20px}.page-archive #main .entry-title{margin-bottom:5px;text-decoration:none;font-size:80%;color:#333;font-size:100%;font-weight:700}.page-archive #main .entry-title a{color:#429bb2}.page-archive #main ul{list-style:none;margin:0;padding:0}.page-archive #main ul li{padding:8px 0;border-bottom:1px solid #d5d5d5;line-height:1.5}.page-archive #main ul li:first-child{padding-top:0}.page-archive #main ul li a{text-decoration:none}.page-archive #main ul li a:hover{text-decoration:underline}.page-archive .categories{margin:10px 0}.page-archive .categories a{display:inline-block;*display: inline;*zoom: 1;padding:4px 10px;margin-bottom:0;line-height:18px;color:#555;background-color:#fff;border:1px solid #d5d5d5;text-align:center;vertical-align:middle;cursor:pointer;font-size:12px;text-decoration:none;font-weight:700;text-decoration:none!important;-webkit-border-top-right-radius:2px;-webkit-border-bottom-right-radius:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topright:2px;-moz-border-radius-bottomright:0;-moz-border-radius-bottomleft:0;-moz-border-radius-topleft:0;border-radius:2px;-moz-background-clip:padding;background-clip:padding-box;font-weight:400}.page-archive .categories a:hover{text-decoration:none!important;color:#429bb2}@media(-webkit-min-device-pixel-ratio:2){body{background:url(https://cdn.blog.st-hatena.com/css/theme/reach/images/bg@2x.png?version=3a147c0e9d9380e4a9fc0dfb56d02c);background-size:200px 200px}.hatena-module-search-box .search-module-button{background:transparent url(https://cdn.blog.st-hatena.com/images/theme/search@2x.png?version=3a147c0e9d9380e4a9fc0dfb56d02c) no-repeat right center;background-size:20px 20px}}@media(min-width:768px)and (max-width:1024px){#content,#blog-title-inner,.header-image-enable #blog-title,.header-image-enable #blog-title-inner,#top-box{width:724px}#top-editarea,#bottom-editarea{width:704px}#main{width:460px}.page-archive #main{width:420px}#box2{width:245px}}@media(max-width:767px){#globalheader-container{position:static}#blog-title{margin-top:0;padding-top:30px}#container{word-wrap:break-word;overflow:hidden}#content,#blog-title-inner,.header-image-enable #blog-title,#top-box,#top-editarea,#bottom-editarea{width:93.75%}#content img,#blog-title-inner img,.header-image-enable #blog-title img,#top-box img,#top-editarea img,#bottom-editarea img{max-width:100%}.header-image-enable #blog-title-inner{width:auto}.header-image-enable #title,.header-image-enable #blog-description{padding-right:20px}#main{width:100%;float:none}.page-archive #main,.page-archive .breadcrumb{width:100%;float:none;box-sizing:border-box}.page-archive #top-box,.page-archive #bottom-editarea{width:93.75%;box-sizing:border-box}#box2{width:100%;float:none}#box2-inner{width:100%}.hatena-module{float:none}}

/* </system> */

/* <system section="background" selected="f5f5f5"> */
body{background:#f5f5f5;}
/* </system> */



/**********************************************************************                        ブログの幅を変更

******************************************************************/

@media (max-width: 1024px) and (min-width: 768px) {
#blog-title-inner, #content, #top-box {
    width: 964px;
}
}

@media (max-width: 1024px) and (min-width: 768px) {
#main {
    width: 660px;
    float: left;
    padding-left: 20px;
}
#box2 {
	float: right
	padding-right: 20px;
	padding-left: 20px;
}
}


/*スマホ用*/

@media (max-width: 767px) {
#content {
    width: 96.5%;
}

.entry .entry-inner {
    padding: 7px;
}

/.entry-content p {
    width: 110%;
    margin-left :0px;
}

}






/***************  トップページ (アーカイブページ)  ****************/

/*** [PC用] ***/

/* トップページをカード型にする */

/* 一つ一つの記事の全体 */
.archive-entries .archive-entry.autopagerize_page_element {
    border: solid 1px #ddd;
    border-radius: 4px;
    /padding-bottom: 5px;
    background: #fdfdfd;
    /margin-top: 40px;
    padding: 16px 10px 4px 14px;
}

/* アーカイブ記事の全体 */
div.archive-entries {
    margin: -21px -21px -41px -21px;
    background: #F5F5F5;
}

section.archive-entry.autopagerize_page_element {
    position: relative;
}

/* 日付 */
.archive-entry-header .date {
    position: absolute;
    bottom: 0px;
    right: 10px;
}

/* 日付の文字 */
.archive-entry-header .date a {
    /background: #000;
    position: relative;
    /margin-top: 10px;
}

/* ヘッダー部分 */
.archive-entries .archive-entry-header {
    margin-bottom: 12px;
}

/* 記事のタイトル */
.archive-entry-header .entry-title {
    border-bottom: solid 1px #ccc;
    padding-bottom: 12px;
}

/* 記事のタイトル 文字部分*/
.archive-entry-header .entry-title a {
    font-size: 17px;
    /font-weight: normal;
}

/* 記事のタイトル 文字部分の色*/
.page-archive #main h1 a {
    color: #4881BC;
}

.archive-entry-body p.entry-description {
    line-height: 1.4;
    font-size:15px;
}




/*** [スマートフォン用] ***/

@media screen and (max-width: 479px) {

.archive-entry.autopagerize_page_element {
}

.archive-entry .entry-thumb-link {
    position: static;
    float: left;
    width: 30%;
    /margin: 0 auto;
}

/.page-archive .entry-thumb {
    width: 120px;
    height: 120px;
    float: left;
    margin-right: 10px;
}

div.archive-entry-header {
    float: right;
    position: static;
    width: 50%;
    margin: 0 auto;
    text-align: left;
}

/* 一つ一つの記事の全体 */
.archive-entries .archive-entry.autopagerize_page_element {
    border: solid 1px #ccc;
    border-radius: 6px;
    /padding-bottom: 5px;
    background: #fdfdfd;
    /margin-top: 40px;
   padding: 12px 10px 0px 10px;
}

/* 記事のタイトル 文字部分*/
.archive-entry-header .entry-title a {
    font-size: 17px;
}

/* 記事のタイトル 文字部分の色*/
.page-archive #main h1 a {
    color: #4881BC;
}

/* 記事のタイトル */
.archive-entry-header .entry-title {
    border-bottom: none; /* PC版の要素を消している */
    padding-bottom: 0px; /* PC版の要素を消している */
}


/****/


/.archive-entry.autopagerize_page_element {
    display: table;
    /border: none;
    /padding: 0;
}

/.archive-entry .entry-thumb-link {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
}

/div.archive-entry-header {
    display: table-cell !important;
    vertical-align: middle;
    text-align: center;
    /padding: 2px 0 2px 1em !important;
    /margin: 0 !important;
    /font-size: 100% !important;
    /font-weight: normal !important;
}

.archive-entry-header .date {
    display: none;
}
 
.archive-entry .archive-entry-body {
    display: none !important;
}

}





/**************  最上部のブログタイトル・説明文  ***************/

/* 全体 */
#blog-title {
width: 100%;/*横幅いっぱいに設定*/
padding-top: 18px;/*タイトル上部にスペースをつくる*/
padding-bottom: 18px;/*タイトル下部にスペースをつくる*/
/margin: 0px;/*ヘッダーまわりの余白を消す*/
background: #444;/*ヘッダーの背景色*/
text-align: center;
}

/* ブログ名 */
#blog-title-content #title a{
color: #eee;/*タイトルの文字色*/
font-size: 38px;
font-weight: normal;
text-align: center;
}

/* ブログ説明 */
#blog-title-content #blog-description {
color: #ddd;/*ブログ説明の文字色*/
padding-top: 12px;
margin: 0px 20px;
}



/*******************  各記事のタイトル  *******************/

/*記事のタイトル*/
.entry h1{
    /overflow: auto;
    /background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160721/20160721095043.png?1469062278);
    /background-attachment: fixed;
}

/* 文字色など */
h1.entry-title a{
    color: #444;
    line-height: 150%;
    /letter-spacing: 1.05px;
    font-size:95%;
}

.entry-header{
    border-bottom: 2px dotted #bbb;
    /letter-spacing: 5px;
}





/*********************  大見出し (h3)  *************************/

.entry-content h3 {
    position: relative;
    font-size: 24px;
	padding: 90px 10px 8px 40px;
	background-color: #F5F5F5;
	/border-radius: 6px;
	/border-left: 8px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 20px -21px 20px -21px;
}


.entry-content h3::before {
    content: "";
    position: absolute;
    background: #0288D1;
    bottom: 7%;
    left: 0.5em;
    margin-top : -17px; /*heightの半分の値にすると良い?*/
    height: 36px;
    width: 8px;
    border-radius: 1px;
    /-webkit-border-radius: 3px;
    /-moz-border-radius: 3px;
}


/* 先頭に音符 */
/*2017-10-11 1128 使用しない*/
/.entry-content h3:before {
    content:url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160718/20160718184327.png?1468835020");
	height:18px; 
	width:18px; 
	display:block; 
	position:absolute; 
	top:86px; 
	/bottom: 30px;
	left: -6px;
	/margin-left: -60px;
	background:transparent;
	z-index: 3;
	opacity: 0.6;
	transform: rotate(2deg);
}

/* 先頭に音符 */
/*2017-10-11 1128 使用しない*/
/.entry-content h3:after {
    content:url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160718/20160718185012.png?1468835420");
	height:18px; 
	width:18px; 
	display:block; 
	position:absolute; 
	top:96px; 
	/bottom: 30px;
	left:6px;
	/margin-right: 60px;
	background:transparent;
	z-index: 1;
	opacity: 0.7;
	transform: rotate(2deg);
}







/*****************************************************************
中見出しその2 (h3の大見出しと連続する時に使用する)

*****************************************************************/

.entry-content h4.fixed {
    position: relative;
    font-size: 140%;
    background-color: #F5F5F5;
    margin: -50px -21px 20px -21px;
	border-top: none;
    padding: 20px 10px 24px 10px;
	/border-radius: 6px;
	/border-left: 8px solid #ccc;
	/border-top: 1px solid #ccc;
	/border-bottom: 1px solid #ccc;
}

/.entry-content>h4:first-of-type {
    position: relative;
    font-size: 140%;
    background-color: #F5F5F5;
    margin: -50px -21px 20px -21px;
	border-top: none;
    padding: 20px 10px 24px 10px;
	/border-radius: 6px;
	/border-left: 8px solid #ccc;
	/border-top: 1px solid #ccc;
	/border-bottom: 1px solid #ccc;
}






/**********************   中見出し (h4)  ************************/

.entry-content h4{
    font-size: 19px;
    font-weight: bold;
    padding: 10px 10px 10px 30px;
    position: relative;
    border: 1px solid #6F9FAF;
    border-width: 0px 0px 2px 0px;
    margin-top: 100px;
    /overflow: auto;
    /background-image: url(http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160624/20160624215212.png);
    /background-attachment: fixed;
}

.entry-content h3 + h4 {
    margin-top: 0px;
}

/.entry-content h4::before {
    content: "";
    position: absolute;
    background: #67AEEA;
    top: 49%;
    left: 0px;
    margin-top : -10px; /*heightの半分の値にすると良い?*/
    height: 18px;
    width: 18px;
    border: solid 1px #84AACA;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
}

.entry-content h4::before {
    content: "";
    position: absolute;
    background: #6F9FAF;
    top: 50%;
    left: 0.5em;
    margin-top : -17px; /*heightの半分の値にすると良い?*/
    height: 34px;
    width: 8px;
    border-radius: 1px;
    /-webkit-border-radius: 3px;
    /-moz-border-radius: 3px;
}







/********************   小見出し (h5)  ********************/
.entry-content h5 {
	position:relative;
	color: #444;
	padding: 8px 0px 6px 30px;
	font-size: 17px;
	/line-height: 38px;
	margin: 60px -6px 24px -6px;
	border-bottom: solid 1px #aaa;
}

.entry-content h3 + h5,
.entry-content h4 + h5 {margin-top: 0px;}

.entry-content h5::before {
    background: #ccc;
    content: "";
    margin-top : -5px;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    border-radius: 24px;
}

/.entry-content h5::before {
    background: #ccc;
    content: "";
    margin-top : -5px;
    height: 10px;
    width: 10px;
    position: absolute;
    top: 50%;
    left: 10px;
    box-shadow: 1px 1px 1px #666 inset;
    -moz-box-shadow: 1px 1px 1px #666 inset;
    -webkit-box-shadow: 1px 1px 1px #666 inset;
    -o-box-shadow: 1px 1px 1px #666 inset;
    -ms-box-shadow: 1px 1px 1px #666 inset;
}

/.entry-content h5::before {
    content: "";
	position:absolute;
    border-width: 11px;
    border-style: solid;
    border-color: #FF6868 #FF6868 #FF6868 #FF6868;
	left: 0px;
	top: 10px;
	transform: rotate(45deg);
	border-radius: 16px;
	opacity:0.6;
	/width: 0%;
	/height: 0%;
	/padding-top: 4px;
	/background: #000;
}

/.entry-content h5::after {
    content: "";
	position:absolute;
    border-width: 11px;
    border-style: solid;
    border-color: #F8C946 #F8C946 #F8C946 #F8C946;
	left: 10px;
	top: 16px;
	transform: rotate(45deg);
	border-radius: 16px;
	opacity: 0.7;
}







/************************   本文   **************************/

.entry-content p {
    /font-size: 105%;
    margin: 0px;
    margin-bottom: 0.1em;
    line-height: 1.5; /*Default 1.7*/
}

/*記事内のリンクの色*/
.entry-content a:link{
    color: #4098E1;
    text-decoration: underline;
}

/* 邪魔なキーワード下線を消す */
a.keyword {
    border: 0 !important;
    text-decoration: none !important;
    pointer-events: none !important;
    cursor: default;
    /color: #5A5A5A;
}

/* 日付 */
.date a {
background: #f0f0f0;
padding: 2px 7px;
font-style: italic;
font-size: 15px;
font-weight: normal;
color: #6a6a6a;
border: solid 1px #eee;
/position: absolute;
/right: 0px;
/top: -25px;
}



/*****************   サブテキスト用のdiv   ******************/
div.subtext {
    color: #666;
    /text-indent : -1.5em;
    /margin-left : 1.4em;
    padding: 16px 16px;
    margin: 16px 16px;
    border: solid 1px #e0e0e0;
    border-radius: 2px;
    background: #f4f4f4;
}


/**************************  目次  *****************************/

.table-of-contents {
border: 1px solid #e4e4e4;
padding: 20px 15px 20px 40px;
list-style-type: decimal;
border-radius: 5px;
font-size: 90%;
background-color: #f4f4f4;
}

.table-of-contents:before{
content: "目次";
/position: absolute;
/display:inline-block; 
margin-left: -20px;
margin-top: -30px;
padding: 0px;
font-size: 120%;
font-weight: bold;
/background-color: #888;
/width: 100%;
/border: solid 1px #666;
/border-width: 0px 0px 1px 0px;
}


    
/*********************  リスト  ***********************/

ol {
    counter-reset:li;
}
ol li {
	position: relative;
	padding:0;/* paddingキャンセル */
    margin:0;/* marginキャンセル */
    list-style:none;/* olがはき出す数字を消す */
}

ol li {
    position:relative; /* Create a positioning context */
    margin:0 0 4px 1em; /* Give each list item a left margin to make room for the numbers */
    padding:4px 8px;
    border-bottom:1px solid #ddd;
}

ol li:before {
    content:counter(li); /* Use the counter as content */
    counter-increment:li; /* Increment the counter by 1 */
    /* Position and style the number */
    position:absolute;
    /top:-1px;
    left:-2em;
    height: 18px;
    width: 18px;
    padding:4px 4px;
    color:#000;
    background:#eee;
    font-family:"Helvetica Neue", Arial, sans-serif;
    text-align:center;
    border-radius: 50%;
    line-height: 20px; /*文字の高さ*/
    border: solid 1px #cfcfcf;
    /border-bottom:2px solid #666;
    /font-weight:normal;
}

/ol li {
	position: relative;
}

/ol li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1.2em;
	width: 10px;
	height: 4px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/ol li::after,
ol li::before {
	display: block;
	content: '';
	position: absolute;
}
/ol li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #3498db;
	border-radius: 100%;
}
/ol li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}






/***********************  水平線  *************************/

/* 通常 */
hr {
    height: 6px;
    width: 70%;
    margin: 0 auto;
    padding: 0;
    background: url('http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160621/20160621145247.png?1466488479');
    border: 0px none;
}

/* グラデーション */
hr.linear-gradient { 
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

/* 絵文字 */
hr.emoji-sign {
	border-top: 1px solid #bbb;
	text-align: center;
	background-image: none;
}
hr.emoji-sign:after {
	content: '§';
	display: inline-block;
	position: relative;
	top: -14px;
	padding: 0 10px;
	background: #fff;
	color: #bbb;
	font-size: 18px;
	-webkit-transform: rotate(60deg);
	-moz-transform: rotate(60deg);
	transform: rotate(60deg);
}


#globalheader-container {
    display: none;
}






/***********************     引用     *****************************/

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

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

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







/*******************************************************************
                                脚注  

******************************************************************/

div.footnote {
    border: solid 1px #ddd ;
    border-radius: 6px;
    background-color: #FCFCFC;
    /font-size: 77%;
    /margin: 0.1em !important;
    padding: 15px !important;
    position: relative;
}

/* 吹き出しの外枠 */
div.footnote:before {
	content: "";
	position: absolute;
	top: -41px; /*負の値にするほど上にいく。afterよりも-1すること*/
	left: 40%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px;
	border-color: transparent transparent #bdbdbd transparent;
	z-index: 0;
}

/* 吹き出しの背景色。二つ重ねることで擬似的に*/
div.footnote:after {
	content: "";
	position: absolute;
	top: -40px; /*負の値にするほど上にいく*/
	left: 40%;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px;
	border-color: transparent transparent #FCFCFC transparent;
	z-index: 1;
}







/**************************  フッター  ***************************/

/footer.entry-footer {
    background-color: #F5F5F5;
    border-top: 1px solid #ccc;
    margin: 20px -21px 20px -21px;
    /margin: 0px;
    /position: relative;
    /font-size: 26px;
	/padding: 90px 10px 4px 0px;
	/border-radius: 6px;
	/border-left: 8px solid #ccc;
	/border-bottom: 1px solid #ccc;
}

/*コメント欄周辺*/
/.comment-box {
    background: #fff;
    /padding-bottom: 20px;
    border: solid 1px #ddd;
    border-bottom: none;
    border-radius: 6px 6px 0px 0px;
}

div.entry-content {
    border-bottom: none;
}

/* ニックネーム(ID)欄部分 全体 */
p.entry-footer-section {
    background-color: #F5F5F5;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin: 20px -21px 20px -21px;
    padding: 60px 4px 20px 4px;
    /position: relative;
    /font-size: 26px;
}


/* ニックネーム(ID)欄部分の文字 */
span.user-name-nickname,
span.user-name-hatena-id {
    font-size: 16px;
    color: #444;
}

/*名前の前にposted by*/
span.user-name-nickname:before {
    content: "posted by   ";
    font-size: 13px;
    color: #999;
}

/* 時間を消す */
time.updated {
    display: none;
}



/* 「コメントを書く」ボタン */
a.leave-comment-title:before {
    position: absolute;
    content:url("http://cdn-ak.f.st-hatena.com/images/fotolife/L/Litter_Me/20160629/20160629103516.png?1467164130");
    left: 18px;
	bottom: 1px;
	
    /content:"★";
    /color: #FFB638;
    /font-size: 32px;
    /-webkit-transform: rotate(45deg);
	/-moz-transform: rotate(45deg);
	/transform: rotate(45deg);
	/text-shadow:0px 1px #D1952E;
}

/* 「コメントを書く」ボタン */
a.leave-comment-title {
    position: relative;
    line-height: 1.5;
    font-size: 19px;
    padding: 10px 46px 10px 60px;
    /margin: 0px -20px 0px -20px;
    /margin: 0 auto;
    /background: #0693CD;
    background: #efefef;
    /color: #0074D5;
    /font-weight: normal;
    /border: solid 1px #3B8DA3 ;
    /border: solid 1px #999;
    border-radius: 10px;
    /box-shadow: 0px 4px 0px 0px rgba(3,122,171,1);
    /text-shadow:0 -1px #1a6ea0;
    
    /background-image:-moz-linear-gradient(
    top,
    #49a9d4 0%,
    #2989d8 40%,
    #2285d6 52%,
    #2989d8);
 
    /background-image:-webkit-gradient(
    linear,left top,left bottom,
    from(#49a9d4),
    color-stop(0.49,#2989d8),
    color-stop(0.52,#2285d6),
    to(#2989d8));
}

/div.comment-box {
    margin-top: -350px;
}






/*************************   Amazon のリンク   ***********************/

.hatena-asin-detail {
    position: relative;
    background: #fafafa;
    border-radius: 4px;
}

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

/*Amazonアイコンを表示*/
.hatena-asin-detail::before {
    color: #fbfbfb;
    background: #666;
    content: "\f034";
    cursor: default;
    /display: inline-block;
    font: 22px/1 blogicon;
    font-weight: normal;
    vertical-align: middle;
    position: absolute;
    top: -10px;
    left: -10px;
    z-index: 3;
    /width: 12px;
    /height: 12px;
    border-radius: 30px;
    border: solid 1px #D5D5D5;
    padding: 6px 8px;
}







/********************        スマホ用         *******************/
@media (max-width: 767px) {
.entry-content h3 {margin: 20px -8px 20px -8px;}
.entry-content h4 {margin: 80px 0px 24px 0px;}
.entry-content h5 {margin: 60px 0px 20px 0px;}
p.entry-footer-section {margin: 20px -8px 20px -8px;}
}





/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
 
.cstmreba {
	width:98%;
	height:auto;
	margin:36px auto;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
}
.cstmreba a {
	transition: 0.8s ;
	color:#285EFF; /* テキストリンクカラー */
}
.cstmreba a:hover {
	color:#FFCA28; /* テキストリンクカラー(マウスオーバー時) */
}
.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像ボックス */
.booklink-image,
.kaerebalink-image,
.tomarebalink-image {
	width:150px;
	float:left;
	margin:0 14px 0 0;
	text-align: center;
	background: #fff;
}
.booklink-image a,
.kaerebalink-image a,
.tomarebalink-image a {
	width:100%;
	display:block;
}
.booklink-image a img, .kaerebalink-image a img, .tomarebalink-image a img {
	margin:0 ;
	padding: 0;
	text-align:center;
	background: #fff;
}
.booklink-info, .kaerebalink-info, .tomarebalink-info {
	overflow:hidden;
	line-height:170%;
	color: #333;
}
/* infoボックス内リンク下線非表示 */
.booklink-info a,
.kaerebalink-info a,
.tomarebalink-info a {
	text-decoration: none;
}
/* 作品・商品・ホテル名 リンク */
.booklink-name>a,
.kaerebalink-name>a,
.tomarebalink-name>a {
	border-bottom: 1px solid ;
	font-size:16px;
}
/* powered by */
.booklink-powered-date,
.kaerebalink-powered-date,
.tomarebalink-powered-date {
	font-size:10px;
	line-height:150%;
}
.booklink-powered-date a,
.kaerebalink-powered-date a,
.tomarebalink-powered-date a {
	color:#333;
	border-bottom: none ;
}
.booklink-powered-date a:hover,
.kaerebalink-powered-date a:hover,
.tomarebalink-powered-date a:hover {
	color:#333;
	border-bottom: 1px solid #333 ;
}
/* 著者・住所 */
.booklink-detail, .kaerebalink-detail, .tomarebalink-address {
	font-size:12px;
}
.kaerebalink-link1 div img, .booklink-link2 div img, .tomarebalink-link1 div img {
	display:none;
}
.booklink-link2>div,
.kaerebalink-link1>div,
.tomarebalink-link1>div {
	float:left;
	width:24%;
	min-width:128px;
	margin:0.5%;
}
/***** ボタンデザインここから ******/
.booklink-link2 a,
.kaerebalink-link1 a,
.tomarebalink-link1 a {
	width: 100%;
	display: inline-block;
	text-align: center;
	box-sizing: border-box;
	margin: 1px 0;
	padding:3% 0.5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a {background: #76ae25; border: 2px solid #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a { background: #ff7a15; border: 2px solid #ff7a15;}/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a { background: #c81528; border: 2px solid #c81528;}/* JTB */
.tomarebalink-link1 .shoplinkknt a { background: #0b499d; border: 2px solid #0b499d;}/* KNT */
.tomarebalink-link1 .shoplinkikyu a { background: #bf9500; border: 2px solid #bf9500;}/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a { background: #000066; border: 2px solid #000066;}/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a { background: #ff0033; border: 2px solid #ff0033;}/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a {background:#ff0033; border: 2px solid #ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a { background:#84be24 ; border: 2px solid #84be24;}	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a { background:#8d124b; border: 2px solid #8d124b;} /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a {background:#314995; border: 2px solid #314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a { background:#007dcd; border: 2px solid #007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000;} /* 楽天kobo */
.booklink-link2  .shoplinkbk1 a { background:#0085cd; border: 2px solid #0085cd;} /* honto */
.booklink-link2 .shoplinkehon a { background:#2a2c6d; border: 2px solid #2a2c6d;} /* ehon */
.booklink-link2 .shoplinkkino a { background:#003e92; border: 2px solid #003e92;} /* 紀伊國屋書店 */
.booklink-link2 .shoplinktoshokan a { background:#333333; border: 2px solid #333333;} /* 図書館 */
/* カエレバ・ヨメレバ共通 */

.kaerebalink-link1 .shoplinkamazon a, .booklink-link2 .shoplinkamazon a {
    color: #fff;
	background:#FF9901;
	border: 2px solid #ff9901;
} /* Amazon */

.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
    color: #fff;
	background: #bf0000;
	border: 2px solid #bf0000;
} /* 楽天 */

.kaerebalink-link1 .shoplinkseven a, .booklink-link2 .shoplinkseven a {
	background:#225496;
	border: 2px solid #225496;
} /* 7net */

/****** ボタンカラー ここまで *****/
 
/***** ボタンデザイン　マウスオーバー時ここから *****/
.booklink-link2 a:hover,
.kaerebalink-link1 a:hover,
.tomarebalink-link1 a:hover {
	background: #fff;
}
/* トマレバ */
.tomarebalink-link1 .shoplinkrakuten a:hover { color: #76ae25; }/* 楽天トラベル */
.tomarebalink-link1 .shoplinkjalan a:hover { color: #ff7a15; }/* じゃらん */
.tomarebalink-link1 .shoplinkjtb a:hover { color: #c81528; }/* JTB */
.tomarebalink-link1 .shoplinkknt a:hover { color: #0b499d; }/* KNT */
.tomarebalink-link1 .shoplinkikyu a:hover { color: #bf9500; }/* 一休 */
.tomarebalink-link1 .shoplinkrurubu a:hover { color: #000066; }/* るるぶ */
.tomarebalink-link1 .shoplinkyahoo a:hover { color: #ff0033; }/* Yahoo!トラベル */
/* カエレバ */
.kaerebalink-link1 .shoplinkyahoo a:hover {color:#ff0033;} /* Yahoo!ショッピング */
.kaerebalink-link1 .shoplinkbellemaison a:hover { color:#84be24 ; }	/* ベルメゾン */
.kaerebalink-link1 .shoplinkcecile a:hover { color:#8d124b; } /* セシール */
.kaerebalink-link1 .shoplinkkakakucom a:hover {color:#314995;} /* 価格コム */
/* ヨメレバ */
.booklink-link2 .shoplinkkindle a:hover { color:#007dcd;} /* Kindle */
.booklink-link2 .shoplinkrakukobo a:hover { color:#bf0000; } /* 楽天kobo */
.booklink-link2 .shoplinkbk1 a:hover { color:#0085cd; } /* honto */
.booklink-link2 .shoplinkehon a:hover { color:#2a2c6d; } /* ehon */
.booklink-link2 .shoplinkkino a:hover { color:#003e92; } /* 紀伊國屋書店 */
.booklink-link2 .shoplinktoshokan a:hover { color:#333333; } /* 図書館 */
/* カエレバ・ヨメレバ共通 */
.kaerebalink-link1 .shoplinkamazon a:hover, .booklink-link2 .shoplinkamazon a:hover {
	color:#FF9901; } /* Amazon */
.kaerebalink-link1 .shoplinkrakuten a:hover , .booklink-link2 .shoplinkrakuten a:hover {
	color: #bf0000; } /* 楽天 */
.kaerebalink-link1 .shoplinkseven a:hover, .booklink-link2 .shoplinkseven a:hover {
	color:#225496;} /* 7net */
/***** ボタンデザイン　マウスオーバー時ここまで *****/
.booklink-footer {
	clear:both;
}
 
/*****  解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
	.booklink-image,
	.kaerebalink-image,
	.tomarebalink-image {
		width:100%;
		float:none;
	}
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 32.33%;
		margin: 0.5%;
	}
	.booklink-info,
	.kaerebalink-info,
	.tomarebalink-info {
	  text-align:center;
	  padding-bottom: 1px;
	}
}
 
/*****  解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
	.booklink-link2>div,
	.kaerebalink-link1>div,
	.tomarebalink-link1>div {
		width: 49%;
		margin: 0.5%;
	}
}