@charset "UTF-8";
/*------------------------------------------------
	▼BTOS 「商品詳細」内 外部スタイル (2026-03 更新)

	[2026-03][] 
------------------------------------------------*/
/* テキストの折り返し設定 */
.wrap,
.wrap2,
.wrap3 {
	white-space: normal;
	word-break: keep-all !important;
}

.wrap .nowrap,
.wrap2 .nowrap,
.wrap3 .nowrap {
	display: inline-block;
}

.wrap wbr + .nowrap, .wrap .wbr + .nowrap, .wrap .nowrap:first-child,
.wrap2 wbr + .nowrap,
.wrap2 .wbr + .nowrap,
.wrap2 .nowrap:first-child,
.wrap3 wbr + .nowrap,
.wrap3 .wbr + .nowrap,
.wrap3 .nowrap:first-child {
	display: inline;
}

.wrap wbr, .wrap .wbr,
.wrap2 wbr,
.wrap2 .wbr,
.wrap3 wbr,
.wrap3 .wbr {
	display: inline-block;
}

a.wrap {
	display: inline-block;
}

.nowrap {
	white-space: nowrap;
}

.unwrap {
	word-break: normal !important;
	white-space: normal !important;
}

@media only screen and (max-width: 768px) {
	.wrap2,
	.unwrap_sp,
	html[lang="en"] .wrap {
		word-break: normal !important;
		white-space: normal !important;
	}
	.wrap2 .nowrap,
	.unwrap_sp .nowrap,
	html[lang="en"] .wrap .nowrap {
		display: inline !important;
		white-space: normal !important;
	}
}

@media only screen and (max-width: 543px) {
	.wrap3,
	.unwrap_mini {
		word-break: normal !important;
		white-space: normal !important;
	}
	.wrap3 .nowrap,
	.unwrap_mini .nowrap {
		display: inline !important;
		white-space: normal !important;
	}
}

@media (max-width: 1199px) {
	.unwrap_tab {
		word-break: normal !important;
		white-space: normal !important;
	}
	.unwrap_tab .nowrap {
		display: inline !important;
		white-space: normal !important;
	}
}

/* 注意・注釈 */
#custom .m-note {
	display: block;
	margin: 0.75rem 0;
	padding-left: 1.3em;
	text-indent: -1.3em;
	text-align: left;
	font-size: 0.875em;
}

#custom .m-note:last-child {
	margin-bottom: 0 !important;
}

#custom .m-note--center {
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto !important;
	margin-right: auto !important;
}

#custom .m-note--left {
	width: -moz-fit-content;
	width: fit-content;
	margin-right: auto !important;
}

#custom .m-note--right {
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto !important;
}

#custom .m-note--num {
	padding-left: 1.85em;
	text-indent: -1.85em;
}

#custom .m-note--hr {
	margin-top: 40px;
	padding-top: 0.75rem;
	border-top: 1px solid #CCC;
}

#custom .m-note--normal {
	font-size: 100%;
}

#custom .m-note small {
	font-size: 100%;
}

#custom .m-note .small {
	font-size: 0.858em;
}

#custom .m-note small.small {
	display: block;
	line-height: 1.5;
}

#custom .m-note + .m-note {
	margin-top: 1em;
}

#custom .m-note li + li {
	margin-top: 0.3em;
}

#custom .m-note--inline {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0 1.5em;
	padding-left: 0;
	text-indent: 0;
}

#custom .m-note--inline li + li {
	margin-top: 0;
}

#custom .m-note--right-out {
	position: absolute;
	top: 100%;
	right: 0;
}

#custom .m-note--overlay {
	position: relative;
	z-index: 0;
}

#custom .m-note--overlay::before {
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: linear-gradient(to bottom, #0000 0%, #000f 100%);
}

#custom .image .m-note--on-image {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 8px 16px 8px 2.4em;
}

#custom .image .m-note--left {
	right: auto !important;
}

#custom .image .m-note--right {
	left: auto !important;
}

/* 画像リスト */
#custom .images a {
	display: block;
	overflow: hidden;
	opacity: 1;
}

#custom .images a img {
	opacity: 1;
	transition: opacity 0.25s ease-out;
	transition-property: opacity, transform;
}

#custom .images a[href]:hover img {
	transform: scale(1.05);
	opacity: 1;
}

@media (max-width: 1199px) {
	#custom .images a img {
		max-width: 100%;
		height: auto;
	}
}

#custom .img-fit {
	-o-object-fit: cover;
	   object-fit: cover;
}

#custom .img-fit-center {
	-o-object-position: center center !important;
	   object-position: center center !important;
}

#custom .img-fit-top {
	-o-object-position: center top !important;
	   object-position: center top !important;
}

#custom .img-fit-bottom {
	-o-object-position: center bottom !important;
	   object-position: center bottom !important;
}

#custom .img-fit-left {
	-o-object-position: left center !important;
	   object-position: left center !important;
}

#custom .img-fit-right {
	-o-object-position: right center !important;
	   object-position: right center !important;
}

#custom .img-fit-1-3 {
	-o-object-position: 33.3% center !important;
	   object-position: 33.3% center !important;
}

#custom .img-fit-2-3 {
	-o-object-position: 66.7% center !important;
	   object-position: 66.7% center !important;
}

#custom .img-fit-1-4 {
	-o-object-position: 25% center !important;
	   object-position: 25% center !important;
}

#custom .img-fit-3-4 {
	-o-object-position: 75% center !important;
	   object-position: 75% center !important;
}

#custom .img-fit-left-top {
	-o-object-position: left top !important;
	   object-position: left top !important;
}

