@charset "UTF-8";
/*------------------------------------------------
	▼BTOS 「検索結果一覧」内 (2025-12 更新)
	[2025-11][共通] 強調やアイコン (help)      → [2025-11] custom.css に移動
	[2025-11][共通] ページタイトルの配置調整   → [2025-11] custom.css に移動 ※[2025-12] 削除のため再適用
	[2025-11][共通] キャンペーンバナーの配置   → [2025-11] custom.css に移動 ※[2025-12] 削除のため再適用
	[2025-11] トップお知らせ（黒帯）animation  → [2025-11] custom.css に移動 ※[2025-12] 削除のため再適用
	[2025-11] トップお知らせ（黒帯）           → [2025-12] custom.css に移動 ※(両方にあり？)
	[2025-11] 「よく選ばれるサイズ」を示す     → [2025-11] custom.css に移動 ※[2025-12] 削除
	[2025-11] 「サイズの見方」を追加           → [2025-12] custom.css に移動 ※(両方にあり)
	[2025-11] 「選択中のタイヤサイズ」を追加   → [2025-11] custom.css に移動 ※[2025-12] 削除
	[2025-11] 会員登録の案内                   → [2025-12] custom.css に移動 ※(両方にあり)

	[2025-12] スクロール周りの調整 (検索結果一覧ページ用)
	[2025-12][共通] モーダルダイアログ / アイコン (details) → [2025-12] custom.css に移動
	[2025-12] 絞り込みフォーム レイアウト変更・折りたたみ   → [2025-12] custom.css に移動
	[2025-12] 絞り込みフォーム 「性能」追加    → [2025-12] custom.css に移動
	[2025-12][SP] 絞り込みフォームの呼び出し   → [2025-12] custom.css に移動
	[2025-12] ブランド一覧の「性能比較」を継承
	[2025-12] 売れ筋チャート
	[2025-12] モーダル内の「性能比較」
	[2025-12] 検索結果件数や並び順選択の調整   → [2025-12] custom.css に移動
	[2025-12] 商品一覧のグループ分け           → [2025-12] custom.css に移動
	[2025-12] 商品タイルに売れ筋ランキングのラベルを付ける  → [2025-12] custom.css に移動
	[2025-12] 絞り込みフォーム 「性能」の説明モーダル
------------------------------------------------*/
/* [2025-12] スクロール周りの調整 (検索結果一覧ページ用) */
html {
	scroll-behavior: smooth;
	scroll-padding-top: 169px;
	scroll-padding-top: 190px;
}

@media only screen and (max-width: 768px) {
	html {
		scroll-padding-top: 170px;
		scroll-padding-top: calc( 60px + 5.25rem + 24px);
	}
}

/* ※[2025-12] 削除されてしまっていたので戻し */
/* [2025-11][共通] ページタイトルの配置調整 (2列) */
#custom .page-title.row {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	font-size: 1.313rem;
	word-break: normal;
}

@media (min-width: 769px) {
	#custom .page-title.row {
		font-size: 1.563rem;
	}
}

#custom .page-title.row > :is(.col, .col-auto) {
	padding-left: 0;
	padding-right: 0;
}

#custom .page-title.row > .m-text-indent {
	padding-left: 1em;
}

#custom .page-title.row .m-note {
	display: inline-block;
	min-width: 50%;
	font-size: 0.875rem;
	font-weight: bold;
}

@media (min-width: 769px) {
	#custom .page-title.row .m-note {
		font-size: 0.938rem;
	}
}

/* [2025-11][共通] キャンペーンバナーの配置 */
@media (min-width: 769px) {
	#custom .m-campaign-banner {
		padding-top: 30px;
	}
}

/* [2025-11] トップお知らせ（黒帯）animation */
/* ※[2025-12] 削除されてしまっていたので戻し */
/* 背景がポワンと光るアニメーション */
.anime-bg-shining {
	position: relative;
	overflow: hidden;
}

