/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/
/*-----カエレバカスタマイズここから-----*/
/*ボックス全体*/
.kaerebalink-box {
  background-color:#fff;/*背景色*/
  padding:20px 20px 10px !important; 
  margin-bottom:40px;
 
  border-radius:5px;
  box-shadow:0 0 0 4px #e6e5f9, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.kaerebalink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.kaerebalink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#bea1e2; /*ボタン背景色*/
  box-shadow: 0 3px 0 #a37ad6; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #fb4c81; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#bea1e2; /*ボタン背景色*/
  box-shadow: 0 3px 0 #a37ad6;/*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
 
}
/*マウスホバー時*/
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #fb4c81; /*ボタンの影と同じ色*/
}
 
/*Yahooショッピングボタン*/
.shoplinkyahoo a {
  width:31%;
  font-size:14px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#51a7e8; /*ボタン背景色*/
  box-shadow: 0 3px 0 #51a7e8; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkyahoo a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #fb4c81; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
 
.shoplinkamazon a {
  width:100%;
}
 
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkyahoo a {
  width:100%;
}
}
/*-----カエレバカスタマイズここまで-----*/
/*-----ヨメレバカスタマイズここから-----*/
/*ボックス全体*/
.booklink-box {
  background-color:#fff;/*背景色*/
  padding:20px 20px 10px !important;
  margin-bottom:40px;
  border-radius:5px;
  box-shadow:0 0 0 4px #e6e5f9, 2px 1px 6px 4px rgba(10, 10, 0, 0.5); /*ボーダーの周りの影（背景色と同じコード）*/
}
 
/*商品名*/
.booklink-name a {
  font-size:16px;
  line-height:22px;
  font-weight:bold;
}
 
/*クレジット表記部分*/
.booklink-powered-date a {
  font-size:8px;
}
 
/*Amazonボタン*/
.shoplinkamazon a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background-color:#ffb92e; /*ボタン背景色*/
  box-shadow: 0 3px 0 #ffb92e; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkamazon a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*楽天ボタン*/
.shoplinkrakuten a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#cf4944; /*ボタン背景色*/
  box-shadow: 0 3px 0 #cf4944; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkrakuten a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*Kindleボタン*/
.shoplinkkindle a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#51a7e8; /*ボタン背景色*/
  box-shadow: 0 3px 0 #51a7e8; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkkindle a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
/*7netボタン*/
.shoplinkseven a {
  width:31%;
  font-size:16px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:10px 0;
  margin-bottom:5px;
  color:#fff; /*ボタンテキスト色*/
  background:#bea1e2; /*ボタン背景色*/
  box-shadow: 0 3px 0 #a37ad6; /*ボタンの影（背景色よりも暗い色)*/
  border-radius:5px;
}
/*マウスホバー時*/
.shoplinkkindle a:hover {
  transform: translate(0px, 1px);
  box-shadow: 0 2px 0 #8ca5fa; /*ボタンの影と同じ色*/
}
 
/*タブレット・スマホ*/
@media print, screen and (max-width:1100px) {
.kaerebalink-image {
  width:40%;
}
 
.shoplinkamazon a {
  width:100%;
}
 
.shoplinkrakuten a {
  width:100%;
}
 
.shoplinkkindle a {
  width:100%;
}
}
/*-----ヨメレバカスタマイズここまで-----*/
/*-----Rinkerカスタマイズここから-----*/
/*全体の枠線*/
div.yyi-rinker-contents {
border: solid 1px #cccccc;
    border-radius: 4px;
}
/*商品の画像縦中央*/
div.yyi-rinker-contents div.yyi-rinker-image {align-items: center;}
/*ボタンの幅を統一*/
div.yyi-rinker-contents ul.yyi-rinker-links li {
    width: 44%;
    padding: 0;
    margin: .4em;/*ボタンとボタンの隙間*/
}
/*ボタンの高さとテキストを中央揃え*/
div.yyi-rinker-contents ul.yyi-rinker-links li a {
    height: 2.8em;/*ボタンの高さ*/
    line-height: 2.8em;/*テキストを縦中央揃え（heightと同じ値に）*/
    padding: 0;
    text-align: center;/*テキストを横中央揃え*/
}
/*ボタンの枠線*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {border:solid 2px #ffb92e;border-radius: 4px;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {border:solid 2px #fb7979;border-radius: 4px;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {border:solid 2px #79c5ff;border-radius: 4px;}
/*マウスオーバー時薄くしない*/
div.yyi-rinker-contents ul.yyi-rinker-links li a:hover {opacity: 1;}
/*マウスオーバー時ボタンの色と枠線*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink:hover {background:#fff;border:solid 2px #f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink:hover {background:#fff;border:solid 2px #cf4944;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink:hover {background:#fff;border:solid 2px #51a7e8;}
/*マウスオーバー時ボタンの文言色*/
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink a:hover {color:#f6a306;}
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink a:hover {color:#cf4944;}
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink a:hover {color:#51a7e8;}
/*値段*/
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {
    font-size: 1.2em;
    letter-spacing: 0.05em;
    margin-right: .5em;
}

/*画面サイズ501-1070px*/
@media screen and (min-width: 501px) and (max-width: 1070px){
/*ボタンの幅調整*/
div.yyi-rinker-contents ul.yyi-rinker-links li {width: 90%;}
}
/*画面サイズ500px以下*/
@media screen and (max-width: 500px){
/*1カラムに変更*/
div.yyi-rinker-contents div.yyi-rinker-box {display: block;}
/*画像横中央揃え*/
div.yyi-rinker-contents div.yyi-rinker-image {width: auto;}
/*商品名、ボタン調整*/
div.yyi-rinker-contents div.yyi-rinker-info {width: calc(100% - 10px);}
div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {display: block;}
div.yyi-rinker-contents ul.yyi-rinker-links li {width: 90%;}
body div.yyi-rinker-contents ul.yyi-rinker-links li a {padding: 0;}
}