@charset "utf-8";
/* CSS Document */

@media print, screen and (min-width:481px){
	/*トップページ*/
	.ranking_box{width: 1020px; overflow: hidden;}
	.ranking_box .rlst{float: left; width: 158px; padding: 35px 15px 20px 15px; margin: 0 20px 0 0; position: relative; background-color: #fff; font-size:313px; line-height: 150%;}
	.ranking_box .rlst_up{float: left; width: 158px; padding: 35px 15px 20px 15px; margin: 0 20px 0 0; position: relative; background-color: #fff; font-size: 13px; line-height: 150%;}
	.ranking_box .rlst dt, .ranking_box .rlst_up dt{font-size: 13px; line-height: 120%;}
	.ranking_box .rlst dd, .ranking_box .rlst_up dd{text-align: center; margin-bottom: 5px;}
	.ranking_box .bodylst{float: left; width: 210px; padding: 35px 15px 30px 15px; margin: 0 20px 20px 0; position: relative; background-color: #fff; font-size: 13px; line-height: 150%;}
	.ranking_box .rlst:nth-child(5n), .ranking_box .rlst_up:nth-child(5n), .ranking_box .bodylst:nth-child(4n){margin: 0 0 0 0;}
	
	/*トップページ用マーク*/
	.top1_count{position: absolute; top: 10px; left: 10px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count{position: absolute; top: 10px; left: 10px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count{position: absolute; top: 10px; left: 10px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count{position: absolute; top: 10px; left: 10px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count{position: absolute; top: 15px; left: 15px; padding: 14px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #FFF; border:1px solid #dedede; color: #9C9392;}

	/*専用ページ用*/
	.rankp_box{width: 680px; overflow: hidden; border-top: 1px solid #ddd; padding: 20px 0 10px 0; font-size: 13px; line-height: 18px;}
	.rankp_box:last-child{border-bottom: 1px solid #ddd;}
	.rankp_box .lbox{float: left; width: 140px; position: relative;}
	.rankp_box .lbox img{width: 100%; height: auto;}
	.rankp_box .rankmds{font-size: 18px; line-height: 20px; font-weight: bold; margin-bottom: 5px;}
	.rankp_box .rankmds span{font-size: 14px; line-height: 100%; font-weight: normal;}
	.rankp_box .rbox{float: right; width: 510px; overflow: hidden;}
	.rankp_box .rbox a{color: #313233;}
	.rankp_box .mlbox{float: left; width: 320px; font-size: 13px; line-height: 20px;}
	.rankdatabox dl{overflow: hidden;}
	.rankdatabox dt{float: left; width: 80px;}
	.rankdatabox dd{float: right; width: 230px;}
	.rankdatabox .review{margin-bottom: 5px;}
	.rankdatabox .r_redtxt{color: #ff0000;}
	.rankdatabox .rpoint{font-size: 18px; line-height: 20px; font-weight: bold; margin: 0 3px 0 5px;}
	.rankp_box .mrbox{float: right; width: 170px;}
	
	/*ランキングマーク*/
	.sel_top1_count{position: absolute; top: 0px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.sel_top2_count{position: absolute; top: 0px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.sel_top3_count{position: absolute; top: 0px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.sel_top10_count{position: absolute; top: 0px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #9c9392;}
	.sel_top10over_count{position: absolute; top: 0px; left: 0px; padding: 14px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #9c9392;}
	
	/*専用ページ用マーク*/
	.top1_count_r{position: absolute; top: -5px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count_r{position: absolute; top: -5px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count_r{position: absolute; top: -5px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count_r{position: absolute; top: -5px; left: 0px; padding: 10px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count_r{position: absolute; top: -5px; left: 0px; padding: 14px 6px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top100over_count_r{position: absolute; top: -5px; left: 0px; padding: 15px 3px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top1000over_count_r{position: absolute; top: -5px; left: 0px; padding: 19px 3px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}

	/*ボタン*/
	.press_btn{width:100%; display:inline-block;}
	.btn_anim_rank{position: relative; display: inline-block; padding: 6px 0 4px 0; text-decoration: none; color: #6C86A2 !important; background: #eee; border-bottom: solid 2px #ddd; border-radius: 5px; text-align: center; font-weight: bold;}
	.btn_anim_rank:hover{background-color: transparent; text-decoration: none !important; background-color: #92aac2; color: #fff !important;}
	
	/*右メニュー*/
	.right_mlst{overflow: hidden; width: 100%; font-size: 13px; line-height: 120%;}
	.right_mlst li{float: left; width: 48%; margin: 0 4% 10px 0; background-color:#f7f7f7; border:1px solid #eee; color: #000 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition:all .3s; cursor:pointer; border-radius:5px; padding: 7px 15px 5px 15px; font-size:12px; text-align:left;}
	.right_mlst li:nth-child(2n){margin-right: 0px;}
	.right_mlst img{width: 40px; height: auto; margin-right: 5px; vertical-align: -4px;}

	/*サイドカラム内ランキング用マーク*/
	.top1_count_s{position: absolute; top: 2px; left: 2px; padding: 8px 4px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count_s{position: absolute; top: 2px; left: 2px; padding: 8px 4px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count_s{position: absolute; top: 2px; left: 2px; padding: 8px 4px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count_s{position: absolute; top: 2px; left: 2px; padding: 8px 4px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count_s{position: absolute; top: 2px; left: 2px; padding: 10px 2px; border-radius: 50%; font-size: 12px; line-height: 100%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}

}

@media screen and (max-width:480px){
	/*トップページ・買取ランキングなど*/
	.ranking_box {overflow: hidden; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
	.ranking_box .rlst, .ranking_box .rlst_up, .ranking_box .bodylst{float: left; width: 48%; padding: 35px 15px 20px 15px; margin: 0 4% 4% 0; position: relative; background-color: #fff; font-size: 13px; line-height: 150%;}
	.ranking_box .rlst dt, .ranking_box .rlst_up dt{font-size: 13px; line-height: 130%;}
	.ranking_box .rlst dd, .ranking_box .rlst_up dd{text-align: center;}
	.ranking_box .rlst:nth-child(2n), .ranking_box .rlst_up:nth-child(2n), .ranking_box .bodylst:nth-child(2n){margin-right: 0;}
	
	.rlst_up h4{font-weight: bold;}
	.bdrlst li{padding-bottom: 3px; margin-bottom: 7px; border-bottom: 1px dotted #ddd;}
	.selectdwn{width: 100%; height: 32px; background-color: #fff; border-top: 1px solid #eee; border-left:1px solid #eee; border-bottom:1px solid #bbb; border-right:1px solid #bbb; border-radius:5px; padding: 5px 0 5px 5px; cursor:pointer;}
	.top1_count_r{position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count_r{position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count_r{position: absolute; top: 0px; left: 0px;width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count_r{position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count_r{position: absolute; top: 0px; left: 0px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top100over_count_r{position: absolute; top: 0px; left: 0px; width: 36px; height: 36px; text-align: center; border-radius: 50%; font-size: 11px; line-height: 288%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top1000over_count_r{position: absolute; top: 0px; left: 0px; width: 40px; height: 40px; text-align: center; border-radius: 50%; font-size: 10px; line-height: 384%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	
	/*ランキングマーク*/
	.sel_top1_count{position: absolute; top: 2px; left: 33px; width: 24px; height: 24px; text-align: center; border-radius: 50%; font-size: 11px; line-height: 206%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.sel_top2_count{position: absolute; top: 2px; left: 33px; width: 24px; height: 24px; text-align: center; border-radius: 50%; font-size: 11px; line-height: 206%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.sel_top3_count{position: absolute; top: 2px; left: 33px; width: 24px; height: 24px; text-align: center; border-radius: 50%; font-size: 11px; line-height: 206%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.sel_top10_count{position: absolute; top: 2px; left: 33px; width: 24px; height: 24px; text-align: center; border-radius: 50%; font-size: 11px; line-height: 206%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #9c9392;}
	.sel_top10over_count{position: absolute; top: 2px; left: 33px; width: 28px; height: 28px; text-align: center; border-radius: 50%; font-size: 10px; line-height: 254%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #9c9392;}
	
	/*トップページ用マーク*/
	.top1_count{position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count{position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count{position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count{position: absolute; top: 10px; left: 10px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count{position: absolute; top: 5px; left: 5px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #FFF; border:1px solid #dedede; color: #999;}

	/*専用ページ*/
	.rankp_box{overflow: hidden; border-top: 1px solid #ddd; padding-top: 20px; font-size: 13px; line-height: 18px;}
	.rankp_box:last-child{border-bottom: 1px solid #ddd;}
	
	.rankp_box_wh{overflow: hidden; padding: 20px 15px 10px 15px; margin: 0 0 10px 0; background-color: #fff;}
	
	.rankp_box .lbox, .rankp_box_wh .lbox{float: left; width: 33%; position: relative; padding-top: 15px;}
	.rankp_box .lbox img, .rankp_box_wh .lbox img{width: 100%; height: auto;}
	.rankp_box .rankmds, .rankp_box_wh .rankmds{font-size: 16px; line-height: 20px; font-weight: bold;}
	.rankp_box .rankmds span, .rankp_box_wh .rankmds span{font-size: 13px; line-height: 100%; font-weight: normal;}
	.rankp_box .rbox, .rankp_box_wh .rbox{float: right; width: 62%; overflow: hidden;}
	.rankp_box .rbox a, .rankp_box_wh .rbox a{color: #313233;}
	.rankp_box .mlbox, .rankp_box_wh .mlbox{float: left; width: 100%; font-size: 13px; line-height: 22px; margin-bottom: 10px;}
	.rankdatabox dl{overflow: hidden; line-height: 100%; margin-bottom: 5px;}
	.rankdatabox dt{float: left; width: 40%;}
	.rankdatabox dd{float: right; width: 60%; text-align: right;}
	.rankdatabox .review{margin-bottom: 5px;}
	.rankdatabox .r_redtxt{color: #ff0000;}
	.rankdatabox .rpoint{font-size: 18px; line-height: 20px; font-weight: bold; margin: 0 3px 0 5px;}
	.rhddnbox{overflow: hidden;}
	.rankp_box .mrbox, .rankp_box_wh .mrbox{width: 100%; overflow: hidden; margin: 5px 0 10px 0;}
	.rankp_box .mrbox li, .rankp_box_wh .mrbox li{float: left; width: 32%; margin-right: 2%}
	.rankp_box .mrbox li:nth-child(3n), .rankp_box_wh .mrbox li:nth-child(3n){margin: 0px;}
	
	/*ボタン*/
	.press_btn{width:100%; display:inline-block;}
	.btn_anim_rank{position: relative; display: inline-block; padding: 6px 0 4px 0; text-decoration: none; color: #6C86A2 !important; background: #eee; border-bottom: solid 2px #ddd; border-radius: 5px; text-align: center; font-weight: bold;}
	
	/*右メニュー*/
	.right_mlst{overflow: hidden; width: 100%; font-size: 13px; line-height: 120%;}
	.right_mlst li{float: left; width: 48%; margin: 0 4% 10px 0; background-color:#f7f7f7; border:1px solid #eee; color: #000 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition:all .3s; cursor:pointer; border-radius:5px; padding: 7px 15px 5px 15px; font-size:12px; text-align:left;}
	.right_mlst li:nth-child(2n){margin-right: 0px;}
	.right_mlst img{width: 40px; height: auto; margin-right: 5px; vertical-align: -4px;}

	/*サイドカラム内ランキング用マーク*/
	.top1_count_s{position: absolute; top: 2px; left: 2px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #d9b340; border:1px solid #d9b340; color: #fff;}
	.top2_count_s{position: absolute; top: 2px; left: 2px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #6f7b83; border:1px solid #6f7b83; color: #fff;}
	.top3_count_s{position: absolute; top: 2px; left: 2px;width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #a15326; border:1px solid #a15326; color: #fff;}
	.top10_count_s{position: absolute; top: 2px; left: 2px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
	.top10over_count_s{position: absolute; top: 2px; left: 2px; width: 32px; height: 32px; text-align: center; border-radius: 50%; font-size: 12px; line-height: 240%; font-weight: bold; background-color: #fff; border:1px solid #dedede; color: #999;}
}