#custom .img-fit-left-bottom {
	-o-object-position: left bottom !important;
	   object-position: left bottom !important;
}

#custom .img-fit-right-top {
	-o-object-position: right top !important;
	   object-position: right top !important;
}

#custom .img-fit-right-bottom {
	-o-object-position: right bottom !important;
	   object-position: right bottom !important;
}

@media only screen and (max-width: 768px) {
	#custom .img-fit-sp {
		-o-object-fit: cover;
		   object-fit: cover;
	}
	#custom .img-fit-sp-center {
		-o-object-position: center center !important;
		   object-position: center center !important;
	}
	#custom .img-fit-sp-top {
		-o-object-position: center top !important;
		   object-position: center top !important;
	}
	#custom .img-fit-sp-bottom {
		-o-object-position: center bottom !important;
		   object-position: center bottom !important;
	}
	#custom .img-fit-sp-left {
		-o-object-position: left center !important;
		   object-position: left center !important;
	}
	#custom .img-fit-sp-right {
		-o-object-position: right center !important;
		   object-position: right center !important;
	}
	#custom .img-fit-sp-1-3 {
		-o-object-position: 33.3% center !important;
		   object-position: 33.3% center !important;
	}
	#custom .img-fit-sp-2-3 {
		-o-object-position: 66.7% center !important;
		   object-position: 66.7% center !important;
	}
	#custom .img-fit-sp-1-4 {
		-o-object-position: 25% center !important;
		   object-position: 25% center !important;
	}
	#custom .img-fit-sp-3-4 {
		-o-object-position: 75% center !important;
		   object-position: 75% center !important;
	}
	#custom .img-fit-sp-left-top {
		-o-object-position: left top !important;
		   object-position: left top !important;
	}
	#custom .img-fit-sp-left-bottom {
		-o-object-position: left bottom !important;
		   object-position: left bottom !important;
	}
	#custom .img-fit-sp-right-top {
		-o-object-position: right top !important;
		   object-position: right top !important;
	}
	#custom .img-fit-sp-right-bottom {
		-o-object-position: right bottom !important;
		   object-position: right bottom !important;
	}
}

#custom .image {
	position: relative;
}

#custom video {
	border: 0;
	vertical-align: middle;
	-webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
	        filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
}

#custom .youtube {
	max-width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
}

#custom .to-video {
	position: relative;
}

#custom .to-video::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../../images/asset/common/ico/ico-play-white.svg") no-repeat center;
	background-size: contain;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
	left: 50%;
	transform: translate(-50%, -50%);
	border-radius: 50%;
	background-color: #f00;
	background-size: 26px 26px;
}

@media only screen and (max-width: 374px) {
	#custom .to-video::after {
		width: 56px;
		height: 56px;
	}
}

#custom .to-video--small::after {
	width: 36px;
	height: 36px;
	background-size: 14px;
}

@media (min-width: 1025px) {
	#custom .to-video--large::after {
		width: 120px;
		height: 120px;
		background-size: 48px;
	}
}

@media (min-width: 544px) {
	#custom .to-video--large::after {
		width: 90px;
		height: 90px;
		background-size: 36px;
	}
}

#custom .to-video--controls {
	position: absolute;
	z-index: 10;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	opacity: 1;
}

#custom .to-video--controls.is-playing {
	opacity: 0;
	z-index: -1;
}

#custom .image-inline {
	position: relative;
	display: inline-block;
	height: 1em;
	vertical-align: baseline;
	overflow: visible;
}

#custom .image-inline img {
	float: left;
	position: relative;
	transform: translateY(calc(-50% + 0.5em));
}

#custom .on-image {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
}

#custom .on-image--bottom {
	top: auto;
	bottom: 0;
}

/*------------------------------------------------
	BTOS > 商品詳細 > 商品説明 (2026-03)
------------------------------------------------*/
#custom .m-productDetail-summary .m-btnArea {
	margin-top: 32px;
}

#custom .m-productDetail-summary-recommend {
	margin-top: 72px;
	margin-top: calc(60px + 0.75rem);
	padding: 0 32px 24px;
	border: 1px solid #333;
	border-radius: 2px;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-summary-recommend {
		padding: 0 18px 15px;
	}
}

#custom .m-productDetail-summary-recommend .m-hdg3 {
	position: relative;
	top: -0.5em;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto 4px;
	padding: 0 20px;
	font-size: 1.5rem;
	line-height: 1;
	background: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-summary-recommend .m-hdg3 {
		font-size: 1.25rem;
	}
}

#custom .m-productDetail-summary-recommend .m-hdg3::after {
	width: 22px;
	height: 22px;
}

#custom .m-productDetail-summary-recommend ul {
	display: flex;
	justify-content: center;
	gap: 8px 30px;
	margin: 0 auto;
	padding: 4px 0;
	font-size: 1rem;
	font-weight: bold;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-summary-recommend ul {
		flex-direction: column;
		justify-content: stretch;
		font-size: 0.938rem;
	}
}

#custom .m-productDetail-summary-recommend ul li {
	flex: 1 0;
	position: relative;
	padding-left: 2rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-summary-recommend ul li {
		flex-basis: auto;
	}
}

#custom .m-productDetail-summary-recommend ul:where([data-length="2"], [data-length="1"]) li {
	flex: 0 0 auto;
}

#custom .m-productDetail-summary-recommend li::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../../images/asset/common/ico/ico-check.svg") no-repeat center;
	background-size: contain;
	width: 1.5rem;
	height: 1.5rem;
	position: relative;
	position: absolute;
	left: 0;
	top: auto;
}

