カエレバにサウンドハウスをカスタマイズする方法【CSSコピー可】

/*=========================
カエレバボタン編集
===========================*/

/* 全体編集 */
.cstmreba {
 width:99%;
 height:auto;
 margin:36px auto;
 font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',Helvetica, Meiryo, sans-serif;
 line-height: 1.5;
 word-wrap: break-word;
 box-sizing: border-box;
 display: block;
}

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

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

/* 外枠編集 */
.cstmreba .kaerebalink-box {
 width: 100%;
 background-color: #fafafa;
 overflow: hidden;
 border-radius: 0px;
 box-sizing: border-box;
 padding: 24px 3px;
 box-shadow: 0px 2px 5px 0 rgba(0,0,0,.40);
}

/* サムネイル画像ボックス */
.cstmreba .kaerebalink-image {
 width:150px;
 float:left;
 margin:0 14px 0 0;
 text-align: center;
 background: #fff;
}

.cstmreba .kaerebalink-image a {
 width:100%;
 display:block;
}

.cstmreba .kaerebalink-image a img {
 margin:0 ;
 padding: 0;
 text-align:center;
 background: #fff;
}

.cstmreba .kaerebalink-info {
 overflow:hidden;
 line-height:170%;
 color: #333;
}

/* infoボックス内リンク下線非表示 */
.cstmreba .kaerebalink-info a {
 text-decoration: none;
}

/* 作品・商品・ホテル名 リンク文字 */
.cstmreba .kaerebalink-name>a {
 border-bottom: 1px solid ;
 font-size:15px;
}

/* posted by */
.cstmreba .kaerebalink-powered-date {
 font-size:10px;
 line-height:150%;
}

.cstmreba .kaerebalink-powered-date a:hover {
 color:#992929;
}

/* 著者・住所 */
.cstmreba .kaerebalink-detail {
 font-size:12px;
}

.cstmreba .kaerebalink-link1 div img {
 display:none !important;
}

.cstmreba .kaerebalink-link1 {
 display: inline-block;
 width: 100%;
 margin-top: 5px;
}

.cstmreba .kaerebalink-link1>div {
 float:left;
 width:24%;
 min-width:128px;
 margin:0.5%;
}

/***** ボタンデザインここから ******/
.cstmreba .kaerebalink-link1 a {
 width: 95%;
 margin-right: 0px;
 display: inline-block;
 text-align: center;
 box-sizing: border-box;
 margin: 1px;
 padding: 3% 0.5%;
 border-radius: 5px;
 font-size: 75%;
 font-weight: bold;
 line-height: 220%;
 color: #fff;
 box-shadow: 0px 2px 4px 0 rgba(0,0,0,.26);
}

.cstmreba .kaerebalink-link1 .shoplinkyahoo a {
background:#ff5274; 
letter-spacing:normal;
} /* Yahoo!ショッピング */

.cstmreba .kaerebalink-link1 .shoplinksoundhouse a {
background:#9563b0;
letter-spacing:normal;
} /* サウンドハウス */

.cstmreba .kaerebalink-link1 .shoplinkbellemaison a {
background:#84be24; 
} /* ベルメゾン */

.cstmreba .kaerebalink-link1 .shoplinkcecile a {
	background:#8d124b;
} /* セシール */

.cstmreba .kaerebalink-link1 .shoplinkkakakucom a {
	background:#314995;
} /* 価格コム */

.cstmreba .kaerebalink-link1 .shoplinkamazon a {
	background:#ffba54;
} /* Amazon */

.cstmreba .kaerebalink-link1 .shoplinkrakuten a {
	background: #c74e5c;
} /* 楽天 */

.cstmreba .kaerebalink-link1 .shoplinkseven a {
	background:#225496;
} /* 7net */

/****** ボタンカラー ここまで *****/

/***** ボタンデザイン　マウスオーバーここから *****/

.cstmreba .kaerebalink-link1 .shoplinkyahoo a:hover {
	background: #ff91a7;
} /* Yahoo!ショッピング */

.cstmreba .kaerebalink-link1 .shoplinksoundhouse a:hover {
	background: #d18ef5;
} /* サウンドハウス */

.cstmreba .kaerebalink-link1 .shoplinkbellemaison a:hover {
	background: #c0fa5f;
} /* ベルメゾン */

.cstmreba .kaerebalink-link1 .shoplinkcecile a:hover {
	background: #ff61aa;
} /* セシール */

.cstmreba .kaerebalink-link1 .shoplinkkakakucom a:hover {
	background: #6e8df0;
} /* 価格コム */

.cstmreba .kaerebalink-link1 .shoplinkamazon a:hover {
	background: #ffd08a;
} /* Amazon */

.cstmreba .kaerebalink-link1 .shoplinkrakuten a:hover {
	background: #fc8694;
} /* 楽天 */

.cstmreba .kaerebalink-link1 .shoplinkseven a:hover {
	background: #689fe8;
} /* 7net */

/***** ボタンデザイン　マウスオーバーここまで *****/

/***** 解像度768px以下のスタイル *****/
@media screen and (max-width:768px){
.cstmreba .kaerebalink-image {
width:100%;
float:none;
}

.cstmreba .kaerebalink-link1>div {
width: 32.33%;
margin: 0.5%;
}

.cstmreba .kaerebalink-info {
text-align:center;
padding-bottom: 1px;
}
} /* 768px以下終了 */

/***** 解像度480px以下のスタイル *****/
@media screen and (max-width:480px){
.cstmreba .kaerebalink-link1>div {
width: 49%;
margin: 0.5%;
}
}/* 480px以下終了 */

<div class="shoplinksoundhouse">
<a href="ここにアフィリエイトリンク挿入" rel="nofollow noopener">サウンドハウス</a>
</div>