/*PC版*/
.kaerebalink-box, .booklink-box {
    padding: 10px;
    width: 100%;
    max-width:680px;
    margin:0 auto;
}
.kaerebalink-image, .booklink-image {
    float: left;
}
.kaerebalink-image a img,.booklink-image a img {
    width:100%;
}
.kaerebalink-info, .booklink-info {
    width:60%;
    margin-left: 2em;
    float: left;
}
.kaerebalink-name > a, .booklink-name > a {
    font-size: 14px;
    color: #333;
    text-decoration: underline;
}
.booklink-name{
	margin: 0 0 5px;
}
.kaerebalink-powered-date, .booklink-powered-date {
    font-size: 12px;
}
.kaerebalink-powered-date a, .booklink-powered-date a {
    color: #256CC5;
    text-decoration: underline;
}
.kaerebalink-link1, .booklink-link2 {
    margin-top: 1em;
}
.kaerebalink-link1 div, .booklink-link2 div {
    margin-right: 5px;
    margin-bottom:3px;
    text-align: center;
    float:left;
    width: 30%;
}
.kaerebalink-link1 div:active, .booklink-link2 div:active {
    border-top:3px solid #FFFFFF;
    margin-bottom: none;
    box-shadow:none;
}
/*PC版ボタンの定義*/
.kaerebalink-link1 div a, .booklink-link2 div a {
    COLOR: #FFFFFF;
    text-decoration: none;
    FONT-WEIGHT: bold;
	display:block;
    width: 100%;
    height: 30px;
    line-height: 30px;  
	font-size: 12px;
}

.shoplinkamazon {
    background: #FF9900;
    box-shadow: 0 3px #B16A00;
}
.shoplinkamazon:hover {
    background: #FFB23F;
}

.shoplinkkindle {
    background: #3399da;
    box-shadow: 0 3px #015684;
}
.shoplinkkindle:hover {
    background: #5BB3E1;
}


.shoplinkdmm {
    background: #ef4444;
    box-shadow: 0 3px #7B0101;
}
.shoplinkdmm:hover {
    background: #F48686;
}

.shoplinkbookwalker {
    background: #96D3BB;
    box-shadow: 0 3px #62BF9A;
}
.shoplinkbookwalker:hover {
    background: #C1E6D7;
}

.shoplinkbooklive {
    background: #FF8340;
    box-shadow: 0 3px #BD4200;
}
.shoplinkbooklive:hover {
    background: #FFA473;
}

.shoplinktora {
    background: #ffa51e;
    box-shadow: 0 3px #B16A00;
}
.shoplinktora:hover {
    background: #ffd699;
}

.shoplinkmelon {
    background: #61cc72;
    box-shadow: 0 3px #7B0101;
}
.shoplinkmelon:hover {
    background: #a1e6aa;
}

.shoplinkzin {
    background: #fe5a5a;
    box-shadow: 0 3px #7B0101;
}
.shoplinkzin:hover {
    background: #fe8888;
}

.shoplinkamiami {
    background: #BBBBBB;
    box-shadow: 0 3px #999999;
}
.shoplinkamiami:hover {
    background: #EEEEEE;
}

.shoplinkpublisher {
    background: #bebec3;
    box-shadow: 0 3px #999999;
}
.shoplinkpublisher:hover {
    background: #dddddd;
}

.shoplinksofmap {
    background: #4444f6;
    box-shadow: 0 3px #0d0da3;
}
.shoplinksofmap:hover {
    background: #7a7afb;
}

.booklink-footer {
    height:0;
    clear: left;
}




/* CSS Document */
/* ==================================================
   アウトライン
   イメージ
   リンク
   作家名等
   リンクボタン
   その他要望
================================================== */
@media (max-width: 510px){
/* ==================================================
   アウトライン
================================================== */
	.booklink-box{
		min-width: 300px; 
	}
/* ==================================================
   イメージ
================================================== */
	.booklink-image{
		margin: 0;
		padding: 0;
		width: 45%;
	}
/* ==================================================
   リンク
================================================== */	
	.booklink-info{
		width: 50%;
		margin: 0 0 0 5px;
		padding: 0 5px;
	}
	.booklink-name a{
		font-size: 6px;/*510px時タイトルpx*/
		line-height: 1.2em;
		text-decoration: none;
	}
	.booklink-detail{
		font-size: 12px;/*510px時著者px*/
		line-height: 1.2em;
		text-decoration: none;		
	}
	.kaerebalink-link1 div, .booklink-link2 div {
		margin: 6px 0;
		float:none;
		width: 100%;
	}.kaerebalink-name > a, .booklink-name > a {
    color: #256CC5;
}
	.kaerebalink-link1 div a, .booklink-link2 div a { 
	font-size: 15px;/*299px時ボタンの文字px*/
}
}
@media (max-width: 299px){
/* ==================================================
   アウトライン
================================================== */
	.booklink-box{
		min-width: 200px; 
	}
/* ==================================================
   イメージ
================================================== */
	.booklink-image{
		margin: 0;
		padding: 0;
		width: 40%;
	}
/* ==================================================
   リンク
================================================== */	
	.booklink-info{
		width: 50%;
		margin: 0 0 0 5px;
		padding: 0 5px;
	}
}