<span class="synComment">/*--------------------------------------</span>
<span class="synComment"> ヨメレバ・カエレバ(レスポンシブ)</span>
<span class="synComment">--------------------------------------*/</span>
<span class="synIdentifier">.booklink-box</span>, <span class="synIdentifier">.kaerebalink-box{</span>
<span class="synType">padding</span>:<span class="synConstant">25px</span>;
<span class="synType">margin-bottom</span>: <span class="synConstant">10px</span>;
<span class="synType">border</span>:<span class="synType">double</span> <span class="synConstant">#CCC</span>;
<span class="synType">overflow</span>: <span class="synType">hidden</span>;
<span class="synType">font-size</span>:<span class="synType">small</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-image</span>, <span class="synIdentifier">.kaerebalink-image{</span>
<span class="synType">margin</span>:<span class="synConstant">0</span> <span class="synConstant">15px</span> <span class="synConstant">0</span> <span class="synConstant">0</span>;
<span class="synType">float</span>:<span class="synType">left</span>;
<span class="synType">min-width</span>: <span class="synConstant">160px</span>;
<span class="synType">text-align</span>: <span class="synType">center</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-image</span> <span class="synStatement">img</span>, <span class="synIdentifier">.kaerebalink-image</span> <span class="synStatement">img</span><span class="synIdentifier">{</span>
<span class="synType">margin</span>:<span class="synConstant">0</span> <span class="synType">auto</span>;
<span class="synType">text-align</span>:<span class="synType">center</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-info</span>, <span class="synIdentifier">.kaerebalink-info{</span>
<span class="synType">margin</span>:<span class="synConstant">0</span>;
<span class="synType">line-height</span>:<span class="synConstant">120%</span>;
<span class="synType">overflow</span>: <span class="synType">hidden</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-name</span>, <span class="synIdentifier">.kaerebalink-name{</span>
<span class="synType">margin-bottom</span>:<span class="synConstant">24px</span>;
<span class="synType">line-height</span>:<span class="synConstant">1.5em</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-powered-date</span>, <span class="synIdentifier">.kaerebalink-powered-date{</span>
<span class="synType">font-size</span>:<span class="synConstant">8px</span>;
<span class="synType">margin-top</span>:<span class="synConstant">10px</span>;
<span class="synType">font-family</span>:verdana;
<span class="synType">line-height</span>:<span class="synConstant">120%</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-detail</span>, <span class="synIdentifier">.kaerebalink-detail{</span><span class="synType">font-size</span>: <span class="synConstant">12px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-powered-date</span>, <span class="synIdentifier">.kaerebalink-detail{</span><span class="synType">margin-bottom</span>:<span class="synConstant">15px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-link2</span>, <span class="synIdentifier">.kaerebalink-link1{</span><span class="synType">margin-top</span>:<span class="synConstant">10px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-link2</span> <span class="synStatement">a</span>,
<span class="synIdentifier">.kaerebalink-link1</span> <span class="synStatement">a</span><span class="synIdentifier">{</span>
<span class="synType">width</span>:<span class="synConstant">30%</span>;
-moz-<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
-webkit-<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
<span class="synType">display</span>:<span class="synType">inline</span>-<span class="synType">block</span>;
<span class="synType">margin</span>:<span class="synConstant">5px</span> <span class="synConstant">2px</span> <span class="synConstant">0</span> <span class="synConstant">0</span>;
<span class="synType">padding</span>:<span class="synConstant">10px</span> <span class="synConstant">1px</span>;
<span class="synType">text-align</span>:<span class="synType">center</span>;
<span class="synType">float</span>:<span class="synType">left</span>;
<span class="synType">text-decoration</span>:<span class="synType">none</span>;
<span class="synType">font-weight</span>:<span class="synConstant">800</span>;
<span class="synType">text-shadow</span>:<span class="synConstant">1px</span> <span class="synConstant">1px</span> <span class="synConstant">1px</span> <span class="synConstant">#dcdcdc</span>;
<span class="synType">font-size</span>:<span class="synConstant">12px</span>;
<span class="synType">color</span>: <span class="synConstant">#fff</span> <span class="synSpecial">!important</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-link2</span> <span class="synStatement">a</span>:<span class="synPreProc">hover</span>,
<span class="synIdentifier">.kaerebalink-link1</span> <span class="synStatement">a</span>:<span class="synPreProc">hover</span><span class="synIdentifier">{</span>opacity: <span class="synConstant">0.6</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-link2</span> <span class="synStatement">a</span>:<span class="synPreProc">active</span>
<span class="synIdentifier">.kaerebalink-link1</span> <span class="synStatement">a</span>:<span class="synPreProc">active</span><span class="synIdentifier">{</span>
<span class="synType">position</span>:<span class="synType">relative</span>;
<span class="synType">top</span>:<span class="synConstant">1px</span>;
<span class="synIdentifier">}</span>
<span class="synComment">/*ボタンを変えるときはここから*/</span>
<span class="synIdentifier">.shoplinkamazon</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">color</span>:<span class="synConstant">#FF9901</span> <span class="synSpecial">!important</span>;<span class="synType">border</span>: <span class="synConstant">1px</span> <span class="synType">solid</span> <span class="synConstant">#FF9901</span> <span class="synSpecial">!important</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.shoplinkrakuten</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">color</span>:<span class="synConstant">#c20004</span> <span class="synSpecial">!important</span>;<span class="synType">border</span>: <span class="synConstant">1px</span> <span class="synType">solid</span> <span class="synConstant">#c20004</span> <span class="synSpecial">!important</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.shoplinkkindle</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">color</span>:<span class="synConstant">#007dcd</span> <span class="synSpecial">!important</span>;<span class="synType">border</span>: <span class="synConstant">1px</span> <span class="synType">solid</span> <span class="synConstant">#007dcd</span> <span class="synSpecial">!important</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.shoplinkkakakucom</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">color</span>:<span class="synConstant">#314995</span> <span class="synSpecial">!important</span>;<span class="synType">border</span>: <span class="synConstant">1px</span> <span class="synType">solid</span> <span class="synConstant">#314995</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.shoplinkyahoo</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">color</span>:<span class="synConstant">#7b0099</span> <span class="synSpecial">!important</span>;<span class="synType">border</span>: <span class="synConstant">1px</span> <span class="synType">solid</span> <span class="synConstant">#7b0099</span> <span class="synSpecial">!important</span>;<span class="synIdentifier">}</span>
<span class="synComment">/*ここまでを変更*/</span>
<span class="synIdentifier">.shoplinkyahoo</span> <span class="synStatement">img</span><span class="synIdentifier">{</span><span class="synType">display</span>:<span class="synType">none</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.shoplinkyahoo</span> <span class="synStatement">a</span><span class="synIdentifier">{</span><span class="synType">font-size</span>:<span class="synConstant">10px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-footer{</span><span class="synType">display</span>: <span class="synType">none</span>;<span class="synIdentifier">}</span>
<span class="synSpecial">@media</span> <span class="synSpecial">screen</span> and (max-width: 680px) <span class="synIdentifier">{</span>
.booklink-box, .kaerebalink-box{<span class="synType">padding</span>:<span class="synConstant">15px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-image</span>, <span class="synIdentifier">.kaerebalink-image{</span>
<span class="synType">width</span>: <span class="synConstant">100px</span> <span class="synSpecial">!important</span>;
<span class="synType">min-width</span>: initial;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-name</span> <span class="synSpecial">></span> <span class="synStatement">a</span>, <span class="synIdentifier">.kaerebalink-name</span> <span class="synSpecial">></span> <span class="synStatement">a</span><span class="synIdentifier">{</span>
<span class="synType">font-size</span>: <span class="synConstant">15px</span>;
<span class="synType">font-weight</span>: <span class="synType">bold</span>;
<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-name</span>, <span class="synIdentifier">.kaerebalink-name{</span><span class="synType">margin-bottom</span>:<span class="synConstant">12px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-powered-date</span>, <span class="synIdentifier">.kaerebalink-powered-date{</span><span class="synType">margin-top</span>:<span class="synConstant">5px</span>;<span class="synIdentifier">}</span>
<span class="synIdentifier">.booklink-link2</span> <span class="synStatement">a</span>,
<span class="synIdentifier">.kaerebalink-link1</span> <span class="synStatement">a</span><span class="synIdentifier">{</span>
<span class="synType">width</span>:calc(<span class="synConstant">100%</span> - <span class="synConstant">4px</span>);
-moz-<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
-webkit-<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
<span class="synType">border</span>-radius:<span class="synConstant">5px</span>;
<span class="synType">margin</span>: <span class="synConstant">2px</span> <span class="synConstant">0px</span>;
<span class="synType">padding</span>:<span class="synConstant">10px</span> <span class="synConstant">0px</span>;
<span class="synIdentifier">}</span>
<span class="synError">}</span>