/* [202604g]「商品説明」のタブ制御 (一時的) */
#custom .m-productDetail-summary .js-tab-wrapper:has(.js-tab-trigger:first-child.disabled) .js-tab-content[data-subsection="summary-tire"] {
	display: none !important;
}

#custom .m-productDetail-summary .js-tab-wrapper:has(.js-tab-trigger:first-child.disabled) .js-tab-content[data-subsection="summary-wheel"] {
	display: block !important;
	height: auto;
	opacity: 1;
}

/* 「商品説明」のカルーセル */
#custom .m-productDetail-slider--summary:is([data-length="1"]) .swiper-wrapper {
	justify-content: center;
}

@media (min-width: 769px) {
	#custom .m-productDetail-slider--summary:is([data-length="2"]) .swiper-wrapper {
		justify-content: center;
	}
}

#custom .m-productDetail-slider--summary .image {
	aspect-ratio: 344 / 492;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-slider--summary .image {
		width: 260px;
		aspect-ratio: 260 / 372;
	}
}

#custom .m-productDetail-slider--summary .image figcaption {
	font-size: 1.625rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-slider--summary .image figcaption {
		font-size: 1.25rem;
	}
}

#custom .m-productDetail-slider--summary .image figcaption .m-note {
	padding-left: 0;
	text-indent: 0;
	text-align: right;
	font-size: 0.5em;
}

#custom .m-productDetail-slider--summary-wheel .image::before {
	border: 1px solid #CCC;
	border-radius: 4px;
	background: none;
}

/* モーダル内の商品説明のタイトル */
@media only screen and (max-width: 543px) {
	.modal:is(#modal-product-summary-1, #modal-product-summary-2, #modal-product-summary-3) .modal-header {
		padding: 15px 50px 15px 15px;
	}
}

.modal:is(#modal-product-summary-1, #modal-product-summary-2, #modal-product-summary-3) .modal-header .modal-title {
	font-size: 1.375rem;
}

@media (max-width: 1024px) {
	.modal:is(#modal-product-summary-1, #modal-product-summary-2, #modal-product-summary-3) .modal-header .modal-title {
		font-size: 1.125rem;
	}
}

@media only screen and (max-width: 543px) {
	.modal:is(#modal-product-summary-1, #modal-product-summary-2, #modal-product-summary-3) .modal-header .modal-title {
		font-size: 1rem;
	}
}

/*------------------------------------------------
	BTOS > 商品詳細 > バナーグループ (2026-03)
------------------------------------------------*/
#custom .m-productDetail-banner {
	padding-top: 0;
}

#custom .m-productDetail-banner > .container {
	max-width: 712px;
	padding-top: 0;
}

/*------------------------------------------------
	BTOS > 商品詳細 > ギャラリー (2026-03)
------------------------------------------------*/
#custom .m-productDetail-gallery-items {
	display: grid;
	gap: 24px;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-gallery-items {
		gap: 15px;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(1, 1fr);
	}
}

#custom .m-productDetail-gallery-items:where([data-length="6"], [data-length="5"], [data-length="4"]) {
	grid-template-columns: repeat(6, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

#custom .m-productDetail-gallery-items:where([data-length="6"], [data-length="5"], [data-length="4"]) > [data-index="1"] {
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}

#custom .m-productDetail-gallery-items:where([data-length="6"], [data-length="5"], [data-length="4"]) > [data-index="4"] {
	grid-column: 4 / span 2;
	grid-row: 1 / span 2;
}

#custom .m-productDetail-gallery-items:where([data-length="6"], [data-length="5"], [data-length="4"]) > [data-index="3"] {
	grid-column: 3;
	grid-row: 2;
}

#custom .m-productDetail-gallery-items:where([data-length-modal="6"], [data-length-modal="5"], [data-length-modal="4"], [data-length-modal="3"]) {
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, 1fr);
}

#custom .m-productDetail-gallery-items:where([data-length-modal="6"], [data-length-modal="5"], [data-length-modal="4"], [data-length-modal="3"]) > [data-index="1"] {
	grid-column: 1 / span 2;
	grid-row: 1 / span 2;
}

#custom .m-productDetail-gallery-items:where([data-length-modal="6"], [data-length-modal="5"], [data-length-modal="4"], [data-length-modal="3"]) > [data-index="4"] {
	grid-column: 2 / span 2;
	grid-row: 3 / span 2;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-gallery-items {
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(3, 1fr);
	}
	#custom .m-productDetail-gallery-items > [data-index="1"] {
		grid-column: 1 / span 2;
		grid-row: 1 / span 2;
	}
	#custom .m-productDetail-gallery-items > [data-index="4"] {
		grid-column: 1 / span 2;
		grid-row: 4 / span 2;
	}
	#custom .m-productDetail-gallery-items > [data-index="3"] {
		grid-column: auto;
		grid-row: auto;
	}
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-gallery-items[data-max-length-sp="3"] > .image:nth-child(n + 4) {
		display: none;
	}
}

#custom .m-productDetail-gallery-items > .image {
	position: relative;
	overflow: hidden;
	border-radius: 4px;
}

#custom .m-productDetail-gallery-items > .image :is(img, video) {
	width: 100%;
	height: auto;
	border-radius: 4px;
	-o-object-fit: cover;
	   object-fit: cover;
}

@media (min-width: 769px) {
	#custom .m-productDetail-gallery .m-btnArea {
		display: none;
	}
}