.anime-bg-shining::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 10%;
	height: 100%;
	background: radial-gradient(#fff7, #fff0);
	transform: scale(0);
	opacity: 0;
	animation: bg-shining 5.0s ease-in-out infinite;
}

@keyframes bg-shining {
	0% {
		transform: scale(0);
		opacity: 0;
	}
	84% {
		transform: scale(0);
		opacity: 0;
	}
	86% {
		transform: scale(6);
		opacity: 1;
	}
	100% {
		transform: scale(50);
		opacity: 0;
	}
}

/*------------------------------------------------
	BTOS > 検索結果一覧 > 「サイズの見方」 (2025-11)
------------------------------------------------*/
#custom .m-filterDetail-note {
	margin: 0;
	padding: 0 0 12px;
}

#custom .m-filterDetail-note p + p {
	margin-top: 10px;
}

#custom .m-filterDetail-note .m-textlink.icon-help::after {
	order: -1;
	margin-left: 0;
	margin-right: 3px;
}

/*------------------------------------------------
	BTOS > 検索結果一覧 > 会員登録の案内 (2025-11)
------------------------------------------------*/
#custom .m-toLogin {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	gap: 8px 36px;
	margin: 24px 0 16px;
	padding: 10px 15px 8.5px;
	border: 2px solid #f00;
	border-radius: 3px;
}

@media (min-width: 769px) {
	#custom .m-toLogin {
		flex-direction: row;
		flex-wrap: wrap;
		padding: 16px 24px 14.5px;
	}
}

#custom .m-toLogin + .m-toLogin {
	margin-top: 16px;
}

#custom .m-toLogin:last-child {
	margin-bottom: 0;
}

#custom .m-toLogin-text {
	font-size: 1rem;
}

@media (min-width: 769px) {
	#custom .m-toLogin-text {
		font-size: 1.063rem;
	}
}

#custom .m-toLogin-nav {
	flex-shrink: 0;
	font-size: 0.938rem;
}

/*------------------------------------------------
	BTOS > ブランド一覧 > 車に合ったタイヤ > 性能 (2025-09)
------------------------------------------------*/
#custom .p-cartype-swiper {
	margin: 0 -12px;
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-swiper {
		margin: 0 -8px;
	}
}

#custom .p-cartype-spec {
	margin-top: 20px;
	padding-top: 36px;
}

#custom .p-cartype-spec .m-note {
	margin-top: 0;
	padding: 0;
	text-indent: 0;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: center;
}

#custom .p-cartype-spec-items {
	justify-content: center;
	gap: 0;
	padding-bottom: 1px;
}

#custom .p-cartype-spec-item {
	display: flex;
	flex-direction: column;
	justify-content: stretch;
	max-width: calc((100vw - 78px) / 3);
	width: 344px;
	height: auto;
	margin: 0 12px;
	border-radius: 4px;
	text-align: center;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-item {
		max-width: none;
		width: 300px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-spec-item {
		margin: 0 8px;
	}
}

#custom .p-cartype-spec-item .btn {
	background-color: #f00;
	color: #fff !important;
}

#custom .p-cartype-spec-item--black .btn {
	background-color: #000;
}

#custom .p-cartype-spec-item--basic .btn {
	background-color: #999999;
}

#custom .p-cartype-spec-item--chronicle .btn {
	background-color: #141414;
}

#custom .p-cartype-spec-item--playz .btn {
	background-color: #00A1DE;
}

#custom .p-cartype-spec-item--regno .btn {
	background-color: #09234E;
}

#custom .p-cartype-spec-item--finessa .btn {
	background-color: #EE7961;
}

#custom .p-cartype-spec-item--ecopia .btn {
	background-color: #6BB42A;
}

#custom .p-cartype-spec-item--potenza .btn {
	background-color: #000000;
}

#custom .p-cartype-spec-item--alenza .btn {
	background-color: #462D25;
}

#custom .p-cartype-spec-item--dueler .btn {
	background-color: #008F8C;
}

#custom .p-cartype-spec-item--blizzak .btn {
	background-color: #E60012;
}

