/* <system section="theme" selected="98012380861710503"> */
/*
Responsive: yes
*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,800');
*, *:before, *:after {box-sizing:border-box;}
body {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	color: var(--color10);
	font-family: "Montserrat", sans-serif;
	font-feature-settings : "pwid" 1;
	line-height: 1.8;
}

/**** カラー設定 ****/
@supports(--css: variables) {
:root {
--color0: #fff;	/* color1上にあるテキストカラー */
--color1: #333;	/* 濃い色（枠線など） */
--color2: #eee;	/* 薄い色 */
--colorlink: #4285f4;	/* リンクカラー */
--color10: #252525;	/* メインのテキストカラー */
--color20: #fff;	/* メインの背景カラー */
}
}


::selection {
	background: var(--color10);
	color: var(--color20);
}
::-moz-selection {
	background: var(--color10);
	color: var(--color20);
}
a{
	outline: none;
	color: var(--color10);
	text-decoration: none;
	transition: all 0.2s ease;
}
a:hover{
	text-decoration: underline;
}
a img,img{
	border: none;
	vertical-align: bottom;
}
p{
	margin :1.5rem 0;
	padding: 0 0 0 0;
}
h1,h2,h3,h4,h5,h6{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 100%;
}
small{
	font-size: 0.75rem;
}
b{
	font-weight: bold;
}
ul, ol{
	margin: 1.5rem 0;
	padding: 0 0 0 1.5rem;
}
li{
	margin-bottom: 0.5em;
}
dt{
	margin-top: 1rem;
}
p:first-child,
ul:first-child,
ol:first-child,
li:first-child{
	margin-top: 0;
}
p:last-child,
ul:last-child,
ol:last-child,
li:last-child{
	margin-bottom: 0;
}
p:empty{
	display: none;
}

hr{
	border-style: solid;
	border-width: 0;
	border-top: 3px solid var(--color1);
}
hr.dot{
	border-top: 6px dotted var(--color1);
}
hr.dash{
	border-top: 4px dashed var(--color1);
}

#globalheader-container{
	background: var(--color1);
	color: var(--color0);
}


/**** レイアウト ****/
#container-inner{
	position: relative;
	padding: 0 1rem;
}
#content{
	padding: 0 0 0 0;
}
#wrapper{
	padding: 0 0 0 0;
}
#box2{
	display: flex;
	flex-wrap: wrap;
	padding: 0 0 0 0;
}
#box2-inner{
	width: 100%;
}


/* ブログタイトル */
#blog-title{
	border: 6px solid var(--color1);
	margin: 2rem auto;
	background: var(--color20);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
	max-width: 1060px;
}
.header-image-enable #blog-title #blog-title-inner{
	background-size: cover;
	height: auto;
}
#blog-title-content{
	padding: 1rem;
	text-align: center;
}
#title{
	font-size: 1.8rem;
	font-weight: bold;
}
#title a{
	color: var(--color10);
}
#blog-description{
	font-size: .85rem;
	color: var(--color10);
}

#top-editarea{}
#top-box{
	position: relative;
	border: 6px solid var(--color1);
	margin: 0 0 2rem 0;
	padding: 1rem;
	background: var(--color20);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
}

/* エントリー */

.entry,
.archive-entry{
	position: relative;
	border: 6px solid var(--color1);
	margin: 0 0 2rem 0;
	padding: 0 1rem 1rem 1rem;
	background: var(--color20);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
}
.entry-content{}
.page-entry .breadcrumb{
	margin: 0 0 0 0;
}