/*------------------------------------------------
	BTOS > 商品詳細 > スタッフレビュー (2026-03)
------------------------------------------------*/
#custom .m-productDetail-staff .image figcaption {
	font-size: 1.25rem;
}

/* 「ブリヂストンの品質」のカルーセル */
#custom .m-productDetail-slider--staff .image {
	aspect-ratio: 1 / 1;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-slider--staff .image {
		width: 260px;
		aspect-ratio: 260 / 373;
	}
}

/*------------------------------------------------
	BTOS > 商品詳細 > ピックアップ (2026-03)
------------------------------------------------*/
/* 「ピックアップコンテンツ」のカルーセル */
#custom .m-productDetail-slider--pickup .image figcaption {
	font-size: 1rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-slider--pickup .image figcaption {
		font-size: 1.25rem;
	}
}

/*------------------------------------------------
	BTOS > 商品詳細 > 「より詳細な情報」のモーダル (2026-04)
------------------------------------------------*/
#custom .modal .m-productDetail-section,
#custom .modal .m-productDetail-longDescription {
	margin-top: 0;
}

#custom .modal .m-productLongDesc {
	line-height: 1.6;
}

#custom .modal .m-productLongDesc > * {
	display: block;
	margin-top: 20px;
}

#custom .modal .m-productDetail-feature {
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}

#custom .modal .m-productDetail-feature :is(h3, h4, h5, h6) {
	margin: 1rem 0;
	font-weight: bold;
	font-size: 1rem;
}

#custom .modal .m-productDetail-feature h3 {
	margin-top: 48px;
	padding-top: 32px;
	border-top: 1px solid #DDD;
	font-size: 1.5rem;
}

#custom .modal .m-productDetail-feature h4 {
	margin-top: 48px;
	font-size: 1.25rem;
}

#custom .modal .m-productDetail-feature h3 + h3,
#custom .modal .m-productDetail-feature h3.no-border {
	margin-top: 24px;
	padding-top: 0;
	border-top: 0;
}

#custom .modal .m-productDetail-feature img + h3 {
	margin-top: 48px !important;
}

#custom .modal .m-productDetail-feature img:first-child + h3 {
	margin-top: 36px !important;
}

#custom .modal .m-productDetail-feature img + h4 {
	margin-top: 3rem !important;
}

#custom .modal .m-productDetail-feature hr {
	margin: 32px 0;
	border-top: 1px solid #DDD;
}

#custom .modal .m-productDetail-feature img + hr {
	margin-top: 32px !important;
}

#custom .modal .m-productDetail-feature hr + h3 {
	margin-top: 0;
	padding-top: 0;
	border-top: 0;
}

#custom .modal .m-productDetail-feature :is(p, ol, ul, dl) {
	margin: 1rem 0;
	padding-right: 0;
}

#custom .modal .m-productDetail-feature .border {
	border-color: #DDD !important;
	border-radius: 3px;
}

#custom .modal .m-productDetail-feature .border img {
	border-radius: 3px;
}

#custom .modal .m-productDetail-feature .m-note {
	font-size: 0.813em;
}

#custom .modal .m-productDetail-feature figure, #custom .modal .m-productDetail-feature-image, #custom .modal .m-productDetail-feature-video {
	margin: 32px 0;
}

@media only screen and (max-width: 768px) {
	#custom .modal .m-productDetail-feature figure, #custom .modal .m-productDetail-feature-image, #custom .modal .m-productDetail-feature-video {
		margin: 16px 0;
	}
}

#custom .modal .m-productDetail-feature :is(h2, h3, h4, h5, h6) + figure {
	margin-top: 16px;
}

#custom .modal .m-productDetail-feature figure :is(img, iframe, video) {
	display: block;
	width: 100%;
	height: auto;
}

#custom .modal .m-productDetail-feature figure iframe {
	aspect-ratio: 16/9;
}

#custom .modal .m-productDetail-feature figure video {
	aspect-ratio: auto;
}

#custom .modal .m-productDetail-feature figcaption {
	margin: 8px 0;
	font-weight: bold;
}

#custom .modal .m-productDetail-feature details {
	margin: 16px 0;
	padding: 0 24px;
	border-radius: 3px;
	border: 1px solid #F5F5F5;
	background: #F5F5F5;
	text-align: left;
	transition: padding-bottom 0.2s ease;
}

#custom .modal .m-productDetail-feature details[open] {
	padding-bottom: 20px;
}

#custom .modal .m-productDetail-feature details[open].is-closing {
	padding-bottom: 0;
}

#custom .modal .m-productDetail-feature details > summary {
	position: relative;
	display: block;
	list-style: none;
	margin: 0 -24px;
	padding: 20px 24px;
	font-weight: bold;
	transition: opacity 0.2s ease-out;
}

#custom .modal .m-productDetail-feature details > summary:where(:hover, :focus) {
	opacity: 0.7;
}

#custom .modal .m-productDetail-feature details > summary::-webkit-details-marker {
	display: none;
}

#custom .modal .m-productDetail-feature details > summary::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../../images/asset/common/ico/ico-plus.svg") no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
}

#custom .modal .m-productDetail-feature details[open] > summary::after {
	background-image: url("../../images/asset/common/ico/ico-minus.svg");
}

#custom .modal .m-productDetail-feature details summary + :is(h3, h4, h5, h6, p, ul, ol, dl, figure) {
	margin-top: 0;
}

#custom .modal .m-productDetail-feature details > :is(img, video, iframe) {
	display: block;
}

#custom .modal .m-productDetail-feature .m-productLongDesc :is(img, video) {
	max-width: 100%;
	height: auto;
}

