/* **** [top] **** */
/* ** ranking-top ** */
.header-ranking-detail {width:980px; height:auto; margin:0 auto; margin-bottom:20px;}
/* ** ranking-title ** */
.header-ranking-detail .ranking-title {font-size:20px; padding:0 0 10px;}
/* ** ranking-information ** */
.header-ranking-detail .ranking-information {background-color:#eee; padding:20px 20px 10px; box-sizing:border-box;}
.header-ranking-detail .ranking-information .title-img {margin:10px auto 15px;}
.header-ranking-detail .ranking-information .title-img img {width:100%; height:auto;}
.header-ranking-detail .ranking-information .ranking-status {margin:0 auto; font-size:1.4rem;}
.header-ranking-detail .ranking-information .ranking-status .text-deco-reverse {transform:scaleX(-1); display:inline-block;}
.header-ranking-detail .ranking-information .ranking-status .text-deco-circle {display:inline-block; background:#ff5e62; border-radius:50%; width:2rem; height:2rem; color:#fff; text-align:center; font-size:1.4rem; line-height:2rem;
	vertical-align:top;}
.header-ranking-detail .ranking-information .ranking-status .text-unit {font-size:75%;}
.header-ranking-detail .ranking-information .ranking-status .ranking-peaple {display:inline-block; font-size:1.4rem; padding-left:1rem;}
.header-ranking-detail .ranking-information .ranking-status .ranking-peaple .text-small {font-size:75%;}
.header-ranking-detail .ranking-information .ranking-status .ranking-name {font-size:2.8rem; color:#ff5e62; font-weight:bold; line-height:3.2rem; display:block; margin:5px 0;}
.header-ranking-detail .ranking-information .sub-ex {margin:0 auto; font-size:1rem; line-height:170%;}
.header-ranking-detail .ranking-information.fp .ranking-status .text-deco-circle {background:#5e97ff;}
.header-ranking-detail .ranking-information.fp .ranking-status .ranking-name {color:#5e97ff;}
/* ** ranking-general-box ** */
.header-ranking-detail .ranking-information .ranking-general-box {border-radius:6px; margin:10px auto 10px; background-color:#fff;}
.header-ranking-detail .ranking-information .ranking-general-box a {color:#00f; text-decoration:underline;}
.header-ranking-detail .ranking-information .ranking-general-box a:hover {text-decoration:none;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-title {font-size:1.4rem; padding:20px 20px 20px; display:inline-block; font-weight:bold; line-height:1.4rem; color:#111;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-title:before {content:""; width:30px; height:23px; display:inline-block; margin-right:6px; vertical-align:middle; background:url(https://life-cdn.oricon.co.jp/img/common/header-feature-icon-check.png) 0 50% no-repeat; background-size:100% auto;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-title span {display:inline-block; border-bottom:3px solid #111;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-title span.oricon-ranking-overview {border-bottom:none; font-size:1rem; font-weight:normal; padding-left:1rem;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-title span.oricon-ranking-overview a {color:#00f;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-list {list-style:none; display:flex; margin:0; padding:0 0 0 15px;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-list li {padding-left:70px; margin:0 25px 15px 0; flex:1; min-height:114px; font-size:1rem;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-list li:nth-child(1) {background:url(https://life-cdn.oricon.co.jp/img/common/header-feature01.png) 0 5px no-repeat;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-list li:nth-child(2) {background:url(https://life-cdn.oricon.co.jp/img/common/header-feature02.png) 0 5px no-repeat;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-sub-title {font-size:1.1rem; font-weight:bold; color:#ff5e62; padding:0 0 4px; line-height:120%;}
.header-ranking-detail .ranking-information .ranking-general-box .header-feature-sub-text {line-height:140%;}
.header-ranking-detail .ranking-information.fp .ranking-general-box .header-feature-list li {padding-left:74px; margin:0 25px 15px 0; flex:1; min-height:114px; font-size:1rem;}
.header-ranking-detail .ranking-information.fp .ranking-general-box .header-feature-list li:nth-child(1) {background: url(https://life-cdn.oricon.co.jp/img/common/header-feature01-fp.png) 0 5px no-repeat;}
.header-ranking-detail .ranking-information.fp .ranking-general-box .header-feature-list li:nth-child(2) {background: url(https://life-cdn.oricon.co.jp/img/common/header-feature02-fp.png) 0 5px no-repeat;}
.header-ranking-detail .ranking-information.fp .ranking-general-box .header-feature-sub-title {color:#5e97ff;}
/* **** [body] **** */
/* ** breadcrumb ** */
.breadcrumb-list li a:link, .breadcrumb-list li a:visited {color: #333;}
.breadcrumb-list li::before {content: "��"; margin: 0 5px 0 8px;}
/* ** ranking-main-contents ** */
.contents .main-contents .ranking {margin-bottom: 16px;}
/* ** ranking-box-client ** */
.contents .main-contents .ranking-box {background-color: #f8f8f8; border: 1px solid #999; border-radius: 4px; margin: 0 0 20px; padding: 12px 0 4px;}
.contents .main-contents .ranking-box.other,
.contents .main-contents .ranking-box.extra,
.contents .main-contents .ranking-aside .ranking-box {margin: 0 18px 20px;}
.contents .main-contents .ranking-box.archive .box-voice {margin: 0 16px 10px; padding: 0; width: auto;}
.contents .main-contents .ranking-box.archive .box-voice p {margin: 0 0 0 10px;}
/* ** annotation ** */
.annotation_comment {font-size: 11px; margin: -10px 3px 10px;}
/* ** box-client-header ** */
.contents header.box-header::before,
.contents header.box-header::after {content: unset;}
.box-header {margin: 0 16px 10px 12px; display: flex; align-items: center; justify-content: space-between;}
.box-header .box-left .icon img {margin: 10px;}
.box-header .box-left .icon img.crown {margin: 0;}
.box-header .box-left {display: flex; align-items: center;}
.box-header .box-left img.logo {max-width: 50px; max-height: 50px; margin-left: 3px;}
.box-header .box-left h3 {margin-left: 8px; font-size: 20px; text-align: justify; line-height: normal;}
.box-header .box-left h3 a {text-decoration: underline; color: #333;}
.box-header .box-left h3 a.client {color: #00f;}
.box-header .box-right {display: flex; align-items: center; margin-left: 12px; text-wrap: nowrap;}
.box-header .box-right .score-point {font-size: 16px;}
.box-header .box-right .score-point strong {color: #e66; font-size: 16px;}
.box-header .box-right .score-point strong span {font-size: 20px;}
.box-header .box-right .comment-num {font-size: 16px; text-decoration: underline; margin-left: 8px; color: #18a;}
.box-header .box-right .comment-num a {color: #18a;}
.box-header .box-right .comment-num img {vertical-align: middle;}
/* ** ranking-box-link ** */
.box-link-crepe {margin-bottom: 10px;}
.main-contents .ranking .ranking-box .box-link.jam {width: auto; padding: 0; margin: 0 12px; display: flex; flex-direction: row; justify-content: space-between;}
.main-contents .ranking .ranking-box .box-link.jam ul {margin: 0; padding: 0; display: flex; width: -webkit-fill-available; flex-direction: row; flex-wrap: nowrap; justify-content: space-between;}
.main-contents .ranking .ranking-box .box-link.jam ul::before {content: none;}
.main-contents .ranking .ranking-box .box-link.jam li {width: -webkit-fill-available; margin: 4px !important; padding: 0;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn {font-size: 16px; padding: 15px 0 15px 20px;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn:before {top: 22px;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn:after {top: 22px;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn:hover {opacity: 0.7;}
/* gradient */
.main-contents .ranking .ranking-box .box-link.jam li a.btn.grad-orange {background: linear-gradient(#FF6200 0%, #DA4900 100%);}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.grad-green {background: linear-gradient(#27ceb6 0%, #14a993 100%);}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.grad-light-green {background: linear-gradient(#a7d111  0%, #7e9d0f 100%);}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.grad-bule {background: linear-gradient(#024FE7 0%, #003DB5 100%);}
/* modern */
.main-contents .ranking .ranking-box .box-link.jam li a.btn.pink {background: #ea5076;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.blue-green {background: #1dc7b8;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.moss-green {background: #65a151;}
.main-contents .ranking .ranking-box .box-link.jam li a.btn.sky-blue {background: #3a8de9;}
/* column3 */
.main-contents .ranking .ranking-box .box-link.jam.column3 ul {flex-wrap: wrap;}
.main-contents .ranking .ranking-box .box-link.jam.column3 li.btn1,
.main-contents .ranking .ranking-box .box-link.jam.column3 li.btn2 {width: 303px;}
/* column4 */
.main-contents .ranking .ranking-box .box-link.jam.column4 ul {flex-wrap: wrap;}
.main-contents .ranking .ranking-box .box-link.jam.column4 li.btn1,
.main-contents .ranking .ranking-box .box-link.jam.column4 li.btn2,
.main-contents .ranking .ranking-box .box-link.jam.column4 li.btn3,
.main-contents .ranking .ranking-box .box-link.jam.column4 li.btn4 {width: 303px;}
/* colmun1-2 */
.main-contents .ranking .ranking-box .box-link.jam.column1-2 ul {flex-wrap: wrap;}
.main-contents .ranking .ranking-box .box-link.jam.column1-2 li.btn2,
.main-contents .ranking .ranking-box .box-link.jam.column1-2 li.btn3 {width: 303px;}
.ads-sponsor {font-size:80%; margin:0 16px; text-align:right;}
/* *** [footer] *** */
/* ** ranking-detail-inquiry ** */
.detail_inquiry {padding: 40px 0 0; background-color: #f6f6f6;}
.detail_inquiry_section {width: 980px; margin: 0 auto; padding: 0; text-align: left;}
/* *** [over] *** */
/* ** ranking-to-page-top ** */
.pageTop {display:block; z-index:10010; position:relative;}
.pageTop a {position:fixed; bottom:15px; display:table; width:52px; height:52px; font-size:20px; color: #fff; right:15px; padding:0;
	background-color:#26335e; border: 2px solid #fff; text-align:center; outline:none; text-decoration:none; border-radius: 50%; opacity: 0.8;}
.pageTop a:link, .pageTop a:visited {color: #fff;}
.pageTop a:hover {background-color:#fff; color: #26335e; border: 2px solid #26335e;}
.pageTop a span {display:block; font-size: 14px; margin-top: 25px;}
.pageTop a:after {display:block; width:10px; height:10px; border-top:2px solid #fff; border-right:2px solid #fff; -webkit-transform:rotate(-45deg); transform:rotate(-45deg); content:"";
	position:absolute; top:16px; left:20px;}
.pageTop a:hover:after {border-top-color: #26335e; border-right-color: #26335e;}
/* ** ranking-table-of-contents ** */
.table-of-contents-button {position: fixed; bottom: 86px; right: 15px; cursor: pointer; width: 52px; height: 52px; border: 2px solid #fff; border-radius: 8px; background-color: #26335e; color: #fff;
	text-align: center; z-index: 10010; background-position: top; background-repeat: no-repeat; background-image: url(https://life-cdn.oricon.co.jp/img/common/table-of-contents-btn-01.png); opacity: 0.8; background-size: 32px;}
.table-of-contents-button:hover {background-color: #fff; color: #26335e; border: 2px solid #26335e; background-image: url(https://life-cdn.oricon.co.jp/img/common/table-of-contents-btn-02.png);}
.table-of-contents-button p.text {font-size: 11px; margin-top: 32px;}
.table-of-contents-container {visibility: hidden;}