.entry-header{
	margin-bottom: 1.5rem;
}
.entry-header a{
	color: var(--color10);
}
.date{
	margin: 0 0 0.8rem -1rem;
	font-size: 0.8rem;
	color: var(--color0);
}
.date a{
	display: inline-block;
	color: var(--color0);
	font-weight: bold;
	padding: 0 0.5rem;
	background: var(--color1);
	border-right: 6px solid var(--color1);
	border-bottom: 4px solid var(--color1);
}
.date a::before{
	content: '\f043';
	font-family: blogicon;
	font-weight: normal;
}
.entry-title{
	margin: 0 0 0.3rem 0;
	text-align: center;
}
.entry-title-link{
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.3;
	word-break: break-all;
}
.page-entry .entry-title-link{
	font-size: 2rem;
}
.entry-categories{
	text-align:center;
}
.categories a{
	display: inline-block;
	background: var(--color2);
	color: var(--color1);
	font-size: 0.7rem;
	margin:0 2px 0 0;
	padding:2px 8px;
}
.categories a:last-of-type{
	margin:0 0 0 0;
}
.entry-content a.entry-see-more{
	display: block;
	background:var(--color1);
	border:6px solid var(--color1);
	font-size: 0.8rem;
	font-weight: bold;
	color: var(--color0);
	text-decoration: none;
	text-align: center;
	line-height: 3;
}
.entry-content a.entry-see-more::before{
	content: '\f024';
	font-family: blogicon;
	color: var(--color0);
	margin-right: 0.4em;
}
.entry-content a.entry-see-more:hover{
	color: var(--color1);
	background: var(--color20);
	text-decoration: none;
}
.entry-content a.entry-see-more:hover::before{
	color: var(--color1);
}
.page-index .comment-box,.page-index .author,.page-index .entry-footer-time,.page-index .entry-footer{
	display: none;
}

/* 記事編集ボタン */
.entry-header-menu a{
	position: absolute;
	z-index: 2;
	display: inline-block;
	padding: .2rem 1.5rem;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	background: #333;
	line-height: 3;
} 
.entry-header-menu a{
	color: #fff;
}

:not(.page-index) .social-buttons{
	margin-bottom: 2rem;
}