#custom .modal .m-productDetail-feature .m-productLongDesc li + :is(img, video) {
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	margin: 30px auto;
}

#custom .modal .m-productDetail-feature .js-modal-basic {
	background: #ffa;
	opacity: 0.5;
}

#custom .modal .m-productDetail-feature .js-more-show-btn-container {
	background: #ffa;
	opacity: 0.5;
}

#custom .modal .m-productDetail-feature .more-show-content,
#custom .modal .m-productDetail-feature .js-more-show-content.is-omit {
	height: auto !important;
}

/*------------------------------------------------
	BTOS > 商品説明のモーダル > 特徴サブ情報 (2026-03)
------------------------------------------------*/
#custom .m-productDetail-feature .info {
	background-color: #fff;
	color: #333;
}

#custom .m-productDetail-feature .info.col--light {
	background-color: #fff;
	color: #333;
}

#custom .m-productDetail-feature--gray .info {
	background-color: #F5F5F5;
}

#custom .m-productDetail-feature--black .info {
	background-color: #000;
	color: #fff;
}

#custom .modal .m-productDetail-feature .p-brand-feature-info {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	max-width: 530px;
	margin: 0 auto;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#custom .modal .m-productDetail-feature .p-brand-feature-info {
		gap: 16px;
	}
}

#custom .modal .p-brand-feature-info > .info {
	position: relative;
	z-index: 0;
	display: flex;
	flex-direction: column;
	border: 1px solid #DDD;
	padding: 0;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info > .info {
		display: block;
	}
}

#custom .modal .p-brand-feature-info > .info--bg-gray {
	background-color: #F5F5F5 !important;
}

#custom .modal .p-brand-feature-info > .info--bg-white {
	background-color: #fff !important;
}

#custom .modal .p-brand-feature-info > .info--border {
	border: 6px solid #CCC;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info > .info--border {
		border-width: 4px;
	}
}

#custom .modal .p-brand-feature-info--finessa > .info--border {
	border-color: rgba(238, 121, 97, 0.6);
}

#custom .modal .p-brand-feature-info > .info--border .m-note--right-out {
	margin-top: 6px;
}

#custom .modal .p-brand-feature-info dt {
	position: relative;
	z-index: 3;
	padding: 20px 15px 14px;
	color: inherit;
}

@media (min-width: 1200px) {
	#custom .modal .p-brand-feature-info dt:has(br.on-pc) {
		padding-top: 15px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info dt {
		font-size: 0.875rem;
		padding: 12px 11px;
	}
	#custom .modal .p-brand-feature-info dt .image-inline {
		vertical-align: middle;
	}
	#custom .modal .p-brand-feature-info dt .image-inline img {
		width: auto;
		max-height: 2em;
	}
}

#custom .modal .p-brand-feature-info dd {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 0 34px;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info dd {
		padding: 0 16px;
	}
}

#custom .modal .p-brand-feature-info em {
	color: #f00;
}

#custom .modal .p-brand-feature-info em b {
	font-size: 1.125em;
	line-height: 1.4;
}

#custom .modal .p-brand-feature-info .image {
	margin: 0;
	text-align: center;
}

#custom .modal .p-brand-feature-info .image--full {
	margin: 0 -34px;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info .image--full {
		margin: 0 -16px;
	}
}

#custom .modal .p-brand-feature-info .image--full figcaption {
	margin-left: 34px;
	margin-right: 16px;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info .image--full figcaption {
		margin-left: 16px;
	}
}

#custom .modal .p-brand-feature-info .image--full figcaption.m-note--on-image {
	margin-left: 8px;
	margin-right: 0;
}

@media only screen and (max-width: 543px) {
	#custom .modal .p-brand-feature-info .image--full figcaption.m-note--on-image {
		margin-left: 0;
		font-size: 0.563rem;
	}
}

#custom .modal .p-brand-feature-info .image :is(img, video) {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

#custom .modal .p-brand-feature-info--image .image--full,
#custom .modal .p-brand-feature-info--video .image--full {
	margin: 0;
}

#custom .modal .p-brand-feature-info .image--cover {
	position: static;
	min-height: 270px;
	min-height: min(270px, 21.0938vw);
	margin: 0;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info .image--cover {
		min-height: 170px;
		min-height: min(270px, 45.3334vw);
	}
}

#custom .modal .p-brand-feature-info .image--cover :is(img, video) {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

#custom .modal .p-brand-feature-info figcaption {
	margin-top: 1rem;
	font-size: 0.875em;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info figcaption {
		margin-top: 0.5rem;
	}
}

#custom .modal .p-brand-feature-info .m-note {
	margin-top: auto;
	margin-right: -16px;
	padding-top: 8px;
	padding-bottom: 7px;
	font-size: 0.75rem;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info .m-note {
		margin-top: 0;
		margin-right: -4px;
	}
}

#custom .modal .p-brand-feature-info .m-note--em {
	margin-left: -14px;
}

@media only screen and (max-width: 768px) {
	#custom .modal .p-brand-feature-info .m-note--em {
		margin-left: -4px;
	}
}

#custom .modal .p-brand-feature-info .m-note--links {
	font-size: 0.875rem;
}

#custom .modal .p-brand-feature-info .m-note--overlay {
	margin: 0 !important;
	padding-top: 2.5em;
}

#custom .modal .p-brand-feature-info .m-note--right, #custom .modal .p-brand-feature-info .m-note--right-out {
	margin-right: 0;
}

#custom .modal .p-brand-feature-info .m-note li {
	margin-top: 0;
}

#custom .modal .p-brand-feature-info .m-note small.small {
	font-size: 0.9em;
	line-height: 1.4;
}

