/*--------------------------------------
  スマホ用　ヨメレバ・カエレバ・トマレバ(さらに自分でカスタマイズした) 追加　2016/2/25～2016/4/21 ここから
--------------------------------------*/

.booklink-box, .kaerebalink-box, .tomarebalink-box {
	width:85%;
	margin: 1em 0 1em;
	padding: 5%;
	border:double #d2d7e6;
	overflow: hidden;
	font-size:small;
	border-radius:2px;
}

.booklink-image, .kaerebalink-image, .tomarebalink-image {
	margin:0 0 15px 0;
}
.booklink-image img, .kaerebalink-image img, .tomarebalink-image img {
	display:block;
	margin:0 auto;
	text-align:center;
}

.booklink-info, .kaerebalink-info, .tomarebalink-info {
	text-align:center;
	line-height:120%;
	overflow: hidden;
}

.booklink-name, .kaerebalink-name, .tomarebalink-name {
	font-size:16px;
	margin-bottom:14px;
	line-height:1.2em;
}

.booklink-powered-date, .kaerebalink-powered-date, .tomarebalink-powered-date {
	font-size:8pt;
　　　　Margin-top:10px;
	line-height:120%;
}
.booklink-powered-date, .kaerebalink-detail, .tomarebalink-detail {
	margin-bottom:15px;
}

.booklink-link2, .kaerebalink-link1, .tomarebalink-link1 {
	margin-top:20px;
}

.shoplinkamazon, .shoplinkrakuten, .shoplinkkindle, .shoplinkyahoo, .shoplinkkakakucom, .shoplinkjalan, .shoplinkjtb, .shoplinkrurubu, .shoplinkseven{
    width:90%;
	height:15px;
	overflow:hidden;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	margin:0  auto 5px auto;
	padding:10px 0px;
	text-align:center;
	}
	
.shoplinkamazon:hover, .shoplinkrakuten:hover, .shoplinkkindle:hover, .shoplinkyahoo:hover, .shoplinkkakakucom:hover, .shoplinkjalan:hover, .shoplinkjtb:hover, .shoplinkrurubu:hover, .shoplinkseven:hover{
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}

.shoplinkamazon:active, .shoplinkrakuten:active, .shoplinkkindle:active, .shoplinkyahoo:active, .shoplinkkakakucom:active, .shoplinkjalan:active, .shoplinkjtb:active, .shoplinkrurubu:active, .shoplinkseven:active{
	position:relative;
	top:1px;
}

.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a, .shoplinkkindle a, .shoplinkkakakucom a, .shoplinkjalan a, .shoplinkjtb a, .shoplinkrurubu a, .shoplinkseven a{
	display:block;
	cursor:pointer;
	text-decoration:none;
	font-weight:800;
	text-shadow:1px 1px 1px #dcdcdc;
	font-size:12px;
}
	
.shoplinkamazon a{
	color:#FF9901;
}

 .shoplinkrakuten a{
	color:#c20004;
}

.shoplinkyahoo a{
	color:#7b0099;
 } 

.shoplinkkindle a{
	color:#007dcd;	
}

.shoplinkkakakucom a{
	color:#051D93;
 } 

.shoplinkjalan a{
	color:#FF5800;
 }
 
.shoplinkjtb a{
	color:#C51624;
 } 

.shoplinkrurubu a{
	color:#000066;
 } 

.shoplinkseven a{
	color:#016B43;
 } 

.booklink-footer{
	clear:left;
}
/*--------------------------------------
  スマホ用　ヨメレバ・カエレバ・トマレバ(さらに自分でカスタマイズした) 追加　2016/2/25～2016/4/21 ここまで
--------------------------------------*/



/*--------------------------------------
  A8のアフィリエイトリンクを改変せずにボタン化
　追加　2020/11/14 ここから
--------------------------------------*/


.btn-6 {
    background-color: #ffbc61; /* ボタン背景色 */
    color: #fff; /* ボタン文字色 */
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.2);
    font-weight: bold;
    border-radius: 4px;
    max-width: 80%;
    margin: 0.5em auto;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    transition: all .2s ease;
}

.btn-6:hover {
    opacity: 0.8;
}

.btn-6 a {
    text-decoration: none !important;
    color: #fff !important;
    display: block;
    margin: 0;
    padding: 0.5em;
    position: relative;
    overflow: hidden;
}

.btn-6 a::before {
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    transform: scale(0) translateY(-50%) translateX(-50%);
    transform-origin: left top;
    border-radius: 50%;
    content: '';
    width: 10em;
    height: 10em;
    background-color: rgba(255, 255, 255, 50%);
    opacity: 0;
    animation: plzTap 3s ease-out 0s infinite;
}

@keyframes plzTap {
    from { transform: scale(0) translateY(-50%) translateX(-50%); opacity: 1; }
    15%, 100% { transform: scale(1) translateY(-50%) translateX(-50%); opacity: 0; }
}

.btn-6 > img { float: left; }
.btn-6::after{ content: ''; clear: left; }

/*--------------------------------------
  A8のアフィリエイトリンクを改変せずにボタン化
　追加　2020/11/14 ここまで
--------------------------------------*/