#custom .p-cartype-spec-header {
	min-height: 140px;
	padding: 33px 0 5px;
	border-radius: 4px 4px 0 0;
	background: #333 no-repeat center 50%;
	background-size: cover;
	color: #fff;
	font-size: 1.063rem;
	font-weight: bold;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-header {
		padding: 36px 8px 5px;
		font-size: 1.125rem;
	}
}

#custom .p-cartype-spec-header--regno {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-regno.jpg");
}

#custom .p-cartype-spec-header--alenza {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-alenza.jpg");
}

#custom .p-cartype-spec-header--potenza {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-potenza.jpg");
}

#custom .p-cartype-spec-header--playz {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-playz.jpg");
}

#custom .p-cartype-spec-header--finessa {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-finessa.jpg");
}

#custom .p-cartype-spec-header--ecopia {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-ecopia.jpg");
}

#custom .p-cartype-spec-header--chronicle {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-chronicle.jpg");
}

#custom .p-cartype-spec-header--dueler {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-dueler.jpg");
}

#custom .p-cartype-spec-header--blizzak {
	background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-blizzak.jpg");
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-header--regno {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-regno-sp.jpg");
	}
	#custom .p-cartype-spec-header--alenza {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-alenza-sp.jpg");
	}
	#custom .p-cartype-spec-header--potenza {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-potenza-sp.jpg");
	}
	#custom .p-cartype-spec-header--playz {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-playz-sp.jpg");
	}
	#custom .p-cartype-spec-header--finessa {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-finessa-sp.jpg");
	}
	#custom .p-cartype-spec-header--ecopia {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-ecopia-sp.jpg");
	}
	#custom .p-cartype-spec-header--chronicle {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-chronicle-sp.jpg");
	}
	#custom .p-cartype-spec-header--dueler {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-dueler-sp.jpg");
	}
	#custom .p-cartype-spec-header--blizzak {
		background-image: url("../../images/asset/lp/brand/cartype/bg-cartype-blizzak-sp.jpg");
	}
}

#custom .p-cartype-spec-header p {
	margin-top: 5px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-header p {
		margin-top: 8px;
	}
}

#custom .p-cartype-spec-header img {
	max-width: 100%;
	height: auto;
}

#custom .p-cartype-spec-header .m-note {
	margin-top: 6px;
	font-size: 0.813rem;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-header .m-note {
		font-size: 0.75rem;
	}
}

#custom .p-cartype-spec-body {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	padding: 24px 31px 30px;
	border: 1px solid #CCC;
	border-radius: 0 0 4px 4px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-body {
		padding: 24px 9px 30px;
	}
}

#custom .p-cartype-spec-body .h {
	margin-bottom: 0;
	font-size: 1.063rem;
	font-weight: bold;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-body .h {
		font-size: 1rem;
	}
}

#custom .p-cartype-spec-body .h + .m-note {
	position: relative;
	top: -0.2em;
}

#custom .p-cartype-spec-body .list {
	margin: 0 -24px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-body .list {
		margin: 0 -2px;
	}
}

#custom .p-cartype-spec-body .navi {
	margin-top: 24px;
}

#custom .p-cartype-spec-feature .h {
	min-height: 2.901rem;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-feature .h {
		min-height: 2.801rem;
	}
}

.debug #custom .p-cartype-spec-feature .h {
	min-height: 0;
}

.debug #custom .p-cartype-spec-feature .h small {
	position: absolute;
	bottom: 4px;
	right: 10px;
}

#custom .p-cartype-spec-chart {
	margin: 8px 0 24px;
}

#custom .p-cartype-spec-chart img {
	max-width: 100%;
	height: auto;
}

#custom .p-cartype-spec-chart .grid {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px 20px;
	margin-top: 18px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-chart .grid {
		gap: 10px 16px;
	}
}

@media (min-width: 1025px) {
	#custom .p-cartype-spec-body:has(.h + .m-note) .p-cartype-spec-chart {
		margin-bottom: 14px;
	}
}

