@charset "shift_jis";
.contents .main-contents .ranking-box {background-color: #fff;}
/* ** ranking-comparison-top ** */
#comparison {background-color: #eee; padding: 0 20px 20px;}
.comparison-title {background-color:#0d3182; color:#fff; text-align:left; border-bottom:2px solid #fff; margin:0 auto 0;}
.comparison-title span {display:block; text-align:center; padding:8px 10px; font-size:20px; font-weight:bold;}
.comparison-area {width:auto; max-height: 560px; overflow:hidden; overflow-x:auto; overflow-y:hidden; -webkit-overflow-scrolling:touch; margin:0 auto 2px; transition:max-height 1s ease;}
.comparison-area.table-open {max-height:2000px;}
.comparison-table {border-collapse:collapse; border-spacing:0; width:1800px; border-right:2px solid #0d3182; border-bottom:2px solid #0d3182;}
.comparison-table th,
.comparison-table td {padding:15px 5px; width:100px; max-width:100px; height:auto; border-left:1px solid #c7d0e3; border-bottom:1px solid #c7d0e3; text-align:center; vertical-align:middle; background-color:#fff;}
.comparison-table th {padding:10px 5px;}
.comparison-table td {height: 91px;}
.comparison-table .table-h {background-color:#f7fdff;}
.comparison-table tr:nth-child(2n+1) td {background-color:#fdfdfd;}
.comparison-table th:first-child,
.comparison-table td:first-child {border-left:1px solid #0d3182;}
.comparison-table tr:nth-child(2) th:first-child {border-left:1px solid #c7d0e3;}
.comparison-table tr:first-child th {border-top:2px solid #0d3182; border-bottom:1px solid #0d3182; background-color:#f3f7ff;}
.comparison-table tr:first-child th.noborder {border-bottom:1px solid #c7d0e3; background-color:#f3f7ff;}
.comparison-table tr:nth-child(2) th {border-bottom:1px solid #0d3182; background-color:#f3f7ff;}
.comparison-table th.company-rank,
.comparison-table td.company-rank {width:70px; max-width:70px;}
.comparison-table th.company-name,
.comparison-table td.company-name {width:171px; max-width:171px;}
.comparison-table th.company-name .logo {display:flex; justify-content:center; align-items:center; height:80px;}
.comparison-table th.company-name .logo img {width:80px; height:auto;}
.comparison-table th.company-name a {color:#18a; text-decoration:underline;}
.comparison-table th.company-name a:hover {text-decoration:none; opacity:0.8;}
.comparison-table th.company-spread {width:185px; max-width:185px;}
.comparison-table td.ranking-point span {color:#e66; font-weight:bold; font-size:120%;}
.comparison-table td.water-price span {display:block; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:3; overflow:hidden; text-align:left;}
.comparison-table td.btn-table-official span {display:table; width:100%;}
.comparison-table td.btn-table-official span a {display:table-cell; width:80px; height:40px; background-color:#3a8de9; vertical-align:middle; color:#fff; border-radius:4px; text-decoration:none;
	box-shadow: 2px 2px 0px 0px rgba(88, 88, 88, 0.2);}
.comparison-table td.btn-table-official span a:hover {opacity:0.8;}
.comparison-table .cell-fixed {position:sticky; top:0; left:0;}
.comparison-table .cell-fixed::before {content:""; position:absolute; top:0; left:-1px; width:99%; height:100%; z-index:-1; border-left:2px solid #0d3182; border-right:1px solid #c7d0e3;}
.comparison-table .cell-fixed2 {position:sticky; top:0; left:73px;}
.comparison-table .cell-fixed2::before {content:""; position:absolute; top:0; left:0; width:99%; height:100%; z-index:-1;  border-right:1px solid #c7d0e3;}
.comparison-table tr td.comparison-rank {color:#999;}
.comparison-table tr td.comparison-rank01 {font-weight:bold; color:#e66; font-size:110%; background-color:#fffdf0;}
.comparison-table tr td.comparison-rank01 span {display:inline-block; background:url(https://life-cdn.oricon.co.jp/img/common/icon-rank-gold.png) 50% 0 no-repeat; background-size:12px auto; padding-top:11px;}
.comparison-table tr td.comparison-rank02 {font-weight:bold; color:#e66; font-size:110%; background-color:#f5f9ff;}
.comparison-table tr td.comparison-rank02 span {display:inline-block; background:url(https://life-cdn.oricon.co.jp/img/common/icon-rank-silver.png) 50% 0 no-repeat; background-size:12px auto; padding-top:11px;}
.comparison-table tr td.comparison-rank03 {font-weight:bold; color:#e66; font-size:110%; background-color:#fff8f3;}
.comparison-table tr td.comparison-rank03 span {display:inline-block; background:url(https://life-cdn.oricon.co.jp/img/common/icon-rank-bronze.png) 50% 0 no-repeat; background-size:12px auto; padding-top:11px;}
.comparison-table tr td span.amazing {font-weight: bold;}
.comparison-table tr td span.awesome {color: #f00;}
.comparison-table tr td img.rank-icon {width: 26px; height: auto;}
.comparison-table tr td img.crown {width: 52px;}

.table-display-btn {margin:2px auto 2px;}
.table-display-btn p a {display:block; text-align:center; font-size:90%; color:#0d3182; padding:5px 10px; border:1px solid #0d3182; background-color:#f3f7ff;}
.table-display-btn p a:after {content:""; display:inline-block; vertical-align:middle; color:#0d3182; line-height:1; width:6px; height:6px; border:1px solid #0d3182; border-left:0; border-bottom:0; box-sizing:border-box; margin-left:10px; margin-bottom:2px;
	transform:translateY(-25%) rotate(135deg);}
.table-display-btn p a:hover {opacity:0.6;}
.table-display-btn p a.table-open:after {transform:translateY(25%) rotate(-45deg);}
.annotation {margin:2px auto 2px;}
.annotation p {font-size: 10px;}
/* ** ranking-box-client ** */
.ranking-box.box-sponsor.extra .product-box {margin-bottom: 20px;}
.ranking-box .product-box .btn-set .box-link ul {flex-direction: column;}
.ranking-box .product-box .btn-set .box-link ul a.btn {margin-bottom: 2px;}
.ranking-box .product-box .btn-set.no-image .box-link ul {flex-direction: row;}
.ranking-box .product-box .btn-set .box-link a.btn:after {content: ''; width: 16px !important; height: 16px !important; border: none !important; background: url(https://life-cdn.oricon.co.jp/img/common/icon-out-link.png) no-repeat !important; transform: none !important; margin-top: -9px !important;}
.box-link.jam li a.btn:before {border: 0;}
/* ** add ** */
.ranking-box.no-client .box-title h3 {padding:12px 0 15px 60px;}
.ranking-box.no-client .box-title h4 {padding:12px 0 15px 60px;}
.ranking-box .box-title h3 {padding:12px 0 15px 120px;}
.ranking-box .box-title h4 {padding:9px 0 15px 120px;}

.ranking-topics-box { background-color:#f8f8f8; margin-top:17px;}
.ranking-topics-box ul {text-align:center;}
.ranking-topics-box li {font-size:14px;}
.ranking-topics-box li span {color:#c72525;}
.summary-title h4 {color:#fe7915; font-size:18px;}
.box-title .icon-recommend-ranking {background:url(//life-cdn.oricon.co.jp/img/common/icon-high-evaluation-ranking.png) 0 50% no-repeat; background-size:26px;}

.product-info .rank-opt-box {margin:0;}
.product-info .rank-opt-box .opt-text {margin-bottom: 8px; text-indent:0; border: 1px solid #ccc; margin-left:0;  font-size:12px; padding:0; line-height:20px; text-indent:0; list-style:none; background-color:#fff;}
.product-info .rank-opt-box .opt-text:before {content:none;}
.product-info .rank-opt-box .opt-text span {margin-right: 6px; padding:4px 0; font-size:12px; line-height:20px; background-color:#f8f8f8; border-right: 1px solid #ccc; width:120px; text-align:center; border-radius:0;}

.product-info .rank-campaign-box {display:table; border: 1px solid #c72525; width:100%; box-sizing:border-box; min-height:52px;}
.product-info .rank-campaign-box .campaign-title {display:table-cell; background:url(//juken-cdn.oricon.co.jp/rank_english/search/img/campaign-ttl-bg.png) 100% 50% no-repeat #c72525; background-size:auto 100%; vertical-align:middle; text-align:center; width:110px; color:#fff; font-weight:bold; font-size:12px; padding-right:10px; line-height:140%;}
.product-info .rank-campaign-box .campaign-text {background-color:#fff; font-size:12px; line-height:140%; padding:6px 10px 6px; position:relative; display:table-cell; vertical-align:top;}
.product-info .rank-campaign-box .campaign-text a {color:#333; display:table-cell; width:100%;}
.product-info .rank-campaign-box .campaign-text:before {content:none;}
.product-info .rank-campaign-box .campaign-text .daydata {position:absolute; bottom:7px; right:10px;}
/* ** box-link ** */
.main-contents .ranking-box .box-link.jam li a.btn:before {content: unset;}
.ranking-box .box-link .btn:after {content: ''; width: 12px !important; height: 12px !important; border: 0px !important; border-top: solid 3px #fff !important; border-right: solid 3px #fff !important;
	transform: rotate(45deg) !important; top: 50% !important;  right: 14px !important;  margin-top: -8px !important;  left: auto !important;}
/* box-title */
.ranking-box .box-title h3, .ranking-box.no-client .box-title h3 {width: 480px; float: left;}
.ranking-box.has-client .box-title h3 span {margin-top: 5px; display: block;}
.ranking-box .box-title .box-side {position: absolute; top: 0; right: 22px;}
.ranking-box .box-title .score-point {display: inline-block; font-size: 143%;}
.ranking-box .box-title .score-point span {font-size: 125%; vertical-align: baseline;}
.ranking-box .box-title .score-point strong {color: #e66;}
.ranking-box .box-title .comment-num {display: inline-block; margin-left: 16px;}
.ranking-box .box-title .comment-num a span .comment-icon {width: 1rem; height: auto; vertical-align: baseline; margin-right: 2px;}
.ranking-aside .ranking-box .box-title .comment-num {margin-top: 16px;}
/* box-client */
.text-effect01 {background:linear-gradient(transparent 60%, #ffcdd2 60%); font-weight:bold;}
.ranking-box.no-client {background-color:#fff;}
.ranking-box .product-box {margin: 5px 17px 20px 17px; display: table; box-sizing: border-box; width: 614px;}
.ranking-box .product-box .product-image {width:300px; display: table-cell; padding-right: 15px; vertical-align: top;}
.ranking-box .product-box .product-image img {max-width:300px; max-height:300px;}
.ranking-box .product-box .product-image a span {font-size:0.7rem;}
.ranking-box .product-box .btn-set .box-link {margin-top: 10px;}
.ranking-box .product-box .btn-set .box-link ul {margin:0;}
.ranking-box .product-box .btn-set .box-link li {width:100%;}
.ranking-box .product-box .btn-set .box-link li a.btn {width:100%; padding-left: 0; border-radius: 6px;}
.product-contents {padding: 0 17px 30px;}
.product-contents .general-review {background-color:#fafbff; border-radius:4px; border:1px solid #193993; padding:10px 15px; margin-top: 30px;}
.product-contents .general-review h4 {font-size:1.2rem; padding:0 7px 7px; border-bottom:1px solid #193993;}
.product-contents .general-review p {font-size:1rem; line-height:1.9rem; padding:10px 5px 0;}
.product-contents .company-individual-data-box {padding:30px 0 0 0; margin:0;}
.product-contents .company-individual-data-box table th {padding:10px 15px; font-size:0.9rem;}
.product-contents .company-individual-data-box table td {padding:10px 15px; font-size:0.9rem;}
/* ** pr ** */
.product-contents .product-info {display:block;}
.product-contents .product-info .rank-campaign-box {border:4px solid #c00; position:relative; display:block; padding:2px; margin: 0 0 21px 0;}
.product-contents .product-info .rank-campaign-box:after {content:none; display:inline-block; border-top:10px solid transparent; border-right:10px solid #c00; position:absolute; right:2px; bottom:2px;}
.product-contents .product-info .rank-campaign-box .campaign-title {background:#c00; display:block; padding:4px 10px; box-sizing:border-box; width:100%; font-size:0.9rem;}
.product-contents .product-info .rank-campaign-box .campaign-text {padding:0;display:table; width:100%;}
.product-contents .product-info .rank-campaign-box .campaign-text a {padding:10px 10px 5px 10px; font-size:1rem; line-height:1.6rem; text-decoration:underline; color:#c00; display:table-cell; padding-bottom:30px;}
.product-contents .product-info .rank-campaign-box .campaign-text a:hover {text-decoration:none;}

.ranking-aside .ranking-box .box-title h3 {padding:12px 0 15px 120px;}
.ranking-aside .ranking-box.no-client .box-title h3 {padding: 12px 0 15px 4px;}
.ranking-aside .ranking-box .box-title h4 {padding:9px 0 15px 120px;}
.ranking-aside .box-title .icon-recommend-ranking {margin-top:6px;}
.ranking-aside .product-box {width:578px;}
.ranking-aside .ranking-box .box-voice li {width:100%;}
.ranking-aside .ranking-box .box-link {width:auto; display:block; margin:0px 17px 0px 17px;}
.ranking-aside .ranking-box .box-link a.btn {width:283px;}
.ranking-box .product-box .btn-set.no-image ul {display: flex;}
/* feature */
.ranking-page .company-recommend-box {margin: 0 0 20px;}
.ranking-page .company-recommend-box .company-recommend-frame {border:2px solid #a3b4c5; border-radius:4px;}
.ranking-page .company-recommend-box h4 {font-size:18px; padding:5px 10px; margin:8px; background-color:#f1f6fb; border-radius:4px;}
.ranking-page .company-recommend-box ul {margin:0; padding:10px 15px 15px; list-style:none;}
.ranking-page .company-recommend-box ul li {margin:0; font-size:16px; border-bottom:1px solid #a3b4c5; margin:10px 0 0; padding:5px 0 2px 22px;
	background:url(https://life-cdn.oricon.co.jp/img/common/icon-checkmark.png) 2px 50% no-repeat; background-size:auto 0.8rem;}
.ranking-page .company-recommend-box ul li:first-child {margin:0;}
.ranking-page .company-recommend-box-annotation {padding: 3px 0 0; font-size: 11px; display: block;}
/* ** ranking-explanation ** */
.product-contents .company-advantage {padding: 0;}
.product-contents .company-advantage .category-title {font-size:1rem; padding:7px 10px; margin:0; background-color:#f3922f;}
.product-contents .company-advantage .category-title span {border-left:6px solid #fff; padding:0 8px; display:block;}
.product-contents .company-advantage .advantage-contents {margin:0; padding:0;}
.product-contents .company-advantage .advantage-contents .advantage-list {padding:0;}
.product-contents .company-advantage .advantage-contents .advantage-list li {padding:10px 0;}
.product-contents .company-advantage .advantage-contents .advantage-list li .advantage-title {font-size:1rem; line-height:1.8rem;}
.product-contents .company-advantage .advantage-contents .advantage-list li .advantage-title:before {content:"��"; color:#f3922f;}
.product-contents .company-advantage .advantage-contents .advantage-list li .advantage-copy {font-size:0.9rem; line-height:1.6rem;}
.product-contents .company-advantage .advantage-list {padding:0 20px; list-style:none; margin:0; border-top:1px solid #a3b4c5;}
.product-contents .company-advantage .advantage-list li {padding:25px 0; border-bottom:1px solid #a3b4c5; margin:0;}
.product-contents .company-advantage .advantage-list li .advantage-images {float:left; width:320px;}
.product-contents .company-advantage .advantage-list li .advantage-text {float:left; width:620px; padding-left:20px;}
.product-contents .company-advantage .advantage-list li .advantage-text.advantage-no-image {width:100%; float:none; padding-left:0;}
.product-contents .company-advantage .advantage-list li .advantage-text .advantage-title {font-size:21px; margin-bottom:5px;}
.product-contents .company-advantage .advantage-list li .advantage-text .advantage-copy {font-size:16px; line-height:170%;}
.product-contents .company-advantage .advantage-annotation {margin:20px; font-size:11px; line-height:180%;}
.product-contents .company-advantage .company-annotation-box p {font-size:11px; margin: 3px 0 0;}
/* ** company-information-table ** */
.company-information-table {margin: 0 17px 30px 17px;}
.company-information-table table {width:100%; border-spacing:0; border-collapse:separate; border-top:1px solid #ff7f5d; border-left:1px solid #ff7f5d;}
.company-information-table table th,
.company-information-table table td {border-right:1px solid #ff7f5d; border-bottom:1px solid #ff7f5d; padding:5px 10px; font-size:16px; background-color:#fff; text-align:center;}
.company-information-table table th {background-color:#ff7f5d; border-bottom:1px solid #fff; color:#fff; width:22%;}
.company-information-table table tr:last-child th {border-bottom:1px solid #ff7f5d;}
.company-information-table table td.lt {text-align: left;}
.company-information-table-annotation {padding: 8px 17px;}
.company-information-table-annotation p {font-size: 11px;}
/* ** company-evaluation-voice ** */
.company-evaluation-voice {padding: 0 17px 0 17px;}
.company-evaluation-voice .category-title {font-size:1rem; padding:7px 10px; margin:0; background-color:#ff7f5d; color:#fff;}
.company-evaluation-voice .category-title span {border-left:6px solid #fff; padding:0 8px; display:block;}
.company-evaluation-voice .rankingtop_read .rankingtop_text {list-style:none; padding:0 10px; box-sizing:border-box;}
.company-evaluation-voice .rankingtop_read .rankingtop_text li {display:table; margin:10px 0;}
.company-evaluation-voice .rankingtop_read .rankingtop_text li .box-voice-img {display:table-cell; width:44px; padding:2px 15px 0 0; vertical-align:top;}
.company-evaluation-voice .rankingtop_read .rankingtop_text li .box-voice-txt {display:table-cell;}
.company-evaluation-voice .rankingtop_read .rankingtop_text li .box-voice-txt p {background-color:#f6f6f6; border-radius:10px; padding:10px; position:relative;}
.company-evaluation-voice .rankingtop_read .rankingtop_text li .box-voice-txt p:before{content:""; position:absolute; display:block; width:0; height:0; left:-12px; top:15px;
	border-right:15px solid #f6f6f6; border-top:10px solid transparent; border-bottom:10px solid transparent;}
.ranking-aside .company-evaluation-voice {padding: 10px 17px 0 17px;}

.to-company {margin-top: 10px; text-align: right;}