#custom .modal .p-brand-feature-info .video .controls {
	display: none;
	position: absolute;
	z-index: 2;
	bottom: auto;
	top: 0;
	right: 0;
	padding: 12px;
}

@media (max-width: 1024px) {
	#custom .modal .p-brand-feature-info .video .controls {
		padding: 8px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .modal .p-brand-feature-info .video .controls {
		padding: 6px;
	}
}

.js #custom .modal .p-brand-feature-info .video .controls {
	display: block !important;
}

#custom .modal .p-brand-feature-info .video .controls button {
	border-radius: 4px;
	vertical-align: bottom;
	outline: 1px solid rgba(255, 255, 255, 0);
}

#custom .modal .p-brand-feature-info .video .controls button:hover, #custom .modal .p-brand-feature-info .video .controls button:focus {
	outline-color: rgba(255, 255, 255, 0.75);
}

#custom .modal .p-brand-feature-info .video .controls img {
	width: auto;
	height: auto;
	min-height: 0;
}

@media (max-width: 1024px) {
	#custom .modal .p-brand-feature-info .video .controls img.ico {
		max-height: 42px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .modal .p-brand-feature-info .video .controls img.ico {
		max-height: 28px;
	}
}

#custom .modal .p-brand-feature-info .video .icon-audio {
	padding: 0;
	border-radius: 4px;
	background: #f00;
	color: #fff;
}

#custom .modal .p-brand-feature-info .video .icon-audio.is-muted {
	background: #000;
}

#custom .modal .p-brand-feature-info .video .icon-audio.is-muted .un-muted {
	display: none;
}

#custom .modal .p-brand-feature-info .video .icon-audio:not(.is-muted) .on-muted {
	display: none;
}

/*------------------------------------------------
	BTOS > ブランド一覧 > 車に合ったタイヤ > 各タブ (2025-09)
------------------------------------------------*/
#custom .p-cartype {
	padding-top: 1px;
}

#custom .p-cartype[open] + .p-cartype[open] {
	margin-top: 60px;
}

#custom .p-cartype-footer .m-note {
	margin-top: 12px;
}

#custom .p-cartype-footer .navi {
	margin-top: 30px;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-footer .navi {
		margin-top: 16px;
	}
}

#custom .p-cartype-brand {
	padding-top: 56px;
	padding-bottom: 1px;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand {
		padding-top: 20px;
	}
}

#custom .p-cartype-brand dt {
	color: inherit;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand .wrapper {
		margin: 20px 0;
	}
}

#custom .p-cartype-brand-items {
	display: flex;
	justify-content: center;
	gap: 24px;
	text-align: center;
	padding-top: 1.594rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-items {
		gap: 15px;
		padding-top: 1.907rem;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand-items:has(.wrap-mini) {
		padding-top: 3.313rem;
	}
}

#custom .p-cartype-brand-item {
	position: relative;
	width: 252px;
	line-height: 1.5;
	font-size: 1rem;
	font-weight: bold;
}

#custom .p-cartype-brand-term {
	position: absolute;
	bottom: 100%;
	left: -12px;
	right: -12px;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-bottom: 3px;
	font-size: 1.063rem;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-term {
		left: -7px;
		right: -7px;
		margin-bottom: 8px;
		padding: 0;
		font-size: 0.938rem;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand-term {
		font-size: 0.813rem;
	}
}

#custom .p-cartype-brand-term > .wrap {
	position: relative;
	display: inline-block;
	padding: 0 2em;
	background: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-term > .wrap {
		padding: 0 1em;
	}
}

#custom .p-cartype-brand-term > .wrap::before, #custom .p-cartype-brand-term > .wrap::after {
	content: "";
	display: inline-block;
	width: 0;
	height: 1.2em;
	border-right: 1px solid;
	border-right-color: inherit;
	transform: rotate(-45deg);
	transform-origin: center bottom;
	position: absolute;
	bottom: 0.4em;
	left: 1.8em;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-term > .wrap::before {
		left: 0.8em;
	}
}

#custom .p-cartype-brand-term > .wrap::after {
	transform: rotate(45deg);
	left: auto;
	right: 1.8em;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-term > .wrap::after {
		right: 0.8em;
	}
}

#custom .p-cartype-brand-label {
	padding-top: 1px;
	border: 1px solid;
	border-color: inherit;
	border-radius: 8px 8px 0 0;
	background: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-label {
		padding: 3px 3px 2px;
		font-size: 0.75rem;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand-label {
		font-size: 0.688rem;
	}
}

#custom .p-cartype-brand-label--standard {
	border: none;
	background: linear-gradient(103deg, #DCDCDC 4.8%, #ACACAC 41.82%, #9E9E9E 82.73%);
	color: #fff !important;
}

#custom .p-cartype-brand-label--premium {
	border: none;
	background: linear-gradient(116deg, #FFE893 19.22%, #886B00 99.1%);
	color: #fff !important;
}

#custom .p-cartype-brand-body {
	border: 1px solid;
	border-color: inherit;
	border-radius: 0 0 8px 8px;
	background: #757575;
	color: #fff;
}

#custom .p-cartype-brand-link {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	height: 100%;
	padding: 9px 15px 0;
	background-color: rgba(255, 255, 255, 0);
	color: inherit !important;
}

#custom .p-cartype-brand-link:is(:hover, :focus) {
	background-color: rgba(255, 255, 255, 0.3);
	opacity: 1;
}

#custom .p-cartype-brand-link:is(:hover, :focus) .img-tire {
	opacity: 0.7;
}

