@charset "shift_jis";

/* select-box
-------------------------------------------------- */
.select-box .select-box-tab li {width:11%;}
.select-box .select-box-tab li.ranking-top,
.select-box .select-box-tab li.evaluation-item,
.select-box .select-box-tab li.smartphone {width:16%;}
.select-box .select-box-tab li.featurephone {width:19%;}

/* ** box-link ** */
.main-contents .ranking .ranking-box .box-link {width: auto; display: block; margin: 10px;}
.main-contents .ranking .ranking-box .box-link ul {margin: 0;}
.main-contents .ranking .ranking-box .box-link a.btn {line-height: 24px; font-size: 16px; margin: 0 1px 10px; width: 307px}
.main-contents .ranking .ranking-box .box-link a.btn.orange {width: 626px;}
.main-contents .ranking .ranking-box .box-link li:nth-child(2) .btn:before, .ranking .ranking-box .box-link li:nth-child(3) .btn:before {margin-top: -12px;}
.main-contents .ranking .ranking-box .box-link li:nth-child(2) .btn:after, .ranking .ranking-box .box-link li:nth-child(3) .btn:after {margin-top: -8px !important;}
.main-contents .ranking .ranking-box .box-link li:nth-child(2) {padding-right: 10px; display: table-cell;}
.main-contents .ranking .ranking-box .box-link li:nth-child(3) {display: table-cell;}

.detail .box-link a.btn.orange {background: #ea5076;}
.detail .box-link a.btn.orange:hover {background: #ea5076;}
.detail .box-link a.btn.green {background: #1dc7b8;}
.detail .box-link a.btn.green:hover {background: #1dc7b8;}
.detail .box-link a.btn.blue {background: #3a8de9;}
.detail .box-link a.btn.blue:hover {background: #3a8de9;}