#custom .p-cartype-spec-legend {
	display: flex;
	flex-direction: column-reverse;
	max-width: calc(50% - 10px);
}

#custom .p-cartype-spec-legend .img-logo {
	max-width: calc(100% - 0.5rem - 6px);
	width: auto;
}

@media (min-width: 1025px) {
	#custom .p-cartype-spec-legend .img-logo {
		width: auto;
		height: 16px;
	}
	#custom .p-cartype-spec-legend .img-logo[src$="regno-gr-x3-rv.svg"] {
		height: 21px;
	}
}

#custom .p-cartype-spec-legend:only-child {
	max-width: 100%;
}

#custom .p-cartype-spec-legend small {
	display: block;
	font-size: 0.75rem;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-legend small {
		font-size: 0.688rem;
	}
}

#custom .p-cartype-spec-legend .li::before {
	content: "";
	display: inline-block;
	width: 0.5rem;
	height: 0.5rem;
	font-size: 0.5rem;
	line-height: 1;
	border-radius: 50%;
	margin-right: 6px;
	color: #fff;
	background-color: #f00;
}

#custom .p-cartype-spec-legend--black .li::before {
	background-color: #000;
}

#custom .p-cartype-spec-legend--basic .li::before {
	background-color: #999999;
}

#custom .p-cartype-spec-legend--chronicle .li::before {
	background-color: #141414;
}

#custom .p-cartype-spec-legend--playz .li::before {
	background-color: #00A1DE;
}

#custom .p-cartype-spec-legend--regno .li::before {
	background-color: #09234E;
}

#custom .p-cartype-spec-legend--finessa .li::before {
	background-color: #EE7961;
}

#custom .p-cartype-spec-legend--ecopia .li::before {
	background-color: #6BB42A;
}

#custom .p-cartype-spec-legend--potenza .li::before {
	background-color: #000000;
}

#custom .p-cartype-spec-legend--alenza .li::before {
	background-color: #462D25;
}

#custom .p-cartype-spec-legend--dueler .li::before {
	background-color: #008F8C;
}

#custom .p-cartype-spec-legend--blizzak .li::before {
	background-color: #E60012;
}

#custom .p-cartype-spec-recommend {
	margin-top: auto;
}

#custom .p-cartype-spec-recommend li {
	position: relative;
	display: table;
	margin: 0 auto;
	padding-left: 32px;
	font-size: 0.938rem;
	font-weight: bold;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-recommend li {
		font-size: 0.875rem;
	}
}

#custom .p-cartype-spec-recommend li::before {
	content: "";
	position: absolute;
	top: calc(0.8em - 6px);
	left: 3px;
	display: inline-block;
	width: 16px;
	height: 8px;
	border: 2px solid #f00;
	border-width: 0 0 2px 2px;
	transform: rotate(-50deg);
}

#custom .p-cartype-spec-recommend--black li::before {
	border-color: #000;
}

#custom .p-cartype-spec-recommend--basic li::before {
	border-color: #999999;
}

#custom .p-cartype-spec-recommend--chronicle li::before {
	border-color: #141414;
}

#custom .p-cartype-spec-recommend--playz li::before {
	border-color: #00A1DE;
}

#custom .p-cartype-spec-recommend--regno li::before {
	border-color: #09234E;
}

#custom .p-cartype-spec-recommend--finessa li::before {
	border-color: #EE7961;
}

#custom .p-cartype-spec-recommend--ecopia li::before {
	border-color: #6BB42A;
}

#custom .p-cartype-spec-recommend--potenza li::before {
	border-color: #000000;
}

#custom .p-cartype-spec-recommend--alenza li::before {
	border-color: #462D25;
}

#custom .p-cartype-spec-recommend--dueler li::before {
	border-color: #008F8C;
}

#custom .p-cartype-spec-recommend--blizzak li::before {
	border-color: #E60012;
}

#custom .p-cartype-swiper.swiper-initialized .swiper-wrapper {
	justify-content: flex-start;
}

