@charset "shift_jis";

.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;}

.separate {background:url(//life-cdn.oricon.co.jp/img/unify-design/separate-border.png) 50% 0 no-repeat; padding-top:60px;}


.ranking-top .detail_inquiry_section h2.inquiry-genre-title {font-size:20px; background-color:#666; color:#fff; padding:5px 10px; margin:40px 0;}

.company-temp .ranking-box .box-link a.btn, .company-temp .company-information .box-link a.btn,
.company-page .box-link a.btn.orange {line-height: 140%;}

.company-temp .service-inforamtion .box-link a.btn {font-size:18px; line-height:24px;}

.detail_inquiry_section:nth-child(3) .inquiry-genre-title {margin-top:60px;}

.ranking-box .box-title h4 {line-height:24px;}

.rank_english .header-visual {height:340px;}
.header-visual .link-ranking {opacity:0.9; bottom:5px;}
.header-visual .link-ranking ul {padding-top:26px;}

.ranking-box.no-client .box-title h4 {padding: 12px 0 10px 60px; line-height: 28px;}


.ranking-aside .ranking-box.no-client .box-title h4 {padding: 12px 0 0 0; line-height: 24px;}

.product-info .rank-campaign-box .campaign-text a {text-decoration:underline; color:#c00 !important;}
.product-info .rank-campaign-box .campaign-text a:hover {text-decoration:none;}


.rank_english .rank-opt-box .icon-opt01, .rank_english .rank-opt-box .icon-opt02, .rank_english .rank-opt-box .icon-opt01, .rank_english .rank-opt-box .icon-opt02, .rank_english .company-information .box-title .icon-opt01, .rank_english .company-information .box-title .icon-opt02 {background-color:#ddd;}

.rank_english .summary-title h4,
.rank_english .ranking-topics-box li span {color:#ea5076;}

/* ranking-main-contents */
.ranking-aside .ranking-aside-header {margin-bottom:20px; font-size:143%;}

.ranking-aside.os-rank .ranking-box.no-client {background-color:#f8f8f8;}
.ranking-aside.os-rank .ranking-box.no-client .box-title h4 {padding:6px 0 6px 0;}
.ranking-aside.os-rank .no-client .box-voice {padding:6px 10px 10px 10px;}
.ranking-top .separate .ranking-box .box-logo {vertical-align:middle;}

.sub-content {}
.sub-content h2 {font-size:20px; border-left:6px solid #333; padding:1px 7px; line-height:24px;}
.sub-content-box  {margin:30px auto;}

.point-important dl {border-bottom:1px solid #ccc9c9; margin-bottom:10px;}
.point-important dt {width:310px; border-top:1px solid #ccc9c9; margin:0; padding:7px 20px; font-size:18px; float:left; background-color:#eee;}
.point-important dd {width:260px; border-top:1px solid #ccc9c9; margin:0; padding:7px 20px; font-size:18px; float:left; text-align:center;}
.point-important p {font-size:14px;}

.user-voice {}
.user-voice .excellent {width:650px;}
.voice-stage-box {border-radius:5px; padding:2px; margin:20px auto;}
.voice-stage-box h3 {font-size:16px; line-height:160%; padding:3px 6px;}
.voice-stage-box ul {background-color:#fff; margin:0; padding:5px 0; list-style:none; border-radius:0 0 5px 5px;}
.voice-stage-box li {margin:3px 10px; padding:10px 0 10px 50px; min-height:46px; line-height:140%; font-size:14px; border-bottom:1px dotted #ccc;}
.voice-stage-box li:last-child {border:none;}
.voice-stage-box.excellent {background-color:#f8b551;}
.voice-stage-box.good {background-color:#d1c0a5;}
.voice-stage-box.fair {background-color:#c2dcff;}
.voice-stage-box li.w20 {background:url(//life-cdn.oricon.co.jp/img/common/icon-woman-age20.png) 0 50% no-repeat;}
.voice-stage-box li.w30 {background:url(//life-cdn.oricon.co.jp/img/common/icon-woman-age30.png) 0 50% no-repeat;}
.voice-stage-box li.w40 {background:url(//life-cdn.oricon.co.jp/img/common/icon-woman-age40.png) 0 50% no-repeat;}
.voice-stage-box li.w50 {background:url(//life-cdn.oricon.co.jp/img/common/icon-woman-age50.png) 0 50% no-repeat;}
.voice-stage-box li.w60 {background:url(//life-cdn.oricon.co.jp/img/common/icon-woman-age60.png) 0 50% no-repeat;}
.voice-stage-box li.m20 {background:url(//life-cdn.oricon.co.jp/img/common/icon-man-age20.png) 0 50% no-repeat;}
.voice-stage-box li.m30 {background:url(//life-cdn.oricon.co.jp/img/common/icon-man-age30.png) 0 50% no-repeat;}
.voice-stage-box li.m40 {background:url(//life-cdn.oricon.co.jp/img/common/icon-man-age40.png) 0 50% no-repeat;}
.voice-stage-box li.m50 {background:url(//life-cdn.oricon.co.jp/img/common/icon-man-age50.png) 0 50% no-repeat;}
.voice-stage-box li.m60 {background:url(//life-cdn.oricon.co.jp/img/common/icon-man-age60.png) 0 50% no-repeat;}
/* ranking-box-client */
.ranking-box > :last-child {margin-bottom: 10px;}
.ranking-box .box-title h4 {padding-top:3px;}
.ranking-box .box-title h4 a {display:inline-block;}
.ranking-box .box-voice .rank-opt-box {margin: 3px 8px 0 0;}
.ranking-box .box-voice p.opt-text {margin-bottom: 8px; text-indent:0; border: 1px dotted #aaa; margin-left:0; border-radius:3px;  font-size:11px; background-color:#f3f3f3;padding:0; line-height:20px; text-indent:0; list-style:none;}
.ranking-box .box-voice p.opt-text:before {content:none;}
.ranking-box .opt-text span {margin-right: 6px; padding:2px 8px; font-size:11px; background-color:#ccc; line-height:20px;}
/* rankingtop */
.rankingtop_read {padding:0 0px 35px;}
.rankingtop_read h2 {padding:0 10px; font-size:107%;}
.rankingtop_read .btn_more {margin:20px 0; color:#333;}
.rankingtop_read .rankingtop_text {width:100%; padding:0 0 5px; overflow:inherit;}
.rankingtop_read .rankingtop_text.hide {position:relative; z-index:1; max-height:100px; overflow:hidden;}
.rankingtop_read .rankingtop_text.hide:before {position:absolute; bottom:-5px; left:0px; z-index:2; display:block; content:""; width:640px; height:60px;
	background:url(https://life-cdn.oricon.co.jp/food-service/common/images/smartphone/rankTop_bg.png) repeat-x 50% 100%; -webkit-background-size:320px 72px; background-size:320px 60px;}
.rankingtop_read .rankingtop_more, .rankingtop_read .rankingtop_up {padding: 0 10px; text-align:center;}
.rankingtop_read .rankingtop_up {display: none;}
.rankingtop_read .rankingtop_text.hide {max-height:80px;}
.rankingtop_read {background:none; padding:0 0px 5px;}
.ranking-top .rankingtop_read {width:500px;}
.ranking-box.no-client .rankingtop_read {width:auto;}
.ranking-box.no-client .rankingtop_read {padding:5px 0px 0;}
.ranking-top .ranking-box.no-client .rankingtop_read .rankingtop_text.hide:before {background:url(//life-cdn.oricon.co.jp/food-service/common/images/smartphone/rankTop_bg.png) repeat-x 50% 100%;}
.ranking-box .rankingtop_read .rankingtop_text.hide:before {background:url(//life-cdn.oricon.co.jp/food-service/common/images/smartphone/rankTop_bg.png) repeat-x 50% 100%;}
.ranking-top .ranking-box.no-client .box-voice .rankingtop_read p {margin-bottom:8px;}
.ranking-aside .rankingtop_text.hide:before {width:600px;}
.ranking-top .ranking-aside .box-voice, .ranking-top .ranking-aside .no-client .box-voice {width:600px;}

.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: 0 17px 30px; padding: 0;}
.main-contents .ranking .ranking-box .box-link ul {margin: 0;}
.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; width:612px;}
.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 .ranking-box.no-client .rankingtop_read .rankingtop_text.hide:before,
.ranking .ranking-box .rankingtop_read .rankingtop_text.hide:before {background: url(//life-cdn.oricon.co.jp/food-service/common/images/smartphone/rankTop_bg.png) repeat-x 50% 100%;}
.ranking-top .ranking .ranking-box .rankingtop_read .rankingtop_text.hide:before,
.ranking-top .ranking .ranking-box.no-client .rankingtop_read .rankingtop_text.hide:before {background: url(//life-cdn.oricon.co.jp/food-service/common/images/smartphone/rankTop_bg.png) repeat-x 50% 100%;}
.ranking-top .ranking .rankingtop_read .rankingtop_text {margin:0 15px;}
.ranking .rankingtop_read .rankingtop_text {margin:0 0;}

.ranking-aside .box-logo a {width:auto;}
.ranking-top .ranking-aside .box-voice, .ranking-top .ranking-aside .no-client .box-voice {width:auto; padding-right:10px;}
.ranking-aside .ranking-box .box-link {padding-right:8px;}

.outside-client.no-client .box-voice {padding: 10px 5px 10px 0;}
.box-link {padding-top: 10px;}

.premium .voice-stage-box .box-link {width:100%; margin-bottom:30px;}
.premium .voice-stage-box .box-link li {width:200px; padding:0; margin:0 10px 0 0; border:none; height:50px; font-size:110%; line-height:50px;}
.premium .voice-stage-box .box-link li:last-child {margin:0;}

.ranking-aside .ranking-box .box-link ul {margin-top:0;}
.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 a.btn.orange {width:588px;}
.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(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;}

.lp-page .ranking-aside .box-link ul {margin:10px 0 0;}
.lp-page .ranking-aside .ranking-box .box-link {padding-left:12px;}
.lp-page .ranking-aside .ranking-box .box-link a.btn.orange {width:286px;}
.lp-page .ranking-aside .submit-client .box-link .btn:after {margin-top:-12px !important;}
.lp-page .ranking-aside .ranking-box .box-link li:nth-child(2) .btn:after, .lp-page .ranking-aside .ranking-box .box-link li:nth-child(3) .btn:after {margin-top:-12px !important;}
.ranking-aside .ranking-box .box-title .icon-recommend-ranking {display:none;}
.ranking-aside .ranking-box .box-title h3 {background-position:left !important;}
.ranking-aside .ranking-box .box-title h3 span {padding-left:60px;}
.ranking-aside .ranking-box.no-client .box-title h3 span {padding-left:0 !important;}
.company-about-information + .box-link {width:100%;}
.header-ranking-detail .ranking-information p.title-img {background-color:#fff; margin:0; padding:10px 0 15px;}
/* ** company-contents ** */
.btn-company-link {padding:20px 0 0;}
.btn-company-link p {text-align:center;}
.btn-company-link p a {font-size:17px; border-bottom:1px solid #18a;}
.btn-company-link p a:hover {border-bottom:none; text-decoration:none;}
.btn-company-link p a:before {content:""; display:inline-block; width: 6px; vertical-align:0.1em; border-style:solid; border-width:6px 0 6px 7px; border-color:transparent transparent transparent #18a;}
.btn-category-top a span {width:460px;}

.english-school-list {margin-top:40px;}
.ranking-aside .region-list {padding:20px 28px;}
.region-list .region {float:none; width:auto; font-size:16px;}

.service-inforamtion .service-inforamtion {border: 0;}
/* ** shop-list ** */
.region-list .region li {display: inline-block; padding: 0 0.5em; margin: 0; border-right: 1px solid #71adc3;}
/* ** general-purpose-table ** */
.general-purpose-table {margin: 0 10px 30px; width: auto;}
.general-purpose-table table {border-collapse: collapse; border-spacing: 0; width: -webkit-fill-available;}
.general-purpose-table th, .general-purpose-table td {padding:6px 10px; border: 1px #18a solid; background-color: #fff;}
.general-purpose-table th {background-color: #e2f8ff; text-align: left; width: 30%;}
.general-purpose-table td {width: 70%;}
/* ** client-commentary ** */
.client-commentary {margin: 0 10px 30px;}
.client-commentary div.body {border: 4px solid #18A;}
.client-commentary h4 {background-color: #18A; color: #fff; font-weight: bold; padding: 4px 4px 8px;}
.client-commentary h4::before {content: "��"; margin: 0 3px;}
.client-commentary p.body {padding:10px 14px; font-size:14px; background-color: #fff; line-height:200%;}
.client-commentary .text-effect-01 {background: linear-gradient(transparent 60%, #ffcdd2 60%); font-weight: bold;}
/* ** feature ** */
.feature-02 {margin: 0 10px 30px;}
.feature-02 h4 {background-color: #18a;color: #fff; margin: 0; padding: 7px 10px;}
.feature-02 h4 span {border-left: 4px solid #fff; padding: 0 8px;}
.feature-02 .body {padding: 0.6rem 0.6rem 0.6rem 2.6rem; background-color: #fff;}
.feature-02 ul {list-style: none; margin: 0; padding: 0;}
.feature-02 li {position: relative; margin: 5px 0;}
.feature-02 li::before {content: "��"; font-size: 22px; color: #ecad02; position: absolute; top: -6px; left: -25px;}
.feature-02 p.annotation {margin: 4px; font-size: 10px;}
/* ** rank-result ** */
.rank-result {margin: 0 10px 30px;}
.rank-result h4 {background-color: #18a;color: #fff; margin: 0 0 10px; padding: 7px 10px;}
.rank-result h4 span {border-left: 4px solid #fff; padding: 0 8px;}
.rank-result table {border-collapse: collapse; border-spacing: 0; border: 4px solid #a3c3cc; border-top: none; width: -webkit-fill-available;}
.rank-result table th, .rank-result table td {padding: 3px 3px; border-right: 1px solid #a3c3cc; border-bottom: 1px solid #a3c3cc; background-color:#fff;}
.rank-result table th {background-color: #a3c3cc; border-right: 1px solid #fff;}
.rank-result table td {padding:3px 12px;}
.rank-result table td.dir-name, .rank-result table td.rank, .rank-result table td.point {text-align: center; padding: 3px 3px;}
.rank-result table td.dir-name {font-weight: bold; width:16%;}
.rank-result table td.rank {width:16%; padding: 3px 3px;}
.rank-result table td.rank img {height: 18px; width: auto; vertical-align: middle;}
.rank-result table td.rank img.crown {height: 24px; width: auto;}
.rank-result table td.point {font-size: 12px; width:16%; padding: 3px 3px;}
.rank-result table td.point span {font-size: 14px; color: #e66; font-weight: bold;}
/* ** ranking-box-client-header-fixed-tab ** */
.box-header + * {margin-top: 10px;}
.contents .main-contents .ranking-box {overflow:hidden;}
.contents .main-contents .ranking-box .js-fixed-elm {background-color: #f5f5f5;}
.js-fixed-area {position: relative; border: 2px solid #999;}
.js-fixed-elm {position: absolute; top: 0; margin:0; padding: 6px 16px 6px 12px; display: flex; width: 648px; z-index: 1; background-color: #f8f8f8; box-sizing: border-box; border-radius:4px 4px 0 0; border-bottom:3px double #ccc;}
.ranking-aside .js-fixed-elm {width:610px;}
.js-fixed-elm.is-fixed {position: fixed;}
.box-header {display:block; overflow:initial;}
.lp .box-header {display:flex;}
.box-header-content {display:flex; justify-content:inherit;}
.company-index-menu ul {margin: 0; padding:5px 0 0 0; list-style: none; display: flex; gap:5px; }
.company-index-menu ul li {font-size:11px; border-bottom:0;  border-radius:4px;  border:1px solid #ccc; margin-bottom:-1px; background-color:#fafafa; transition: all 0.1s ease; position: relative; top:0;}
.company-index-menu ul li:hover {background-color:#fff; top:2px;}
.company-index-menu ul li.active {background-color:#fff;}
.company-index-menu ul li a {position:relative; display:inline-block; padding-left:12px; padding: 5px 5px 4px 19px; text-decoration: none;}
.company-index-menu ul li a:before {content: ''; width:4px; height:4px; border: 0; border-bottom:1px solid #333; border-right:1px solid #333; transform: rotate(45deg); position: absolute; top:-2px; left:8px; bottom: 0; margin: auto;}
/* ** company-basic-information ** */
.basic-inforamtion section {margin: 0 40px 20px; border: 0; }
.basic-inforamtion h4.header {background-color: #a3b4c5; padding: 8px 16px;}
.basic-inforamtion h4.header span {border: 0; padding: 0; font-size: 20px; color: #fff;}
.basic-inforamtion .box-title {height: 62px; padding: 15px 40px; color: #333; background-color: #dce2e8; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 40px;}
.basic-inforamtion .box-title h3 {display: inline-block; font-size: 200%; line-height: 1.1;}
.basic-inforamtion .general-purpose-table {margin: 0 40px 40px; font-size: 18px;}
.basic-inforamtion .general-purpose-table th {background-color: #f6f6f6; border-color: #adadad; text-align: center; font-weight: normal;}
.basic-inforamtion .general-purpose-table td {border-color: #adadad;}
.basic-inforamtion .client-commentary h4::before {content: unset;}
.basic-inforamtion .client-commentary .body {font-size: 20px; padding: 20px; line-height: 1.8;}
.basic-inforamtion .feature-02 .body {font-size: 21px; padding: 10px 32px;}
.basic-inforamtion .feature-02 .body li {margin: 10px 0; padding: 10px 10px 10px 40px; border-bottom: 1px solid #ccc;}
.basic-inforamtion .feature-02 .body li::before {content: "\2714"; top: 0; left: 0; color: #ffca28; font-size: 36px;}
.basic-inforamtion .annotation {margin: 0 40px;}

/* ** 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;}

/* ** 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 {background-color:#fff; 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:10px;}
.to-company .client {color: #18c; text-decoration: underline; display: block; text-align: right; margin-right: 16px;}

/* ** ranking-box-voice-categorized ** */
.box-voice-categorized {padding: 0 10px 20px;}
.box-voice-categorized .title {background-color: #18a; display: flex; justify-content: space-between; align-items: center; padding: 5px 5px 5px 10px;}
.box-voice-categorized .title span {color: #fff; border-left: 5px solid #fff; padding-left: 10px;}
.box-voice-categorized .title .comment-num {background-color: #fff; border-radius: 5px; padding: 4px 10px;}
.box-voice-categorized .title .comment-num a {text-decoration: underline;}
.box-voice-categorized .title .comment-num img {width: 20px; height: auto;}
.box-voice-categorized ul {list-style: none; padding: 0 10px; background-color: #fff; margin: 0;}
.box-voice-categorized ul li {padding:0; border-bottom: 1px solid #e0e0e0;}
.box-voice-categorized ul li .cover {display: flex;}
.box-voice-categorized ul li .img {margin-right: 16px;}
.box-voice-categorized .comment-tab-parent ul {list-style:none; display:table; width:100%; margin:10px 0 0; padding:0; border-left: 1px solid #aaa; border-right: 1px solid #aaa; box-sizing: border-box;}
.box-voice-categorized .comment-tab-parent li {display:table-cell; width:25%; box-sizing:border-box; border-top:1px solid #aaa; border-bottom:1px solid #aaa; font-weight:bold; color:#1188aa; font-size:15px; text-align:center; background-color:#eee; border-right:1px solid #aaa;}
.box-voice-categorized .comment-tab:last-child {border-right:none;}
.box-voice-categorized .comment-tab a {display:block; padding:7px 10px 11px; font-size:14px; font-weight:normal;}
.box-voice-categorized .comment-tab.display {background-color:#fff; border-bottom:none;}
.box-voice-categorized .comment-tab.display a {border-top:4px solid #1188aa; font-weight:bold;}
.box-voice-categorized .comment-tab {background-color:#efefef;}
.box-voice-categorized .comment-tab.display {background-color:#fff;}
.box-voice-categorized .comment-tab-box .comment-txt {display:none;}
.box-voice-categorized .comment-tab-box .comment-txt.display {display:block !important;}
.box-voice-categorized .comment-tab ul {margin-bottom:0;}
.box-voice-categorized .comment-tab ul:first-child {border-left:1px solid #aaa; box-sizing: border-box;}
.box-voice-categorized .comment-tab ul:last-child {border-right:1px solid #aaa; box-sizing: border-box;}
.box-voice-categorized .tab-item-comment-txt {display:none; background-color: #fff;}
.box-voice-categorized .tab-item-comment-txt.display {display:block;}
.box-voice-categorized .box-voice ul {padding:10px 0;}
.box-voice-categorized .box-voice-list {margin:0; padding: 0; border: 1px solid #aaa; border-top:none;}
.box-voice-categorized .box-voice-list img{display:block;}
.box-voice-categorized .box-voice-list li {padding:8px 0;}
.box-voice-categorized .box-voice-list .item-name-list {padding:0 0 10px 0; background-color: #fff;}
.box-voice-categorized .box-voice-list .item-name-list ul {display:flex; overflow-x:auto; scrollbar-width:3px; }
.box-voice-categorized .box-voice-list .item-name-list li {display:block; padding:8px 14px 8px 14px; margin-top:10px; border-bottom: 1px solid #e0e0e0; background-color: #f9f9f9; white-space: nowrap;}
.box-voice-categorized .box-voice-list .tab-item-list > ul {display:flex; flex-wrap:wrap; gap:8px 6px; padding:10px;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li {border:1px solid #18a; padding: 0; transition:all 0.3s ease; border-radius: 2rem; overflow: hidden;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li a {display:block; padding: 5px 9px; font-size:11px; text-decoration: none; position: relative; transition:all 0.3s ease;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li a::before {content: ""; border-bottom: 4px solid transparent; border-left: 6px solid #18a; border-top:4px solid transparent; margin: 0 5px 0 0; display:inline-block; transition:all 0.2s ease;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li.display a {background-color:#18a; color:#fff; font-weight: bold; cursor: default;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li.display a::before {border-left-color:#fff; transform: rotate(90deg);}
.box-voice-categorized .box-voice-list .tab-item-list > ul li:hover:not(.display) {opacity:0.7; background-color:#18a;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li:hover:not(.display) a {color:#fff;}
.box-voice-categorized .box-voice-list .tab-item-list > ul li:hover:not(.display) a::before {border-left-color:#fff;}
.box-voice-categorized .box-voice-list .tab-item-comment-list .select-item-name {padding:6px 20px; background-color:#18a; color:#fff;}