/* コメント */
.comment-box{
	position: relative;
	margin: 1.5rem 0 0 0;
}
.comment{
	margin: 0 0 0 0;
	padding:0 0 0 0;
}
.comment li{
	list-style-type: none;
	margin: 1.5rem 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.comment li .comment-user-name{
	width: 100%;
	display: flex;
	margin: 0 0 0 0;
}
.comment li .hatena-id-icon{
	width: 64px;
	height: 64px;
	margin: 0 8px 12px 0;
}
.comment li .comment-user-id{
	font-size: .75rem;
	display: block;
	line-height: 1.3;
}

.comment li .comment-content{
	position: relative;
	background: var(--color2);
	border-radius: .8em;
	width: 100%;
	padding: 0 1em;
}
.comment li .comment-content::before{
	position: absolute;
	top: -12px;
	left: 32px;
	content: '';
	border-top: 16px solid transparent;
	border-left: 16px solid var(--color2);
}
.comment li .comment-content p{
	margin: 1em 0;
	line-height: 1.6;
}
.comment li .comment-metadata{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0.8rem;
	text-align: right;
	width: 100%;
}
.leave-comment-title{
	display: inline-block;
	padding: 0.8em 1em 1.0em 1em;
	line-height: 1;
	background: var(--color0);
	color: var(--color1);
	border: 4px solid var(--color1);
}
.leave-comment-title:hover{
	background: var(--color1);
	color: var(--color0);
	text-decoration: none;
}
.leave-comment-title::before{
	position: relative;
	top: 0.3rem;
	content: "\f01d";
	font-family: blogicon;
	font-size: 1.5rem;
	line-height: 1rem;
	margin: 0 0.2em 0 0;
}

@media screen and (min-width: 900px){
.comment li .comment-user-name{width:64px;display:block;}
.comment li .hatena-id-icon{margin:0 0 0.2em 0;}
.comment li .comment-user-id .user-name-nickname{display:block;}
.comment li .comment-user-id{text-align:center;}
.comment li .comment-content{width:calc(100% - 80px);}
.comment li .comment-content::before{top:32px;left:-12px;border-top:16px solid var(--color2);border-left:12px solid transparent;}
}

.page-entry .entry-footer{margin:1.5rem 0 0 0;}
.page-entry .entry-footer-section{text-align:right;margin: 0 0 0 0;}

/* 見出し */
.entry-content h2{font-size:1.5rem;padding:0.7rem 0.5rem;margin:4rem 0 1.6rem 0;text-align:center;background:var(--color1);color:var(--color0);}
.entry-content h3{font-size:1.5rem;margin:1.8rem 0 1rem 0;padding:0 0 0 1.2em;position:relative;line-height:1.4;}
.entry-content h3::before{content:'';position:absolute;top:0;left:0;display:block;background:var(--color1);width:0.6em;height:0.6em;}
.entry-content h3::after{content:'';position:absolute;top:0.25em;left:0.25em;display:block;background:var(--color1);width:0.6em;height:0.6em;filter: opacity(50%);}

.entry-content h4{font-size:1.1rem;margin-top:1.5rem;padding:0 0 0 0.5em;border-left:6px solid var(--color1);}
.entry-content h5{margin-top:1.5rem;}
.entry-content h6{margin-top:1.5rem;}

.entry-content h3 + p{margin-top:1rem}
.entry-content h4 + p{margin-top:0.75rem}
.entry-content h5 + p{margin-top:0.5rem}
.entry-content h6 + p{margin-top:0.5rem}

.entry-content p{overflow:hidden;}
.entry-content a{color:var(--colorlink);text-decoration:underline;}

.entry-content .hatena-image-left,
.entry-content .hatena-image-right{
	max-width: 60%;
}


/* 目次 */
.table-of-contents{
	position:relative;
	border:3px solid var(--color1);
	padding:1rem 2rem;
}
.table-of-contents::before{
	content:'INDEX';
	position:absolute;
	top:-0.9rem;
	left:1rem;
	padding:0 0.6rem;
	font-weight:bold;
	background:var(--color20);
}
.table-of-contents li{
	margin: 0 0 0 0;
}
.table-of-contents ul{
	margin: 0 0 0 0;
}
.table-of-contents a{
	text-decoration:none;
}


.hatena-asin-detail{border: 3px solid var(--color1);position: relative;padding:0.8em 0.6em 0.8em 0.6em;}
.hatena-asin-detail .hatena-asin-detail-image{float: right;}
.hatena-asin-detail .hatena-asin-detail-info{flex: 1;}
.hatena-asin-detail .hatena-asin-detail-info li{margin: 0 0 0 0;}
.hatena-asin-detail::before{position:absolute;top:-2px;right:-2px;content:'\f034';font-family:blogicon;width:1.5rem;height:1.5rem;line-height:1.6rem;text-align:center;font-size:0.8rem;background:var(--color1);color:var(--color0);}
.hatena-rakuten-detail::before{content:'\f722';}

@media screen and (min-width: 900px){
.hatena-asin-detail{display: flex;padding:0.8em 1.5em 0.8em 0.6em;}
.hatena-asin-detail .hatena-asin-detail-image{float: none;}
}

blockquote{margin:1.5rem 0;padding:1.5em 1.5em 1.5em 3em;position:relative;font-size:90%;background-color:var(--color1);filter: brightness(470%);}
blockquote p{margin:1.5em 0;filter: brightness(26%);}
blockquote cite{display:block;font-style:oblique;font-size:0.8em;filter: brightness(26%);}
blockquote::before{
	position: absolute;
	top: 0;
	left: 0.4em;
	z-index: 2;
	font-family: blogicon;
	content:'\f704';
	font-size: 2em;
	color: var(--color1);
	height: 100%;
	filter: brightness(90%);
}

table{width:100%;border-collapse:collapse;margin:0 0 1.8em 0;}
th{border:1px solid #ccc;background:#eee;padding:0.5em;}
td{border:1px solid #ccc;padding:0.5em;}

pre.code{margin:1.5rem 0;padding:2.5em 1em 1em 1em;border:4px solid var(--color1);line-height:1.2;position:relative;
background: -webkit-linear-gradient(var(--color1), var(--color1) 2em, var(--color20) 2em, var(--color20) 100%);
background: linear-gradient(var(--color1), var(--color1) 2em, var(--color20) 2em, var(--color20) 100%);
}
pre.code::before{content:'\f038\0020'attr(data-lang);font-family:blogicon;position:absolute;top:0;left:0.5em;color:var(--color20);line-height:2;}

.exlink{border:1px solid #ccc;background:#f8f8f8;padding:0.7em;margin:0 0 1em 0;}
.exlink::before{content:"\f009";font-family:blogicon;margin-right:0.3em;}
.flexbox{-webkit-display:flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;}
.flexbox span:not(:first-of-type){margin-left:1%;}
.waku{border:1px solid #ccc;padding:1em;margin:1em 0;border-radius:2px;}
.animecite{display:block;font-size:80%;color:#666;margin-bottom:1.5em;}
.page-index .entry-content .animecite{display:none;}


/* 一覧表示形式 */
.archive-header-category{
	border: 6px solid var(--color1);
	margin: 0 0 2rem 0;
	padding: 1rem;
	background: var(--color20);
	box-shadow: 8px 8px 0 rgba(0,0,0,0.2);
}
.archive-header-category .archive-heading{
	margin:0 0 0 0;
}
.archive-header-category .archive-heading::before{
	font-family: blogicon;
	font-weight: normal;
	content: '\f022';
	margin-right:0.3em;
}
.archive-entry-header .entry-title{
	text-align: left;
}
.archive-entry .categories{
	margin-bottom: 1rem;
}
.page-archive .entry-thumb{
	float: right;
	margin: 0 0 0 10px;
}




/* ページャー */
.pager a{display:block;border:6px solid var(--color1);margin:1.5rem 0;padding:1rem 1rem 1rem 3rem;background:var(--color20);box-shadow:8px 8px 0 rgba(0,0,0,0.2);}
.page-index .pager a{text-align:center;font-size:0;text-decoration:none;color:var(--color1);padding:1rem 1rem 1rem 1rem;}
.page-index .pager a::before{display:inline-block;font-family: blogicon;content:'\f008';font-size:0.8rem;margin-right:0.3em;}
.page-index .pager a::after{display:inline-block;content:'MORE POSTS';font-size:0.8rem;padding:1em 0;font-weight:bold;}
.page-index .pager a:hover{background:var(--color1);color:var(--color0);}

.pager-arrow{display:none;}
.pager-prev, .pager-next{position:relative;display:block;}
.page-entry .pager-prev::before, .page-entry .pager-next::before{position:absolute;top:calc(50% - 0.8em);left:1rem;font-family: blogicon;font-size:3rem;opacity:0.1;}
.page-entry .pager-prev::before{content:'\f005';}
.page-entry .pager-next::before{content:'\f006';}

@media screen and (min-width: 768px){
.page-entry .pager{
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	margin:1.5rem 0;
}
.page-entry .pager a{
	margin:0 0;height:100%;padding:1rem 1rem 1rem 1rem;
}
.page-entry .pager-prev, .page-entry .pager-next{width:48.5%;}
.page-entry .pager-prev{}
.page-entry .pager-next::before{left: auto;right:1.5rem;}
.page-entry .pager .pager-next{text-align:right;}
}


/* サイドバー */
.hatena-module{border:6px solid var(--color1);margin:0 0 2rem 0;background:var(--color20);box-shadow:8px 8px 0 rgba(0,0,0,0.2);}
.hatena-module:last-of-type{position: sticky;top:1rem;}
.hatena-module-title{color:var(--color0);font-size:1.2rem;background:var(--color1);border-bottom:2px solid var(--color1);font-weight:bold;margin:0 0 1rem 0;padding:0 0.5rem;line-height:2;text-transform:uppercase;text-align:center;letter-spacing:2px;}
.hatena-module-title a{color:var(--color0);}
.hatena-module-title::before{font-family: blogicon;font-weight:normal;}
.hatena-module-profile .hatena-module-title::before{content: '\f016';}
.hatena-module-search-box .hatena-module-title::before{content: '\f01a';}
.hatena-module-category .hatena-module-title::before{content: '\f022';}
.hatena-module-recent-comments .hatena-module-title::before{content: '\f01d';}
.hatena-module-archive .hatena-module-title::before{content: '\f039';}
.hatena-module-entries-access-ranking .hatena-module-title::before{content: '\f050';}
.hatena-module-links .hatena-module-title::before{content: '\f042';}
.hatena-module-recent-entries .hatena-module-title::before{content: '\f031';}
.hatena-module-related-entries .hatena-module-title::before{content: '\f019';}
.hatena-module-body{margin:1rem;line-height:1.5;}
.hatena-module-body a{}
.hatena-module-body a:hover{}


.search-form{position:relative;overflow:hidden;background:var(--color2);}
.search-form:after{content:"\f01a";font-family:blogicon;position:absolute;right:0;height:3rem;width:3rem;text-align:center;font-size:0.9rem;line-height:3rem;color:var(--color1);}
.search-module-input{border:0px;width:calc(100% - 3rem);height:3rem;font-size:0.9rem;line-height:3rem;padding:0 1em;background:var(--color2);}
.search-module-button{border:0px;background:transparent;color:transparent;position:absolute;right:0;height:3rem;width:3rem;z-index:2;}
.search-module-button:hover{cursor:pointer;}

.hatena-module-profile .profile-icon{float:left;margin:0 .5em 0 0;}
.profile-activities, .profile-description{clear:both;}

.hatena-urllist{margin:0 0 0 0;padding:0 0 0 1.4em;}
.hatena-urllist li{}
.hatena-urllist li a{color:var(--color10);}
.hatena-urllist li:first-child{}
.hatena-urllist li:last-child{}
.urllist-item-inner{}
.urllist-image{}
.urllist-date-link{}
.urllist-date-link a{display:block;overflow:hidden;font-weight:bold;font-size:1rem;line-height:1;border-bottom:2px solid var(--color1);margin-bottom:0.3em;}
.urllist-title{display:block;overflow:hidden;word-break:break-all;font-size:0.9rem;}
.recent-entries-item{}
.recent-entries-item:last-of-type{}
.urllist-with-thumbnails{padding:0 0 0 0;}
.archive-module-months{margin-top:0;}

.recent-comments{padding-left: 0;list-style-type:none;}
.recent-comments a{font-size:90%;}
.recent-comments .user-id{display:block;}
.recent-comments .hatena-id-icon{width:32px;height:32px;}

/* 関連記事 */
.entry-footer .hatena-module-related-entries{border:0;box-shadow:0 0 0;}
.entry-footer .hatena-module-related-entries .hatena-module-title{font-size:0;border-bottom:0;}
.entry-footer .hatena-module-related-entries .hatena-module-title::before{font-size:1.5rem;}
.entry-footer .hatena-module-related-entries .hatena-module-title::after{content:'Related entries';font-family: "Montserrat", sans-serif;font-weight:bold;font-size:1.5rem;}
.entry-footer .hatena-module-related-entries .hatena-module-body{margin:0 0 0 0;}
.entry-footer .related-entries-title{font-weight:bold;font-size:110%;}
.entry-footer .related-entries-item a{}
.entry-footer .related-entries-item a:hover{}
.entry-footer .related-entries-entry-body{}


/* アーカイブ */



/* フッター */
#footer{background:var(--color1);text-align:center;padding:2rem 0;color:var(--color0);}
#footer a{color:var(--color0);}
#footer a:hover{color:var(--color0);}
#footer-inner{}
.footer-address{}
.footer-address img{vertical-align:baseline;}
.services{margin:0 0 0 0;padding:0 0 0 0;}


/* ********メディアクエリ******** */


@media screen and (min-width: 768px){
#content-inner{display:flex;justify-content:space-between;}
#wrapper{width:calc(100% - 330px);}
#box2{width:300px;}
#blog-title-content{
	padding-top: calc(1rem + (100vw - 768px) * 0.1);
	padding-bottom: calc(1rem + (100vw - 768px) * 0.1);
}
.page-archive .entry-thumb{
	width: 180px;
	height: 180px;
}
}

@media screen and (min-width: 900px){
.entry,
.archive-entry{
	padding: 0 1.5rem 1.5rem 1.5rem;
}
.date{
	margin: 0 0 0.8rem -1.5rem;
}
}

@media screen and (min-width: 1112px){
#content{max-width:1060px;margin:0 auto;}
#content-inner{}
#wrapper{width:730px;}
#main{}
#box2{width:300px;}
#blog-title-content{
	padding-top: calc(1rem + 32.4px);
	padding-bottom: calc(1rem + 32.4px);
}
#top-box{max-width:1060px;margin-right: auto;margin-left: auto;}
.entry,
.archive-entry{
	padding: 0 2rem 2rem 2rem;
}
.date{
	margin: 0 0 0.8rem -2rem;
}
.hatena-module-body a{}
.hatena-module-body a:hover{}

}


/* </system> */

/* <system section="background" selected="polygon-05"> */
body{ background-image: url(https://cdn.blog.st-hatena.com/images/theme/backgrounds/2014/polygon-03.png?version=05fe606a7bc1ebffe3913b346b8d50); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/* </system> */


<script async type="text/javascript" src="https://js.ad-optima.com/js/display.js?spot=1839"></script>



<script type="text/javascript">
var microadCompass = microadCompass || {};
microadCompass.queue = microadCompass.queue || [];
</script>
<script type="text/javascript" charset="UTF-8" src="//j.microad.net/js/compass.js" onload="new microadCompass.AdInitializer().initialize();" async></script>

<div id="05cbcb54c27823ab3a135f46c9ebe81c" >
	<script type="text/javascript">
		microadCompass.queue.push({
			"spot": "05cbcb54c27823ab3a135f46c9ebe81c"
		});
	</script>
</div>

    <!--jQuery 読み込み-->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--Font Awesome 読み込み-->
<link href="https://use.fontawesome.com/releases/v5.8.1/css/all.css" rel="stylesheet">






<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SMFJDQL6VD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-SMFJDQL6VD');
</script>


<meta http-equiv="x-dns-prefetch-control" content="on">
<link rel="dns-prefetch" href="//pagead2.googlesyndication.com">
<link rel="dns-prefetch" href="//googleads.g.doubleclick.net">
<link rel="dns-prefetch" href="//tpc.googlesyndication.com">
<link rel="dns-prefetch" href="//www.gstatic.com">





<!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhqciE67sU'});
</script>
<!-- End User Heat Tag -->













<!-- User Heat Tag -->
<script type="text/javascript">
(function(add, cla){window['UserHeatTag']=cla;window[cla]=window[cla]||function(){(window[cla].q=window[cla].q||[]).push(arguments)},window[cla].l=1*new Date();var ul=document.createElement('script');var tag = document.getElementsByTagName('script')[0];ul.async=1;ul.src=add;tag.parentNode.insertBefore(ul,tag);})('//uh.nakanohito.jp/uhj2/uh.js', '_uhtracker');_uhtracker({id:'uhqciE67sU'});
</script>
<!-- End User Heat Tag -->


<script>
//<![CDATA[
//lazy load ads
var lazyloadads = false;
window.addEventListener("scroll", function() {
    if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {

        (function() {
            var ad = document.createElement('script');
            ad.type = 'text/javascript';
            ad.async = true;
            ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
            var sc = document.getElementsByTagName('script')[0];
            sc.parentNode.insertBefore(ad, sc);
        })();

        lazyloadads = true;
    }
}, true)
//]]>
</script>




<!-- アドセンス遅延読み込み -->
    <script>
        //<![CDATA[
        //lazy load ads 
        var lazyloadads = false;
        window.addEventListener("scroll", function() {
            if ((document.documentElement.scrollTop != 0 && lazyloadads === false) || (document.body.scrollTop != 0 && lazyloadads === false)) {
                (function() {
                    var ad = document.createElement('script');
                    ad.type = 'text/javascript';
                    ad.async = true;
                    ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
                    var sc = document.getElementsByTagName('script')[0];
                    sc.parentNode.insertBefore(ad, sc);
                })();
                lazyloadads = true;
            }
        }, true)
        //]]>
    </script>
    <!-- アドセンス遅延読み込み ここまで-->






/*=================================================================================
カエレバ・ヨメレバ・トマレバ (WING)Affinger5用カスタマイズ（光る＆押した感じ）
=================================================================================*/
.cstmreba {
width:98%;
height:auto;
margin:36px auto;
font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
line-height: 1.5;
word-wrap: break-word;
box-sizing: border-box;
display: block;
}
.cstmreba a {
transition: 0.3s ;
/* テキストリンクカラー */
color:#285EFF;
}
.cstmreba a:hover {
/* テキストリンクカラー(マウスオーバー時) */
color:#ff1744;
}
/*全体のボックス設定 */
.cstmreba .booklink-box,
.cstmreba .kaerebalink-box,
.cstmreba .tomarebalink-box {
width: 100%;
/* 全体の背景カラー */
background-color: #F1F8E9;
overflow: hidden;
border-radius: 0px;
box-sizing: border-box;
padding: 12px 8px;
box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}
/* サムネイル画像 */
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:150px;
float:left;
margin:0 14px 0 0;
text-align: center;
/* サムネイル背景カラー */
background: #F1F8E9;
}
.cstmreba .booklink-image a,
.cstmreba .kaerebalink-image a,
.cstmreba .tomarebalink-image a {
width:100%;
display:block;
}
.cstmreba .booklink-image a img,
.cstmreba .kaerebalink-image a img,
.cstmreba .tomarebalink-image a img {
margin:0 ;
padding: 0;
text-align:center;
background: #F1F8E9;}
.cstmreba .booklink-image a:hover,
.cstmreba .kaerebalink-image a:hover,
.cstmreba .tomarebalink-image a:hover {
opacity: 0.7;
}
/* 著者・住所情報配置 */
.cstmreba .booklink-info,.cstmreba .kaerebalink-info,.cstmreba .tomarebalink-info {
overflow:hidden;
line-height:170%;
color: #333;
}
/* infoボックス内リンク下線非表示 */
.cstmreba .booklink-info a,
.cstmreba .kaerebalink-info a,
.cstmreba .tomarebalink-info a {
text-decoration: none;
}
/* 本・商品・ホテル名 リンク */
.cstmreba .booklink-name>a,
.cstmreba .kaerebalink-name>a,
.cstmreba .tomarebalink-name>a {
border-bottom: 1px solid ;
font-size:16px;
font-weight: bold;
}
/* タイトル下の余白最小 */
.cstmreba .kaerebalink-name p,
.cstmreba .booklink-name p,
.cstmreba .tomarebalink-name p {
margin: 0;
}
/* powered by （非表示）*/
.cstmreba .booklink-powered-date,
.cstmreba .kaerebalink-powered-date,
.cstmreba .tomarebalink-powered-date {
font-size:0px;
line-height:0%;
}
/* 著者・住所 */
.cstmreba .booklink-detail,.cstmreba .kaerebalink-detail,.cstmreba .tomarebalink-address {
font-size:12px;
}
.cstmreba .kaerebalink-link1 div img,.cstmreba .booklink-link2 div img,.cstmreba .tomarebalink-link1 div img {
display:none !important;
}
.cstmreba .kaerebalink-link1, .cstmreba .booklink-link2,.cstmreba .tomarebalink-link1 {
display: inline-block;
width: 100%;
margin-top: 5px;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
float:left;
width:48%;
min-width:128px;
margin:0.5%;
}
/***** ボタンデザイン ******/
.cstmreba .booklink-link2 a,
.cstmreba .kaerebalink-link1 a,
.cstmreba .tomarebalink-link1 a {
position:relative;
width: 100%;
display: inline-block;
text-align: center;
box-sizing: border-box;
margin: 1px 1px;
padding:3% 0.5%;
border-radius: 8px;
font-size: 13px;
font-weight: bold;
line-height: 180%;
color: #fff;
box-shadow: 0px 4px 0 #455A64;
transition: 0.2s all ease 0s;
}
.cstmreba .shoplinkamazon :after,
.cstmreba .shoplinkrakuten :after,
.cstmreba .shoplinkjalan :after,
.cstmreba .shoplinkjtb :after,
.cstmreba .shoplinkknt :after,
.cstmreba .shoplinkikyu :after,
.cstmreba .shoplinkrurubu :after,
.cstmreba .shoplinkyahoo :after,
.cstmreba .shoplinkbellemaison :after,
.cstmreba .shoplinkcecile :after,
.cstmreba .shoplinkkakakucom :after,
.cstmreba .shoplinkkindle :after,
.cstmreba .shoplinkrakukobo :after,
.cstmreba .shoplinkbk1 :after,
.cstmreba .shoplinkehon :after,
.cstmreba .shoplinkkino :after,
.cstmreba .shoplinktoshokan :after,
.cstmreba .shoplinkseven :after{
content:'';
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 3s ease-in-out infinite;
}
@-webkit-keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
/* トマレバ */
/* 楽天トラベル */
.cstmreba .tomarebalink-link1 .shoplinkrakuten a {background: #ff1744; border: 2px solid #ff1744; overflow:hidden}
/* じゃらん */
.cstmreba .tomarebalink-link1 .shoplinkjalan a { background: #FB8C00; border: 2px solid #FB8C00; overflow:hidden}
/* JTB */
.cstmreba .tomarebalink-link1 .shoplinkjtb a { background: #7E57C2; border: 2px solid #7E57C2; overflow:hidden}
/* KNT */
.cstmreba .tomarebalink-link1 .shoplinkknt a { background: #00ACC1; border: 2px solid #00ACC1; overflow:hidden }
/* 一休 */
.cstmreba .tomarebalink-link1 .shoplinkikyu a { background: #A1887F; border: 2px solid #A1887F; overflow:hidden }
/* るるぶ */
.cstmreba .tomarebalink-link1 .shoplinkrurubu a { background: #e53935; border: 2px solid #e53935; overflow:hidden }
/* Yahoo!トラベル */
.cstmreba .tomarebalink-link1 .shoplinkyahoo a { background: #7CB342; border: 2px solid #7CB342; overflow:hidden }
/* カエレバ */
/* Yahoo!ショッピング */
.cstmreba .kaerebalink-link1 .shoplinkyahoo a {background:#7E57C2; border:2px solid #7E57C2; letter-spacing:normal; overflow:hidden }
/* ベルメゾン */
.cstmreba .kaerebalink-link1 .shoplinkbellemaison a { background:#00ACC1 ; border: 2px solid #00ACC1; overflow:hidden }
/* セシール */
.cstmreba .kaerebalink-link1 .shoplinkcecile a { background:#e53935; border: 2px solid #e53935; overflow:hidden }
/* 価格コム */
.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {background:#7CB342; border: 2px solid #7CB342; overflow:hidden }
/* ヨメレバ */
/* Kindle */
.cstmreba .booklink-link2 .shoplinkkindle a { background:#7E57C2; border: 2px solid #7E57C2; overflow:hidden }
/* 楽天kobo */
.cstmreba .booklink-link2 .shoplinkrakukobo a { background:#bf0000; border: 2px solid #bf0000; overflow:hidden }
/* honto */
.cstmreba .booklink-link2 .shoplinkbk1 a { background:#00ACC1; border: 2px solid #00ACC1; overflow:hidden }
/* ehon */
.cstmreba .booklink-link2 .shoplinkehon a { background:#F9A825; border: 2px solid #F9A825; overflow:hidden }
/* 紀伊國屋書店 */
.cstmreba .booklink-link2 .shoplinkkino a { background:#e53935; border: 2px solid #e53935; overflow:hidden }
/* 図書館 */
.cstmreba .booklink-link2 .shoplinktoshokan a { background:#546E7A; border: 2px solid #546E7A; overflow:hidden }
/* カエレバ・ヨメレバ共通 */
/* Amazon */
.cstmreba .kaerebalink-link1 .shoplinkamazon a,
.cstmreba .booklink-link2 .shoplinkamazon a {
background:#FB8C00;
border: 2px solid #FB8C00; overflow:hidden
}
/* 楽天 */
.cstmreba .kaerebalink-link1 .shoplinkrakuten a,
.cstmreba .booklink-link2 .shoplinkrakuten a {
background: #ff1744;
border: 2px solid #ff1744; overflow:hidden
}
/* 7net */
.cstmreba .kaerebalink-link1 .shoplinkseven a,
.cstmreba .booklink-link2 .shoplinkseven a {
background:#225496;
border: 2px solid #225496; overflow:hidden
}
/***** ボタンデザイン　マウスオーバー時 *****/
.cstmreba .booklink-link2 a:hover,
.cstmreba .kaerebalink-link1 a:hover,
.cstmreba .tomarebalink-link1 a:hover {
box-shadow: none;
transform: translate3d(0, 3px, 0);
}
.cstmreba .booklink-footer {
clear:both;
}
/***** 解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
.cstmreba .booklink-image,
.cstmreba .kaerebalink-image,
.cstmreba .tomarebalink-image {
width:100%;
float:none;
}
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 49%;
margin: 0.5%;
}
.cstmreba .booklink-info,
.cstmreba .kaerebalink-info,
.cstmreba .tomarebalink-info {
text-align:center;
padding-bottom: 1px;
}
}
/***** 解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
.cstmreba .booklink-link2>div,
.cstmreba .kaerebalink-link1>div,
.cstmreba .tomarebalink-link1>div {
width: 98%;
margin: 0.5%;
}
}