#custom .p-cartype-swiper:has(.swiper-pagination-lock) > .swiper-wrapper {
	justify-content: center;
}

#custom .p-cartype-swiper .swiper-pagination {
	position: static;
	margin-top: 0;
}

#custom .p-cartype-swiper .swiper-pagination-lock {
	margin: 0 !important;
}

#custom .p-cartype-swiper .swiper-pagination-bullets {
	margin-top: 15px;
}

#custom .p-cartype-swiper .swiper-pagination-bullet {
	box-sizing: content-box;
	margin: 0 10px;
	background-color: #999;
	opacity: 1;
}

#custom .p-cartype-swiper .swiper-pagination-bullet-active {
	background-color: #f00;
}

/*------------------------------------------------
	BTOS > 検索結果一覧 > [車種別] 売れ筋チャート (2025-12)
------------------------------------------------*/
#custom .m-popChart {
	margin-bottom: 24px;
	padding: 0;
	border: 1px solid #CCC;
	border-width: 1px 0;
}

@media only screen and (max-width: 543px) {
	#custom .m-popChart {
		margin: 0 -15px 20px;
		padding: 0 15px;
	}
}

#custom .m-popChart-title {
	margin-bottom: 0;
	padding: 12px 0;
	font-size: 1.063rem;
	font-weight: bold;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-title {
		font-size: 1rem;
	}
}

#custom .m-popChart-title.btn {
	list-style: none;
	padding: 12px 35px 12px 1px;
}

#custom .m-popChart-title.btn::-webkit-details-marker {
	display: none;
}

#custom .m-popChart-title.btn.icon-plus::after {
	width: 14px;
	height: 14px;
	right: 16px;
}

#custom .m-popChart-caption {
	margin-bottom: 16px;
	font-size: 1.063rem;
	font-weight: bold;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.6s ease-out;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-caption {
		font-size: 0.875rem;
	}
}

#custom .m-popChart-caption.done {
	visibility: visible;
	opacity: 1;
}

#custom .m-popChart-percent {
	margin: 0 0.06em;
	font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-percent {
		font-size: 1.125rem;
	}
}

#custom .m-popChart-inner {
	position: relative;
	padding: 0 0 12px;
	text-align: center;
}

#custom .m-popChart-image img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-image img {
		max-width: 400px;
		width: 100%;
	}
}

#custom .m-popChart-image-inner {
	margin: 0;
	min-height: 120px;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-image-inner {
		min-height: 112px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .m-popChart-image-inner {
		min-height: 82px;
	}
}

#custom .m-popChart-nav {
	margin-top: 12px;
}

#custom .m-popChart-test {
	overflow: visible;
	position: relative;
	text-align: right;
}

#custom .m-popChart-test select, #custom .m-popChart-test-ranking {
	position: absolute;
	top: 0;
	right: 0;
	padding: 2px 4px;
	border: 1px solid #CCC;
	font-size: 0.813rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-popChart-test select, #custom .m-popChart-test-ranking {
		opacity: 0.3;
		top: auto;
		bottom: 4px;
		max-width: 12.5em;
		border-color: transparent;
		font-size: 0.75rem;
	}
	#custom .m-popChart-test select:focus, #custom .m-popChart-test-ranking:focus {
		opacity: 1;
	}
}

#custom .m-popChart-test-ranking {
	top: calc(1.3rem + 4px);
	right: 0;
	text-align: left;
}

/*------------------------------------------------
	BTOS > 検索結果一覧 > [車種別][modal] 売れ筋チャート (2025-12)
------------------------------------------------*/
#modal-pop-chart.modal .modal-dialog {
	max-width: 1200px;
}

#modal-pop-chart.modal .modal-content {
	padding: 0 50px 48px;
}

@media (max-width: 1024px) {
	#modal-pop-chart.modal .modal-content {
		padding: 0 15px 30px;
	}
}

#modal-pop-chart.modal .modal-header {
	margin: 0 -50px;
}

