/** 2018.05.04 ヘッダー下ウィジェット用 start **/
.header-widget-sp {
  background-color:#fff;
	padding:0px;
  margin:0 15px 0 15px;
  counter-reset: ranking;
  list-style-type: none;
}
.header-widget-sp .header-widget-title-sp {
	margin:0 0 10px 0;
	padding:2px 8px;
	border-width:0;
	border-style:solid;
	background-color: #66cdaa;
	color:#fff;
	line-height:140%;
	font-weight:normal;
	font-size: 18px;
	text-align: center;
}
/** 2018.05.04 ヘッダー下ウィジェット用 end **/
/** 2018.05.04 WPPに順位を表示 start **/
.wpp-list {
    counter-reset: wpp-ranking;
}
.wpp-list li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
}
.wpp-list li {
  position: relative;
  list-style-type: none;
}
.wpp-list li::before {
  content: counter(wpp-ranking, decimal);
  counter-increment: wpp-ranking;
  background: #ffcd44;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  padding: 4px 8px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.wpp-list li img {
  margin: 0px 5px 10px 0px;
}
/** 2018.05.04 WPPに順位を表示 end **/
/** 2018.05.04 ヘッダー下のWPPを横並びにする start **/
.scroll-wpp {
    overflow-x: scroll;
}
.scroll-wpp::-webkit-scrollbar {
    height: 10px;
}
.scroll-wpp::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #333;
}
.header-widget-sp .wpp-list {
    overflow: hidden;
    width: 1090px;
    list-style-type: none;
	display: flex;
	justify-content: center;
}
.header-widget-sp .wpp-list li {
	margin-right: 10px;
	width: 100px;
}
.header-widget-sp .wpp-list li:last-child {
    margin-right: 0;
}
.header-widget-sp .wpp-thumbnail {
    width: 100px;
    height: auto;
}
.header-widget-sp .wpp-post-title {
	font-size: 10px;
}
/** 2018.05.04 ヘッダー下のWPPは横並びにする end **/
/** 2016.05.15 カエレバヨメレバポチレバ用 start **/
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkkindle,
.pochi_name {
    display : inline-block!important ;
    text-align : center!important ;
    margin : 0 0.5em 0.7em 0!important ;
    padding : 0!important ;
    line-height : 1.5!important ;
    border-radius : 5px!important ;
    -webkit-border-radius : 5px!important ;
    -moz-border-radius : 5px!important ;
    box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    -webkit-box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    -moz-box-shadow : 0px 2px 2px #333, 0 3px 8px #999!important ;
    }
 
.pochi_name {
    display : block!important ;
    letter-spacing : 0!important ;
    color : #fff!important ;
    font-size : 65%!important ;
    padding-top : 1em!important ;
    background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #737373), color-stop(0.48, #4a4545), color-stop(0.54, #454545), color-stop(0.54, #454545), color-stop(0.01, #c9c5c5), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1), color-stop(0.00, #e3e2e1))!important ;
    background : -webkit-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -moz-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -o-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : -ms-linear-gradient(top, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    background : linear-gradient(to bottom, #e3e2e1 0%, #e3e2e1 0%, #e3e2e1 0%, #c9c5c5 1%, #454545 54%, #454545 54%, #4a4545 48%, #737373 100%)!important ;
    }
 
.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkkindle a,
.pochi_name a {
    display : inline-block!important ;
    color : #fff!important ;
    text-decoration : none!important ;
    text-shadow : -1px -1px 0px rgba(0, 0, 0, 1)!important ;
    }
 
.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkkindle a:hover {
    background : gray!important ;
    border-radius : 5px!important ;
    -webkit-border-radius : 5px!important ;
    -moz-border-radius : 5px!important ;
    }
 
/* カエレバ Amazon */
 
.kaerebalink-box .shoplinkamazon {
    letter-spacing : 0.2em!important ;
    background : #292929!important ;
    }
 
.kaerebalink-box .shoplinkamazon a {
    padding : 0.9em 2em!important ;
    }
 
/* カエレバ 楽天 */
 
.kaerebalink-box .shoplinkrakuten {
    letter-spacing : 0.55em!important ;
    background : #BD0000!important ;
    }
 
.kaerebalink-box .shoplinkrakuten a {
    padding : 0.9em 1.6em!important ;
    }
 
/* ヨメレバ Amazon */
 
.booklink-box .shoplinkamazon {
    letter-spacing : 0.2em!important ;
    background : #292929!important ;
    }
 
.booklink-box .shoplinkamazon a {
    padding : 0.9em 2em!important ;
    }
 
/* ヨメレバ 楽天 */
.booklink-box .shoplinkrakuten {
    letter-spacing : 0!important ;
    background : #BD0000!important ;
    }
 
.booklink-box .shoplinkrakuten a {
    padding : 0.9em 1.73em!important ;
    }
 
/* ヨメレバ Kindle */
.booklink-box .shoplinkkindle {
    letter-spacing : 0.36em!important ;
        background : #e47911!important ;
    }
 
.booklink-box .shoplinkkindle a {
    padding : 0.9em 2em!important ;
    }
 
/* ポチレバ */
 
.pochi_name a {
    display : block!important ;
    padding : 0.3em 5% 0.5em 5%!important ;
    font-size : 190%!important ;
    }
 
.pochi_name a:hover {
    background : none ;
    }
 
.pochi_name:hover {
    background : -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c7c7c7), color-stop(0.48, #575757), color-stop(0.48, #575757), color-stop(0.00, #7a7a7a))!important ;
    background : -webkit-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -moz-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -o-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    background : -ms-linear-gradient(top, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%) ;
    background : linear-gradient(to bottom, #7a7a7a 0%, #575757 48%, #575757 48%, #c7c7c7 100%)!important ;
    }
 
.pochi_name:before {
    content : "今すぐダウンロード!" ;
    display : block ;
    font-size : 160% ;
    color : yellow ;
    text-shadow : -1px -1px 0px rgba(108, 106, 106, 1) ;
    }

@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 ;
        }
}
/** 2016.05.15 カエレバヨメレバポチレバ用 end **/