/**
 * 現在順位 タブ切替・横スクロールなしコンパクト早見表 v1
 * - tableを使わず、業者ごとのGridカードで表示
 * - PC / スマホともコンポーネント内の横スクロールなし
 * - 既存タブ・評価・CTA・サービス名設定を再利用
 */

.kyu-ranking-quick-tabs-compact {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
}

/* コンパクト版はタブ領域も横スクロールさせない。長い任意名称は省略表示する。 */
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__tablist-scroll,
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs-compact__tablist-wrap {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: visible;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__tablist {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding-right: 0;
	padding-left: 0;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__tab {
	min-width: 0;
	padding-right: 0.3rem !important;
	padding-left: 0.3rem !important;
	text-overflow: ellipsis;
	overflow: visible;
}

.kyu-ranking-quick-tabs-compact__panel {
	width: 100%;
	max-width: 100%;
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__cards {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.75rem;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	padding-top: 0.75rem;
}

.kyu-ranking-quick-tabs-compact__card {
	display: grid;
	grid-template-areas: "service info cta";
	grid-template-columns: minmax(170px, 200px) minmax(0, 1fr) minmax(190px, 220px);
	align-items: stretch;
	width: 100%;
	max-width: 100%;
	min-width: 0;
	margin: 0;
	border: 1px solid #b9c1c5;
	border-radius: 0;
	background: #fff;
	box-shadow: none;
	overflow: hidden;
}

.kyu-ranking-quick-tabs-compact__card:nth-child(even) {
	background: #f8f9fa;
}

.kyu-ranking-quick-tabs-compact__card.has-no-cta {
	grid-template-areas: "service info";
	grid-template-columns: minmax(170px, 200px) minmax(0, 1fr);
}

.kyu-ranking-quick-tabs-compact__service,
.kyu-ranking-quick-tabs-compact__info,
.kyu-ranking-quick-tabs-compact__cta {
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__service {
	grid-area: service;
	position: relative;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	padding: 0.75rem 0.55rem;
	border-right: 1px solid #b9c1c5;
	text-align: center;
	word-break: keep-all;
	overflow-wrap: normal;
}

.kyu-ranking-quick-tabs-compact__info {
	grid-area: info;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.65rem;
	padding: 0.85rem 0.9rem;
	text-align: left;
}

.kyu-ranking-quick-tabs-compact__cta {
	grid-area: cta;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0.75rem;
	border-left: 1px solid #b9c1c5;
	background: rgba(255, 255, 255, 0.78);
}

/* 既存サービス部品をカード左側にコンパクト表示。 */
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	width: 100%;
	min-width: 0;
	min-height: 0;
	padding: 2.1rem 0 0;
	text-align: center;
}

/* 通常タブ式と同じ順位ラベル寸法を共用する。 */
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-wrap .kyu-ranking-quick-table__rank {
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 48px;
	min-width: 48px;
	padding: 0.28rem 0.38rem;
	font-size: 1.05rem;
	line-height: 1.2;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-wrap .kyu-ranking-quick-table__service {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	gap: 0.35rem;
	width: 100%;
	min-width: 0;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__image-link {
	float: none !important;
	flex: 0 0 64px;
	width: 64px;
	height: 64px;
	margin: 0 auto !important;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__image,
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__image-placeholder,
.kyu-ranking-quick-tabs-compact .kyu-media-placeholder {
	float: none !important;
	margin: 0 auto !important;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__service-name {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center !important;
	align-self: center;
}

.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-name-line {
	display: block;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	text-align: center !important;
	white-space: nowrap !important;
	word-break: keep-all !important;
	overflow-wrap: normal !important;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 評価は狭い領域でも読みやすい縦並び。 */
.kyu-ranking-quick-tabs-compact__rating {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.18rem;
	width: 100%;
	min-width: 0;
	text-align: center;
}

.kyu-ranking-quick-tabs-compact__rating .kyu-ranking-quick-table__stars {
	margin: 0 auto 0.1rem;
}

.kyu-ranking-quick-tabs-compact__rating .kyu-ranking-quick-table__score,
.kyu-ranking-quick-tabs-compact__rating .kyu-ranking-quick-table__count {
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}

.kyu-ranking-quick-tabs-compact__points {
	width: 100%;
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__section {
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__section + .kyu-ranking-quick-tabs-compact__section {
	padding-top: 0.55rem;
	border-top: 1px solid #d5dade;
}

.kyu-ranking-quick-tabs-compact__section-title {
	margin-bottom: 0.3rem;
	color: #073b4c;
	font-size: 0.94rem;
	font-weight: 800;
	line-height: 1.35;
}

.kyu-ranking-quick-tabs-compact__list {
	width: 100%;
	min-width: 0;
	margin: 0 !important;
	padding: 0 !important;
	list-style: none !important;
}

.kyu-ranking-quick-tabs-compact__list li {
	position: relative;
	display: -webkit-box;
	min-width: 0;
	margin: 0 !important;
	padding: 0 0 0 1rem !important;
	color: #22373f;
	font-size: 0.89rem;
	font-weight: 600;
	line-height: 1.55;
	text-align: left;
	line-break: strict;
	word-break: normal;
	overflow-wrap: break-word;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}

/* ポイントは最大3項目だが、各項目の本文は3行目以降も省略せず全文表示する。 */
.kyu-ranking-quick-tabs-compact__points-list li {
	display: block !important;
	-webkit-box-orient: initial !important;
	-webkit-line-clamp: initial !important;
	overflow: visible !important;
}

.kyu-ranking-quick-tabs-compact__list li + li {
	margin-top: 0.22rem !important;
}

.kyu-ranking-quick-tabs-compact__list li::before {
	position: absolute;
	top: 0;
	left: 0;
	content: "・";
	color: #073b4c;
	font-weight: 700;
}

.kyu-ranking-quick-tabs-compact__review-list li {
	-webkit-line-clamp: 3;
}

/* 口コミ評価アイコンと星・点数を、枠内の左右半分へ等間隔で配置する。 */
.kyu-ranking-quick-tabs-compact__review-summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	align-items: stretch;
	justify-items: stretch;
	gap: 0.45rem;
	width: 100%;
	min-width: 0;
	padding: 0.1rem 0.2rem;
}

.kyu-ranking-quick-tabs-compact__review-summary.has-no-icon {
	display: block;
	padding: 0;
}

.kyu-ranking-quick-tabs-compact__review-assessment {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.25rem;
	width: 100%;
	min-width: 0;
	min-height: 104px;
	text-align: center;
}

.kyu-ranking-quick-tabs-compact__review-label {
	display: block;
	color: #073b4c;
	font-size: 0.78rem;
	font-weight: 700;
	line-height: 1.2;
}

.kyu-ranking-quick-tabs-compact__review-rating {
	align-self: stretch;
	justify-content: center;
	width: 100%;
	min-width: 0;
	min-height: 104px;
}

.kyu-ranking-quick-tabs-compact__review-assessment .kyu-ranking-quick-tabs-compact__review-icon {
	margin: 0;
}

.kyu-ranking-quick-tabs-compact__reviews {
	width: 100%;
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__review-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 52px;
	height: 52px;
	margin: 0.1rem auto 0.25rem;
	color: #ef9418;
	line-height: 1;
}

.kyu-ranking-quick-tabs-compact__review-icon svg {
	display: block;
	width: 100%;
	height: 100%;
	overflow: visible;
}

.kyu-ranking-quick-tabs-compact__review-link {
	display: inline-block;
	margin-top: 0.45rem;
	color: #073b4c;
	font-size: 0.86rem;
	font-weight: 800;
	text-decoration: underline !important;
	text-underline-offset: 0.18em;
}

.kyu-ranking-quick-tabs-compact__review-link:hover,
.kyu-ranking-quick-tabs-compact__review-link:focus-visible {
	color: #0b6481;
}

.kyu-ranking-quick-tabs-compact__cta-line-desktop {
	display: block !important;
}

.kyu-ranking-quick-tabs-compact__cta-line-mobile {
	display: none !important;
}

/* CTAは1組だけを、PCでは右列、スマホでは下段へ配置する。 */
.kyu-ranking-quick-tabs-compact__cta-buttons {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	width: 100%;
	min-width: 0;
}

.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link {
	width: 100%;
	max-width: 174px;
	min-width: 0;
	margin: 0 auto;
}

.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
	min-height: 58px;
}

/* コンパクト式だけLINEアイコンの描画位置を気持ち右へ寄せる。レイアウト幅と文言中央は維持する。 */
.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__cta-link--line.kyu-ranking-quick-table__cta-link--has-icon .kyu-cta-line__icon {
	transform: translateX(2px) !important;
}

.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
	width: 82%;
	min-height: 42px;
}

@media (max-width: 899px) {
	.kyu-ranking-quick-tabs-compact__card,
	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		grid-template-areas:
			"service info"
			"cta cta";
		grid-template-columns: minmax(104px, 32%) minmax(0, 1fr);
	}

	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		grid-template-areas: "service info";
	}

	.kyu-ranking-quick-tabs-compact__service {
		padding: 0.62rem 0.38rem;
	}

	.kyu-ranking-quick-tabs-compact__info {
		padding: 0.7rem 0.62rem;
	}

	.kyu-ranking-quick-tabs-compact__cta {
		padding: 0.58rem;
		border-top: 1px solid #b9c1c5;
		border-left: 0;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-wrap {
		padding-top: 2.1rem;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-wrap .kyu-ranking-quick-table__rank {
		width: 48px;
		min-width: 48px;
		padding: 0.28rem 0.38rem;
		font-size: 1.05rem;
		line-height: 1.2;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-table__image-link {
		flex-basis: 56px;
		width: 56px;
		height: 56px;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-name-line.is-name-normal {
		font-size: 12px;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-name-line.is-name-long {
		font-size: 11px;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__service-name-line.is-name-xlong {
		font-size: 10.5px;
	}

	.kyu-ranking-quick-tabs-compact__section-title {
		font-size: 0.88rem;
	}

	.kyu-ranking-quick-tabs-compact__list li {
		font-size: 0.83rem;
		font-weight: 600;
		line-height: 1.52;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-both {
		display: grid;
		grid-template-columns: minmax(0, 2fr) minmax(0, 1fr);
		align-items: stretch;
		gap: 0.5rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-one {
		display: block;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link,
	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
		width: 100%;
		max-width: none;
		min-height: 52px;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-one .kyu-ranking-quick-tabs-compact__cta-link {
		width: 100%;
		max-width: none;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
		min-height: 54px;
		padding: 0.4rem 0.45rem;
		font-size: 0.88rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
		padding: 0.38rem 0.2rem;
		font-size: 0.78rem;
		white-space: nowrap !important;
	}
}

@media (max-width: 782px) {
	/* スマホでは業者ごとのまとまりが伝わるよう、カード外枠だけを少し濃くする。 */
	.kyu-ranking-quick-tabs-compact__card,
	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		border-color: #70858e;
	}

	/* スマホのCTAは視認性を保ちながら、縦方向だけ少しコンパクトにする。 */
	.kyu-ranking-quick-tabs-compact__cta {
		padding: 0.46rem 0.5rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link,
	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
		min-height: 48px;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
		min-height: 50px;
		padding-top: 0.32rem;
		padding-bottom: 0.32rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
		padding-top: 0.28rem;
		padding-bottom: 0.28rem;
	}

	.kyu-ranking-quick-tabs-compact__review-summary {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 0.25rem;
		padding-right: 0;
		padding-left: 0;
	}

	.kyu-ranking-quick-tabs-compact__review-assessment,
	.kyu-ranking-quick-tabs-compact__review-rating {
		min-height: 92px;
	}

	.kyu-ranking-quick-tabs-compact__review-label {
		font-size: 0.72rem;
	}

	.kyu-ranking-quick-tabs-compact__review-icon {
		width: 44px;
		height: 44px;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-tabs-compact__cta-line-desktop {
		display: none !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-tabs-compact__cta-line-mobile {
		display: inline !important;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
		padding-right: 0.28rem;
		padding-left: 0.28rem;
		font-size: clamp(0.76rem, 3.35vw, 0.88rem);
		white-space: nowrap !important;
	}

}

@media (max-width: 360px) {
	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__tablist {
		min-width: 0;
	}

	.kyu-ranking-quick-tabs-compact .kyu-ranking-quick-tabs__tab {
		padding-right: 0.18rem !important;
		padding-left: 0.18rem !important;
		font-size: 10.5px;
	}

	.kyu-ranking-quick-tabs-compact__card,
	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		grid-template-columns: minmax(100px, 33%) minmax(0, 1fr);
	}

	.kyu-ranking-quick-tabs-compact__service {
		padding-right: 0.28rem;
		padding-left: 0.28rem;
	}

	.kyu-ranking-quick-tabs-compact__info {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
}

@media (prefers-reduced-motion: reduce) {
	.kyu-ranking-quick-tabs-compact *,
	.kyu-ranking-quick-tabs-compact *::before,
	.kyu-ranking-quick-tabs-compact *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms !important;
	}
}

/* v0.16.92: 「おすすめ」を廃止し、microcopy→全幅LINE→proof→公式の縦構成へ統一する。 */
.kyu-ranking-quick-tabs-compact__card {
	grid-template-columns: minmax(170px, 200px) minmax(0, 1fr) minmax(220px, 240px);
}

.kyu-ranking-quick-tabs-compact__cta-buttons {
	gap: 0;
}

.kyu-ranking-quick-tabs-compact__cta-buttons.has-consult .kyu-ranking-quick-table__cta-microcopy {
	margin-bottom: 6px;
}

.kyu-ranking-quick-tabs-compact__cta-buttons.has-consult .kyu-ranking-quick-table__cta-proof {
	margin-top: 7px;
}

.kyu-ranking-quick-tabs-compact__cta-buttons.has-consult .kyu-ranking-quick-table__cta-official-text {
	margin-top: 12px;
}

.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link {
	max-width: 210px;
}

.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
	min-height: 62px;
}

.kyu-ranking-quick-tabs-compact__cta-microcopy-row {
	display: contents;
}

@media (max-width: 959px) {
	.kyu-ranking-quick-tabs-compact__card,
	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		grid-template-areas:
			"service info"
			"cta cta";
		grid-template-columns: minmax(104px, 32%) minmax(0, 1fr);
	}

	.kyu-ranking-quick-tabs-compact__card.has-no-cta {
		grid-template-areas: "service info";
	}

	.kyu-ranking-quick-tabs-compact__cta {
		padding: 0.62rem;
		border-top: 1px solid #b9c1c5;
		border-left: 0;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons {
		width: min(100%, 430px);
		margin-right: auto;
		margin-left: auto;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
		width: 100%;
		max-width: 360px;
	}
}

@media (max-width: 782px) {
	.kyu-ranking-quick-tabs-compact__card.has-no-mobile-cta {
		grid-template-areas: "service info";
	}

	.kyu-ranking-quick-tabs-compact__card.has-no-mobile-cta .kyu-ranking-quick-tabs-compact__cta {
		display: none;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons {
		display: flex !important;
		flex-direction: column;
		align-items: stretch;
		justify-content: flex-start;
		gap: 0;
		width: 100%;
		max-width: none;
	}

	.kyu-ranking-quick-tabs-compact__cta-microcopy-row {
		display: block;
		width: 100%;
		min-width: 0;
		margin: 0 0 6px;
	}

	.kyu-ranking-quick-tabs-compact__cta-microcopy-row .kyu-ranking-quick-table__cta-microcopy {
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0.08rem 0.22rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line {
		width: 100%;
		max-width: none;
		min-height: 50px;
		margin: 0;
		padding: 0.34rem 0.42rem;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-table__cta-label.is-cta-short,
	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-table__cta-label.is-cta-medium {
		min-height: 0;
		white-space: nowrap !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-table__cta-label.is-cta-medium .kyu-ranking-quick-table__cta-text {
		display: block !important;
		overflow: visible;
		white-space: nowrap !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--line .kyu-ranking-quick-table__cta-label.is-cta-long {
		min-height: 2.3em;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-consult .kyu-ranking-quick-table__cta-proof {
		width: 100%;
		max-width: none;
		margin: 7px 0 0;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-consult .kyu-ranking-quick-table__cta-official-text {
		margin-top: 12px;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.is-official-hidden-compact-sp .kyu-ranking-quick-table__cta-official-text,
	.kyu-ranking-quick-tabs-compact__cta-buttons.is-official-hidden-compact-sp .kyu-ranking-quick-table__cta-link--official {
		display: none !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-no-consult.has-official {
		display: block;
	}

	.kyu-ranking-quick-tabs-compact__cta-buttons.has-no-consult.has-official .kyu-ranking-quick-tabs-compact__cta-link.kyu-ranking-quick-table__cta-link--official {
		width: 100%;
		max-width: none;
		margin: 0;
	}
}

/* v0.16.93: コンパクトPCだけ手動2行を使い、SPは既存の1行CTA文言を維持する。 */
.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-desktop {
	display: block !important;
	width: 100%;
	min-width: 0;
	overflow: visible !important;
	white-space: normal !important;
	text-overflow: clip !important;
}

.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-desktop .kyu-ranking-quick-table__cta-split {
	display: flex !important;
}

.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-mobile {
	display: none !important;
}

@media (max-width: 782px) {
	/* コンパクトSPのmicrocopyを一段大きく見せる。 */
	.kyu-ranking-quick-tabs-compact__cta-microcopy-row .kyu-ranking-quick-table__cta-microcopy {
		font-size: 14px;
		font-weight: 800;
		line-height: 1.25;
	}

	.kyu-ranking-quick-tabs-compact__cta-microcopy-row .kyu-ranking-quick-table__cta-microcopy.is-copy-medium {
		font-size: 13px;
	}

	.kyu-ranking-quick-tabs-compact__cta-microcopy-row .kyu-ranking-quick-table__cta-microcopy.is-copy-long {
		font-size: 12px;
	}

	/* 手動改行が設定されていても、コンパクトSPは元のCTA文言を1行で表示する。 */
	.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-desktop {
		display: none !important;
	}

	.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-mobile {
		display: block !important;
		width: 100%;
		min-width: 0;
		overflow: hidden;
		text-align: center;
		white-space: nowrap !important;
		word-break: keep-all !important;
		overflow-wrap: normal !important;
		text-overflow: clip;
	}

	.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-table__cta-label.is-cta-manual-split {
		min-height: 0;
	}

	.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-mobile.is-cta-medium {
		font-size: 0.9em;
	}

	.kyu-ranking-quick-tabs-compact__cta-link .kyu-ranking-quick-tabs-compact__cta-line-mobile.is-cta-long {
		font-size: 0.82em;
	}
}


/* v0.16.93.4: 口コミ評価欄の点数ブロックをさらに1px左へ微調整。上下位置は維持する。 */
.kyu-ranking-quick-tabs-compact__review-summary.has-icon .kyu-ranking-quick-tabs-compact__review-rating {
	transform: translate3d(-6px, 3px, 0);
	gap: 0.12rem;
}

.kyu-ranking-quick-tabs-compact__review-summary.has-icon .kyu-ranking-quick-tabs-compact__review-rating .kyu-ranking-quick-table__stars {
	margin-bottom: 0.04rem;
}

.kyu-ranking-quick-tabs-compact__review-summary.has-icon .kyu-ranking-quick-tabs-compact__review-rating .kyu-ranking-quick-table__count {
	margin-top: 0.08rem;
}

@media (max-width: 782px) {
	.kyu-ranking-quick-tabs-compact__review-summary.has-icon .kyu-ranking-quick-tabs-compact__review-rating {
		transform: translate3d(-5px, 2px, 0);
	}
}