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

詳しくは上のヘルプアイコンをクリックしてください。
*/
.shoplinkamazon {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #0e2944), color-stop(0.00, #08529C))!important;
     background : -webkit-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -moz-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -o-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : -ms-linear-gradient(top, #08529C 0%, #0e2944 88%)!important ;
     background : linear-gradient(to bottom, #08529C 0%, #0e2944 88%)!important ;
     }

.shoplinkrakuten {
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #602a2f), color-stop(0.00, #f00))!important;
     background: -webkit-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -moz-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -o-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: -ms-linear-gradient(top, #f00 0%, #602a2f 88%)!important;
     background: linear-gradient(to bottom, #f00 0%, #602a2f 88%)!important;
     }

.shoplinkamazon a,
.shoplinkrakuten a {
     color : white!important ;
     text-decoration : none!important ;
     display : inline-block!important ;
     padding : 0.5em 3em!important ;
     text-shadow : 1px 1px 3px rgba(0, 0, 0, 0.68)!important ;
     }

.shoplinkamazon,
.shoplinkrakuten {
     display : inline-block!important ;
     padding: 0.3em!important;  
     margin : 0 0.5em 0.5em 0!important ;  
     letter-spacing : 0.2em!important ;
     line-height : 1.5!important ;
     border-radius : 10px!important ;
     -webkit-border-radius : 10px!important ;
     -moz-border-radius : 10px!important ;
     box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     -webkit-box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     -moz-box-shadow:rgba(113, 135, 164, 0.137255) 0px 0px 4px 2px!important;
     }

.shoplinkamazon:hover,
.shoplinkrakuten:hover {
     background : gray!important ;
     }

@media screen and (max-width: 480px) {
 
        .kaerebalink-box,
        .booklink-box,
        .pochireba {
                text-align:center!important;
                padding: 1em!important;
                margin:0 0 0.5em 0!important;
                }

        .pochi_info {
                text-align:center!important;
                }

        .kaerebalink-box .kaerebalink-image,
        .booklink-box .booklink-image,
        .pochi_img {
                float: none !important;     
                }


        .shoplinkamazon,
        .shoplinkrakuten,
        .shoplinkkindle,
        .pochi_name {
                display:block!important;
                letter-spacing: 1em!important;
                padding:0!important;
                }

        .shoplinkamazon a,
        .shoplinkrakuten a,
        .shoplinkkindle a {
                padding:1em 25%!important;
                }

        /* カエレバ Amazon */
        .kaerebalink-box .shoplinkamazon a {
                padding : 0.9em 6em!important ;
                }

        /* カエレバ 楽天 */
        .kaerebalink-box .shoplinkrakuten a {
                padding : 0.9em 5.5em!important ;
                }

        /* ヨメレバ Amazon */
        .booklink-box .shoplinkamazon a {
                padding : 0.9em 6em!important ;
                }

        /* ヨメレバ 楽天 */
        .booklink-box .shoplinkrakuten a {
                padding : 0.9em 5.5em!important ;
                }

        /* ヨメレバ Kindle */
        .booklink-box .shoplinkkindle a {
                padding : 0.9em 6em!important ;
                }

        /* ポチレバ */
        .pochi_name a {
                padding : 0.3em 5% 0.5em 5%!important ;
                }
}