#custom .p-cartype-brand-link::after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	background: url("../../images/asset/common/ico/ico-arrow-white.svg") no-repeat center;
	background-size: contain;
	width: 9px;
	height: 15px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	bottom: 28px;
	top: auto;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-link::after {
		right: 16px;
		bottom: 27px;
	}
}

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

#custom .p-cartype-brand-name small {
	display: block;
	margin: 5px 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-name small {
		line-height: 1.35;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand-name small {
		font-size: 0.813rem;
	}
}

#custom .p-cartype-brand-tire {
	margin-top: auto;
}

#custom .p-cartype-brand-item--black {
	color: #000;
	border-color: #000;
}

#custom .p-cartype-brand-body--black {
	background-color: #000;
	border-color: #000;
}

#custom .p-cartype-brand-item--basic {
	color: #999999;
	border-color: #999999;
}

#custom .p-cartype-brand-body--basic {
	background-color: #999999;
	border-color: #999999;
}

#custom .p-cartype-brand-item--chronicle {
	color: #141414;
	border-color: #141414;
}

#custom .p-cartype-brand-body--chronicle {
	background-color: #141414;
	border-color: #141414;
}

#custom .p-cartype-brand-item--playz {
	color: #00A1DE;
	border-color: #00A1DE;
}

#custom .p-cartype-brand-body--playz {
	background-color: #00A1DE;
	border-color: #00A1DE;
}

#custom .p-cartype-brand-item--regno {
	color: #09234E;
	border-color: #09234E;
}

#custom .p-cartype-brand-body--regno {
	background-color: #09234E;
	border-color: #09234E;
}

#custom .p-cartype-brand-item--finessa {
	color: #EE7961;
	border-color: #EE7961;
}

#custom .p-cartype-brand-body--finessa {
	background-color: #EE7961;
	border-color: #EE7961;
}

#custom .p-cartype-brand-item--ecopia {
	color: #6BB42A;
	border-color: #6BB42A;
}

#custom .p-cartype-brand-body--ecopia {
	background-color: #6BB42A;
	border-color: #6BB42A;
}

#custom .p-cartype-brand-item--potenza {
	color: #000000;
	border-color: #000000;
}

#custom .p-cartype-brand-body--potenza {
	background-color: #000000;
	border-color: #000000;
}

#custom .p-cartype-brand-item--alenza {
	color: #462D25;
	border-color: #462D25;
}

#custom .p-cartype-brand-body--alenza {
	background-color: #462D25;
	border-color: #462D25;
}

#custom .p-cartype-brand-item--dueler {
	color: #008F8C;
	border-color: #008F8C;
}

#custom .p-cartype-brand-body--dueler {
	background-color: #008F8C;
	border-color: #008F8C;
}

#custom .p-cartype-brand-item--blizzak {
	color: #E60012;
	border-color: #E60012;
}

#custom .p-cartype-brand-body--blizzak {
	background-color: #E60012;
	border-color: #E60012;
}

#custom .p-cartype-brand--graphic .wrapper {
	position: relative;
	margin: 30px 50px 50px;
	padding: 12px 84px 18px;
	border: 1px solid #CCC;
	/* 方眼紙模様に必須のスタイル */
	background: #fff repeat left bottom;
	background-image: linear-gradient(0deg, #CCC 1px, transparent 1px, transparent 100%), linear-gradient(90deg, #CCC 1px, transparent 1px, transparent 100%);
	background-size: 89px 70px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-brand--graphic .wrapper {
		left: 3px;
		max-width: 944px;
		margin: 50px auto 50px;
		padding: 12px 5vw 18px;
		background-size: 10% 25%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand--graphic .wrapper {
		max-width: none;
		margin: 10px 0 20px;
		padding: 12px 12px 16px 26px;
		background-size: 16.6667% 25%;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .wrapper {
		background-size: 25% 25%;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand--graphic .wrapper {
		padding: 12px 8px 16px 22px;
	}
}

#custom .p-cartype-brand--graphic .p-cartype-brand-items {
	gap: 16px;
	min-height: 248px;
	justify-content: space-between;
	align-items: center;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-items {
		min-height: 260px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-items:has(.wrap-mini) {
		min-height: 280px;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-items {
		gap: 8px;
	}
}

#custom .p-cartype-brand--graphic .p-cartype-brand-item:first-child {
	margin-top: auto;
	align-self: flex-start;
}

#custom .p-cartype-brand--graphic .p-cartype-brand-item:last-child {
	margin-bottom: auto;
	align-self: flex-end;
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-term {
		left: -8px;
		right: -8px;
	}
}

#custom .p-cartype-brand--graphic .p-cartype-brand-link {
	padding: 7px 10px 0;
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-link {
		padding: 5px 2px 0;
	}
}

@media (min-width: 769px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-link {
		flex-direction: row;
		justify-content: space-between;
		padding: 0 22px 0 10px;
		text-align: left;
	}
}

#custom .p-cartype-brand--graphic .p-cartype-brand-link::after {
	right: 10px;
	bottom: 23px;
}

