/*ボタンの基本設定*/
.shoplinkamazon a, .shoplinkrakuten a, .shoplinkyahoo a {
display: block;
text-decoration: none;
text-align: center;
padding: 13px;
}
/*amazonのボタンの装飾*/
.shoplinkamazon a {
border: solid 2px #c20004;
border-radius: 7px;
color: #c20004;
font-weight: bold;
}
/*楽天のボタンの装飾*/
.shoplinkrakuten a {
border: solid 2px #FA7830;
border-radius: 7px;
color: #FA7830;
font-weight: bold;
}
/*yahooのボタンの装飾*/
.shoplinkyahoo a {
border: solid 2px #00BABE;
border-radius: 7px;
color: #00BABE;
font-weight: bold;
}
/*カエレバボックス全体の装飾*/
.kaerebalink-box {
border: 1px #9C9996 solid;/*回りの線の装飾*/
margin: 20px 0;
display: flex;
align-items: center;
padding: 20px;
box-sizing: border-box;
justify-content: space-around;
}
@media screen and (max-width: 640px) {
.kaerebalink-box {
display: block;
}
}
.booklink-footer {
display: none;
}
.kaerebalink-info {
width: 43%;/*右側のテキストのボックスの横幅*/
font-size: 16px;/*文字のサイズ*/
}
@media screen and (max-width: 640px) {
.kaerebalink-info {
width: 100%;
}
}
@media screen and (max-width: 640px) {
.kaerebalink-image {
margin: 0 0 20px 0!important;
text-align: center;
float: none!important;
}
}