@charset "shift_jis";

/*
.company-information .box-link a.btn.orange {font-size:100%; line-height:150%;}
.service-inforamtion .box-link a.btn.orange {font-size:120%; line-height:150%;}
*/


.separate .ranking-data-outline#online {width:624px;}

.ranking-top .ranking-data-outline {width:650px; border:none; border-left:8px solid #bd8b1e; padding:0 12px 0 15px; border-radius:0; margin-bottom:15px; box-sizing:border-box;}
.ranking-top .ranking-data-outline h2 {font-size:28px;}
.ranking-top .ranking-data-outline p {padding:0; border:none;}

.archive .ranking-data-outline {border:1px solid #bd8b1e; border-radius:3px; padding:10px 12px; width:980px; margin:0 auto 5px;}
.archive .ranking-data-outline p {color:#bd8b1e; border-left:8px solid #bd8b1e; padding-left:15px; font-weight:bold;}

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

.rank_english .box-link a.btn.orange {background:#ea5076;}



.ranking .ranking-box .box-link li:nth-child(2) {padding-right:10px; display:table-cell;}
.ranking .ranking-box .box-link li:nth-child(3) {display:table-cell;}
.ranking .ranking-box .box-link a.btn {line-height:24px; font-size:16px; margin:0 1px 10px; width:300px;}
.ranking .ranking-box .box-logo + .box-voice {width:535px;}
.ranking .ranking-box .box-voice li {width:535px;}
.ranking-top .ranking .ranking-box .box-voice li {width:505px;}
.ranking .ranking-top .ranking-box .box-logo a {padding-top:14px;}
.main-contents .ranking .ranking-box .box-link {display:block; width: auto; display: block; margin: 10px 17px 10px 17px;}
.ranking-top .ranking-aside .ranking-box .box-logo, .ranking-top .ranking-box .box-logo {vertical-align:top;}
.ranking .box-link a.btn.orange {background:#ea5076;}
.ranking .box-link a.btn.orange:hover {background:#ea5076; opacity:0.7;}
.ranking .box-link a.btn.green {background:#1dc7b8;}
.ranking .box-link a.btn.green:hover {background:#1dc7b8; opacity:0.7;}
.ranking .box-link a.btn.blue {background:#3a8de9;}
.ranking .box-link a.btn.blue:hover {background:#3a8de9; opacity:0.7;}
.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;}
.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;}




/* ************************************************************************************************** */
/* ************************************************************************************************** */
/* ************************************************************************************************** */


/* ************************************************************************************************** */
/* ************************************************************************************************** */
/* ************************************************************************************************** */

.ranking-aside .box-link ul {margin: 10px 10px 0;}
.ranking-aside .ranking-box .box-link {padding-right:8px; width:auto;}
.ranking-aside .ranking-box .box-link li:nth-child(2) {padding-right:10px; display:table-cell;}
.ranking-aside .ranking-box .box-link li:nth-child(3) {display:table-cell;}
.ranking-aside .ranking-box .box-link a.btn {line-height:24px; font-size:16px; margin:0 1px 10px; width:288px;}
.ranking-aside .ranking-box .box-link li:nth-child(1) .btn:before,.ranking-aside .ranking-box .box-link li:nth-child(2) .btn:before, .ranking-aside .ranking-box .box-link li:nth-child(3) .btn:before {margin-top:-12px;}
.ranking-aside .ranking-box .box-link li:nth-child(1) .btn:after,.ranking-aside .ranking-box .box-link li:nth-child(2) .btn:after, .ranking-aside .ranking-box .box-link li:nth-child(3) .btn:after {margin-top:-8px !important;}
.ranking-aside .ranking-box .box-title h3 span {padding-left:125px;}



/* ************************************************************************************************** */
/* ************************************************************************************************** */
/* ************************************************************************************************** */