@media (max-width: 1024px) {
	#modal-pop-chart.modal .modal-header {
		margin: 0 -15px;
	}
}

#modal-pop-chart.modal .m-btnArea {
	margin-top: 24px;
}

#modal-pop-chart .modal-2024 :is(p, ul, dl) {
	margin-bottom: 0;
	padding-right: 0;
}

#modal-pop-chart.modal .m-popChart {
	margin-bottom: 0;
	border: 0;
	text-align: center;
}

#modal-pop-chart.modal .m-popChart-title {
	padding: 6px 0;
	text-align: center;
}

#modal-pop-chart.modal .m-popChart-title, #modal-pop-chart.modal .m-popChart-caption {
	font-size: 1.313rem;
}

@media only screen and (max-width: 768px) {
	#modal-pop-chart.modal .m-popChart-title, #modal-pop-chart.modal .m-popChart-caption {
		font-size: 0.875rem;
	}
}

#modal-pop-chart.modal .m-popChart-percent {
	margin: 0 0.06em;
	font-size: 1.625rem;
}

@media only screen and (max-width: 768px) {
	#modal-pop-chart.modal .m-popChart-percent {
		font-size: 1.25rem;
	}
}

#modal-pop-chart.modal .m-popChart-product {
	font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
	#modal-pop-chart.modal .m-popChart-product {
		font-size: 1.125rem;
	}
}

#modal-pop-chart.modal .m-popChart-image {
	margin-bottom: 36px;
}

@media only screen and (max-width: 768px) {
	#modal-pop-chart.modal .m-popChart-image {
		margin-bottom: 30px;
	}
}

@media (max-width: 1024px) {
	#modal-pop-chart.modal .m-popChart-image img {
		max-width: 500px;
	}
}

#modal-pop-chart.modal .m-popChart-image-inner {
	margin: 0;
}

#modal-pop-chart.modal .m-popChart .m-note {
	margin-top: 12px;
}

/*------------------------------------------------
	BTOS > 検索結果一覧 > [車種別][modal] 性能比較 (2025-12)
------------------------------------------------*/
#modal-spec-chart.p-cartype-spec {
	padding-top: 0;
}

#modal-spec-chart .modal-title {
	margin-bottom: 24px;
	font-size: 1.313rem;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#modal-spec-chart .modal-title {
		margin-bottom: 20px;
		font-size: 1.125rem;
	}
}

#modal-spec-chart .p-cartype-spec-chart:last-child {
	margin-bottom: 24px !important;
}

#modal-spec-chart .p-cartype-swiper {
	overflow: visible;
	z-index: 0;
	margin: 0 -50px;
	padding: 0 38px;
}

@media (max-width: 1024px) {
	#modal-spec-chart .p-cartype-swiper {
		margin: 0 -15px;
		padding: 0 12px;
	}
}

@media only screen and (max-width: 768px) {
	#modal-spec-chart .p-cartype-swiper {
		padding: 0;
	}
}

#modal-spec-chart .p-cartype-swiper .swiper-pagination-bullets {
	margin-top: 14px;
}

#modal-spec-chart .p-cartype-swiper.swiper :is(.swiper-button-prev, .swiper-button-next) {
	display: none;
}

#modal-spec-chart .p-cartype-swiper.swiper-initialized :is(.swiper-button-prev, .swiper-button-next) {
	display: block;
}

@media only screen and (max-width: 768px) {
	#modal-spec-chart .p-cartype-swiper.swiper-initialized :is(.swiper-button-prev, .swiper-button-next) {
		display: block !important;
	}
}

#modal-spec-chart .p-cartype-swiper-button {
	top: 35%;
	top: 312px;
	width: 42px;
	height: 42px;
	background: url(../../images/asset/common/ico/ico-arrow-gray.svg) no-repeat center;
	background-size: 14.4px 24px;
	opacity: 0.4;
	transition: opacity 0.15s ease-out;
}

