/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
#sidebar .ad-space .ad-label {
	display: block;
}

.box1 {
	float: left;
	margin-right: 10px;
}

.linkbox {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
}

.linkbox .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #62c1ce;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.linkbox p {
	margin: 0;
	padding: 0;
}

.button {
	display: inline-block;
	width: 200px;
	padding: 20px;
	border-radius: 4px;
	background-color: #3fc6d8;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.2rem;
	margin: 10px;
}

.button:hover {
	background-color: #5ad3e3;
}

.button a {
	color: #fff;
}

.textsmall{
	font-size:13px;
	line-height: 13px;
}


/*
マーカー
*/

.pink_line {background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #FFDFEF 0%) repeat scroll 0 0;}


/*
青ボタン
*/

.square_btn{
    display: inline-block;
	  box-sizing: border-box;
	　cursor : pointer;
	  width:100%;
    padding: 20px;
	  text-align: center;
    text-decoration: none;
    background: #668ad8;/*ボタン色*/
    color: #FFF;
    border-radius: 3px;
}

.square_btn:hover{
	background:#77a4df;
	cursor : pointer;
}


.square_btn a {
	color: #fff;
	text-decoration: none;
}


/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.cstmreba {
	width: 98%;
	height: auto;
	margin: 36px auto;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.cstmreba a {
	transition: .8s;
	color: #285EFF;
/* テキストリンクカラー */
}

.cstmreba a:hover {
	color: #FFCA28;
/* テキストリンクカラー(マウスオーバー時) */
}

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fafafa;
/* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0 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: 125px;
	margin: .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% .5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0 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 {
	background: #FF9901;
	border: 2px solid #ff9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	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: .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: .5%;
	}
}

/*
	Jetpack から移行された CSS
*/

/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
#sidebar .ad-space .ad-label {
	display: block;
}

.box1 {
	float: left;
	margin-right: 10px;
}

.linkbox {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
}

.linkbox .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 17px;
	background: #62c1ce;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.linkbox p {
	margin: 0;
	padding: 0;
}

.button {
	display: inline-block;
	width: 200px;
	padding: 20px;
	border-radius: 4px;
	background-color: #3fc6d8;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
	font-size: 1.2rem;
	margin: 10px;
}

.button:hover {
	background-color: #5ad3e3;
}

.button a {
	color: #fff;
}

/*=================================================================================
	カエレバ・ヨメレバ・トマレバ
=================================================================================*/
.cstmreba {
	width: 98%;
	height: auto;
	margin: 36px auto;
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}

.cstmreba a {
	transition: .8s;
	color: #285EFF;
/* テキストリンクカラー */
}

.cstmreba a:hover {
	color: #FFCA28;
/* テキストリンクカラー(マウスオーバー時) */
}

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width: 100%;
	background-color: #fafafa;
/* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0;
	box-sizing: border-box;
	padding: 12px 8px;
	box-shadow: 0 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: 125px;
	margin: .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% .5%;
	border-radius: 8px;
	font-size: 13px;
	font-weight: bold;
	line-height: 180%;
	color: #fff;
	box-shadow: 0 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 {
	background: #FF9901;
	border: 2px solid #ff9901;
}

/* Amazon */
.kaerebalink-link1 .shoplinkrakuten a, .booklink-link2 .shoplinkrakuten a {
	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: .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: .5%;
	}
}



/*****  詳細ボックス *****/
.info_ad_box {
	width: 100%;
	background-color: #fafafa; /* 全体の背景カラー */
	overflow: hidden;
	border-radius: 0px;
	box-sizing: border-box;
	padding: 30px;
	box-shadow: 0px 2px 5px 0 rgba(0,0,0,.26);
}


.box14{
    padding: 0.2em 0.5em;
    margin: 2em 0;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}


.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    right: -7px;
    top: -7px;
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
    box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}
.box25 p {
    margin: 0; 
    padding: 0;
}



.kanren::before {
  content: "関連";
  font-size: .75em;
  background: #FF9F80;
  color: #fff;
  padding: 5px 5px 3px;
  margin-right: 5px;
  border-radius: 3px;
	text-decoration:none;
}