@media (min-width: 769px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-link::after {
		right: 10px;
		top: 50%;
		bottom: auto;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-link::after {
		right: 5px;
	}
}

#custom .p-cartype-brand--graphic .p-cartype-brand-name small {
	margin: 5px 0 3px;
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-name small {
		margin: 2px 0 0;
		min-height: 2.7em;
		line-height: 1.35;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-tire {
		margin-right: auto;
		margin-left: 5px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-tire img {
		width: auto;
		max-height: 80px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-cartype-brand--graphic .p-cartype-brand-tire img {
		max-height: 66px;
	}
}

#custom .p-cartype-brand-xy {
	position: absolute;
	left: 0;
	bottom: 0;
	background: #333;
	text-align: center;
}

#custom .p-cartype-brand-xy--x {
	right: 16px;
	height: 6px;
}

#custom .p-cartype-brand-xy--y {
	top: 16px;
	width: 6px;
	background: #f00;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-xy--x {
		height: 4px;
	}
	#custom .p-cartype-brand-xy--y {
		width: 4px;
	}
}

#custom .p-cartype-brand-xy::after {
	content: "";
	display: block;
	position: absolute;
}

#custom .p-cartype-brand-xy--x::after {
	right: -16px;
	bottom: 0;
	border-top: 21px solid transparent;
	border-left: 30px solid #333;
}

#custom .p-cartype-brand-xy--y::after {
	top: -16px;
	left: 0;
	border-right: 21px solid transparent;
	border-bottom: 30px solid #f00;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-xy--x::after {
		border-left-width: 18px;
		border-top-width: 12px;
	}
	#custom .p-cartype-brand-xy--y::after {
		border-right-width: 12px;
		border-bottom-width: 18px;
	}
}

#custom .p-cartype-brand-xy-label {
	box-sizing: content-box;
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 4px 6px 3px;
	border: 1px solid #333;
	background: #fff;
	color: #333;
	font-weight: bold;
	font-size: 1.125rem;
	line-height: 1.3333333333;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-xy-label {
		font-size: 0.938rem;
		line-height: 1.2;
	}
}

#custom .p-cartype-brand-xy-label--x {
	left: calc(50% + 8px);
}

#custom .p-cartype-brand-xy-label--y {
	writing-mode: vertical-rl;
	top: calc(50% - 2px);
	padding: 4px 5px;
	border-color: #f00;
	color: #f00;
	line-height: 1;
	letter-spacing: 0.2em;
	text-indent: 0.2em;
}

@media only screen and (max-width: 768px) {
	#custom .p-cartype-brand-xy-label--y {
		padding: 8px 5px;
		text-indent: 0.1em;
	}
}

/*------------------------------------------------
	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);
}

@media (min-width: 1025px) {
	#custom .p-cartype-spec-legend .img-logo {
		width: auto;
		height: 16px;
	}
}

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

#custom .p-cartype-spec-legend:only-child .img-logo[src*="ecopia"] {
	height: 21px;
}

@media (max-width: 1024px) {
	#custom .p-cartype-spec-legend:only-child .img-logo[src*="ecopia"] {
		height: 18px;
	}
}

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

#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 > 商品詳細 > 商品比較 (2026-03)
------------------------------------------------*/
#custom .m-productDetail-cmp .container {
	overflow: visible;
}

#custom .m-productDetail-cmp-to.m-btnArea {
	margin-top: 32px;
}

#custom .m-productDetail-cmp-to:empty {
	display: none;
}

#custom .m-productDetail-cmp-to:not(:has(a[href])) {
	display: none;
}

#custom .m-productDetail-cmp-to a:not([href]) {
	display: none;
}

#custom .m-productDetail-cmp .p-cartype-brand {
	padding-top: 0;
}

#custom .m-productDetail-cmp .p-cartype-brand-item {
	border-radius: 8px;
	outline: 0 solid transparent;
	transition: outline-width 0.15s ease-out;
}

#custom .m-productDetail-cmp .p-cartype-brand-term {
	margin-bottom: 5px;
}

#custom .m-productDetail-cmp .p-cartype-brand-link {
	pointer-events: none;
}

@media (min-width: 769px) {
	#custom .m-productDetail-cmp .p-cartype-brand-link {
		padding-right: 10px;
	}
}

#custom .m-productDetail-cmp .p-cartype-brand-link::after {
	content: none;
	display: none;
}

@media only screen and (max-width: 768px) {
	#custom .m-productDetail-cmp .p-cartype-brand-tire {
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 769px) {
	#custom .m-productDetail-cmp .p-cartype-brand-tire img {
		max-height: 100px;
	}
}

#custom .m-productDetail-cmp .p-cartype-spec > :is(h4, .h2) {
	display: none;
}

#custom .m-productDetail-cmp .p-cartype-spec .navi {
	display: none;
}

#custom .m-productDetail-cmp .p-cartype-spec-legend .img-logo[src$="regno-gr-x3-bedi.svg"] {
	height: 22px;
}

@media (max-width: 1024px) {
	#custom .m-productDetail-cmp[data-active-brand-id="regno"] .p-cartype-brand-item--regno, #custom .m-productDetail-cmp[data-active-brand-id="alenza"] .p-cartype-brand-item--alenza, #custom .m-productDetail-cmp[data-active-brand-id="potenza"] .p-cartype-brand-item--potenza, #custom .m-productDetail-cmp[data-active-brand-id="playz"] .p-cartype-brand-item--playz, #custom .m-productDetail-cmp[data-active-brand-id="finessa"] .p-cartype-brand-item--finessa, #custom .m-productDetail-cmp[data-active-brand-id="ecopia"] .p-cartype-brand-item--ecopia, #custom .m-productDetail-cmp[data-active-brand-id="chronicle"] .p-cartype-brand-item--chronicle, #custom .m-productDetail-cmp[data-active-brand-id="dueler"] .p-cartype-brand-item--dueler, #custom .m-productDetail-cmp[data-active-brand-id="blizzak"] .p-cartype-brand-item--blizzak {
		outline: 5px solid #f00;
	}
}