@media (max-width: 1024px) {
	#modal-spec-chart .p-cartype-swiper-button {
		top: -40px;
		background-size: 12px 20px;
	}
}

@media only screen and (max-width: 768px) {
	#modal-spec-chart .p-cartype-swiper-button {
		top: -33px;
	}
}

#modal-spec-chart .p-cartype-swiper-button.swiper-button-prev {
	left: 8px;
}

#modal-spec-chart .p-cartype-swiper-button.swiper-button-next {
	right: 8px;
}

@media (max-width: 1024px) {
	#modal-spec-chart .p-cartype-swiper-button.swiper-button-prev {
		left: 5px;
	}
	#modal-spec-chart .p-cartype-swiper-button.swiper-button-next {
		right: 5px;
	}
}

#modal-spec-chart .p-cartype-swiper-button.swiper-button-disabled {
	opacity: 0.1;
}

@media (max-width: 1199px) {
	#modal-spec-chart .p-cartype-spec-items {
		justify-content: flex-start;
	}
}

@media only screen and (max-width: 543px) {
	#modal-spec-chart .p-cartype-spec-item {
		max-width: 80%;
	}
}

/* 評価・レビュー部分 .. ブランドごとの色変更など */
#custom .p-cartype-spec-review {
	margin-top: 24px;
}

#custom .p-cartype-spec-review--regno .m-review-chart__bar {
	background-color: #09234E;
}

#custom .p-cartype-spec-review--alenza .m-review-chart__bar {
	background-color: #462D25;
}

#custom .p-cartype-spec-review--potenza .m-review-chart__bar {
	background-color: #000000;
}

#custom .p-cartype-spec-review--playz .m-review-chart__bar {
	background-color: #00A1DE;
}

#custom .p-cartype-spec-review--finessa .m-review-chart__bar {
	background-color: #EE7961;
}

#custom .p-cartype-spec-review--ecopia .m-review-chart__bar {
	background-color: #6BB42A;
}

#custom .p-cartype-spec-review--chronicle .m-review-chart__bar {
	background-color: #141414;
}

#custom .p-cartype-spec-review--dueler .m-review-chart__bar {
	background-color: #008F8C;
}

#custom .p-cartype-spec-review--blizzak .m-review-chart__bar {
	background-color: #E60012;
}

#custom .p-cartype-spec-review--regno .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-regno.svg");
}

#custom .p-cartype-spec-review--regno .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-regno.svg");
}

#custom .p-cartype-spec-review--alenza .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-alenza.svg");
}

#custom .p-cartype-spec-review--alenza .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-alenza.svg");
}

#custom .p-cartype-spec-review--potenza .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-potenza.svg");
}

#custom .p-cartype-spec-review--potenza .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-potenza.svg");
}

#custom .p-cartype-spec-review--playz .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-playz.svg");
}

#custom .p-cartype-spec-review--playz .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-playz.svg");
}

#custom .p-cartype-spec-review--finessa .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-finessa.svg");
}

#custom .p-cartype-spec-review--finessa .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-finessa.svg");
}

#custom .p-cartype-spec-review--ecopia .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-ecopia.svg");
}

#custom .p-cartype-spec-review--ecopia .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-ecopia.svg");
}

#custom .p-cartype-spec-review--chronicle .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-chronicle.svg");
}

#custom .p-cartype-spec-review--chronicle .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-chronicle.svg");
}

#custom .p-cartype-spec-review--dueler .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-dueler.svg");
}

#custom .p-cartype-spec-review--dueler .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-dueler.svg");
}

#custom .p-cartype-spec-review--blizzak .m-review-star > .is-full {
	background-image: url("../../images/asset/common/icon/icon_star_full-blizzak.svg");
}

#custom .p-cartype-spec-review--blizzak .m-review-star > .is-half {
	background-image: url("../../images/asset/common/icon/icon_star_half-blizzak.svg");
}

#custom .p-cartype-spec-review .m-review-customer-rate-container {
	display: block;
}

