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

.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 {font-size: 14px; 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;}
.ranking-box,
.ranking-box.no-client {background-color:#fff;}
.ranking-aside .ranking-box.no-client {background-color:#fff;}
.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 .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;}

.main-contents .ranking .ranking-box .box-link.btn-estimate {display:block; width:360px; margin:5px auto 10px auto;}
.box-link.btn-estimate ul {margin:0; width:360px;}
.box-link.btn-estimate li {display:block; width:360px;}
.ranking-box .box-link.btn-estimate li {margin-right:30px !important;}
.ranking-box .box-link.btn-estimate li:last-child {margin-right:0 !important;}
.ranking-box .box-link.btn-estimate a.btn {width:100%; border-radius:6px; line-height:34px; font-size:20px; padding-left:0;}
.ranking-box .box-link.btn-estimate .btn:before,
.ranking-box .box-link.btn-estimate .btn:after {content:none;}
.ranking-box .box-link.btn-estimate .btn:after{content: '';
  width: 12px !important;
  height: 12px !important;
  border: 0px !important;
  border-top: solid 3px #fff !important;
  border-right: solid 3px #fff !important;
  -ms-transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  position: absolute;
  top: 50% !important;
  right: 14px !important;
  margin-top: -8px !important;
  left: auto !important;
}
.box-link.btn-estimate a.btn.blue {background:#3a8de9; width:360px;}
.box-link.btn-estimate a.btn.blue:hover {background:#3a8de9; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}

.main-contents .ranking-aside .ranking-box .box-link.btn-estimate {display:block; width:100%; margin:5px auto 10px auto;}
.main-contents .ranking-aside .ranking-box .box-link.btn-estimate ul {margin:0 auto;}
.box-link.btn-estimate ul {margin:0; width:360px;}
.box-link.btn-estimate li {display:block; width:360px;}
.ranking-box .box-link.btn-estimate li {margin-right:30px !important;}
.ranking-box .box-link.btn-estimate li:last-child {margin-right:0 !important;}
.ranking-box .box-link.btn-estimate a.btn {width:100%; border-radius:6px; line-height:34px; font-size:20px; padding-left:0;}
.ranking-box .box-link.btn-estimate .btn:before,
.ranking-box .box-link.btn-estimate .btn:after {content:none;}
.ranking-box .box-link.btn-estimate .btn:after{content: '';
  width: 12px !important;
  height: 12px !important;
  border: 0px !important;
  border-top: solid 3px #fff !important;
  border-right: solid 3px #fff !important;
  -ms-transform: rotate(45deg) !important;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
  position: absolute;
  top: 50% !important;
  right: 14px !important;
  margin-top: -8px !important;
  left: auto !important;
}
.box-link.btn-estimate a.btn.blue {background:#3a8de9; width:360px;}
.box-link.btn-estimate a.btn.blue:hover {background:#3a8de9; opacity:0.7; filter:alpha(opacity=70); -ms-filter:"alpha(opacity=70)"; -moz-opacity:0.7; -khtml-opacity:0.7;}
.main-contents .ranking .ranking-box .box-link {width:360px; display:block; margin:0 auto 10px auto}

/* 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(//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_bg2.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:307px;}
.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;}
.ranking-top .ranking-aside .ranking-box .box-logo, .ranking-top .ranking-box .box-logo {vertical-align:top;}
.box-link ul {margin:0;}
.ranking .box-link a.btn.orange {background:#ea5076; width:626px;}
.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_bg2.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;}



.contents .ranking-box .box-voice .rank-opt-box.area {margin:0 0 4px;}