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

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.booklink-box, .kaerebalink-box {
	font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	padding: 22px 25px;
	width: 94%;
	margin: 0 auto 15px;
	border: 3px solid #dfdfdf;
	box-sizing: border-box;
	text-align: center;
}

.booklink-image, .kaerebalink-image {
	width: 100%;
	margin: 0 0 5px;
}

.booklink-image img, .kaerebalink-image img {
}

.booklink-info, .kaerebalink-info {
	line-height: 125%;
	width: 100%;
}

.booklink-name, .kaerebalink-name {
	margin: 0 0 4px;
}

.booklink-name a, .kaerebalink-name a {
	color: #0066cc;
	text-decoration: underline;
}

.booklink-name > a, .kaerebalink-name > a {
	font-size: 16px;
}

.booklink-name a:hover, .kaerebalink-name a:hover {
	color: #FF9900;
}

.booklink-powered-date, .kaerebalink-powered-date {
	font-size: 8px;
}

.booklink-detail, .kaerebalink-detail {
	color: #333333;
	font-size: 12px;
	margin: 0 0 10px;
}

.booklink-link2, .kaerebalink-link1 {
}

.booklink-link2 a, .kaerebalink-link1 a {
	width: 90%;
	display: block;
	margin: 0 auto 8px;
	padding: 10px 1px;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 2px 2px 1px #dcdcdc;
	box-shadow: 2px 2px 1px #dcdcdc;
}

.booklink-link2 a:hover, .kaerebalink-link1 a:hover {
	opacity: .6;
}

@media screen and (min-width: 800px) {
	.booklink-box, .kaerebalink-box {
		text-align: left;
		display: table;
	}
	
	.booklink-image, .kaerebalink-image {
		vertical-align: top;
		box-sizing: border-box;
		display: table-cell;
		width: 111px;
		text-align: center;
		margin: 0;
	}
	
	.booklink-image img, .kaerebalink-image img {
		max-width: 100%;
	}
	
	.booklink-info, .kaerebalink-info {
		line-height: 125%;
		vertical-align: top;
		box-sizing: border-box;
		display: table-cell;
		padding-left: 25px;
		width: auto;
	}
	
	.booklink-name, .kaerebalink-name {
		margin: 0 0 24px;
	}
	
	.booklink-name > a, .kaerebalink-name > a {
		font-size: 16px;
	}
	
	.booklink-powered-date, .kaerebalink-powered-date {
		margin: 6px 0 0;
	}
	
	.booklink-detail, .kaerebalink-detail {
		margin: 0 0 14px;
	}
	
	.booklink-link2 a, .kaerebalink-link1 a {
		width: auto;
		text-align: center;
		margin: none;
	}
	
	.booklink-link2 > div, .kaerebalink-link1 > div {
		width: 33.33%;
		padding: 0 5px 5px 0;
		box-sizing: border-box;
		float: left;
	}
}

.shoplinkamazon a {
	color: #ff9901;
	background: #ffffff;
	background: linear-gradient(to bottom,#ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
	border: 2px solid #ff9901;
}

.shoplinkyahoo a {
	color: #691ed5;
	background: #ffffff;
	background: linear-gradient(to bottom,#ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
	border: 2px solid #691ed5;
}

.shoplinkrakuten a {
	color: #bf0000;
	background: #ffffff;
	background: linear-gradient(to bottom,#ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
	border: 2px solid #bf0000;
}

.shoplinkkindle a {
	color: #0074c1;
	background: #ffffff;
	background: linear-gradient(to bottom,#ffffff 0%,#f7f7f7 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f7f7f7',GradientType=0);
	border: 2px solid #0074c1;
}

.appreach{ border:3px solid #eee;/*ボーダー色*/ } .appreach{ text-align: left; padding: 25px; margin:20px; border-radius:2px; overflow: hidden; } .appreach:after { content: ""; display: block; clear: both; } .appreach img, .appreach p { margin: 0; padding:0; } .appreach a:after { display: none; } .appreach__icon { float: left; border-radius: 10%; overflow: hidden; margin: 0 3% 0 0 !important; width: 25% !important; height: auto !important; max-width: 120px !important; } .appreach__detail { display: inline-block; font-size: 20px; line-height: 1.5; width: 72%; max-width: 72%; } .appreach__detail:after { content: ""; display: block; clear: both; } p.appreach__name { font-size: 16px; color:#555; padding-bottom:10px; font-weight:bold; line-height: 1.5em !important; max-height: 3em; overflow: hidden; } .appreach__info { font-size: 12px !important; color:#888; } .appreach__info a{ color:#aaa; } .appreach__developper, .appreach__price { margin-right: 0.5em; } .appreach__posted a { margin-left: 0.5em; } .appreach__links { float: left; height: 40px; margin-top: 15px; white-space: nowrap; } .appreach__aslink img { margin-right: 10px; height: 40px; width: 135px; } .appreach__gplink img { height: 40px; width: 134.5px; } @media only screen and (max-width: 786px){ .appreach{ margin:20px 0;} .appreach__info { font-size: 11px !important;} p.appreach__name { font-size: 15px;}}

/*-- ＰＯＩＮＴＢＯＸ --*/

.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #09f73d;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #09f73d;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}