#custom .p-cartype-spec-review .m-review-chart__container {
	flex-grow: 1;
	width: auto;
	margin-top: 21px;
	margin-right: 0;
	padding: 0;
}

#custom .p-cartype-spec-review .m-review-chart__bar-bg {
	height: 15px;
}

#custom .p-cartype-spec-review .m-review-chart__item:not(:first-of-type) {
	margin-top: 7px;
}

/*------------------------------------------------
	BTOS > 絞り込みフォーム 「性能」の説明モーダル (2025-12)
------------------------------------------------*/
#custom .modal-2024 .icon-modal-spec-lownoise::before {
	background-image: url("../../images/tag/icon-spec-lownoise.svg");
}

#custom .modal-2024 .icon-modal-spec-lowfuel::before {
	background-image: url("../../images/tag/icon-spec-lowfuel.svg");
}

#custom .modal-2024 .icon-modal-spec-rolling::before {
	background-image: url("../../images/tag/icon-spec-rolling.svg");
}

#custom .modal-2024 .icon-modal-spec-wet::before {
	background-image: url("../../images/tag/icon-spec-wet.svg");
}

#custom .modal-help-spec sup, #custom .modal-help-spec sub {
	font-size: 0.75em;
}

@media (max-width: 1024px) {
	#custom .modal-help-spec img {
		max-width: 100%;
		height: auto;
	}
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec.modal-header,
	#custom .modal-help-spec .modal-header {
		padding-left: 40px;
	}
}

#custom .modal-help-spec :is(p, ul, dl),
#custom .modal-help-spec .modal-section {
	margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec :is(p, ul, dl),
	#custom .modal-help-spec .modal-section {
		margin-top: 32px;
	}
}

#custom .modal-help-spec :is(p, ul, dl):first-child,
#custom .modal-help-spec .modal-section:first-child {
	margin-top: 0;
}

#custom .modal-help-spec :is(figure, figure + p) {
	margin-top: 32px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec :is(figure, figure + p) {
		margin-top: 24px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .modal-help-spec .image {
		margin-left: -1px;
		margin-right: -1px;
	}
}

#custom .modal-help-spec .modal-section--indent {
	margin-left: 92px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec .modal-section--indent {
		margin-left: 0;
	}
}

#custom .modal-help-spec .m-note {
	font-size: 0.875em;
}

#custom .modal-help-spec .m-spec-section--wet {
	padding-left: 92px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec .m-spec-section--wet {
		padding-left: 0;
	}
}

#custom .modal-help-spec .m-spec-row {
	margin: 20px 0;
	padding: 0 1px;
	-moz-column-gap: 80px;
	     column-gap: 80px;
	-moz-column-gap: 5em;
	     column-gap: 5em;
}

@media only screen and (max-width: 543px) {
	#custom .modal-help-spec .m-spec-row {
		gap: 15px;
		padding-right: 8px;
	}
}

#custom .modal-help-spec .m-spec-row + .m-note {
	margin-top: 20px;
}

#custom .modal-help-spec .m-spec-col {
	flex-basis: 50px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	gap: 12px 9px;
}

@media only screen and (max-width: 543px) {
	#custom .modal-help-spec .m-spec-col {
		flex-basis: auto;
		flex-direction: row;
		align-items: center;
		text-align: left;
		max-width: none;
	}
}

#custom .modal-help-spec .m-spec-label {
	display: inline-flex;
	min-width: 50px;
	min-height: 50px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-help-spec .m-spec-label {
		min-width: 48px;
		min-height: 48px;
	}
}

#custom .modal-help-spec .m-spec-term {
	display: block;
	margin: 0 calc((50px - 8em) / 2);
	text-align: center;
}

@media only screen and (max-width: 543px) {
	#custom .modal-help-spec .m-spec-term {
		min-width: 4em;
		margin: 0;
		text-align: left;
		font-size: 0.875rem;
	}
}

#custom .modal-help-spec .m-spec-term sup {
	position: absolute;
	top: auto;
	bottom: auto;
	vertical-align: super;
}