.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;}
/* ** add ** */
.ranking-box .box-voice {padding-top:10px;}
.ranking-box .box-voice p {text-indent: 0;}
.ranking-box .box-voice p:before {content: none;}
/* ** Comment Num ** */
.box-title .crown {height:52px; top:6px;}
.box-title .crown.rank01:before,
.box-title .crown.rank02:before,
.box-title .crown.rank03:before {display:block;}
.box-title .icon-rank {margin-top:9px;}
.ranking-box .box-title h3,
.ranking-box.no-client .box-title h3 {width:480px; min-height:60px; padding-top:0; padding-bottom:0; display:table;}
.ranking-aside .ranking-box.no-client .box-title h3 {width:520px;}
.ranking-box .box-title h3 span {display:table-cell; width:100%; height:100%; vertical-align:middle; padding-left:60px;}
.ranking-box.no-client .box-title h3 span {padding-left:0;}
.ranking-aside .ranking-box.no-client .box-title h3 span {padding-left:60px;}
.ranking-aside .ranking-box .box-link {width:100%;}
.box-title .box-side {position: absolute; top: 16px; right: 22px;}
.box-title .score-point {display: inline-block; font-size:143%;}
.box-title .score-point strong {color:#e66;}
.box-title .comment-num {display: inline-block; margin-left: 16px;}
.box-title .comment-num a {width:100%; height:100%; color:#18c; font-size:1rem; text-decoration:underline;}
.box-title .comment-num a:hover {text-decoration:none;}
.box-title .comment-num a span {width:100%; height:100%; text-align:right;}
.box-title .comment-num a span .comment-icon {width:1rem; height:auto; vertical-align:baseline; margin-right:2px;}
/* ** company information ** */
.ranking-box .company-information .company-description {padding:0 10px 10px; overflow:hidden; transition:all 0.8s ease; max-height: unset;}
.ranking-box .company-information .company-description.select {max-height:150vh;}
.ranking-box.no-client .company-information {margin-top:10px;}
.company-information .company-text .btn-more-description {display:none;}
.company-information .company-text .btn-more-description.select {display:block;}
.company-information .company-text .btn-more-description a {display:block; width:300px; height:auto; text-align:center; margin:15px auto; padding:5px; font-size:14px; font-weight:bold; background-color:#fff; color:#999; border:1px solid #999;}
.company-information .company-text .btn-more-description.open a:before {content:""; width:0; height:0; display:inline-block; position:relative; margin-right:8px; vertical-align:middle; top:4px;
	border-top:solid 10px #999; border-right:solid 7px transparent; border-bottom:solid 10px transparent; border-left:solid 7px transparent;}
.company-information .company-text .btn-more-description.close a:before {content:""; width:0; height:0; display:inline-block; position:relative; margin-right:8px; vertical-align:middle; top:-6px;
	border-top:solid 10px transparent; border-right:solid 7px transparent; border-bottom:solid 10px #999; border-left:solid 7px transparent;}
/* ** VOICE ** */
.ranking .ranking-box .box-voice li,
.ranking-aside .ranking-box .box-voice li {width:auto; padding:0; margin:0 15px; border-bottom:1px solid #e7e7e7; min-height:50px;}
.ranking .ranking-box .box-voice li:last-child {border-bottom:none;}
.ranking-aside .ranking-box .box-voice li:last-child {border-bottom:none; margin-left:15px;}
.ranking-box.no-client .box-voice p {margin:0;}
.box-voice .box-voice-txt.box-voice-catch {margin:0; padding:0; border-radius:0; overflow:hidden;}
.box-voice .box-voice-txt.box-voice-catch h4 {background-color:#ccc; padding:6px 1rem; font-size:0.9rem;}
.box-voice .box-voice-txt.box-voice-catch p.breed-age {display:block; margin:0 5px 0 0; padding:0 10px 5px 0; font-weight:bold; font-size:0.9rem;}
.box-voice .box-voice-txt.box-voice-catch p.box-voice-represent {padding:0 10px 10px 0; margin:0 0 0 0;}
.box-voice-other .other-voice-list .box-voice-txt .breed-age {display:block; margin:0 0 0; padding:0 0 5px 0; font-weight:bold; font-size:0.9rem;}
.box-voice-other .other-voice-list .box-voice-txt .box-voice-represent {padding:0 0 10px 0; margin:0 0 0 0; font-size:0.9rem; display:block;}
.box-voice .box-voice-txt.box-voice-catch p.breed-age .have-pet,
.box-voice-other .other-voice-list .box-voice-txt .breed-age .have-pet {display:inline-block; padding:3px 10px; border-radius:2px; background-color:#e3d6d6; margin-right:5px; vertical-align:middle;}
.ranking-box .box-voice .icon-pet-kinds {width:1rem; height:auto; display:inline-block; vertical-align:middle;}
.ranking-box .box-voice .box-voice-user {display:table;}
.ranking-box .box-voice .box-voice-img {display:table-cell; position:relative; top:inherit; left:inherit; visibility:visible; width:44px; padding:10px; text-align:center;}
.ranking-box .box-voice .box-voice-img img {display:inline-block; margin:0;}
.ranking-box .box-voice .box-voice-img p {margin:0;}
.ranking-box .box-voice .box-voice-personal {display:table-cell; vertical-align:top; padding:10px 0 0 0;}
.ranking-box .box-voice li.box-voice-txt:before {content: none;}
.box-voice-other .other-voice-list .box-voice-img {padding:10px 10px 10px 0;}
.box-voice-other .other-voice-list .box-voice-txt p {margin:0;}
.ranking-box .box-voice, .ranking-aside .box-voice, .ranking-box .box-voice,.ranking-aside .box-voice, .ranking-aside .no-client .box-voice {width:100%; padding:0 10px 10px 10px; box-sizing:border-box; margin:10px 0 0 0;}
.other-voice-title {cursor:pointer; background:#fff;}
.other-voice-title:hover {opacity:0.8; background:#fafafa;}
.ranking-box .box-voice .other-voice-title p.other-voice-more {padding:7px 10px 7px 34px; margin:0; position:relative; border-top:1px dotted #e7e7e7;}
.other-voice-title .other-voice-more .icon-status {background-color:#333; display:inline-block; width:16px; height:16px; position:absolute; transform:translateY(-50%); top:50%; left:10px; border-radius:3px;}
.other-voice-title .other-voice-more .icon-status:before {display:block; content:""; position:absolute; top:0; bottom:0; left:50%; margin:auto; width:12px; height:2px; background-color:#fff; transition:.1s; transform:rotate(90deg) translate(0,300%);}
.other-voice-title .other-voice-more .icon-status:after {display:block; content:""; position:absolute; top:0; bottom:0; left:50%; margin:auto; width:12px; height:2px; background-color:#fff; transition:.1s; transform:translateX(-50%);}
.other-voice-title.open .other-voice-more .icon-status:before {transform:rotate(0deg) translateX(-50%);}
.ranking-box .box-voice ul.other-voice-list {display:none; padding:0; background-color:#fff; margin:0;}
.ranking .ranking-box .box-voice ul.other-voice-list li {width:598px; padding:0;}
.ranking-aside .ranking-box .box-title h3.name {padding:8px 10px 0px 50px;}
.ranking-aside .ranking-box .box-title h3 span {padding-left: 120px;}
.score-point strong {font-size:80%;}
.score-point span {font-size:125%; vertical-align:baseline;}
.to-company {margin-bottom:20px;}
.to-company .client {color: #18c; text-decoration: underline; display: block; text-align: right; margin-right: 16px;}
.ads-sponsor {font-size:80%; margin:0 10px 10px 0; text-align:right;}
/* ** point ** */
.box-title .score-point {font-size: 100%;}
.box-title .score-point strong{font-size: 150%;}
/* ** COMMON BREAK ** */
.ranking-top .no-client .box-voice {padding-left:10px;}
.ranking-top .ranking-box.no-client .box-voice p {margin:0;}
.ranking-top .ranking-aside .box-voice, .ranking-top .ranking-aside .no-client .box-voice {width:100%; padding:0 10px 10px 10px; box-sizing:border-box; margin:10px 0 0 0;}
/* ** h4 ** */
.ranking-score h4, .ranking .ranking-company-feature h4, .box-voice .box-voice-txt.box-voice-catch h4 {background-color: #f9f9ff; padding: 6px 12px; font-size: 0.9rem; border-left: solid 10px #1188aa; margin: 0 0 10px 0;}
.box-voice .box-voice-txt.box-voice-catch h4 {padding-right: 70px;}
/* ** ranking-score ** */
.ranking-score {width: 100%; padding: 0 10px 10px 10px; box-sizing: border-box; margin: 10px 0 0 0;}
.ranking-score table {width: -webkit-fill-available; margin: 6px; border: 3px solid #8fbde5; background-color: #fff;}
.ranking-score th {padding: 8px 0; line-height: 1.2; text-align: center; color: #333;}
.ranking-score thead th {background-color: #8fbde5; color: #fff;}
.ranking-score thead th.rank {width: 20%; border-left: 2px solid #fff; border-right: 2px solid #fff;}
.ranking-score thead th.score {width: 20%;}
.ranking-score tbody td {text-align: center;}
.ranking-score tbody td, .ranking-score tbody th {border: 2px solid #8fbde5; font-weight: normal;}
.ranking-score tbody td.rank {font-weight: bold;}
.ranking-score tbody td.score .score-point strong {color: #e66;}
.ranking-score .to-company {margin-bottom: 0;}