/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* ===============消しちゃダメ============== */
/* kaereba/yomereba Customize Settings 1.0.0 ver */
/* Created by Cazuki Hoshina */
/* Copyright (c) @cazuki All rights Reserved. */
/* ======================================== */

.kaerebalink-box, .booklink-box, .tomarebalink-box {
  width: 100%;
  margin: 0 0 2rem;
  padding: 1rem;
  background: #ffffff;
  border: 1px solid;
  border-color: #eaeaea #dddddd #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  box-sizing: border-box;
  /zoom:1;
}
.kaerebalink-box:after, .booklink-box:after, .tomarebalink-box:after {
  content:"";
  display:block;
  visibility:hidden;
  height:0;
  clear:both;
}
.kaerebalink-image, .booklink-image, .tomarebalink-image {
  float:left;
  width:128px;
  margin:0;
  text-align:center;
}
.kaerebakink-image img, .booklink-image img, .tomarebalink-image { width:128px; height:auto; }
.kaerebalink-info, .booklink-info, .tomarebalink-info { margin: 0 0 0 140px; line-height: 1.6rem; }
.kaerebalink-name, .booklink-name, .tomarebalink-name {
  font-size: 1.0625rem;
  font-weight: bold;
  margin: 0;
}
.kaerebalink-name a, .booklink-name a, .tomarebalink-name a { color: #2b2b2b; }
.kaerebalink-name a:hover, .booklink-name a:hover, .tomarebalink-name a:hover { text-decoration: underline; }
.kaerebalink-powered-date, .booklink-powered-date, .tomarebalink-powered-date { font-size: 0.75rem; font-weight: normal; }
.kaerebalink-detail, .booklink-detail, .tomarebalink-detail { font-size: 0.9375rem; margin: 0 0 0.5em; }
.kaerebalink-link1, .booklink-link2, .tomarebalink-link1 { width:100%; }
.kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div {
  float: left;
  width: 49.5%;
  margin-bottom: 1%;
  font-size: 0.875rem;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
}
.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 1%; }
.kaerebalink-link1 div a, .booklink-link2 div a, .tomarebalink-link1 div a { display:block; padding:3px 0; text-decoration:none; }
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkyahooAuc a,
.shoplinkseven a, .shoplinkbellemaison a, .shoplinkcecile a, .shoplinkkakakucom a,
.shoplinkkindle a, .shoplinkbk1 a, .shoplinkehon a, .shoplinkkino a,
.shoplinkjun a, .shoplinktoshokan a, .shoplinkjalan a, .shoplinkjtb a, .shoplinkrurubu a {
  display:block;
  text-decoration:none;
}
.shoplinkamazon a { color:#ffffff; background:#ff9900; }
.shoplinkkindle a { color:#ffffff; background:#1882c9; }
.shoplinkrakuten a { color:#ffffff; background:#bf0000; }
.shoplinkyahoo a { color:#ffffff; background:#fc1d2f; }
.shoplinkyahooAuc a { color:#252525; background:#ffdb00; }
.shoplinkseven a { color:#ffffff; background:#225093; }
.shoplinkbellemaison a { color:#ffffff; background:#83be00; }
.shoplinkcecile a { color:#ffffff; background:#6b053d; }
.shoplinkkakakucom a { color:#ffffff; background:#00138e; }
.shoplinkbk1 a { color:#ffffff; background:#0484d2; }
.shoplinkehon a { color:#ffffff; background:#00006a; }
.shoplinkkino a { color:#ffffff; background:#003e9d; }
.shoplinkjun a { color:#4b5854; background:#d8c9b7; }
.shoplinktoshokan a { color:#ffffff; background:#29b6e9; }
.shoplinkjalan a { color:#ffffff; background:#ff6600; }
.shoplinkjtb a { color:#ffffff; background:#b22222; }
.shoplinkrurubu a { color:#ffffff; background:#ffc0cb; }
.booklink-footer { clear:both !important; }

@media only screen and (min-width:460px) and (max-width:640px) {
	.kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 0; }
}
@media only screen and (max-width:459px) {
	.kaerebalink-image, .booklink-image, .tomarebalink-image {
	  float:none;
	  width:100%;
	  margin:0;
	  text-align:center;
	}
	.kaerebalink-image img, .booklink-image img, .tomarebalink-image img { width:180px; height:auto; }
	.kaerebalink-info, .booklink-info, .tomarebalink-info { margin: 0; }
	.kaerebalink-link1 div, .booklink-link2 div, .tomarebalink-link1 div { float: none; width: 100%; }
	.kaerebalink-link1 div:nth-child(even), .booklink-link2 div:nth-child(even), .tomarebalink-link1 div:nth-child(even) { margin-left: 0; }
}

/*アプリリーチ*/
#appreach-box {
	background: #ccc;
	background-image: -webkit-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -moz-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: -o-linear-gradient(top,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	background-image: linear-gradient(to bottom,
			rgba(220, 220, 220, 1.0), 
			rgba(240, 240, 240, 1.0) 25%,
			rgba(235, 235, 235, 1.0) 30%,
			rgba(240, 240, 240, 1.0) 36%,
			rgba(235, 235, 235, 1.0) 50%,
			rgba(215, 215, 215, 1.0) 80%,
			rgba(210, 210, 210, 1.0)
			);
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ddd;
	box-shadow: 0 0 0 1px rgba(255, 255, 255, .5) inset;
	color: #333;
	margin: 2rem 0;
	padding: 1rem;
	text-shadow: -1px 1px 0 rgba(255,255,255,.8);
}
 
#appreach-box p,
#appreach-box br {
	display: none;
}
 
.appreach-info {
	overflow: hidden;
}
 
.appreach-info a {
	color: #333;
}
 
#appreach-appname {
	font-size: 1.1em;
	font-weight: bold;
}
 
.appreach-powered {
	background-color: rgba(0, 0, 0, .1);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, .2) inset;
	color: #111;
	display: block !important;
	font-size: 65% !important;
	margin: 1em 0;
	padding: .2em .5em .2em 0;
	text-align: center;
	text-shadow: -1px 1px 0 rgba(255,255,255,.2);
}
 
.appreach-powered a {
	color: #111;
}

.header.headercenter #logo img {
    max-height: 130px;
}


/**
 * コンバージョンボタン
 */
 
.btn-cv {
  padding: .5em 0;
  overflow: hidden;
  position: relative;
}
.btn-cv a {
  border: solid #fff 3px;
  border-radius: 12px;
  box-shadow: 1px 1px 10px 0 #a1a1a1;
  color: #fff;
  display: block;
  font-size: 1.2em;
  line-height: 1.3;
  margin: 2em auto;
  padding: 1em 2em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: .2s ease-in-out;
  vertical-align: middle;
  width: 300px;
}
.btn-cv a img {
  vertical-align: middle;
}
.btn-cv.is-cv a:after,
.btn-cv.is-more a:after {
  content: ' ';
}
 
/* ボタン内のアイコン */
.btn-cv.is-cv a:before,
.btn-cv.is-more a:before {
  /* fontawesome */
  content: "\f138";
  font-family: "fontawesome";
  font-weight: normal;
  font-size: 1.1em;
  margin-top: -.6em;
  position: absolute;
  right: 15px;
  top: 50%;
}
.btn-cv a:hover {
  box-shadow: 1px 1px 2px 0 #a1a1a1;
  filter: alpha(opacity=70);
  opacity: .7;
}
 
/* 2つ連続で並べる場合の余白 */
.btn-cv + .btn-cv a {
  margin-top: 0;
}
 
/* 緑ボタン */
.btn-cv.is-cv a {
  background: #00a23f;
  background: -webkit-linear-gradient(#00a23f, #39900a);
  background: linear-gradient(#00a23f, #39900a);
  text-shadow: 0 0 10px rgba(255,255,0,.8),1px 1px 1px rgba(0,0,0,1);
}
 
/* 赤ボタンだったらこんな感じの色 */
/*
.btn-cv.is-cv a {
  background: #fb4e3e;
  background: linear-gradient(#fb4e3e, #d64b26);
}
*/
 
/* 青ボタン */
.btn-cv.is-more a {
  background: #09c;
  background: linear-gradient(#09c, #069);
  text-shadow: 0 0 10px rgba(255,255,255,.8), 1px 1px 1px rgba(0,0,0,1);
}
 
/* ボタンの点滅 */
.is-reflection:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}
/* アニメーションを遅延させる */
.is-more.is-reflection:after {
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-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; }
}
@-moz-keyframes is-reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes is-reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes is-reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}
 
/* ボタン内のアイコンを揺らす */
.is-trembling a:before {
  -webkit-animation-name:is-trembling;
  -webkit-animation-duration:.8s;
  -webkit-animation-iteration-count:infinite;
  -webkit-animation-timing-function:ease;
  -moz-animation-name:is-trembling;
  -moz-animation-duration:1s;
  -moz-animation-iteration-count:infinite;
  -moz-animation-timing-function:ease;
}
@-webkit-keyframes is-trembling {
  0% {-webkit-transform:translate(-3px, 0);}
  100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes is-trembling {
  0% {-moz-transform:translate(0, 0);}
  50% {-moz-transform:translate(0, -10px);}
  100% {-moz-transform:translate(0, 0);}
}
 
/* ボタンをバウンドさせる */
.is-bounce {
  animation: bounce 4s infinite;
  -moz-animation: bounce 4s infinite;
  -webkit-animation: bounce 4s infinite;
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}
@-webkit-keyframes bounce {
  0%, 4%, 10%, 18%, 100% {-webkit-transform: translateY(0);}
  5% {-webkit-transform: translateY(-6px);}
  12% {-webkit-transform: translateY(-4px);}
}
@keyframes bounce {
  20%, 24%, 30%, 34%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  25% {-webkit-transform: translateY(-6px);transform: translateY(-6px);}
  32% {-webkit-transform: translateY(-4px);transform: translateY(-4px);}
}
/* アニメーションを遅延させる */
.is-more.is-bounce {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}

/* amazon専用 */
.nfx-amkr-box {
	border: 1px solid #ddd;
	box-sizing: border-box;
	display: -webkit-flex;
	display: flex;
	margin: 2em 0;
	padding: 1em;
}
.nfx-amkr-image img {
	max-width: none;
}
.nfx-amkr-content {
	margin-left: 1em;
}
.nfx-amkr-title {
	font-weight: bold;
}
.nfx-amkr-credit {
	color: #666;
	font-size: .8em;
	text-align: right;
}
.nfx-amkr-desc {
	list-style: none;
}
.nfx-amkr-desc li {
	display: inline;
	margin-right: .8em;
}
.nfx-amkr-comment {
	color: #666;
	font-size: .9em;
}
.nfx-amkr-amzlink a {
	background-color: #666;
	box-shadow: none;
	color: #fff;
	display: block;
	padding: 1em;
	text-align: center;
	text-decoration: none;
}

img#wpstats{
	position:absolute;
	width:0px;
	height:0px;
	padding:0px;
	border:none;
	overflow:hidden;
}

a {
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

p {
   margin: 1.3em 0px;
}