@charset "UTF-8";
/*------------------------------------------------
 ブリヂストン タイヤオンラインストアとは
------------------------------------------------*/
/*------------------------------------------------
	スクロール用
------------------------------------------------*/
html {
	scroll-behavior: smooth;
	scroll-padding-top: 110px;
}

/*------------------------------------------------
	BTOS > Base
------------------------------------------------*/
#maincontent {
	font-size: 1rem;
	line-height: 1.6;
	font-weight: normal;
}

@media only screen and (max-width: 768px) {
	#maincontent {
		font-size: 0.938rem;
		line-height: 1.6;
	}
}

#maincontent .container {
	overflow: visible;
}

@media (min-width: 1025px) {
	#maincontent .container {
		max-width: 1110px;
	}
}

#maincontent ::before, #maincontent ::after {
	pointer-events: none;
}

#maincontent a, #maincontent button {
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	-webkit-transition-property: opacity, color, background-color, border-color, outline-color, -webkit-transform;
	transition-property: opacity, color, background-color, border-color, outline-color, -webkit-transform;
	transition-property: opacity, color, background-color, border-color, outline-color, transform;
	transition-property: opacity, color, background-color, border-color, outline-color, transform, -webkit-transform;
}

#maincontent a:hover img, #maincontent button:hover img {
	opacity: 1;
}

@media (max-width: 1199px) {
	#maincontent img, #maincontent video {
		max-width: 100%;
		height: auto;
	}
}

#maincontent em, #maincontent strong, #maincontent b {
	font-weight: bold;
	font-style: normal;
}

#maincontent small {
	font-weight: inherit;
}

#maincontent sup, #maincontent sub {
	font-size: 0.6em;
}

#maincontent sup.online, #maincontent sub.online {
	display: inline-block;
	width: 0;
	white-space: nowrap;
}

#maincontent i, #maincontent dfn {
	font-style: normal;
}

#maincontent .en {
	font-family: Arial, "Helvetica Neue", Helvetica, Verdana, Roboto, sans-serif;
}

#maincontent .en-heading {
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif;
}

#maincontent .note {
	display: block;
	margin-top: 0.3em;
}

@media only screen and (max-width: 543px) {
	#maincontent .aos-animate[data-aos-delay] {
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
	}
}

/*------------------------------------------------
	BTOS > 見出し
------------------------------------------------*/
#maincontent h1, #maincontent h2, #maincontent h3, #maincontent h4, #maincontent h5, #maincontent h6 {
	line-height: 1.6;
}

#maincontent h2 {
	font-size: 1.563rem;
	margin-bottom: 1.6em;
	text-align: center;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#maincontent h2 {
		font-size: 1.313rem;
	}
}

#maincontent h2 em, #maincontent h2 strong {
	color: #f00;
}

#maincontent h2 i {
	display: inline-block;
	margin: 0 0.3em;
	font-family: Arial, "Helvetica Neue", Helvetica, Verdana, Roboto, sans-serif;
	font-size: 3rem;
	line-height: 1;
	font-style: normal;
	font-weight: bold;
	color: #f00;
	vertical-align: bottom;
}

@media only screen and (max-width: 768px) {
	#maincontent h2 i {
		font-size: 2.375rem;
	}
}

#maincontent h3 {
	font-size: 1.125rem;
	margin-bottom: 1em;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#maincontent h3 {
		font-size: 1rem;
	}
}

#maincontent h4, #maincontent h5, #maincontent h6 {
	font-size: 1rem;
	font-weight: bold;
}

/* AOS アニメーション中の操作を無効 */
.aos-init:where(:not([data-aos=""])) {
	pointer-events: none;
}

.aos-animate:where(:not([data-aos=""])) {
	pointer-events: auto;
}

/* フェードイン */
@-webkit-keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@keyframes fade-in {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* フェードアウト */
@-webkit-keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
@keyframes fade-out {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* フェードイン→アウト */
@-webkit-keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}
@keyframes fade-in-out {
	0%, 100% {
		opacity: 0;
	}
	50% {
		opacity: 1;
	}
}

/* フェードアウト→イン */
@-webkit-keyframes fade-out-in {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}
@keyframes fade-out-in {
	0%, 100% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
}

/* ズームイン */
@-webkit-keyframes zoom-in {
	0% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes zoom-in {
	0% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

/* ズームアウト */
@-webkit-keyframes zoom-out {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@keyframes zoom-out {
	0% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}

/* ズームイン→アウト */
@-webkit-keyframes zoom-in-out {
	0%, 100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}
@keyframes zoom-in-out {
	0%, 100% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
	50% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
}

/* ズームアウト→イン */
@-webkit-keyframes zoom-out-in {
	0%, 100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}
@keyframes zoom-out-in {
	0%, 100% {
		-webkit-transform: scale(1);
		        transform: scale(1);
	}
	50% {
		-webkit-transform: scale(1.1);
		        transform: scale(1.1);
	}
}

/* 背景がポワンと光るアニメーション */
.anime-bg-shining {
	position: relative;
	overflow: hidden;
}

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

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

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

/* 背景がキラッと光るアニメーション */
.anime-bg-linear-shining {
	position: relative;
	overflow: hidden;
}

.anime-bg-linear-shining::before {
	content: '';
	position: absolute;
	top: 0;
	left: -50%;
	left: 0;
	width: 30%;
	height: 100%;
	background: -webkit-gradient(linear, left top, right top, from(#fff0), to(#fff7));
	background: -webkit-linear-gradient(left, #fff0, #fff7);
	background: linear-gradient(to right, #fff0, #fff7);
	-webkit-transform: skewX(-80deg);
	    -ms-transform: skewX(-80deg);
	        transform: skewX(-80deg);
	-webkit-animation: bg-linear-shining 5.0s ease-in-out infinite;
	        animation: bg-linear-shining 5.0s ease-in-out infinite;
}

@-webkit-keyframes bg-linear-shining {
	0% {
		left: -50%;
	}
	84% {
		left: -50%;
	}
	100% {
		left: 150%;
	}
}

@keyframes bg-linear-shining {
	0% {
		left: -50%;
	}
	84% {
		left: -50%;
	}
	100% {
		left: 150%;
	}
}

/* hover 時のアニメーション */
@-webkit-keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}
@keyframes rotation {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@-webkit-keyframes rotation-reverse {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		        transform: rotate(-360deg);
	}
}

@keyframes rotation-reverse {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	100% {
		-webkit-transform: rotate(-360deg);
		        transform: rotate(-360deg);
	}
}

@-webkit-keyframes rotation-x {
	0% {
		-webkit-transform: rotateX(0);
		        transform: rotateX(0);
	}
	100% {
		-webkit-transform: rotateX(360deg);
		        transform: rotateX(360deg);
	}
}

@keyframes rotation-x {
	0% {
		-webkit-transform: rotateX(0);
		        transform: rotateX(0);
	}
	100% {
		-webkit-transform: rotateX(360deg);
		        transform: rotateX(360deg);
	}
}

@-webkit-keyframes rotation-y {
	0% {
		-webkit-transform: rotateY(0);
		        transform: rotateY(0);
	}
	100% {
		-webkit-transform: rotateY(360deg);
		        transform: rotateY(360deg);
	}
}

@keyframes rotation-y {
	0% {
		-webkit-transform: rotateY(0);
		        transform: rotateY(0);
	}
	100% {
		-webkit-transform: rotateY(360deg);
		        transform: rotateY(360deg);
	}
}

@-webkit-keyframes shaking {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	10% {
		-webkit-transform: rotate(-10deg);
		        transform: rotate(-10deg);
	}
	20% {
		-webkit-transform: rotate(8deg);
		        transform: rotate(8deg);
	}
	30% {
		-webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
	}
	40% {
		-webkit-transform: rotate(4deg);
		        transform: rotate(4deg);
	}
	50% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	60% {
		-webkit-transform: rotate(2deg);
		        transform: rotate(2deg);
	}
	70% {
		-webkit-transform: rotate(-2deg);
		        transform: rotate(-2deg);
	}
	80% {
		-webkit-transform: rotate(1deg);
		        transform: rotate(1deg);
	}
	90% {
		-webkit-transform: rotate(-1deg);
		        transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@keyframes shaking {
	0% {
		-webkit-transform: rotate(0);
		        transform: rotate(0);
	}
	10% {
		-webkit-transform: rotate(-10deg);
		        transform: rotate(-10deg);
	}
	20% {
		-webkit-transform: rotate(8deg);
		        transform: rotate(8deg);
	}
	30% {
		-webkit-transform: rotate(-5deg);
		        transform: rotate(-5deg);
	}
	40% {
		-webkit-transform: rotate(4deg);
		        transform: rotate(4deg);
	}
	50% {
		-webkit-transform: rotate(-3deg);
		        transform: rotate(-3deg);
	}
	60% {
		-webkit-transform: rotate(2deg);
		        transform: rotate(2deg);
	}
	70% {
		-webkit-transform: rotate(-2deg);
		        transform: rotate(-2deg);
	}
	80% {
		-webkit-transform: rotate(1deg);
		        transform: rotate(1deg);
	}
	90% {
		-webkit-transform: rotate(-1deg);
		        transform: rotate(-1deg);
	}
	100% {
		-webkit-transform: rotate(0deg);
		        transform: rotate(0deg);
	}
}

@-webkit-keyframes bounding {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	60% {
		-webkit-transform: translateY(-12px);
		        transform: translateY(-12px);
	}
	82% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	94% {
		-webkit-transform: translateY(-3px);
		        transform: translateY(-3px);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

@keyframes bounding {
	0% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	60% {
		-webkit-transform: translateY(-12px);
		        transform: translateY(-12px);
	}
	82% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
	94% {
		-webkit-transform: translateY(-3px);
		        transform: translateY(-3px);
	}
	100% {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
	}
}

/* SVG のフェードイン→アウト */
@-webkit-keyframes svg-fade-in-out {
	0%, 100% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
	50% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
}
@keyframes svg-fade-in-out {
	0%, 100% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
	50% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
}

/* SVG のフェードアウト→イン */
@-webkit-keyframes svg-fade-out-in {
	0%, 100% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
	50% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
}
@keyframes svg-fade-out-in {
	0%, 100% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
	50% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
}

/* SVG の点滅 */
@-webkit-keyframes svg-blink {
	0%, 49.9%, 100% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
	50%, 99.9% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
}
@keyframes svg-blink {
	0%, 49.9%, 100% {
		stroke-opacity: 1;
		fill-opacity: 1;
	}
	50%, 99.9% {
		stroke-opacity: 0;
		fill-opacity: 0;
	}
}

/* SVG のストローク */
@-webkit-keyframes svg-stroke-100 {
	0% {
		stroke-dashoffset: 100;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}
@keyframes svg-stroke-100 {
	0% {
		stroke-dashoffset: 100;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@-webkit-keyframes svg-stroke-200 {
	0% {
		stroke-dashoffset: 200;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@keyframes svg-stroke-200 {
	0% {
		stroke-dashoffset: 200;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@-webkit-keyframes svg-stroke-300 {
	0% {
		stroke-dashoffset: 300;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@keyframes svg-stroke-300 {
	0% {
		stroke-dashoffset: 300;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@-webkit-keyframes svg-stroke-500 {
	0% {
		stroke-dashoffset: 500;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@keyframes svg-stroke-500 {
	0% {
		stroke-dashoffset: 500;
		fill-opacity: 0;
	}
	100% {
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@-webkit-keyframes svg-stroke-1000 {
	0% {
		stroke-width: 1;
		stroke-dashoffset: 1000;
		fill-opacity: 0;
	}
	75% {
		stroke-width: 1;
		stroke-dashoffset: 0;
		fill-opacity: 0;
	}
	100% {
		stroke-width: 0;
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

@keyframes svg-stroke-1000 {
	0% {
		stroke-width: 1;
		stroke-dashoffset: 1000;
		fill-opacity: 0;
	}
	75% {
		stroke-width: 1;
		stroke-dashoffset: 0;
		fill-opacity: 0;
	}
	100% {
		stroke-width: 0;
		stroke-dashoffset: 0;
		fill-opacity: 1;
	}
}

/* [default] SVG animation */
.svg-stroke {
	stroke-dasharray: 300;
	stroke-dashoffset: 0;
	fill-opacity: 0;
}

.svg-stroke:not([stroke-width]) {
	stroke-width: 1;
}

.svg-stroke:not([stroke]) {
	stroke: #333;
}

.svg-stroke-100 .svg-stroke {
	stroke-dasharray: 100;
	-webkit-animation: svg-stroke-100 1.5s linear infinite;
	        animation: svg-stroke-100 1.5s linear infinite;
}

.svg-stroke-200 .svg-stroke {
	stroke-dasharray: 200;
	-webkit-animation: svg-stroke-200 1.5s linear infinite;
	        animation: svg-stroke-200 1.5s linear infinite;
}

.svg-stroke-300 .svg-stroke {
	stroke-dasharray: 300;
	-webkit-animation: svg-stroke-300 1.5s linear infinite;
	        animation: svg-stroke-300 1.5s linear infinite;
}

.svg-stroke-500 .svg-stroke {
	stroke-dasharray: 500;
	-webkit-animation: svg-stroke-500 1.5s linear infinite;
	        animation: svg-stroke-500 1.5s linear infinite;
}

.svg-stroke-1000 .svg-stroke {
	stroke-dasharray: 1000;
	-webkit-animation: svg-stroke-1000 1.5s linear infinite;
	        animation: svg-stroke-1000 1.5s linear infinite;
}

.svg-fade-in-out .svg-color {
	-webkit-animation: svg-fade-in-out 1s ease-in-out infinite;
	        animation: svg-fade-in-out 1s ease-in-out infinite;
}

.svg-fade-out-in .svg-color {
	-webkit-animation: svg-fade-out-in 1s ease-in-out infinite;
	        animation: svg-fade-out-in 1s ease-in-out infinite;
}

.svg-blink .svg-color {
	-webkit-animation: svg-blink 1s ease-in-out infinite;
	        animation: svg-blink 1s ease-in-out infinite;
}

.anime-shaking:hover svg, .anime-shaking:hover .anime, .anime-shaking:hover.anime {
	-webkit-animation: shaking 0.6s ease-in-out;
	        animation: shaking 0.6s ease-in-out;
}

.anime-bounding:hover svg, .anime-bounding:hover .anime, .anime-bounding:hover.anime {
	-webkit-animation: bounding 0.6s ease-in-out;
	        animation: bounding 0.6s ease-in-out;
}

.anime-rotation:hover svg, .anime-rotation:hover .anime, .anime-rotation:hover.anime {
	-webkit-animation: rotation 0.6s ease-in-out;
	        animation: rotation 0.6s ease-in-out;
}

.anime-rotation-reverse:hover svg, .anime-rotation-reverse:hover .anime, .anime-rotation-reverse:hover.anime {
	-webkit-animation: rotation-reverse 0.6s ease-in-out;
	        animation: rotation-reverse 0.6s ease-in-out;
}

.anime-rotation-x:hover svg, .anime-rotation-x:hover .anime, .anime-rotation-x:hover.anime {
	-webkit-animation: rotation-x 0.6s ease-in-out;
	        animation: rotation-x 0.6s ease-in-out;
}

.anime-rotation-y:hover svg, .anime-rotation-y:hover .anime, .anime-rotation-y:hover.anime {
	-webkit-animation: rotation-y 0.6s ease-in-out;
	        animation: rotation-y 0.6s ease-in-out;
}

/* ボタンのアニメーション */
/* 疑似要素で枠線を準備する (req: .btn > u || .btn > u > u) */
.btn {
	position: relative;
	z-index: 1;
}

.btn > u::before, .btn > u::after, .btn > u > u::before, .btn > u > u::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	background-color: #f00;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

/* hover時、既定の枠線を透過する */
.hover-border-clear.btn:hover, .hover-border-clear .btn:hover {
	border-color: transparent !important;
}

/* 既定の hover時の透過を上書き */
#custom .anime-border-run.btn:hover, #custom .anime-border-run .btn:hover,
#custom .anime-border-run-4.btn:hover,
#custom .anime-border-run-4 .btn:hover,
#custom .anime-border-2-lane.btn:hover,
#custom .anime-border-2-lane .btn:hover,
#custom .anime-border-in.btn:hover,
#custom .anime-border-in .btn:hover,
#custom .anime-border-flashing.btn:hover,
#custom .anime-border-flashing .btn:hover {
	opacity: 1;
}

/* 上下左右で同時に枠線が走る (req: .btn > u > u) */
.anime-border-run-4.btn > u::before, .anime-border-run-4 .btn > u::before {
	top: -2px;
	left: -2px;
	height: 2px;
}

.anime-border-run-4.btn > u::after, .anime-border-run-4 .btn > u::after {
	bottom: -2px;
	right: -2px;
	height: 2px;
}

.anime-border-run-4.btn > u > u::before, .anime-border-run-4 .btn > u > u::before {
	top: -2px;
	right: -2px;
	width: 2px;
}

.anime-border-run-4.btn > u > u::after, .anime-border-run-4 .btn > u > u::after {
	bottom: -2px;
	left: -2px;
	width: 2px;
}

.anime-border-run-4.btn:hover > u::before, .anime-border-run-4 .btn:hover > u::before {
	width: calc(100% + 4px);
}

.anime-border-run-4.btn:hover > u::after, .anime-border-run-4 .btn:hover > u::after {
	width: calc(100% + 4px);
}

.anime-border-run-4.btn:hover > u > u::before, .anime-border-run-4 .btn:hover > u > u::before {
	height: calc(100% + 4px);
}

.anime-border-run-4.btn:hover > u > u::after, .anime-border-run-4 .btn:hover > u > u::after {
	height: calc(100% + 4px);
}

/* 左上から時計回りに枠線が走る (req: .btn > u > u) */
.anime-border-run.btn > u::before, .anime-border-run .btn > u::before {
	top: -2px;
	left: -2px;
	height: 2px;
	-webkit-transition-duration: 0.1s;
	        transition-duration: 0.1s;
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}

.anime-border-run.btn > u::after, .anime-border-run .btn > u::after {
	bottom: -2px;
	right: -2px;
	height: 2px;
	-webkit-transition-duration: 0.1s;
	        transition-duration: 0.1s;
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.anime-border-run.btn > u > u::before, .anime-border-run .btn > u > u::before {
	top: -2px;
	right: -2px;
	width: 2px;
	-webkit-transition-duration: 0.1s;
	        transition-duration: 0.1s;
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}

.anime-border-run.btn > u > u::after, .anime-border-run .btn > u > u::after {
	bottom: -2px;
	left: -2px;
	width: 2px;
	-webkit-transition-duration: 0.1s;
	        transition-duration: 0.1s;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.anime-border-run.btn:hover > u::before, .anime-border-run .btn:hover > u::before {
	width: calc(100% + 4px);
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.anime-border-run.btn:hover > u::after, .anime-border-run .btn:hover > u::after {
	width: calc(100% + 4px);
	-webkit-transition-delay: 0.2s;
	        transition-delay: 0.2s;
}

.anime-border-run.btn:hover > u > u::before, .anime-border-run .btn:hover > u > u::before {
	height: calc(100% + 4px);
	-webkit-transition-delay: 0.1s;
	        transition-delay: 0.1s;
}

.anime-border-run.btn:hover > u > u::after, .anime-border-run .btn:hover > u > u::after {
	height: calc(100% + 4px);
	-webkit-transition-delay: 0.3s;
	        transition-delay: 0.3s;
}

/* 上下と左右でそれぞれ同時に枠線が走る (req: .btn > u > u) */
.anime-border-2-lane.btn > u::before, .anime-border-2-lane .btn > u::before {
	top: -2px;
	left: -2px;
	height: 2px;
}

.anime-border-2-lane.btn > u::after, .anime-border-2-lane .btn > u::after {
	bottom: -2px;
	left: -2px;
	height: 2px;
}

.anime-border-2-lane.btn > u > u::before, .anime-border-2-lane .btn > u > u::before {
	top: -2px;
	right: -2px;
	width: 2px;
}

.anime-border-2-lane.btn > u > u::after, .anime-border-2-lane .btn > u > u::after {
	top: -2px;
	left: -2px;
	width: 2px;
}

.anime-border-2-lane.btn:hover > u::before, .anime-border-2-lane .btn:hover > u::before {
	width: calc(100% + 4px);
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.anime-border-2-lane.btn:hover > u::after, .anime-border-2-lane .btn:hover > u::after {
	width: calc(100% + 4px);
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

.anime-border-2-lane.btn:hover > u > u::before, .anime-border-2-lane .btn:hover > u > u::before {
	height: calc(100% + 4px);
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}

.anime-border-2-lane.btn:hover > u > u::after, .anime-border-2-lane .btn:hover > u > u::after {
	height: calc(100% + 4px);
	-webkit-transition-delay: 0.4s;
	        transition-delay: 0.4s;
}

/* 外側から枠線をつける (req: .btn > u) */
.anime-border-in.btn > u::before, .anime-border-in .btn > u::before {
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	outline: 3px solid #f00;
	background: none;
	-webkit-transform: scale(1.2);
	    -ms-transform: scale(1.2);
	        transform: scale(1.2);
	opacity: 0;
}

.anime-border-in.btn:hover > u::before, .anime-border-in .btn:hover > u::before {
	-webkit-transform: scale(1);
	    -ms-transform: scale(1);
	        transform: scale(1);
	opacity: 1;
}

.anime-border-in.btn > u::after, .anime-border-in.btn > u > u::before, .anime-border-in.btn > u > u::after, .anime-border-in .btn > u::after, .anime-border-in .btn > u > u::before, .anime-border-in .btn > u > u::after {
	content: none;
}

/* パッシングのように光を放つ (req: .btn > u > u) */
.anime-border-flashing.btn > u::before, .anime-border-flashing .btn > u::before {
	z-index: -1;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: none;
	outline: 0 solid #f00;
	outline-offset: 2px;
}

.anime-border-flashing.btn:hover > u::before, .anime-border-flashing .btn:hover > u::before {
	outline-width: 2px;
	-webkit-animation: anime-outline-flashing 0.8s ease infinite;
	        animation: anime-outline-flashing 0.8s ease infinite;
}

.anime-border-flashing.btn > u::after, .anime-border-flashing.btn > u > u::before, .anime-border-flashing.btn > u > u::after, .anime-border-flashing .btn > u::after, .anime-border-flashing .btn > u > u::before, .anime-border-flashing .btn > u > u::after {
	content: none;
}

@-webkit-keyframes anime-outline-flashing {
	100% {
		outline-color: transparent;
		outline-offset: 12px;
	}
}

@keyframes anime-outline-flashing {
	100% {
		outline-color: transparent;
		outline-offset: 12px;
	}
}

/* 折りたたみ要素のアニメーション */
details.anime-details-slide-down,
.anime-details-slide-down details {
	overflow: hidden;
}

details.anime-details-slide-down[open] > :not(summary),
.anime-details-slide-down details[open] > :not(summary) {
	-webkit-animation: details-slide-down 0.4s ease-in-out;
	        animation: details-slide-down 0.4s ease-in-out;
}

@-webkit-keyframes details-slide-down {
	from {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
		opacity: 0;
		margin-bottom: -100px;
	}
	to {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		margin-bottom: 0;
	}
}

@keyframes details-slide-down {
	from {
		-webkit-transform: translateY(-100%);
		        transform: translateY(-100%);
		opacity: 0;
		margin-bottom: -100px;
	}
	to {
		-webkit-transform: translateY(0);
		        transform: translateY(0);
		opacity: 1;
		margin-bottom: 0;
	}
}

/* テキストの折り返し設定 */
.wrap,
.wrap2,
.wrap3 {
	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 {
	display: table;
	margin-left: auto !important;
	margin-right: auto !important;
}

#custom .m-note--left {
	display: table;
	margin-right: auto !important;
}

#custom .m-note--right {
	display: table;
	margin-left: auto !important;
}

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

#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: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 0 3.3em;
}

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

#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;
	-webkit-transition: opacity 0.25s ease-out;
	transition: opacity 0.25s ease-out;
	-webkit-transition-property: opacity, -webkit-transform;
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform;
}

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

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

#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-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 {
	-webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
	        filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
}

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

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

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

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

/* 吹き出し */
#custom .m-balloon {
	position: absolute;
	bottom: 100%;
	right: 100%;
	-webkit-transform: translate(50%, 50%);
	    -ms-transform: translate(50%, 50%);
	        transform: translate(50%, 50%);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	font-size: 0.75rem;
	font-weight: bold;
	max-width: 10em;
	min-width: 6em;
	min-height: 6em;
	border-radius: 6em;
	padding: 10px 0.5em 5px;
	background: #fff;
	color: #333;
}

@media only screen and (max-width: 768px) {
	#custom .m-balloon {
		font-size: 0.688rem;
		padding: 8px 0.5em 4px;
	}
}

/*------------------------------------------------
	BTOS > section
------------------------------------------------*/
/* [section] ナビゲーション / 背景付ナビゲーション */
#custom .m-section--nav {
	padding: 100px 0;
	text-align: center;
	background: #F5F5F5 no-repeat center top;
	background-size: cover;
	color: #333;
}

#custom .m-section--bgnav {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	min-height: 460px;
	padding: 50px 0 55px;
	background: #000 no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 0.938rem;
}

@media only screen and (max-width: 768px) {
	#custom .m-section--bgnav {
		min-height: 500px;
		height: 133.3334vh;
		height: auto;
	}
}

#custom .m-section--bgnav a {
	color: #fff;
}

#custom .m-section--bgnav .btn-outline-primary,
#custom .m-section--bgnav .btn-outline-secondary {
	border-color: transparent;
	color: #333;
}

#custom .m-section--nav h2,
#custom .m-section--nav .m-section__heading, #custom .m-section--bgnav h2,
#custom .m-section--bgnav .m-section__heading {
	font-size: 1.563rem;
	margin: 0 auto 0.9em;
}

@media only screen and (max-width: 768px) {
	#custom .m-section--nav h2,
	#custom .m-section--nav .m-section__heading, #custom .m-section--bgnav h2,
	#custom .m-section--bgnav .m-section__heading {
		margin-bottom: 0.5em;
	}
}

#custom .m-section--nav .m-btnArea,
#custom .m-section--nav .m-section__nav, #custom .m-section--bgnav .m-btnArea,
#custom .m-section--bgnav .m-section__nav {
	margin-top: 1.875rem;
}

/*------------------------------------------------
	BTOS > FAQボックス部分
------------------------------------------------*/
#custom .m-faqbox {
	position: relative;
	margin-bottom: 16px;
	border-radius: 3px;
	border: 1px solid #F5F5F5;
	background: #F5F5F5;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .m-faqbox {
		margin-bottom: 12px;
	}
}

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

#custom .m-faqbox__question {
	position: relative;
	margin: 0;
	margin-bottom: 0 !important;
	padding: 26px 26px;
	padding-right: 72px;
	font-weight: bold;
}

@media (max-width: 1024px) {
	#custom .m-faqbox__question {
		padding: 20px;
		padding-right: 60px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .m-faqbox__question {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-sizing: content-box;
		        box-sizing: content-box;
		min-height: 3.2em;
		padding: 16px;
		padding-right: 42px;
	}
}

#custom .m-faqbox.js-faqbox .m-faqbox__question {
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#custom .m-faqbox.js-faqbox .m-faqbox__question:hover {
	opacity: 0.7;
}

#custom .m-faqbox__details[open] .on-close {
	display: none;
}

#custom .m-faqbox__details:not([open]) .on-open {
	display: none;
}

#custom .m-faqbox__answer {
	padding: 0 26px 24px;
}

@media (max-width: 1024px) {
	#custom .m-faqbox__answer {
		padding: 0 20px 20px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .m-faqbox__answer {
		padding: 0 16px 16px;
	}
}

#custom .m-faqbox__answer > :first-child,
#custom .m-faqbox__answer > .text > :first-child {
	margin-top: 0;
}

#custom .m-faqbox summary {
	position: absolute;
	top: 22px;
	right: 16px;
	padding: 8px;
	line-height: 1;
	background: none;
	z-index: 2;
	list-style: none;
}

@media (max-width: 1024px) {
	#custom .m-faqbox summary {
		top: 15px;
		right: 12px;
		margin-top: 0;
	}
}

@media only screen and (max-width: 768px) {
	#custom .m-faqbox summary {
		top: 12px;
		top: 22px;
		right: 4px;
		margin-top: 0;
	}
}

.js #custom .m-faqbox summary {
	z-index: 0;
}

#custom .m-faqbox summary::-webkit-details-marker {
	display: none;
}

#custom .m-faqbox summary img {
	max-width: none;
	width: 20px;
	height: 20px;
	vertical-align: bottom;
}

/* [modal] Fancybox */
#custom .fancybox__container {
	--fancybox-bg: rgba(0, 0, 0, 0.54);
}

#custom .fancybox__caption {
	font-weight: bold;
}

/* ボタンの種類 */
#maincontent .btn {
	padding: 8.5px 21px 7.5px;
}

#maincontent .btn-outline-primary {
	border-color: #333;
}

#maincontent .btn.icon-arrow-right {
	padding: 8.5px 39px 7.5px 21px;
}

#maincontent .btn.icon-arrow-right::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow.svg");
	width: 9px;
	height: 15px;
	right: 19px;
}

#maincontent .btn.btn-primary {
	border: 2px solid #f00;
	border: 2px solid transparent;
}

#maincontent .btn.btn-primary:hover, #maincontent .btn.btn-primary:focus {
	border-color: #fff;
	background-color: #fff;
	color: #333;
	color: #f00;
}

#maincontent .btn.btn-primary:hover.icon-arrow-right::after, #maincontent .btn.btn-primary:focus.icon-arrow-right::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow.svg");
}

/* ボタンのアイコン */
#maincontent .btn.icon-arrow-right.icon-arrow-white::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow-white.svg");
}

#maincontent .btn.icon-arrow-right.icon-arrow-gray::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow-gray.svg");
}

#maincontent .btn.icon-arrow-right.is-active.icon-arrow-gray::after, #maincontent .btn.icon-arrow-right:hover.icon-arrow-gray::after, #maincontent .btn.icon-arrow-right:focus.icon-arrow-gray::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow.svg");
}

#maincontent .btn.icon-modal-open::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 50%;
	vertical-align: middle;
	background: url("../../../images/asset/common/ico/ico-modal-open.svg") no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	right: 14px;
}

#maincontent .btn.icon-modal-open--white::after {
	background-image: url("../../../images/asset/common/ico/ico-modal-open-white.svg");
}

#maincontent .btn.icon-plus::after {
	background-image: url("../../../images/asset/common/ico/ico-plus.svg");
	width: 16px;
	height: 16px;
	right: 16px;
}

#maincontent .btn.icon-help::after {
	background-image: url("../../../images/asset/common/ico/ico-help.svg");
	width: 20px;
	height: 20px;
}

#maincontent .m-btnArea {
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	max-width: 344px;
}

#maincontent .m-btnArea .btn {
	max-width: 344px;
	font-weight: bold;
	font-size: 0.875rem;
}

#maincontent .m-btnArea:has(.anime-border-run), #maincontent .m-btnArea:has(.anime-border-run-4) {
	overflow: hidden;
	border-radius: 3px;
}

/* 左右ループ */
@-webkit-keyframes btn-icon-right {
	0%, 100% {
		right: 20px;
	}
	50% {
		right: 16px;
	}
}
@keyframes btn-icon-right {
	0%, 100% {
		right: 20px;
	}
	50% {
		right: 16px;
	}
}

/* 右＋フェードアウトループ */
@-webkit-keyframes btn-icon-right-fadeout {
	0% {
		right: 20px;
		opacity: 1;
	}
	99.9% {
		right: 10px;
		opacity: 0;
	}
	100% {
		right: 20px;
		opacity: 0;
	}
}
@keyframes btn-icon-right-fadeout {
	0% {
		right: 20px;
		opacity: 1;
	}
	99.9% {
		right: 10px;
		opacity: 0;
	}
	100% {
		right: 20px;
		opacity: 0;
	}
}

/* テキストリンク */
#maincontent .m-textlink::after {
	position: relative;
	top: -1px;
	min-width: 9px;
	min-height: 15px;
	background-image: url("../../../images/asset/common/ico/ico-arrow.svg");
}

#maincontent .icon-arrow-white.m-textlink::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow-white.svg");
}

#maincontent .icon-arrow-gray.m-textlink::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow-gray.svg");
}

#maincontent .m-textlink-normal {
	font-weight: normal;
	text-decoration: underline;
}

#maincontent .m-textlink-normal:hover, #maincontent .m-textlink-normal:focus {
	text-decoration: none;
}

#maincontent .m-textlink.icon-help::after {
	background-image: url("../../../images/asset/common/ico/ico-help.svg");
	width: 20px;
	height: 20px;
}

@media (min-width: 769px) {
	/*------------------------------------------------
	BTOS > 共通部分 > ヘッダー透過ベース
------------------------------------------------*/
	#custom .js-site-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
	}
	#custom .page, #custom .js-site-header, #custom .main-menu {
		background: none;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#custom .main-menu {
		background-color: #fff;
	}
}

@media (min-width: 769px) {
	#custom .m-header_menu > li a {
		color: #fff;
	}
	#custom .navbar .navbar-nav > .nav-item > .nav-link {
		color: #fff;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#custom .main-menu .navbar-nav > .nav-item > .nav-link {
		color: #333;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#custom .m-header {
		border-bottom-color: rgba(255, 255, 255, 0.3);
	}
}

@media (min-width: 769px) {
	#custom .m-header_menu__link--mypage::before {
		background-image: url("../../../images/asset/common/ico/ico-menu-mypage-white.svg");
	}
	#custom .m-header_menu__link--minicart::before {
		background-image: url("../../../images/asset/common/ico/ico-menu-minicart-white.svg");
	}
	#custom .m-header_menu__link--tire::before {
		background-image: url("../../../images/asset/common/ico/ico-menu-tire-white.svg");
	}
	#custom .m-header_logo .logo-home {
		display: inline-block;
		background: url("../../../images/asset/common/logo-white.svg") no-repeat left center;
		background-size: contain;
	}
	#custom .m-header_logo .logo-home img {
		visibility: hidden;
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#custom .m-header_logo .logo-home {
		background-image: url("../../../images/asset/common/logo_sp-white.svg");
	}
}

@media (min-width: 769px) and (max-width: 1024px) {
	#custom .m-header .navbar-toggler {
		background: url("../../../images/asset/common/icon_menu-white.svg") no-repeat center center;
		background-size: 20px auto;
	}
	#custom .m-header .navbar-toggler img {
		visibility: hidden;
	}
	#custom .m-header .navbar-toggler[aria-expanded="true"] {
		background-image: url("../../../images/asset/common/icon_menu_close-white.svg");
		background-size: 15px 15px;
	}
}

@media (min-width: 769px) {
	.scrolled #custom .js-site-header {
		background: rgba(0, 0, 0, 0.85);
	}
	#custom .site-wrapper {
		padding-bottom: 0;
	}
}

@media only screen and (min-width: 769px) and (max-width: 768px) {
	#custom .m-breadcrumbSp {
		margin-bottom: 0;
	}
}

/*------------------------------------------------
	BTOS > LP > 各ブランド
------------------------------------------------*/
/* メインコンテンツ内のコンテンツ部分 */
#custom .p-brand {
	margin: 0;
	padding: 0;
}

#custom .p-brand .container > .m-note {
	display: table;
	margin: 40px auto 0;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .container > .m-note {
		display: block;
		margin: 24px 0 0;
		text-align: left;
	}
}

/* [PC] スクロール時のヘッダーの背景色をブランドカラーにする */
@media (min-width: 769px) {
	.scrolled #custom:has(.p-brand--basic) .js-site-header {
		background: rgba(153, 153, 153, 0.92);
	}
	.scrolled #custom:has(.p-brand--chronicle) .js-site-header {
		background: rgba(20, 20, 20, 0.92);
	}
	.scrolled #custom:has(.p-brand--playz) .js-site-header {
		background: rgba(0, 161, 222, 0.92);
	}
	.scrolled #custom:has(.p-brand--regno) .js-site-header {
		background: rgba(9, 35, 78, 0.92);
	}
	.scrolled #custom:has(.p-brand--ecopia) .js-site-header {
		background: rgba(107, 180, 42, 0.92);
	}
	.scrolled #custom:has(.p-brand--potenza) .js-site-header {
		background: rgba(0, 0, 0, 0.92);
	}
	.scrolled #custom:has(.p-brand--alenza) .js-site-header {
		background: rgba(70, 45, 37, 0.92);
	}
	.scrolled #custom:has(.p-brand--dueler) .js-site-header {
		background: rgba(0, 143, 140, 0.92);
	}
	.scrolled #custom:has(.p-brand--blizzak) .js-site-header {
		background: rgba(230, 0, 18, 0.92);
	}
}

/*------------------------------------------------
	BTOS > ブランド > 目次
------------------------------------------------*/
@media only screen and (max-width: 768px) {
	#custom #toc.p-brand-toc {
		display: none;
	}
}

#custom #toc.p-brand-toc > .wrapper {
	border-color: #CCC;
}

#custom #toc.p-brand-toc.bg-brand > .wrapper {
	border-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 1024px) {
	#custom #toc.p-brand-toc ul a {
		line-height: 1.5;
	}
}

@media (min-width: 1025px) {
	#custom #toc.p-brand-toc ul a {
		min-height: 81px;
	}
}

@media (min-width: 1025px) {
	.scrolled-header #custom #toc.p-brand-toc ul a {
		min-height: 0;
	}
}

#custom #toc.p-brand-toc.bg-brand ul a.is-active::before {
	border-bottom-color: #CCC;
}

/*------------------------------------------------
	BTOS > ブランド > Swiper
------------------------------------------------*/
#custom .p-brand .swiper {
	padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .swiper {
		padding-bottom: 36px;
	}
}

#custom .p-brand .swiper-controls {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}

#custom .p-brand .swiper-controls:has(.swiper-pagination-lock) {
	display: none;
}

#custom .p-brand .swiper-pagination {
	line-height: 16px;
	bottom: auto;
	top: 24px;
}

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

#custom .p-brand .swiper-pagination-bullet {
	margin: 0 8px;
	border: 1px solid transparent;
	background: #CCC;
	opacity: 1;
}

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

#custom .p-brand--basic .swiper-pagination-bullet-active {
	background-color: #999999;
}

#custom .p-brand--chronicle .swiper-pagination-bullet-active {
	background-color: #141414;
}

#custom .p-brand--playz .swiper-pagination-bullet-active {
	background-color: #00A1DE;
}

#custom .p-brand--regno .swiper-pagination-bullet-active {
	background-color: #09234E;
}

#custom .p-brand--ecopia .swiper-pagination-bullet-active {
	background-color: #6BB42A;
}

#custom .p-brand--potenza .swiper-pagination-bullet-active {
	background-color: #000000;
}

#custom .p-brand--alenza .swiper-pagination-bullet-active {
	background-color: #462D25;
}

#custom .p-brand--dueler .swiper-pagination-bullet-active {
	background-color: #008F8C;
}

#custom .p-brand--blizzak .swiper-pagination-bullet-active {
	background-color: #E60012;
}

/*------------------------------------------------
	BTOS > ブランド > ヒーローエリア
------------------------------------------------*/
#custom .p-brand-header {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	min-height: 760px;
	text-align: center;
	background: #141414;
	color: #fff;
}

#custom .p-brand-header--basic {
	background-color: #999999;
}

#custom .p-brand-header--chronicle {
	background-color: #141414;
}

#custom .p-brand-header--playz {
	background-color: #00A1DE;
}

#custom .p-brand-header--regno {
	background-color: #09234E;
}

#custom .p-brand-header--ecopia {
	background-color: #6BB42A;
}

#custom .p-brand-header--potenza {
	background-color: #000000;
}

#custom .p-brand-header--alenza {
	background-color: #462D25;
}

#custom .p-brand-header--dueler {
	background-color: #008F8C;
}

#custom .p-brand-header--blizzak {
	background-color: #E60012;
}

#custom .p-brand-header--regno {
	background: -webkit-gradient(linear, left top, left bottom, from(#09234E), to(#000B1E));
	background: -webkit-linear-gradient(top, #09234E 0%, #000B1E 100%);
	background: linear-gradient(to bottom, #09234E 0%, #000B1E 100%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header {
		position: relative;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		    -ms-flex-direction: column-reverse;
		        flex-direction: column-reverse;
		min-height: 0;
		padding-top: 95px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--onimage-sp {
		margin-top: -126px;
	}
}

#custom .p-brand-header :last-child {
	margin-bottom: 0 !important;
}

#custom .p-brand-header .container {
	max-width: 640px;
	padding: 0 30px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .container {
		padding: 0 15px;
	}
}

#custom .p-brand-header > .col {
	width: 50%;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col {
		width: auto;
	}
}

#custom .p-brand-header > .col:nth-child(2n) .container {
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col:nth-child(2n) .container {
		margin-right: auto;
	}
}

#custom .p-brand-header > .col:nth-child(2n+1) .container {
	margin-left: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col:nth-child(2n+1) .container {
		margin-left: auto;
	}
}

#custom .p-brand-header > .col-summary {
	position: static;
	z-index: 2;
	padding-top: 96px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col-summary {
		padding: 40px 15px 64px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col-summary .container {
		padding: 0 12px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--simple-sp > .col-summary {
		padding-top: 32px;
		padding-bottom: 32px;
	}
}

#custom .p-brand-header.img-fit-full > .col-summary {
	position: relative;
	background: rgba(0, 0, 0, 0.3);
}

@media (max-width: 1024px) {
	#custom .p-brand-header.img-fit-full > .col-summary {
		min-width: 512px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header.img-fit-full > .col-summary {
		min-width: 0;
		background: none;
	}
}

#custom .p-brand-header--ecopia.img-fit-full > .col-summary {
	background: rgba(107, 180, 42, 0.7);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--ecopia.img-fit-full > .col-summary {
		background: none;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--onimage-sp > .col-summary {
		position: absolute !important;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 136px 15px 16px;
	}
	#custom .p-brand-header--onimage-sp > .col-summary .container {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		height: 100%;
	}
	#custom .p-brand-header--onimage-sp > .col-summary .m-note {
		margin-top: auto;
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.7), -1px -1px 4px rgba(0, 0, 0, 0.7);
	}
}

#custom .p-brand-header.has-header-recommend > .col-summary {
	min-width: 0;
}

#custom .p-brand-header > .col-image {
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col-image {
		min-height: 582px;
	}
}

#custom .p-brand-header > .col-image .wrapper {
	padding: 24px 0 38px;
	background: rgba(255, 255, 255, 0.8);
	color: #333;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header > .col-image .wrapper {
		padding: 32px 0 41px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--simple-sp > .col-image {
		min-height: 350px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--onimage-sp > .col-image {
		min-height: 504px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--onimage-sp.has-header-recommend > .col-image {
		-ms-flex-preferred-size: auto;
		    flex-basis: auto;
		padding-top: 500px;
		padding-top: 408px;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-header.img-fit-full > .col-image {
		position: static;
	}
}

#custom .p-brand-header--regno > .col-image .wrapper {
	background: #222;
	color: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--regno > .col-image .wrapper {
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(9, 35, 78, 0.8)), color-stop(111%, rgba(0, 11, 30, 0.8)));
		background: -webkit-linear-gradient(top, rgba(9, 35, 78, 0.8) 0%, rgba(0, 11, 30, 0.8) 111%);
		background: linear-gradient(to bottom, rgba(9, 35, 78, 0.8) 0%, rgba(0, 11, 30, 0.8) 111%);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--potenza > .col-image::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		right: 0;
		height: 198px;
		height: calc(166px + 2rem);
		background: rgba(0, 0, 0, 0.3);
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-header--potenza > .col-image::before {
		height: 230px;
		height: calc(166px + 4rem);
	}
}

#custom .p-brand-header h1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 45px;
	margin-bottom: 31px;
	font-size: 2rem;
	line-height: 1.4;
	font-weight: bold;
}

#custom .p-brand-header h1 .img-title {
	width: auto;
	max-height: 80px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header h1 {
		position: absolute;
		min-height: 95px;
		z-index: 2;
		top: 0;
		left: 0;
		right: 0;
		margin: 0;
		padding: 16px 15px 22px;
		background: #141414;
	}
	#custom .p-brand-header h1 .subtitle {
		display: block;
		margin-bottom: 1em;
		font-size: 0.875rem;
		font-weight: bold;
	}
	#custom .p-brand-header h1 .img-title {
		max-width: 285px;
		height: auto;
	}
}

#custom .p-brand-header .summary {
	font-size: 1.438rem;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .summary {
		font-size: 1.25rem;
	}
}

#custom .p-brand-header-lineup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 0 40px;
	margin-top: 24px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup {
		margin-top: 40px;
	}
	#custom .p-brand-header-lineup--simple-sp, #custom .p-brand-header-lineup--onimage-sp {
		display: none;
	}
}

#custom .p-brand-header-lineup.cols-3 {
	gap: 0 20px;
}

#custom .p-brand-header-lineup > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

@media (max-width: 1024px) {
	#custom .p-brand-header-lineup > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup > div {
		-webkit-box-align: stretch;
		    -ms-flex-align: stretch;
		        align-items: stretch;
	}
	#custom .p-brand-header-lineup > div:first-child:last-child {
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
	}
}

#custom .p-brand-header-lineup dt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	min-height: 40px;
	margin: 0 0 12px;
	margin: 24px 0 8px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup dt {
		min-height: 0;
		margin: 16px 0 8px;
	}
}

#custom .p-brand-header-lineup.has-multiline dt {
	margin-top: 20px;
}

#custom .p-brand-header-lineup .property {
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 16px;
	font-size: 0.875rem;
	line-height: 1.5;
	min-height: 31px;
	padding: 2px 15px 1px;
	border: 1px solid #fff;
	border-radius: 4px;
}

@media (max-width: 1024px) {
	#custom .p-brand-header-lineup .property {
		-webkit-box-flex: 1;
		    -ms-flex-positive: 1;
		        flex-grow: 1;
		padding: 2px 8px 1px;
	}
}

#custom .p-brand-header-lineup .property > p {
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup > div:first-child:last-child .property {
		padding: 2px 15px 1px;
	}
}

#custom .p-brand-header-lineup .image {
	position: relative;
	display: table;
	margin: 8px auto 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup .image img {
		width: auto;
		height: 168px;
	}
}

#custom .p-brand-header-lineup.has-balloon .image {
	margin-top: 24px;
}

#custom .p-brand-header-lineup:has(.m-balloon) .image {
	margin-top: 24px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup:has(.m-balloon) .image {
		margin-top: 16px;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-header-lineup.has-multiline .image {
		margin-top: 4px;
	}
}

#custom .p-brand-header-lineup .dash {
	position: relative;
	display: block;
	margin-bottom: 20px;
	font-size: 0.875rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-lineup .dash {
		margin-bottom: 24px;
	}
}

#custom .p-brand-header-lineup .dash::before, #custom .p-brand-header-lineup .dash::after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 50%;
	width: 76px;
	height: 0;
	border-top: 1px solid #CCC;
}

@media (max-width: 1024px) {
	#custom .p-brand-header-lineup .dash::before, #custom .p-brand-header-lineup .dash::after {
		width: calc(50% - 12px - 5.5em);
	}
}

#custom .p-brand-header-lineup .dash::before {
	-webkit-transform: translateX(calc(-100% - 8px));
	    -ms-transform: translateX(calc(-100% - 8px));
	        transform: translateX(calc(-100% - 8px));
}

#custom .p-brand-header-lineup .dash::after {
	-webkit-transform: translateX(8px);
	    -ms-transform: translateX(8px);
	        transform: translateX(8px);
}

#custom .p-brand-header .m-balloon {
	max-width: 7em;
	-webkit-transform: translate(60%, 90%);
	    -ms-transform: translate(60%, 90%);
	        transform: translate(60%, 90%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .m-balloon {
		-webkit-transform: translate(70%, 90%);
		    -ms-transform: translate(70%, 90%);
		        transform: translate(70%, 90%);
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-header .m-balloon {
		-webkit-transform: translate(80%, 90%);
		    -ms-transform: translate(80%, 90%);
		        transform: translate(80%, 90%);
	}
}

#custom .p-brand-header--basic .m-balloon {
	color: #999999;
}

#custom .p-brand-header--chronicle .m-balloon {
	color: #141414;
}

#custom .p-brand-header--playz .m-balloon {
	color: #00A1DE;
}

#custom .p-brand-header--regno .m-balloon {
	color: #09234E;
}

#custom .p-brand-header--ecopia .m-balloon {
	color: #6BB42A;
}

#custom .p-brand-header--potenza .m-balloon {
	color: #000000;
}

#custom .p-brand-header--alenza .m-balloon {
	color: #462D25;
}

#custom .p-brand-header--dueler .m-balloon {
	color: #008F8C;
}

#custom .p-brand-header--blizzak .m-balloon {
	color: #E60012;
}

#custom .p-brand-header .navi {
	margin-top: 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .navi {
		margin-top: 32px;
	}
}

#custom .p-brand-header .navi .btn {
	border-color: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header--simple-sp .navi, #custom .p-brand-header--onimage-sp .navi {
		display: none;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-header.has-multiline .navi {
		margin-top: 32px;
	}
}

#custom .p-brand-header .m-note {
	display: table;
	margin: 16px auto 0;
}

#custom .p-brand-header-recommend h2 {
	font-size: 1.25rem;
	line-height: 1.5;
	margin-bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-recommend h2 {
		font-size: 1.063rem;
	}
}

#custom .p-brand-header-recommend ul {
	display: table;
	margin: 0 auto;
	font-size: 1.188rem;
	font-weight: bold;
	text-align: left;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-recommend ul {
		font-size: 0.875rem;
	}
}

#custom .p-brand-header-recommend li {
	position: relative;
	margin-bottom: 0.938rem;
	padding-left: 2rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-recommend li {
		margin-bottom: 1.125rem;
	}
}

#custom .p-brand-header-recommend li::before {
	content: "";
	display: inline-block;
	position: relative;
	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: absolute;
	left: 0;
	top: auto;
}

#custom .p-brand-header-recommend--regno li::before {
	background-image: url("../../../images/asset/common/ico/ico-check-white.svg");
}

#custom .p-brand-header-recommend--ecopia li::before {
	background-image: url("../../../images/asset/lp/brand/ico/ico-check-ecopia.svg");
}

#custom .p-brand-header .background {
	overflow: hidden;
	z-index: -1;
}

#custom .p-brand-header .background, #custom .p-brand-header .background::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#custom .p-brand-header .background img, #custom .p-brand-header .background video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	-o-object-position: right 35%;
	   object-position: right 35%;
	pointer-events: none;
}

@media (max-width: 1199px) {
	#custom .p-brand-header .background img, #custom .p-brand-header .background video {
		-o-object-position: 90% 35%;
		   object-position: 90% 35%;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-header .background img, #custom .p-brand-header .background video {
		-o-object-position: 80% 35%;
		   object-position: 80% 35%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .background img, #custom .p-brand-header .background video {
		-o-object-position: center top;
		   object-position: center top;
	}
}

#custom .p-brand-header .background img.img-fit-center, #custom .p-brand-header .background video.img-fit-center {
	-o-object-position: center center;
	   object-position: center center;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .background img.img-fit-sp-center, #custom .p-brand-header .background video.img-fit-sp-center {
		-o-object-position: center center;
		   object-position: center center;
	}
}

#custom .p-brand-header .background::after {
	content: "";
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.4)), color-stop(36.5%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 36.5%);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 36.5%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .background::after {
		content: none;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header .img-fit-sp-center-45 {
		-o-object-position: center 45% !important;
		   object-position: center 45% !important;
	}
}

/*------------------------------------------------
	[SP] BTOS > ブランド > 代替ヘッダー (全体的に SP only)
	※SP時はブランドごとのロゴを常に表示するよう、メインコンテンツの代替ヘッダーを固定する
------------------------------------------------*/
@media only screen and (max-width: 768px) {
	#custom .js-site-header {
		position: relative !important;
	}
	#custom:has(.p-brand-header--onimage-sp) .m-header {
		border-bottom-color: transparent;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header {
		padding-top: 0;
	}
	#custom .p-brand-header h1 {
		display: none;
	}
}

#custom .p-brand-header-alt {
	display: none;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-alt {
		display: block !important;
		position: relative;
		z-index: 999;
		top: 0;
		min-height: 95px;
		margin: 0;
		text-align: center;
	}
	#custom .p-brand-header-alt--simple-sp {
		min-height: 66px;
	}
	#custom .p-brand-header-alt--onimage-sp {
		min-height: 66px;
		margin-bottom: 0;
	}
	#custom .p-brand-header-alt > .wrapper {
		position: relative;
		top: 0;
		left: 0;
		right: 0;
		padding: 8px 15px;
		background: #141414;
		color: #fff;
		text-align: center;
		-webkit-transition: padding 0.3s ease-in-out;
		transition: padding 0.3s ease-in-out;
	}
	.scrolled-alt #custom .p-brand-header-alt > .wrapper {
		position: fixed;
		padding: 9px 15px;
		text-align: left;
	}
	#custom .p-brand-header-alt--basic > .wrapper {
		background-color: #999999;
	}
	#custom .p-brand-header-alt--chronicle > .wrapper {
		background-color: #141414;
	}
	#custom .p-brand-header-alt--playz > .wrapper {
		background-color: #00A1DE;
	}
	#custom .p-brand-header-alt--regno > .wrapper {
		background-color: #09234E;
	}
	#custom .p-brand-header-alt--ecopia > .wrapper {
		background-color: #6BB42A;
	}
	#custom .p-brand-header-alt--potenza > .wrapper {
		background-color: #000000;
	}
	#custom .p-brand-header-alt--alenza > .wrapper {
		background-color: #462D25;
	}
	#custom .p-brand-header-alt--dueler > .wrapper {
		background-color: #008F8C;
	}
	#custom .p-brand-header-alt--blizzak > .wrapper {
		background-color: #E60012;
	}
	html:not(.scrolled-alt) #custom .p-brand-header-alt--onimage-sp > .wrapper {
		background-color: transparent;
	}
	#custom .p-brand-header-alt a, #custom .p-brand-header-alt button {
		color: #fff;
	}
	#custom .p-brand-header-alt .subtitle {
		display: block;
		font-size: 0.875rem;
		line-height: 1.5;
		max-height: 1.5em;
		min-height: 21px;
		margin-top: 8px;
		font-weight: bold;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		opacity: 1;
		-webkit-transition: opacity 0.3s ease-in-out;
		transition: opacity 0.3s ease-in-out;
	}
	.scrolled-alt #custom .p-brand-header-alt .subtitle {
		min-height: 0;
		max-height: 0;
		margin-top: 0;
		opacity: 0;
	}
	#custom .p-brand-header-alt--simple-sp .subtitle, #custom .p-brand-header-alt--onimage-sp .subtitle {
		display: none;
	}
	#custom .p-brand-header-alt h1, #custom .p-brand-header-alt [data-page-title] {
		font-size: 1.25rem;
		line-height: 30px;
	}
	.scrolled-alt #custom .p-brand-header-alt h1, .scrolled-alt #custom .p-brand-header-alt [data-page-title] {
		padding-right: 152px;
	}
	#custom .p-brand-header-alt .img-title {
		display: block;
		max-width: 100%;
		width: auto;
		height: 50px;
		margin: 0 auto;
	}
	.scrolled-alt #custom .p-brand-header-alt .img-title {
		height: 30px;
		margin-left: 0;
	}
	#custom .p-brand-header-alt .m-header_menu {
		position: absolute;
		z-index: -1;
		right: 15px;
		top: 7px;
		top: 4px;
		bottom: 0;
		opacity: 0;
		-webkit-transition: opacity 0.25s ease-in-out;
		transition: opacity 0.25s ease-in-out;
		-webkit-transition-property: opacity, z-index, top, visibility;
		transition-property: opacity, z-index, top, visibility;
		-webkit-transition-delay: 0s;
		        transition-delay: 0s;
	}
	@supports (transition-behavior: allow-discrete) {
		#custom .p-brand-header-alt .m-header_menu {
			transition-behavior: allow-discrete;
			visibility: hidden;
		}
	}
	.scrolled-alt #custom .p-brand-header-alt .m-header_menu {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		z-index: 100;
		top: 0;
		opacity: 1;
		visibility: visible;
		-webkit-transition-delay: 0.15s;
		        transition-delay: 0.15s;
	}
	#custom .p-brand-header-alt .m-header_menu-list + li {
		margin-left: 12px;
	}
	#custom .p-brand-header-alt .m-header_menu .btn {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		line-height: 18px;
		padding: 5px 11px;
		border: 1px solid #fff;
		border-radius: 4px;
		font-size: 0.75rem;
		font-weight: bold;
		color: #333;
	}
	#custom .p-brand-header-alt .m-header_menu .btn:hover, #custom .p-brand-header-alt .m-header_menu .btn:focus {
		background-color: rgba(255, 255, 255, 0.85);
	}
	#custom .p-brand-header-alt .m-header_menu .btn::before {
		width: 18px;
		height: 18px;
		top: -1px;
		margin-right: 5px !important;
	}
}

@media only screen and (max-width: 768px) and (max-width: 374px) {
	#custom .p-brand-header-alt .m-header_menu .btn::before {
		content: none;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-header-alt .m-header_menu .btn.m-header_menu__link--minicart::before {
		background-image: url("../../../images/asset/common/ico/ico-menu-minicart.svg");
	}
	#custom .p-brand-header-alt .m-header_menu__link--menu {
		margin: 0 -5px;
		padding: 4px 3px 0;
	}
	#custom .p-brand-header-alt .m-header_menu__link--menu::before {
		width: 20px;
		height: 20px;
		background-image: url("../../../images/asset/common/ico/ico-plus-white.svg");
	}
	#custom .p-brand-header-alt .m-header_menu__link--menu[aria-expanded="true"]::before {
		background-image: url("../../../images/asset/common/ico/ico-close-white.svg");
	}
	#custom .p-brand-header-alt .m-header_menu__link--menu[aria-expanded="false"] .on-open {
		display: none;
	}
	#custom .p-brand-header-alt .m-header_menu__link--menu[aria-expanded="true"] .on-close {
		display: none;
	}
	#custom .p-brand-header-alt .m-header_menu__text {
		width: 4em;
		font-size: 0.563rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 768px) {
	#custom #toc.toc-sp-menu {
		overflow: hidden;
		display: block;
		position: fixed;
		z-index: -1;
		top: 48px;
		left: 0;
		right: 0;
		width: 100%;
		height: 100%;
		height: calc(100% - 48px);
		background: rgba(0, 0, 0, 0);
		border: 0;
		-webkit-transition: z-index 0.4s ease-in-out;
		transition: z-index 0.4s ease-in-out;
		-webkit-transition-property: z-index, visibility, background-color;
		transition-property: z-index, visibility, background-color;
	}
	@supports (transition-behavior: allow-discrete) {
		#custom #toc.toc-sp-menu {
			transition-behavior: allow-discrete;
			visibility: hidden;
		}
	}
	#custom #toc.toc-sp-menu > .wrapper {
		overflow: hidden;
		position: relative;
		left: 0;
		opacity: 1;
		max-height: calc(0px);
		border-bottom: 0;
		-webkit-transition: opacity 0.4s ease-in-out;
		transition: opacity 0.4s ease-in-out;
		-webkit-transition-property: opacity, left, max-height;
		transition-property: opacity, left, max-height;
	}
	.scrolled-alt #custom #toc.toc-sp-menu[aria-hidden="false"] {
		z-index: 100;
		visibility: visible;
		background-color: rgba(0, 0, 0, 0.5);
	}
	.scrolled-alt #custom #toc.toc-sp-menu[aria-hidden="false"] > .wrapper {
		left: 0;
		opacity: 1;
		max-height: calc(120px + 6rem);
	}
	#custom #toc.toc-sp-menu ul > li {
		background: #fff;
		color: #333;
	}
	#custom #toc.toc-sp-menu ul a {
		padding: 14px 24px;
		font-size: 0.938rem;
		font-weight: normal;
	}
	#custom #toc.toc-sp-menu ul a.is-active {
		font-weight: bold;
	}
	#custom #toc.toc-sp-menu ul a::before {
		content: none;
	}
}

@media only screen and (max-width: 543px) {
	.scrolled-alt #custom #toc.toc-sp-menu[aria-hidden="false"] > .wrapper {
		max-height: calc(210px + 10.5rem);
	}
	#custom #toc.toc-sp-menu ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0;
	}
	#custom #toc.toc-sp-menu ul > li {
		-ms-flex-preferred-size: auto;
		    flex-basis: auto;
	}
	#custom #toc.toc-sp-menu ul a {
		-webkit-box-pack: left;
		    -ms-flex-pack: left;
		        justify-content: left;
		text-align: left;
	}
	#custom #toc.toc-sp-menu ul a:not(.is-sctive) {
		border-bottom: 1px solid #ccc;
	}
	#custom #toc.toc-sp-menu ul::after {
		content: none;
	}
}

/*------------------------------------------------
	BTOS > ブランド > 特徴 (簡略版)
------------------------------------------------*/
#custom .p-brand-feature-simply {
	padding: 32px 0 48px;
	background: #F5F5F5;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply {
		padding: 40px 0 14px;
	}
}

#custom .p-brand-feature-simply h2 {
	margin-bottom: 30px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply h2 {
		margin-bottom: 1rem;
	}
}

#custom .p-brand-feature-simply .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid {
		display: table;
		min-width: 345px;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-simply .grid {
		min-width: 270px;
	}
}

#custom .p-brand-feature-simply .grid > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0;
	        flex: 1 0;
	-ms-flex: 1 1 auto;
	    flex: 1 1 auto;
	position: relative;
	min-width: 30%;
	padding: 3px 15px 36px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid > div {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		min-width: 0;
		padding: 24px 32px;
	}
}

#custom .p-brand-feature-simply .grid-justify > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0;
	        flex: 1 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid > div + div {
		border-top: 1px solid rgba(153, 153, 153, 0.6);
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-simply .grid > div + div {
		border-top: 0;
	}
}

#custom .p-brand-feature-simply .grid > div + div::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 1px solid rgba(153, 153, 153, 0.6);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid > div + div::after {
		content: none;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-simply .grid > div + div::after {
		content: "";
		bottom: auto;
		left: auto;
		right: 50%;
		width: calc(100vw - 30px);
		margin-right: calc(-50vw + 15px);
		border-left: 0;
		border-top: 1px solid rgba(153, 153, 153, 0.6);
	}
}

#custom .p-brand-feature-simply .grid dt {
	font-size: 1.875rem;
	line-height: 1.2;
	margin-bottom: 0.875rem;
	font-family: Arial, "Helvetica Neue", Helvetica, Verdana, Roboto, sans-serif;
	font-weight: bold;
	color: #999;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid dt {
		font-size: 1.75rem;
		line-height: 1.143;
		margin-bottom: 0;
		margin-right: 24px;
	}
}

#custom .p-brand-feature-simply .grid dd {
	min-width: 9.6em;
	font-size: 1.375rem;
	font-weight: bold;
	text-align: center;
}

@media (max-width: 1024px) {
	#custom .p-brand-feature-simply .grid dd {
		min-width: 8em;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply .grid dd {
		min-width: 0;
		margin-right: -5px;
		font-size: 1rem;
		text-align: left;
	}
}

#custom .p-brand-feature-simply.bg-brand .grid > div + div::after {
	border-color: rgba(255, 255, 255, 0.6);
}

#custom .p-brand-feature-simply--basic .grid dt {
	color: #f00;
}

#custom .p-brand-feature-simply--chronicle .grid dt {
	color: #f00;
}

#custom .p-brand-feature-simply--playz .grid dt {
	color: #00A1DE;
}

#custom .p-brand-feature-simply--regno .grid dt {
	color: #7FAFFF;
}

#custom .p-brand-feature-simply--ecopia .grid dt {
	color: #333;
}

#custom .p-brand-feature-simply--potenza .grid dt {
	color: #000000;
}

#custom .p-brand-feature-simply--alenza .grid dt {
	color: #462D25;
}

#custom .p-brand-feature-simply--dueler .grid dt {
	color: #008F8C;
}

#custom .p-brand-feature-simply--blizzak .grid dt {
	color: #E60012;
}

#custom .p-brand-feature-simply--chronicle .grid dt {
	color: #999;
}

#custom .p-brand-feature-simply--description {
	padding: 32px 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description {
		padding: 30px 0;
	}
}

#custom .p-brand-feature-simply--description .grid {
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
}

#custom .p-brand-feature-simply--description .grid > div {
	padding: 8px 15px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid > div {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		gap: 0 16px;
		padding: 20px;
	}
}

#custom .p-brand-feature-simply--description .grid > div + div {
	border-top: 0;
}

#custom .p-brand-feature-simply--description .grid > div + div::after {
	content: none;
}

#custom .p-brand-feature-simply--description .grid dt {
	font-size: 1.063rem;
	line-height: 1.565;
	margin-bottom: 0.75rem;
	font-family: inherit;
	color: #333;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid dt {
		width: 100%;
		margin-bottom: 12px;
	}
}

#custom .p-brand-feature-simply--description .grid dt small {
	font-size: 100%;
	font-weight: 500;
}

#custom .p-brand-feature-simply--description .grid dd.rating {
	margin-top: 8px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid dd.rating {
		margin-top: 0;
	}
}

#custom .p-brand-feature-simply--description .grid dd.rating em {
	position: relative;
	font-size: 3.188rem;
	line-height: 1.5;
	font-style: italic;
	font-weight: 500;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid dd.rating em {
		font-size: 2.5rem;
	}
}

#custom .p-brand-feature-simply--description .grid dd.rating em .unit {
	font-size: 0.687em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid dd.rating em .unit {
		font-size: 0.75em;
	}
}

#custom .p-brand-feature-simply--description .grid dd.rating em sup {
	position: absolute;
	top: 0.5em;
	bottom: auto;
	font-size: 0.875rem;
	font-style: normal;
}

#custom .p-brand-feature-simply--description .grid .svg, #custom .p-brand-feature-simply--description .grid .properties {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 8px;
	min-height: 40px;
	margin-top: 12px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid .svg, #custom .p-brand-feature-simply--description .grid .properties {
		gap: 0 6px;
		margin-top: 0;
	}
}

#custom .p-brand-feature-simply--description .grid .property {
	position: relative;
	display: inline-block;
	font-size: 1rem;
	font-style: italic;
	color: #E80B0D;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid .property {
		top: 0.25em;
		font-size: 0.75rem;
	}
}

#custom .p-brand-feature-simply--description .grid .property em {
	position: relative;
	top: 0.06em;
	display: inline-block;
	font-size: 2.375rem;
	font-style: italic;
	line-height: 1;
	margin-right: 0.2em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-simply--description .grid .property em {
		display: block;
		font-size: 1.813rem;
		margin-right: 0;
	}
}

/*------------------------------------------------
	BTOS > ブランド > 特徴
------------------------------------------------*/
#custom .p-brand-features {
	position: relative;
	padding: 0;
	border-top: 1px solid transparent;
	background: #fff;
}

#custom .p-brand-features h2 {
	margin-top: 68px;
	margin-bottom: 54px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features h2 {
		margin-top: 40px;
		margin-bottom: 40px;
	}
}

#custom .p-brand-features:has(.p-brand-features-toc) {
	padding-top: 100px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features:has(.p-brand-features-toc) {
		padding-top: 56px;
	}
}

#custom .p-brand-features:has(.p-brand-features-toc).bg-brand {
	padding-top: 68px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features:has(.p-brand-features-toc).bg-brand {
		padding-top: 36px;
	}
}

#custom .p-brand-features--alenza, #custom .p-brand-features-alenza {
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: 50vw 50vw, 50vw 50vw;
	background-image: -webkit-radial-gradient(3% 20%, circle, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%), -webkit-radial-gradient(97% 85%, circle, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%);
	background-image: radial-gradient(circle at 3% 20%, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%), radial-gradient(circle at 97% 85%, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features--alenza, #custom .p-brand-features-alenza {
		background-position: left 32px, right bottom;
		background-size: 56vw 56vw, 50vw 50vw;
		background-image: -webkit-radial-gradient(3% 50%, circle, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 45%), -webkit-radial-gradient(97% 85%, circle, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%);
		background-image: radial-gradient(circle at 3% 50%, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 45%), radial-gradient(circle at 97% 85%, rgba(203, 149, 12, 0.27) 0%, rgba(35, 22, 18, 0) 50%);
	}
}

#custom .p-brand-features--alenza::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 600px;
	background: -webkit-gradient(linear, left top, left bottom, from(#231612), to(rgba(35, 22, 18, 0)));
	background: -webkit-linear-gradient(#231612, rgba(35, 22, 18, 0));
	background: linear-gradient(#231612, rgba(35, 22, 18, 0));
}

#custom .p-brand-features--regno, #custom .p-brand-features-regno {
	position: relative;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top, right bottom;
	background-size: 50vw 50vw, 50vw 50vw;
	background-image: -webkit-radial-gradient(3% 20%, circle, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%), -webkit-radial-gradient(97% 85%, circle, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%);
	background-image: radial-gradient(circle at 3% 20%, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%), radial-gradient(circle at 97% 85%, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features--regno, #custom .p-brand-features-regno {
		background-position: left 32px, right bottom;
		background-size: 56vw 56vw, 50vw 50vw;
		background-image: -webkit-radial-gradient(3% 50%, circle, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 45%), -webkit-radial-gradient(97% 85%, circle, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%);
		background-image: radial-gradient(circle at 3% 50%, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 45%), radial-gradient(circle at 97% 85%, rgba(0, 70, 187, 0.45) 0%, rgba(0, 32, 85, 0) 50%);
	}
}

#custom .p-brand-features-regno--gr-x3-rv {
	background-image: -webkit-radial-gradient(3% 20%, circle, rgba(137, 137, 137, 0.35) 0%, rgba(137, 137, 137, 0) 50%), -webkit-radial-gradient(97% 85%, circle, rgba(137, 137, 137, 0.36) 0%, rgba(137, 137, 137, 0) 50%);
	background-image: radial-gradient(circle at 3% 20%, rgba(137, 137, 137, 0.35) 0%, rgba(137, 137, 137, 0) 50%), radial-gradient(circle at 97% 85%, rgba(137, 137, 137, 0.36) 0%, rgba(137, 137, 137, 0) 50%);
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features-regno--gr-x3-rv {
		background-image: -webkit-radial-gradient(3% 50%, circle, rgba(137, 137, 137, 0.35) 0%, rgba(137, 137, 137, 0) 45%), -webkit-radial-gradient(97% 85%, circle, rgba(137, 137, 137, 0.36) 0%, rgba(137, 137, 137, 0) 50%);
		background-image: radial-gradient(circle at 3% 50%, rgba(137, 137, 137, 0.35) 0%, rgba(137, 137, 137, 0) 45%), radial-gradient(circle at 97% 85%, rgba(137, 137, 137, 0.36) 0%, rgba(137, 137, 137, 0) 50%);
	}
}

#custom .p-brand-features--regno::before {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
	top: -1px;
	left: 0;
	right: 0;
	width: 100%;
	height: 600px;
	background: -webkit-gradient(linear, left top, left bottom, from(#000b1e), to(rgba(0, 11, 30, 0)));
	background: -webkit-linear-gradient(#000b1e, rgba(0, 11, 30, 0));
	background: linear-gradient(#000b1e, rgba(0, 11, 30, 0));
}

#custom .p-brand-features--potenza {
	background: #000 no-repeat fixed left top;
	background-image: url("../../../images/asset/lp/brand/potenza/features/bg-features-potenza.jpg");
	background-size: 100% auto;
}

/*------------------------------------------------
	BTOS > ブランド > 各特徴
------------------------------------------------*/
#custom .p-brand-feature {
	padding: 96px 0 160px;
	background: #F9F9F9 no-repeat center top;
	background-size: 100% auto;
	text-align: center;
}

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

#custom .p-brand-feature:has(.review-swiper) {
	padding-bottom: 120px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature:has(.review-swiper) {
		padding-bottom: 80px;
	}
}

#custom .p-brand-feature.has-note {
	padding-bottom: 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature.has-note {
		padding-bottom: 24px;
	}
}

#custom .p-brand-feature--playz {
	background-color: #F2FAFD;
}

#custom .p-brand-feature--ecopia {
	background-color: #F1F8EA !important;
	background-image: url("../../../images/asset/lp/brand/ecopia/features/bg-features-ecopia.png");
}

#custom .p-brand-feature:nth-of-type(2n), #custom .p-brand-feature--no-bg {
	background-color: #fff;
}

#custom .bg-brand .p-brand-feature {
	padding: 50px 0 120px;
	background-color: transparent;
}

@media only screen and (max-width: 768px) {
	#custom .bg-brand .p-brand-feature {
		padding: 30px 0 70px;
	}
}

#custom .bg-brand h2 + .p-brand-feature {
	padding-top: 96px;
}

@media only screen and (max-width: 768px) {
	#custom .bg-brand h2 + .p-brand-feature {
		padding-top: 70px;
	}
}

#custom .p-brand-feature h3 {
	margin-bottom: 1.5rem;
	font-size: 1.063rem;
	color: #f00;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature h3 {
		margin-bottom: 1.125rem;
		font-size: 0.875rem;
	}
}

#custom .p-brand-feature--basic h3 {
	color: #f00;
}

#custom .p-brand-feature--chronicle h3 {
	color: #f00;
}

#custom .p-brand-feature--playz h3 {
	color: #00A1DE;
}

#custom .p-brand-feature--regno h3 {
	color: #7FAFFF;
}

#custom .p-brand-feature--ecopia h3 {
	color: #333;
}

#custom .p-brand-feature--potenza h3 {
	color: #000000;
}

#custom .p-brand-feature--alenza h3 {
	color: #462D25;
}

#custom .p-brand-feature--dueler h3 {
	color: #008F8C;
}

#custom .p-brand-feature--blizzak h3 {
	color: #E60012;
}

#custom .p-brand-feature--regno h3 {
	color: #7FAFFF !important;
}

#custom .p-brand-feature header {
	margin-bottom: 1.375rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature header {
		margin-bottom: 1.25rem;
	}
}

#custom .p-brand-feature header strong {
	font-size: 1.313rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature header strong {
		font-size: 1rem;
	}
}

#custom .p-brand-feature header strong > em {
	margin: 0 0.625rem;
	font-size: 2.25rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature header strong > em {
		display: block;
		margin: 2px 0;
		font-size: 1.313rem;
	}
}

#custom .p-brand-feature header strong > em:first-child {
	margin-left: 0;
}

#custom .p-brand-feature header strong > em:last-child {
	margin-right: 0;
}

@media (min-width: 769px) {
	#custom .p-brand-feature header strong > em sup {
		font-size: 0.938rem;
		vertical-align: super;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-feature .container > .m-note--float {
		float: right;
		margin-bottom: 0.5em;
	}
}

#custom .p-brand-feature-image {
	clear: both;
	position: relative;
	margin: 62px 0 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-image {
		margin: 40px -15px 32px;
	}
}

#custom .p-brand-feature-image img, #custom .p-brand-feature-image video {
	display: block;
	margin: 0 auto;
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-image img {
		width: 100%;
		height: auto;
		min-height: 283px;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: center;
		   object-position: center;
	}
	#custom .p-brand-feature-image img.h-auto {
		min-height: 0;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-image video {
		width: 100%;
		height: auto;
	}
}

#custom .p-brand-feature-image .m-note {
	margin: 0;
	padding: 20px;
	padding-left: calc(1.3em + 20px);
	font-size: 0.75rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-image .m-note {
		padding: 12px 16px;
		padding-left: calc(1.3em + 16px);
	}
}

@media (min-width: 769px) {
	#custom .p-brand-feature-image .m-note.text-center {
		padding-left: 20px;
		text-indent: 0;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-image .m-note.text-center {
		text-align: left !important;
	}
}

#custom .p-brand-feature-image .m-note--on-image {
	padding: 10px 20px 10px 2.7em;
	background: none;
	color: #fff;
	font-size: 0.875em;
}

#custom .p-brand-feature-image .m-note--on-image.text-center {
	bottom: 30px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-image .m-note--on-image.text-center {
		bottom: 0;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-image .m-note--on-image.text-center {
		text-align: center !important;
	}
}

#custom .p-brand-feature .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 24px;
}

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

#custom .p-brand-feature .grid > .col {
	background: #fff;
}

@media (min-width: 769px) {
	#custom .p-brand-feature .grid > .col {
		max-width: calc(50% - 24px/2);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature .grid > .col {
		margin-bottom: 16px;
	}
	#custom .p-brand-feature .grid > .col:last-child {
		margin-bottom: 0;
	}
}

#custom .p-brand-feature .grid > .review {
	border: 1px solid #fff;
}

#custom .p-brand-feature .grid > .info {
	outline: 1px solid transparent;
}

#custom .p-brand-feature:nth-of-type(2n) .grid > .col, #custom .p-brand-feature--no-bg .grid > .col {
	background-color: #F5F5F5;
}

#custom .p-brand-feature--playz:nth-of-type(2n) .grid > .col {
	background-color: #F2FAFD;
}

#custom .p-brand-feature:nth-of-type(2n) .grid > .review, #custom .p-brand-feature--no-bg .grid > .review {
	border-color: #CCC;
	background-color: #fff;
}

#custom .bg-brand .p-brand-feature .grid > .col {
	background-color: #000;
	color: #fff;
}

#custom .bg-brand .p-brand-feature .grid > .review {
	border-color: #CCC;
	background-color: transparent;
}

#custom .p-brand-feature-info > .info {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0;
}

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

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

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

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

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

#custom .p-brand-feature-info dd {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 0 34px;
}

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

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

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

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

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

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

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

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

#custom .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 .p-brand-feature-info .image--full figcaption.m-note--on-image {
		margin-left: 0;
		font-size: 0.563rem;
	}
}

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

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

#custom .p-brand-feature-info .image--cover {
	position: static;
	min-height: 170px;
	margin: 0;
}

#custom .p-brand-feature-info .image--cover img {
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}

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

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

#custom .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 .p-brand-feature-info .m-note {
		margin-top: 0;
		margin-right: -4px;
	}
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#custom .p-brand-feature-info .video .controls {
	bottom: auto;
	top: 0;
}

#custom .p-brand-feature-reviews {
	margin-top: 62px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews {
		margin-top: 42px;
	}
}

#custom .p-brand-feature-reviews h4 {
	font-size: 1.313rem;
	margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews h4 {
		margin-bottom: 28px;
	}
}

#custom .p-brand-feature-reviews .review {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 38px 35px 34px;
	border-radius: 3px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews .review {
		padding: 36px 27px 32px;
	}
}

#custom .p-brand-feature-reviews blockquote {
	position: relative;
	margin: 0 0 1.5rem;
	font-size: 1.063rem;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews blockquote {
		font-size: 0.875rem;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-feature-reviews blockquote br {
		display: none;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-feature-reviews blockquote p {
		margin: 0 -1px;
	}
}

#custom .p-brand-feature-reviews blockquote::before, #custom .p-brand-feature-reviews blockquote::after {
	position: absolute;
	margin: 0 2px;
	font-size: 1.5rem;
	line-height: 1.1666666667;
	color: #f00;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews blockquote::before, #custom .p-brand-feature-reviews blockquote::after {
		font-size: 1rem;
	}
}

#custom .p-brand-feature-reviews blockquote::before {
	content: "“";
	top: -4px;
	right: 100%;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews blockquote::before {
		top: -8px;
	}
}

#custom .p-brand-feature-reviews blockquote::after {
	content: "”";
	left: 100%;
	bottom: -6px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews blockquote::after {
		bottom: -8px;
	}
}

#custom .p-brand-feature-reviews figcaption {
	margin-top: auto;
	font-size: 0.875rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature-reviews figcaption {
		font-size: 0.813rem;
	}
}

#custom .p-brand-feature--basic blockquote::before, #custom .p-brand-feature--basic blockquote::after {
	color: #f00;
}

#custom .p-brand-feature--chronicle blockquote::before, #custom .p-brand-feature--chronicle blockquote::after {
	color: #f00;
}

#custom .p-brand-feature--playz blockquote::before, #custom .p-brand-feature--playz blockquote::after {
	color: #00A1DE;
}

#custom .p-brand-feature--regno blockquote::before, #custom .p-brand-feature--regno blockquote::after {
	color: #7FAFFF;
}

#custom .p-brand-feature--ecopia blockquote::before, #custom .p-brand-feature--ecopia blockquote::after {
	color: #333;
}

#custom .p-brand-feature--potenza blockquote::before, #custom .p-brand-feature--potenza blockquote::after {
	color: #000000;
}

#custom .p-brand-feature--alenza blockquote::before, #custom .p-brand-feature--alenza blockquote::after {
	color: #462D25;
}

#custom .p-brand-feature--dueler blockquote::before, #custom .p-brand-feature--dueler blockquote::after {
	color: #008F8C;
}

#custom .p-brand-feature--blizzak blockquote::before, #custom .p-brand-feature--blizzak blockquote::after {
	color: #E60012;
}

#custom .bg-brand .p-brand-feature-reviews blockquote::before, #custom .bg-brand .p-brand-feature-reviews blockquote::after {
	color: #fff;
}

#custom .bg-brand .p-brand-feature .swiper-pagination-bullet {
	background-color: #757575;
}

#custom .bg-brand .p-brand-feature .swiper-pagination-bullet-active {
	background-color: #fff;
}

#custom .p-brand-feature-reviews > .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 24px;
}

#custom .p-brand-feature-reviews > .wrapper > .grid {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	height: auto;
}

#custom .p-brand-feature-reviews > .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	gap: 0;
}

#custom .p-brand-feature > .container > .m-note:last-child {
	margin-top: 64px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-feature > .container > .m-note:last-child {
		margin-top: 40px;
	}
}

/*------------------------------------------------
	BTOS > ブランド > 特徴 > 目次
------------------------------------------------*/
#custom .p-brand-features-toc {
	position: -webkit-sticky;
	position: sticky;
	z-index: 5;
	top: 120px;
	height: 94px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features-toc {
		top: 48px;
		height: 66px;
		background: rgba(255, 255, 255, 0.9);
	}
	#custom .p-brand-features-toc:has(.cols-2) {
		height: 84px;
	}
	#custom .p-brand-features-toc .container {
		padding: 8px 15px 0;
	}
}

#custom .p-brand-features-toc .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	margin: 0 -1px;
	border-radius: 4px;
	background: #fff;
}

#custom .p-brand-features-toc.bg-brand--basic .grid {
	background-color: #999999;
}

#custom .p-brand-features-toc.bg-brand--chronicle .grid {
	background-color: #141414;
}

#custom .p-brand-features-toc.bg-brand--playz .grid {
	background-color: #00A1DE;
}

#custom .p-brand-features-toc.bg-brand--regno .grid {
	background-color: #09234E;
}

#custom .p-brand-features-toc.bg-brand--ecopia .grid {
	background-color: #6BB42A;
}

#custom .p-brand-features-toc.bg-brand--potenza .grid {
	background-color: #000000;
}

#custom .p-brand-features-toc.bg-brand--alenza .grid {
	background-color: #462D25;
}

#custom .p-brand-features-toc.bg-brand--dueler .grid {
	background-color: #008F8C;
}

#custom .p-brand-features-toc.bg-brand--blizzak .grid {
	background-color: #E60012;
}

#custom .p-brand-features-toc.bg-brand--alenza-lx100 .grid {
	background-color: #2A1B16;
}

#custom .p-brand-features-toc.bg-brand--alenza-001 .grid {
	background-color: #58423A;
}

#custom .p-brand-features-toc.bg-brand--regno-gr-x3 .grid {
	background-color: #000B1E;
}

#custom .p-brand-features-toc.bg-brand--regno-gr-x3-rv .grid {
	background-color: #333333;
}

#custom .p-brand-features-toc.bg-brand--potenza-s007a .grid {
	background-color: #000000;
}

#custom .p-brand-features-toc.bg-brand--potenza-s001-rft .grid {
	background-color: #333333;
}

#custom .p-brand-features-toc.bg-brand--potenza-adrenalin-re004 .grid {
	background-color: #333333;
}

#custom .p-brand-features-toc li {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
}

#custom .p-brand-features-toc li a {
	position: relative;
	display: block;
	height: 100%;
	padding: 16px 15px 10px;
	border: 1px solid #CCC;
	background: #fff;
	color: #333;
	font-weight: bold;
	text-align: center;
	-webkit-transition: padding 0.2s ease-in-out;
	transition: padding 0.2s ease-in-out;
	-webkit-transition-property: color, background-color, padding;
	transition-property: color, background-color, padding;
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-features-toc li a {
		padding: 8px 3px;
	}
}

#custom .p-brand-features-toc li a img.logo {
	max-height: 40px;
}

@media (min-width: 544px) {
	.scrolled-features-toc:not(.scrolling-features-toc) #custom .p-brand-features-toc li a {
		padding: 7px 15px 1px;
	}
}

#custom .p-brand-features-toc li:first-child a {
	left: 1px;
	border-radius: 4px 0 0 4px;
}

#custom .p-brand-features-toc li:last-child a {
	right: 1px;
	border-radius: 0 4px 4px 0;
}

#custom .p-brand-features-toc li a.is-active {
	border-color: #333;
	background-color: #333;
	color: #fff;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features-toc li a.is-active {
		border-color: rgba(255, 255, 255, 0.3);
	}
}

#custom .p-brand-features-toc--basic li a.is-active {
	border-color: #999999;
	background-color: #999999 !important;
}

#custom .p-brand-features-toc--chronicle li a.is-active {
	border-color: #141414;
	background-color: #141414 !important;
}

#custom .p-brand-features-toc--playz li a.is-active {
	border-color: #00A1DE;
	background-color: #00A1DE !important;
}

#custom .p-brand-features-toc--regno li a.is-active {
	border-color: #09234E;
	background-color: #09234E !important;
}

#custom .p-brand-features-toc--ecopia li a.is-active {
	border-color: #6BB42A;
	background-color: #6BB42A !important;
}

#custom .p-brand-features-toc--potenza li a.is-active {
	border-color: #000000;
	background-color: #000000 !important;
}

#custom .p-brand-features-toc--alenza li a.is-active {
	border-color: #462D25;
	background-color: #462D25 !important;
}

#custom .p-brand-features-toc--dueler li a.is-active {
	border-color: #008F8C;
	background-color: #008F8C !important;
}

#custom .p-brand-features-toc--blizzak li a.is-active {
	border-color: #E60012;
	background-color: #E60012 !important;
}

#custom .p-brand-features-toc--alenza.bg-brand li a {
	border-color: #CCC;
	background-color: transparent;
}

#custom .p-brand-features-toc--alenza.bg-brand li a.is-active {
	background-color: #38241e !important;
}

#custom .p-brand-features-toc--potenza.bg-brand li a,
#custom .p-brand-features-toc--regno.bg-brand li a {
	border-color: #fff;
	background-color: transparent;
}

#custom .p-brand-features-toc--potenza.bg-brand li a.is-active,
#custom .p-brand-features-toc--regno.bg-brand li a.is-active {
	color: #333 !important;
	border-color: #fff;
	background-color: #fff !important;
}

#custom .p-brand-features-toc--regno.bg-brand li:first-child a {
	background-color: #333333;
}

#custom .p-brand-features-toc li a:not(.is-active) .logo--white {
	display: none;
}

#custom .p-brand-features-toc li a.is-active .logo--color {
	display: none;
}

#custom .p-brand-features-toc.bg-brand li a:not(.is-active) .logo--white {
	display: inline;
}

#custom .p-brand-features-toc.bg-brand li a:not(.is-active) .logo--color {
	display: none;
}

#custom .p-brand-features-toc.bg-brand li a.is-active .logo--white {
	display: none;
}

#custom .p-brand-features-toc.bg-brand li a.is-active .logo--color {
	display: inline;
}

#custom .p-brand-features-toc--alenza.bg-brand li a .logo--white {
	display: inline !important;
}

#custom .p-brand-features-toc--alenza.bg-brand li a .logo--color {
	display: none !important;
}

#custom .p-brand-features-toc li small {
	display: block;
	margin-bottom: 1px;
	font-size: 0.938em;
	font-weight: normal;
	-webkit-transition: margin 0.2s ease-in-out;
	transition: margin 0.2s ease-in-out;
	word-break: keep-all;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-features-toc li small {
		font-size: 0.8em;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-features-toc li small {
		margin-bottom: 6px;
	}
}

@media (max-width: 320px) {
	#custom .p-brand-features-toc li small {
		font-size: 0.734em;
	}
}

.scrolled-features-toc:not(.scrolling-features-toc) #custom .p-brand-features-toc li small {
	margin-bottom: -4px;
}

@media only screen and (max-width: 768px) {
	.scrolled-features-toc:not(.scrolling-features-toc) #custom .p-brand-features-toc li small {
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 543px) {
	.scrolled-features-toc:not(.scrolling-features-toc) #custom .p-brand-features-toc li small {
		margin-bottom: 6px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-features-toc--blizzak li small,
	#custom .p-brand-features-toc .col-3 li small {
		display: none;
	}
}

@media (min-width: 769px) {
	.js > #custom .p-brand-features .toc {
		top: 48px;
		top: calc(1.401rem + 15px + 8px);
	}
}

.scrolled-features-toc:not(.scrolling-features-toc) > #custom .js-site-header {
	top: -6.75rem;
}

@media (max-width: 1024px) {
	.scrolled-features-toc:not(.scrolling-features-toc) > #custom .js-site-header {
		top: -60px;
	}
}

.scrolled-features-toc:not(.scrolling-features-toc) > #custom #toc {
	top: 0;
}

@media only screen and (max-width: 768px) {
	.scrolled-features-toc:not(.scrolling-features-toc) > #custom #toc > .wrapper {
		top: 0;
	}
}

/*------------------------------------------------
	BTOS > ブランド > ラインアップ
------------------------------------------------*/
#custom .p-brand-lineups {
	padding: 120px 0 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineups {
		padding: 60px 0 24px;
	}
}

#custom .p-brand-lineups h2 {
	margin-bottom: 50px;
}

#custom .p-brand-lineups .row {
	gap: 70px 0;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

@media (max-width: 1024px) {
	#custom .p-brand-lineups .row {
		gap: 50px 0;
	}
}

@media (max-width: 1079px) {
	#custom .p-brand-lineups .row {
		margin-left: -12px;
		margin-right: -12px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineups .row {
		display: block;
		margin: 0;
	}
}

#custom .p-brand-lineups .row > .col {
	-ms-flex-preferred-size: auto;
	    flex-basis: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: 0 12px;
	max-width: 50%;
}

@media (max-width: 1079px) {
	#custom .p-brand-lineups .row > .col {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineups .row > .col {
		max-width: none;
		min-width: 0;
		margin-top: 50px;
		padding: 0;
	}
}

#custom .p-brand-lineups .navi {
	margin-top: 48px;
	margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineups .navi {
		margin-top: 38px;
		margin-bottom: 52px;
	}
}

#custom .p-brand-lineups .grid--navi {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 24px;
	margin-top: 60px;
	margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineups .grid--navi {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 20px;
		margin-bottom: 60px;
	}
}

#custom .p-brand-lineups .grid--navi > .navi {
	margin: 0;
}

#custom .p-brand-lineups .m-note--long li + li {
	margin-top: 1em;
}

#custom .p-brand-lineup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	-webkit-box-sizing: content-box;
	        box-sizing: content-box;
	position: relative;
	min-height: 198px;
	padding: 21px 0 22px 200px;
}

@media (max-width: 1079px) {
	#custom .p-brand-lineup {
		padding-left: 36%;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-lineup {
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup {
		display: block;
		min-height: 158px;
		padding: 0 0 0 130px;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-lineup {
		margin-left: auto;
		padding-left: calc(100% - 208px);
	}
}

#custom .p-brand-lineup h3 {
	line-height: 60px;
	margin-bottom: 16px;
}

@media (max-width: 1024px) {
	#custom .p-brand-lineup h3 {
		margin-bottom: 8px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup h3 {
		line-height: 40px;
		margin-bottom: 8px;
	}
}

#custom .p-brand-lineup h3 .img-lineup {
	display: block;
	width: auto;
	height: auto;
	max-height: 60px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup h3 .img-lineup {
		max-width: 215px;
		max-height: 40px;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-lineup h3 .img-lineup {
		max-width: 208px;
	}
}

#custom .p-brand-lineup .image {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	        transform: translateY(-50%);
}

@media (max-width: 1079px) {
	#custom .p-brand-lineup .image {
		max-width: 30%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup .image {
		max-width: 105px;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-lineup .image {
		max-width: calc(100% - 208px);
		padding-right: 5px;
		left: -5px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup .image img {
		max-width: 105px;
		width: 100%;
		height: auto;
	}
}

#custom .p-brand-lineup .m-balloon {
	max-width: 7em;
	-webkit-transform: translate(60%, 90%);
	    -ms-transform: translate(60%, 90%);
	        transform: translate(60%, 90%);
	background: #666;
	color: #fff;
}

@media (max-width: 1199px) {
	#custom .p-brand-lineup .m-balloon {
		-webkit-transform: translate(85%, 90%);
		    -ms-transform: translate(85%, 90%);
		        transform: translate(85%, 90%);
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-lineup .m-balloon {
		font-size: 0.625rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup .m-balloon {
		font-size: 0.5rem;
		-webkit-transform: translate(90%, 90%);
		    -ms-transform: translate(90%, 90%);
		        transform: translate(90%, 90%);
	}
}

#custom .p-brand-lineup--basic .m-balloon {
	background-color: #999999;
}

#custom .p-brand-lineup--chronicle .m-balloon {
	background-color: #141414;
}

#custom .p-brand-lineup--playz .m-balloon {
	background-color: #00A1DE;
}

#custom .p-brand-lineup--regno .m-balloon {
	background-color: #09234E;
}

#custom .p-brand-lineup--ecopia .m-balloon {
	background-color: #6BB42A;
}

#custom .p-brand-lineup--potenza .m-balloon {
	background-color: #000000;
}

#custom .p-brand-lineup--alenza .m-balloon {
	background-color: #462D25;
}

#custom .p-brand-lineup--dueler .m-balloon {
	background-color: #008F8C;
}

#custom .p-brand-lineup--blizzak .m-balloon {
	background-color: #E60012;
}

#custom .p-brand-lineup-types {
	border-spacing: 1px;
	border-collapse: separate;
}

#custom .p-brand-lineup-types td {
	padding: 5px 8px 3px;
	background: #F5F5F5;
	color: #BBB;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup-types td {
		width: 72px;
		max-width: 33.33%;
		padding: 4px 2px 0;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-lineup-types td {
		width: 69px;
	}
}

#custom .p-brand-lineup-types td.active {
	background-color: #666;
	color: #fff;
}

#custom .p-brand-lineup-types--basic td.active {
	background-color: #999999;
}

#custom .p-brand-lineup-types--chronicle td.active {
	background-color: #141414;
}

#custom .p-brand-lineup-types--playz td.active {
	background-color: #00A1DE;
}

#custom .p-brand-lineup-types--regno td.active {
	background-color: #09234E;
}

#custom .p-brand-lineup-types--ecopia td.active {
	background-color: #6BB42A;
}

#custom .p-brand-lineup-types--potenza td.active {
	background-color: #000000;
}

#custom .p-brand-lineup-types--alenza td.active {
	background-color: #462D25;
}

#custom .p-brand-lineup-types--dueler td.active {
	background-color: #008F8C;
}

#custom .p-brand-lineup-types--blizzak td.active {
	background-color: #E60012;
}

#custom .p-brand-lineup-types b {
	display: block;
	margin: 4px -2px 0;
	font-size: 0.813rem;
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-lineup-types b {
		font-size: 0.75rem;
	}
}

#custom .p-brand-lineup-types b sup {
	display: inline-block;
	max-width: 0.75em;
	white-space: nowrap;
}

#custom .p-brand-lineup-types img, #custom .p-brand-lineup-types svg {
	width: 64px;
	height: 25px;
	opacity: 0.21;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-lineup-types img, #custom .p-brand-lineup-types svg {
		max-width: 100%;
		width: 57px;
		height: auto;
	}
}

#custom .p-brand-lineup-types .active img, #custom .p-brand-lineup-types .active svg {
	opacity: 1;
}

#custom .p-brand-lineup-types .active path {
	fill: #fff;
}

#custom .p-brand-lineup .m-note li + li {
	margin-top: 0.75rem;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types {
	border-spacing: 1px;
	border-collapse: separate;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types td {
	background: rgba(255, 255, 255, 0.05);
	color: #999;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types td.active {
	background-color: rgba(0, 0, 0, 0.4);
	color: #fff;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types--regno td {
	background-color: #282828;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types--regno td.active {
	background-color: rgba(255, 255, 255, 0.4);
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types--potenza td {
	background-color: #333333;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types--potenza td.active {
	background-color: rgba(255, 255, 255, 0.4);
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types img, #custom .p-brand-lineups.bg-brand .p-brand-lineup-types svg {
	opacity: 1;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types path {
	fill: #999;
}

#custom .p-brand-lineups.bg-brand .p-brand-lineup-types .active path {
	fill: #fff;
}

/*------------------------------------------------
	BTOS > トップページ > おすすめコンテンツ
------------------------------------------------*/
#custom .m-top-wrapper .recommend-content h2 {
	margin-bottom: 1.75rem;
}

@media (min-width: 1200px) {
	#custom .m-top-wrapper .recommend-content h2 {
		font-size: 1.875rem;
		margin-bottom: 1.734em;
	}
}

#custom .recommend-content {
	padding-top: 52px;
	padding-bottom: 86px;
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content {
		padding-top: 38px;
		padding-bottom: 80px;
	}
}

#custom .recommend-content .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 24px;
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content .grid {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: start;
		    -ms-flex-align: start;
		        align-items: flex-start;
	}
}

@media only screen and (max-width: 543px) {
	#custom .recommend-content .grid {
		display: block;
	}
}

#custom .recommend-content .grid > li {
	-ms-flex-preferred-size: calc(100% / 3 - 16px);
	    flex-basis: calc(100% / 3 - 16px);
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content .grid > li {
		-ms-flex-preferred-size: calc(50% - 12px);
		    flex-basis: calc(50% - 12px);
	}
}

@media only screen and (max-width: 543px) {
	#custom .recommend-content .grid > li {
		-ms-flex-preferred-size: 100%;
		    flex-basis: 100%;
	}
}

@media only screen and (max-width: 543px) {
	#custom .recommend-content .grid > li + li {
		margin-top: 12px;
	}
}

#custom .recommend-content .image {
	position: relative;
	display: block;
	background: #000;
	color: #fff;
	padding-top: 100%;
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content .image {
		padding-top: 52.1739130435%;
	}
}

#custom .recommend-content .image > picture,
#custom .recommend-content .image > figcaption, #custom .recommend-content .image::before {
	display: block;
	position: absolute;
	z-index: 0;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#custom .recommend-content .image img {
	-o-object-fit: cover;
	   object-fit: cover;
	width: 100%;
	height: 100%;
}

#custom .recommend-content .image figcaption {
	position: absolute;
	z-index: 2;
	top: auto;
	padding: 0 28px 21px;
	font-size: 1.25rem;
}

@media (max-width: 1024px) {
	#custom .recommend-content .image figcaption {
		padding: 0 20px 16px;
		font-size: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content .image figcaption {
		font-size: 0.875rem;
	}
}

#custom .recommend-content .image::before {
	content: "";
	z-index: 1;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(26.5%, #0000), color-stop(96%, #000f));
	background: -webkit-linear-gradient(top, #0000 26.5%, #000f 96%);
	background: linear-gradient(to bottom, #0000 26.5%, #000f 96%);
	opacity: 0.8;
}

#custom .recommend-content .navi {
	margin-top: 2.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .recommend-content .navi {
		margin-top: 1.875rem;
	}
}

/*------------------------------------------------
	BTOS > ブランド > ピックアップ
------------------------------------------------*/
#custom .p-brand-pickup {
	padding: 118px 0 160px;
	background: #F5F5F5;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup {
		padding: 80px 0 120px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-pickup .container {
		padding: 0 7px;
	}
}

#custom .p-brand-pickup h2 {
	margin-bottom: 3.375rem;
	font-size: 1.563rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup h2 {
		margin-bottom: 2.5rem;
		font-size: 1.313rem;
	}
}

#custom .p-brand-pickup .grid {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

#custom .p-brand-pickup .image {
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .image {
		padding-top: 54.4927536232%;
	}
}

#custom .p-brand-pickup .image::before {
	background: -webkit-gradient(linear, left bottom, left top, color-stop(26.5%, black), color-stop(96%, rgba(0, 0, 0, 0)));
	background: -webkit-linear-gradient(bottom, black 26.5%, rgba(0, 0, 0, 0) 96%);
	background: linear-gradient(0deg, black 26.5%, rgba(0, 0, 0, 0) 96%);
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .swiper-initialized {
		max-width: 100%;
		width: 66.3603vw;
		height: auto;
		padding: 0;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="1"] {
		height: 37.5vw;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="2"] {
		height: 74.2648vw;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="3"] {
		height: 111.0295vw;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="6"] {
		height: auto;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-pickup .swiper-initialized {
		max-width: 100%;
		width: 361px;
		height: auto;
		padding: 0;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="1"] {
		height: 204px;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="2"] {
		height: 404px;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="3"] {
		height: 604px;
	}
	#custom .p-brand-pickup .swiper-initialized[data-swiper-sp-rows="6"] {
		height: auto;
	}
}

#custom .p-brand-pickup .swiper-initialized .swiper-wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
	gap: 0;
}

#custom .p-brand-pickup .swiper-initialized .swiper-slide {
	margin-right: 24px;
}

#custom .p-brand-pickup .swiper-initialized li {
	width: calc(50% - 24px/2);
	background: none;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .swiper-initialized li {
		-ms-flex-preferred-size: auto;
		    flex-basis: auto;
		width: auto;
		height: 34.5589vw;
		margin: 0 0 2.2059vw;
		padding: 0 1.4706vw;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-pickup .swiper-initialized li {
		height: 188px;
		margin-bottom: 12px;
		padding: 0 8px;
	}
}

#custom .p-brand-pickup .swiper-initialized li > a {
	display: block;
	background: none;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .swiper-initialized li > a {
		height: 100%;
	}
}

#custom .p-brand-pickup .swiper-initialized li img {
	display: block;
	max-width: 100%;
	height: auto;
	vertical-align: top;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .swiper-initialized li img {
		width: 100%;
		height: 100%;
		-o-object-fit: contain;
		   object-fit: contain;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}

#custom .p-brand-pickup .swiper-initialized.has-grid .grid {
	-webkit-box-pack: start;
	    -ms-flex-pack: start;
	        justify-content: flex-start;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-pickup .swiper-initialized.has-grid .grid {
		display: block;
		margin-right: 0;
	}
}

#custom .p-brand-pickup .swiper-initialized.has-grid li {
	height: auto;
}

#custom .p-brand-pickup .swiper-pagination {
	top: 4px;
}

#custom .p-brand-pickup .swiper .swiper-pagination {
	top: 42px;
}

/*------------------------------------------------
	BTOS > ブランド > お客様インタビュー
------------------------------------------------*/
#custom .p-brand-interview {
	padding: 120px 0 100px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview {
		padding: 80px 0;
	}
}

#custom .p-brand-interview h2 {
	margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview h2 {
		margin-bottom: 40px;
	}
}

#custom .p-brand-interview-article {
	position: relative;
	padding-left: 508px;
}

@media (max-width: 1024px) {
	#custom .p-brand-interview-article {
		padding-left: calc(46% + 40px);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article {
		max-width: 460px;
		margin: 0 auto;
		padding-left: 0;
	}
}

#custom .p-brand-interview-article .image {
	position: absolute;
	left: 0;
	top: 0;
}

@media (max-width: 1024px) {
	#custom .p-brand-interview-article .image {
		width: 46%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article .image {
		position: relative;
		width: auto;
		margin: 0 auto 12px;
	}
}

#custom .p-brand-interview-article h3 {
	position: relative;
	margin-bottom: 1.75rem;
	font-size: 1.563rem;
}

@media (max-width: 1024px) {
	#custom .p-brand-interview-article h3 {
		margin-bottom: 1em;
		font-size: 1.25rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article h3 {
		margin-bottom: 0.5em;
		font-size: 1rem;
	}
}

#custom .p-brand-interview-article h3 q {
	display: block;
	padding: 0 25px 0 16px;
}

@media (max-width: 1024px) {
	#custom .p-brand-interview-article h3 q {
		padding: 0 4px 0 16px;
	}
}

#custom .p-brand-interview-article h3 q::before, #custom .p-brand-interview-article h3 q::after {
	position: absolute;
	font-size: 1.563rem;
	line-height: 1.5;
}

#custom .p-brand-interview-article h3 q::before {
	content: "“ ";
	top: 0;
	left: -0.562rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article h3 q::before {
		top: -0.2em;
		left: -3px;
	}
}

#custom .p-brand-interview-article h3 q::after {
	content: " ”";
	right: 0;
	bottom: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article h3 q::after {
		right: -6px;
		bottom: -0.6em;
	}
}

#custom .p-brand-interview-article .name {
	margin-bottom: 1.25rem;
	font-size: 1.063rem;
}

@media (max-width: 1024px) {
	#custom .p-brand-interview-article .name {
		font-size: 1rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article .name {
		font-size: 0.875rem;
	}
}

#custom .p-brand-interview-article p {
	margin-bottom: 1em;
}

#custom .p-brand-interview-article .navi {
	margin: 38px 0 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-interview-article .navi {
		margin: 21px auto 0;
	}
}

/*------------------------------------------------
	BTOS > ブランド > 性能
------------------------------------------------*/
#custom .p-brand-spec {
	padding: 100px 0 45px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-spec {
		padding: 80px 0;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-spec--studless {
		padding-top: 130px;
	}
}

#custom .p-brand-spec.bg-brand--gray, #custom .p-brand-spec.bg-brand--dark {
	background: #E7E7E7 no-repeat top left;
	background-size: 100% 100%;
	background-image: url("../../../images/asset/lp/brand/regno/spec/bg-regno-spec-selected.jpg");
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type), #custom .p-brand-spec.bg-brand--dark:not(.selected-type) {
	background-color: #555555;
	color: #fff;
	background-image: url("../../../images/asset/lp/brand/regno/spec/bg-regno-spec.jpg");
	-webkit-animation: fade-in 0.75s ease-out forwards;
	        animation: fade-in 0.75s ease-out forwards;
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type) .chart-item--basic b, #custom .p-brand-spec.bg-brand--dark:not(.selected-type) .chart-item--basic b {
	color: #999;
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type) .chart-item--current input[type="checkbox"]:checked, #custom .p-brand-spec.bg-brand--dark:not(.selected-type) .chart-item--current input[type="checkbox"]:checked {
	background: #fff;
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type) .p-brand-cmp-types .btn, #custom .p-brand-spec.bg-brand--dark:not(.selected-type) .p-brand-cmp-types .btn {
	border-color: #CCC;
	background: #fff;
	color: #333;
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type) .p-brand-cmp-types .btn path, #custom .p-brand-spec.bg-brand--dark:not(.selected-type) .p-brand-cmp-types .btn path {
	fill: #333;
}

#custom .p-brand-spec.bg-brand--gray:not(.selected-type) .m-textlink::after, #custom .p-brand-spec.bg-brand--dark:not(.selected-type) .m-textlink::after {
	background-image: url("../../../images/asset/common/ico/ico-arrow-white.svg");
}

#custom .p-brand-spec.bg-brand--dark:not(.selected-type) {
	background-color: #000;
	background-image: none;
}

#custom .p-brand-spec h2 {
	margin-bottom: 54px;
	margin-bottom: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-spec h2 {
		margin-bottom: 40px;
		margin-bottom: 0;
	}
}

@media (min-width: 769px) {
	#custom .p-brand-spec h2 sup:last-child {
		display: inline-block;
		width: 3px;
		white-space: nowrap;
	}
}

#custom .p-brand-spec .navi {
	margin-top: 32px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-spec .navi {
		margin-top: 24px;
	}
}

#custom .p-brand-spec .navi .m-textlink {
	font-size: 0.938em;
}

#custom .p-brand-spec .navi + .navi {
	margin-top: 24px;
}

#custom .p-brand-spec.selected-type .not-selected-type {
	display: none;
}

/*------------------------------------------------
	BTOS > ブランド > 性能 > チャートグループ
------------------------------------------------*/
#custom .p-brand-charts.grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

@media (max-width: 1199px) {
	#custom .p-brand-charts.grid {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-charts.grid {
		display: block;
	}
}

#custom .p-brand-charts.grid > .chart-container {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

@media (max-width: 1199px) {
	#custom .p-brand-charts.grid > .chart-container {
		-webkit-box-flex: 0;
		    -ms-flex-positive: 0;
		        flex-grow: 0;
	}
}

#custom .p-brand-charts.grid > .controls {
	position: relative;
	right: -10px;
	width: 284px;
	padding-left: 11px;
	padding-top: 20px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-charts.grid > .controls {
		right: 0;
		max-width: 100%;
		width: 276px;
		padding: 0;
		margin: 0 auto;
	}
}

#custom .p-brand-charts .controls {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

/*------------------------------------------------
	BTOS > ブランド > 性能 > チャート
------------------------------------------------*/
#custom .p-brand-chart {
	position: relative;
}

@media (max-width: 1024px) {
	#custom .p-brand-chart {
		max-width: calc(100% - 284px);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-chart {
		max-width: none;
	}
}

#custom .p-brand-chart .chart-box {
	position: relative;
	display: table;
	margin: 0;
	margin-left: auto;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-chart .chart-box {
		margin: 0 auto;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-chart .chart-box {
		display: block;
		margin: 0 -5px;
	}
}

#custom .p-brand-chart .chart {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	border-radius: 0;
	background: transparent;
	cursor: default;
}

#custom .p-brand-chart .chart.hover {
	cursor: pointer;
}

@media (max-width: 1024px) {
	#custom .p-brand-chart .chart {
		max-width: 100%;
		height: auto;
	}
}

#custom .p-brand-chart .chart-label-tooltip {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 300px;
	margin: 8px 0 0;
	padding: 12px 24px;
	border: 1px solid #CCC;
	border-radius: 8px;
	background: #fff;
	color: #333;
	-webkit-box-shadow: 0 2px 3px #CCC;
	        box-shadow: 0 2px 3px #CCC;
	opacity: 0;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	-webkit-transition-property: opacity, z-index;
	transition-property: opacity, z-index;
	font-size: 0.938rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-chart .chart-label-tooltip {
		max-width: 100%;
		width: 275px;
		padding: 10px 13px;
		font-size: 0.813rem;
	}
}

#custom .p-brand-chart .chart-label-tooltip.active {
	opacity: 1;
	z-index: 100;
}

/*------------------------------------------------
	BTOS > ブランド > 性能 > ラインアップ
------------------------------------------------*/
#custom .p-brand-charts .chart-item {
	position: relative;
	margin-bottom: 1.5rem;
	padding-left: 25px;
	font-size: 1rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-charts .chart-item {
		margin-bottom: 1rem;
	}
}

#custom .p-brand-charts .chart-item input[type="checkbox"] {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	float: left;
	position: absolute;
	top: -1px;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: 4px;
	margin-right: 9px;
	border-radius: 2px;
	border: 1px solid #f00;
	background: #fff;
	color: #f00;
	vertical-align: middle;
}

#custom .p-brand-charts .chart-item input[type="checkbox"]:checked {
	background: #f00;
	color: #fff;
}

#custom .p-brand-charts .chart-item input[type="checkbox"]::before {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	width: 0.4rem;
	height: 0.6rem;
	margin-left: -0.18rem;
	margin-top: -0.35rem;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#custom .p-brand-charts .chart-item input[type="checkbox"]:checked::before {
	content: '';
}

#custom .p-brand-charts .chart-item input[type="checkbox"][disabled] {
	border-radius: 1em;
}

#custom .p-brand-charts .chart-item input[type="checkbox"][disabled]::before {
	content: none;
}

#custom .p-brand-charts .chart-item > label {
	display: table;
	line-height: 24px;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
}

#custom .p-brand-charts .chart-item > label:hover {
	opacity: 0.6;
}

#custom .p-brand-charts .chart-item > label img {
	width: auto;
	height: 24px;
	vertical-align: top;
}

#custom .p-brand-charts .chart-item > small {
	display: block;
	margin-top: 0.2em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-charts .chart-item > small {
		margin-top: 0.4em;
	}
}

#custom .p-brand-charts .chart-item.chart-item--basic b {
	font-size: 0.875rem;
	color: #333;
}

#custom .p-brand-charts .chart-item--basic b {
	color: #999999;
}

#custom .p-brand-charts .chart-item--basic input[type="checkbox"] {
	border-color: #999999;
}

#custom .p-brand-charts .chart-item--basic input[type="checkbox"]:checked {
	background-color: #999999;
}

#custom .p-brand-charts .chart-item--chronicle b {
	color: #141414;
}

#custom .p-brand-charts .chart-item--chronicle input[type="checkbox"] {
	border-color: #141414;
}

#custom .p-brand-charts .chart-item--chronicle input[type="checkbox"]:checked {
	background-color: #141414;
}

#custom .p-brand-charts .chart-item--playz b {
	color: #00A1DE;
}

#custom .p-brand-charts .chart-item--playz input[type="checkbox"] {
	border-color: #00A1DE;
}

#custom .p-brand-charts .chart-item--playz input[type="checkbox"]:checked {
	background-color: #00A1DE;
}

#custom .p-brand-charts .chart-item--regno b {
	color: #09234E;
}

#custom .p-brand-charts .chart-item--regno input[type="checkbox"] {
	border-color: #09234E;
}

#custom .p-brand-charts .chart-item--regno input[type="checkbox"]:checked {
	background-color: #09234E;
}

#custom .p-brand-charts .chart-item--ecopia b {
	color: #6BB42A;
}

#custom .p-brand-charts .chart-item--ecopia input[type="checkbox"] {
	border-color: #6BB42A;
}

#custom .p-brand-charts .chart-item--ecopia input[type="checkbox"]:checked {
	background-color: #6BB42A;
}

#custom .p-brand-charts .chart-item--potenza b {
	color: #000000;
}

#custom .p-brand-charts .chart-item--potenza input[type="checkbox"] {
	border-color: #000000;
}

#custom .p-brand-charts .chart-item--potenza input[type="checkbox"]:checked {
	background-color: #000000;
}

#custom .p-brand-charts .chart-item--alenza b {
	color: #462D25;
}

#custom .p-brand-charts .chart-item--alenza input[type="checkbox"] {
	border-color: #462D25;
}

#custom .p-brand-charts .chart-item--alenza input[type="checkbox"]:checked {
	background-color: #462D25;
}

#custom .p-brand-charts .chart-item--dueler b {
	color: #008F8C;
}

#custom .p-brand-charts .chart-item--dueler input[type="checkbox"] {
	border-color: #008F8C;
}

#custom .p-brand-charts .chart-item--dueler input[type="checkbox"]:checked {
	background-color: #008F8C;
}

#custom .p-brand-charts .chart-item--blizzak b {
	color: #E60012;
}

#custom .p-brand-charts .chart-item--blizzak input[type="checkbox"] {
	border-color: #E60012;
}

#custom .p-brand-charts .chart-item--blizzak input[type="checkbox"]:checked {
	background-color: #E60012;
}

#custom .p-brand-charts .chart-item--potenza-adrenalin-re004 b {
	color: #DF0615;
}

#custom .p-brand-charts .chart-item--potenza-adrenalin-re004 input[type="checkbox"] {
	border-color: #DF0615;
}

#custom .p-brand-charts .chart-item--potenza-adrenalin-re004 input[type="checkbox"]:checked {
	background-color: #DF0615;
}

#custom .p-brand-charts .chart-item--alenza-lx100 b {
	color: #462D25;
}

#custom .p-brand-charts .chart-item--alenza-lx100 input[type="checkbox"] {
	border-color: #462D25;
}

#custom .p-brand-charts .chart-item--alenza-lx100 input[type="checkbox"]:checked {
	background-color: #462D25;
}

#custom .p-brand-charts .chart-item--alenza-001 b {
	color: #B38E60;
}

#custom .p-brand-charts .chart-item--alenza-001 input[type="checkbox"] {
	border-color: #B38E60;
}

#custom .p-brand-charts .chart-item--alenza-001 input[type="checkbox"]:checked {
	background-color: #B38E60;
}

#custom .p-brand-charts .chart-item--blizzak-vrx3 b {
	color: #E60012;
}

#custom .p-brand-charts .chart-item--blizzak-vrx3 input[type="checkbox"] {
	border-color: #E60012;
}

#custom .p-brand-charts .chart-item--blizzak-vrx3 input[type="checkbox"]:checked {
	background-color: #E60012;
}

#custom .p-brand-charts .chart-item--blizzak-vrx2 b {
	color: #004098;
}

#custom .p-brand-charts .chart-item--blizzak-vrx2 input[type="checkbox"] {
	border-color: #004098;
}

#custom .p-brand-charts .chart-item--blizzak-vrx2 input[type="checkbox"]:checked {
	background-color: #004098;
}

#custom .p-brand-charts .chart-item--blizzak-dmv3 b {
	color: #008238;
}

#custom .p-brand-charts .chart-item--blizzak-dmv3 input[type="checkbox"] {
	border-color: #008238;
}

#custom .p-brand-charts .chart-item--blizzak-dmv3 input[type="checkbox"]:checked {
	background-color: #008238;
}

#custom .p-brand-charts .chart-item input:not(:checked) ~ b {
	text-decoration: line-through;
	color: #757575;
}

#custom .p-brand-charts .chart-items--default.selected-type {
	display: none;
}

#custom .p-brand-charts .chart-items--selectable {
	opacity: 1;
	-webkit-transition: opacity 0.6s ease-out;
	transition: opacity 0.6s ease-out;
}

#custom .p-brand-charts .chart-items--selectable:empty {
	opacity: 0;
}

#custom .p-brand-charts .chart-items--selectable .chart-item > label {
	cursor: pointer;
}

#custom .p-brand-charts .chart-items--selectable .chart-item > label:has(input[disabled]) {
	cursor: default;
}

#custom .p-brand-charts .chart-items--selectable .chart-item > label:hover {
	color: #757575;
}

/*------------------------------------------------
	BTOS > ブランド > 性能 > 性能を比較する
------------------------------------------------*/
#custom .p-brand-cmp-types {
	margin-top: 56px;
	margin-top: 20px;
	margin-bottom: 56px;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types {
		margin-top: 33px;
		margin-bottom: 40px;
	}
}

#custom .p-brand-cmp-types h3 {
	margin-bottom: 0.625rem;
	font-size: 1em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types h3 {
		margin-bottom: 1em;
	}
}

#custom .p-brand-cmp-types .grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: 8px;
	max-width: 568px;
	max-width: 600px;
	margin: 1.875em auto 0;
	font-size: 0.938rem;
	min-height: 4em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types .grid {
		min-height: 3.667em;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types .grid {
		margin-top: 1.8em;
	}
}

#custom .p-brand-cmp-types .grid > li {
	width: 184px;
	overflow: hidden;
	border-radius: 4px;
	display: none;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types .grid > li {
		max-width: calc((100% - 16px) / 3);
	}
}

#custom .p-brand-cmp-types .grid > li.not-active {
	display: none;
}

#custom .p-brand-cmp-types .grid > li.is-active {
	display: block;
}

#custom .p-brand-cmp-types input[type="checkbox"] {
	display: none;
}

#custom .p-brand-cmp-types .btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
	gap: 6px 12px;
	max-width: 100%;
	width: 184px;
	height: auto;
	min-height: 4em;
	padding: 5px 10px;
	border: 2px solid #E0E0E0;
	border-radius: 4px;
	font-size: 100%;
	background: #fff;
	color: #333;
	cursor: pointer;
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	-webkit-transition-property: opacity, border-color, background-color, color;
	transition-property: opacity, border-color, background-color, color;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types .btn {
		gap: 1px 10px;
		min-height: 3.667em;
		padding: 5px 8px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-cmp-types .btn {
		height: 100%;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		padding: 7px 5px 0;
	}
}

#custom .p-brand-cmp-types input:checked ~ .btn {
	background: #f00;
	color: #fff;
}

#custom .p-brand-cmp-types--basic input:checked ~ .btn {
	border-color: #999999;
	background-color: #999999;
}

#custom .p-brand-cmp-types--chronicle input:checked ~ .btn {
	border-color: #141414;
	background-color: #141414;
}

#custom .p-brand-cmp-types--playz input:checked ~ .btn {
	border-color: #00A1DE;
	background-color: #00A1DE;
}

#custom .p-brand-cmp-types--regno input:checked ~ .btn {
	border-color: #09234E;
	background-color: #09234E;
}

#custom .p-brand-cmp-types--ecopia input:checked ~ .btn {
	border-color: #6BB42A;
	background-color: #6BB42A;
}

#custom .p-brand-cmp-types--potenza input:checked ~ .btn {
	border-color: #000000;
	background-color: #000000;
}

#custom .p-brand-cmp-types--alenza input:checked ~ .btn {
	border-color: #462D25;
	background-color: #462D25;
}

#custom .p-brand-cmp-types--dueler input:checked ~ .btn {
	border-color: #008F8C;
	background-color: #008F8C;
}

#custom .p-brand-cmp-types--blizzak input:checked ~ .btn {
	border-color: #E60012;
	background-color: #E60012;
}

#custom .p-brand-cmp-types input[disabled] ~ .btn {
	background: #CCC;
	border-color: #CCC !important;
	color: #fff;
	opacity: 1;
	cursor: default;
}

#custom .p-brand-cmp-types input[disabled] ~ .btn u {
	display: none;
}

#custom .p-brand-cmp-types .btn img, #custom .p-brand-cmp-types .btn svg {
	width: auto;
	min-width: 36px;
	height: 25px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-cmp-types .btn img, #custom .p-brand-cmp-types .btn svg {
		height: 22px;
	}
}

#custom .p-brand-cmp-types .btn path {
	-webkit-transition: opacity 0.2s ease-out;
	transition: opacity 0.2s ease-out;
	-webkit-transition-property: fill, background-color, color;
	transition-property: fill, background-color, color;
}

#custom .p-brand-cmp-types--basic .btn path {
	fill: #999999;
}

#custom .p-brand-cmp-types--chronicle .btn path {
	fill: #141414;
}

#custom .p-brand-cmp-types--playz .btn path {
	fill: #00A1DE;
}

#custom .p-brand-cmp-types--regno .btn path {
	fill: #09234E;
}

#custom .p-brand-cmp-types--ecopia .btn path {
	fill: #6BB42A;
}

#custom .p-brand-cmp-types--potenza .btn path {
	fill: #000000;
}

#custom .p-brand-cmp-types--alenza .btn path {
	fill: #462D25;
}

#custom .p-brand-cmp-types--dueler .btn path {
	fill: #008F8C;
}

#custom .p-brand-cmp-types--blizzak .btn path {
	fill: #E60012;
}

#custom .p-brand-cmp-types input:checked ~ .btn path,
#custom .p-brand-cmp-types input[disabled] ~ .btn path {
	fill: #fff;
}

#custom .p-brand-cmp-types--basic .btn u::before, #custom .p-brand-cmp-types--basic .btn u::after {
	background-color: #999999;
}

#custom .p-brand-cmp-types--chronicle .btn u::before, #custom .p-brand-cmp-types--chronicle .btn u::after {
	background-color: #141414;
}

#custom .p-brand-cmp-types--playz .btn u::before, #custom .p-brand-cmp-types--playz .btn u::after {
	background-color: #00A1DE;
}

#custom .p-brand-cmp-types--regno .btn u::before, #custom .p-brand-cmp-types--regno .btn u::after {
	background-color: #09234E;
}

#custom .p-brand-cmp-types--ecopia .btn u::before, #custom .p-brand-cmp-types--ecopia .btn u::after {
	background-color: #6BB42A;
}

#custom .p-brand-cmp-types--potenza .btn u::before, #custom .p-brand-cmp-types--potenza .btn u::after {
	background-color: #000000;
}

#custom .p-brand-cmp-types--alenza .btn u::before, #custom .p-brand-cmp-types--alenza .btn u::after {
	background-color: #462D25;
}

#custom .p-brand-cmp-types--dueler .btn u::before, #custom .p-brand-cmp-types--dueler .btn u::after {
	background-color: #008F8C;
}

#custom .p-brand-cmp-types--blizzak .btn u::before, #custom .p-brand-cmp-types--blizzak .btn u::after {
	background-color: #E60012;
}

/*------------------------------------------------
	BTOS > ブランド > サイズ表
------------------------------------------------*/
#custom .p-brand-sizes {
	padding: 100px 0 40px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes {
		padding: 80px 0 24px;
	}
}

#custom .p-brand-sizes h2 {
	margin-bottom: 58px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes h2 {
		margin-bottom: 40px;
	}
}

#custom .p-brand-sizes h3, #custom .p-brand-sizes h4 {
	font-size: 1.25rem;
	margin-bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes h3, #custom .p-brand-sizes h4 {
		margin-bottom: 1rem;
	}
}

#custom .p-brand-sizes article > header {
	padding-bottom: 1.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes article > header {
		padding-bottom: 1rem;
	}
}

#custom .p-brand-sizes article > header h3, #custom .p-brand-sizes article > header h4 {
	margin-bottom: 0;
}

#custom .p-brand-sizes .nav-tabs {
	gap: 4px;
	margin-bottom: 60px;
	border: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs {
		gap: 16px 10px;
		margin-bottom: 38px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes .nav-tabs {
		gap: 9px 6px;
	}
}

#custom .p-brand-sizes .nav-link {
	padding: 11px 19px;
	border-radius: 4px;
	border: 1px solid #F5F5F5;
	background-color: #F5F5F5;
	text-decoration: none;
	font-size: 0.938rem;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-link {
		padding: 9px 14px;
		font-size: 0.875rem;
		line-height: 1.5;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes .nav-link {
		padding: 9px 10px;
		font-size: 0.813rem;
	}
}

#custom .p-brand-sizes .nav-link.is-active {
	border-color: #f00;
	background-color: #f00;
	color: #fff;
}

#custom .p-brand-sizes .nav-link:hover {
	opacity: 0.7;
}

#custom .p-brand-sizes .nav-link img.logo {
	width: auto;
	max-height: 91px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-link img.logo {
		max-height: 58px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup {
	-ms-flex-wrap: nowrap;
	    flex-wrap: nowrap;
	gap: 24px;
	position: relative;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup {
		gap: 0 15px;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-sizes .nav-tabs--lineup--extra {
		overflow-x: auto;
		gap: 0 15px;
		margin-left: -15px;
		margin-right: -15px;
		padding: 0 15px;
		border-bottom: 2px solid #999;
	}
	#custom .p-brand-sizes .nav-tabs--lineup--extra::after {
		content: none !important;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup--extra {
		gap: 0 8px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: -1px;
	border-bottom: 2px solid #999;
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0;
	        flex: 1 0;
	position: relative;
}

#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0 auto;
	        flex: 1 0 auto;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-item {
		-ms-flex-preferred-size: 144px;
		    flex-basis: 144px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 4px 20px;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	border-radius: 4px 4px 0 0;
	text-decoration: none !important;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup .nav-link {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: 0 !important;
		padding: 0 4px 10px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-link {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	padding: 4px 12px 8px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-link {
		padding: 0 5px 9px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link .property {
	display: inline-block;
	padding: 4px 14px;
	border: 1px solid #fff;
	border-radius: 4px;
	font-size: 0.875rem;
	line-height: 1.5;
	font-weight: bold;
}

@media (max-width: 1024px) {
	#custom .p-brand-sizes .nav-tabs--lineup .nav-link .property {
		padding: 4px 10px;
		font-size: 0.75rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup .nav-link .property {
		min-width: 81px;
		max-width: 40vw;
		max-width: 96%;
		padding: 4px 5px 3px;
		font-size: 0.563rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup .nav-link .img-title {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		min-height: 36px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link .logo--color {
	display: block;
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link .logo--white {
	display: none;
}

#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-link .property {
	min-width: 46px;
	padding: 4px 9px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .nav-tabs--lineup--extra .nav-link .property {
		padding: 4px 7px 3px;
	}
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link.is-active {
	color: #fff;
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link.is-active .property {
	border-color: #fff;
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link.is-active .logo--color {
	display: none  !important;
}

#custom .p-brand-sizes .nav-tabs--lineup .nav-link.is-active .logo--white {
	display: block !important;
}

#custom .p-brand-sizes--potenza .nav-tabs--lineup .nav-link {
	gap: 4px 16px;
}

@media (min-width: 1025px) {
	#custom .p-brand-sizes--potenza .nav-tabs--lineup .nav-link .property {
		padding: 4px 12px;
	}
}

#custom .p-brand-sizes--basic .nav-link.is-active {
	border-color: #999999;
	background-color: #999999;
}

#custom .p-brand-sizes--basic .nav-tabs--lineup {
	border-color: #999999;
	color: #999999;
}

#custom .p-brand-sizes--basic .nav-tabs--lineup::after {
	border-color: #999999;
}

#custom .p-brand-sizes--basic .nav-tabs--lineup .nav-link {
	color: #999999;
}

#custom .p-brand-sizes--basic .nav-tabs--lineup .nav-link .property {
	border-color: #999999;
}

#custom .p-brand-sizes--chronicle .nav-link.is-active {
	border-color: #141414;
	background-color: #141414;
}

#custom .p-brand-sizes--chronicle .nav-tabs--lineup {
	border-color: #141414;
	color: #141414;
}

#custom .p-brand-sizes--chronicle .nav-tabs--lineup::after {
	border-color: #141414;
}

#custom .p-brand-sizes--chronicle .nav-tabs--lineup .nav-link {
	color: #141414;
}

#custom .p-brand-sizes--chronicle .nav-tabs--lineup .nav-link .property {
	border-color: #141414;
}

#custom .p-brand-sizes--playz .nav-link.is-active {
	border-color: #00A1DE;
	background-color: #00A1DE;
}

#custom .p-brand-sizes--playz .nav-tabs--lineup {
	border-color: #00A1DE;
	color: #00A1DE;
}

#custom .p-brand-sizes--playz .nav-tabs--lineup::after {
	border-color: #00A1DE;
}

#custom .p-brand-sizes--playz .nav-tabs--lineup .nav-link {
	color: #00A1DE;
}

#custom .p-brand-sizes--playz .nav-tabs--lineup .nav-link .property {
	border-color: #00A1DE;
}

#custom .p-brand-sizes--regno .nav-link.is-active {
	border-color: #09234E;
	background-color: #09234E;
}

#custom .p-brand-sizes--regno .nav-tabs--lineup {
	border-color: #09234E;
	color: #09234E;
}

#custom .p-brand-sizes--regno .nav-tabs--lineup::after {
	border-color: #09234E;
}

#custom .p-brand-sizes--regno .nav-tabs--lineup .nav-link {
	color: #09234E;
}

#custom .p-brand-sizes--regno .nav-tabs--lineup .nav-link .property {
	border-color: #09234E;
}

#custom .p-brand-sizes--ecopia .nav-link.is-active {
	border-color: #6BB42A;
	background-color: #6BB42A;
}

#custom .p-brand-sizes--ecopia .nav-tabs--lineup {
	border-color: #6BB42A;
	color: #6BB42A;
}

#custom .p-brand-sizes--ecopia .nav-tabs--lineup::after {
	border-color: #6BB42A;
}

#custom .p-brand-sizes--ecopia .nav-tabs--lineup .nav-link {
	color: #6BB42A;
}

#custom .p-brand-sizes--ecopia .nav-tabs--lineup .nav-link .property {
	border-color: #6BB42A;
}

#custom .p-brand-sizes--potenza .nav-link.is-active {
	border-color: #000000;
	background-color: #000000;
}

#custom .p-brand-sizes--potenza .nav-tabs--lineup {
	border-color: #000000;
	color: #000000;
}

#custom .p-brand-sizes--potenza .nav-tabs--lineup::after {
	border-color: #000000;
}

#custom .p-brand-sizes--potenza .nav-tabs--lineup .nav-link {
	color: #000000;
}

#custom .p-brand-sizes--potenza .nav-tabs--lineup .nav-link .property {
	border-color: #000000;
}

#custom .p-brand-sizes--alenza .nav-link.is-active {
	border-color: #462D25;
	background-color: #462D25;
}

#custom .p-brand-sizes--alenza .nav-tabs--lineup {
	border-color: #462D25;
	color: #462D25;
}

#custom .p-brand-sizes--alenza .nav-tabs--lineup::after {
	border-color: #462D25;
}

#custom .p-brand-sizes--alenza .nav-tabs--lineup .nav-link {
	color: #462D25;
}

#custom .p-brand-sizes--alenza .nav-tabs--lineup .nav-link .property {
	border-color: #462D25;
}

#custom .p-brand-sizes--dueler .nav-link.is-active {
	border-color: #008F8C;
	background-color: #008F8C;
}

#custom .p-brand-sizes--dueler .nav-tabs--lineup {
	border-color: #008F8C;
	color: #008F8C;
}

#custom .p-brand-sizes--dueler .nav-tabs--lineup::after {
	border-color: #008F8C;
}

#custom .p-brand-sizes--dueler .nav-tabs--lineup .nav-link {
	color: #008F8C;
}

#custom .p-brand-sizes--dueler .nav-tabs--lineup .nav-link .property {
	border-color: #008F8C;
}

#custom .p-brand-sizes--blizzak .nav-link.is-active {
	border-color: #E60012;
	background-color: #E60012;
}

#custom .p-brand-sizes--blizzak .nav-tabs--lineup {
	border-color: #E60012;
	color: #E60012;
}

#custom .p-brand-sizes--blizzak .nav-tabs--lineup::after {
	border-color: #E60012;
}

#custom .p-brand-sizes--blizzak .nav-tabs--lineup .nav-link {
	color: #E60012;
}

#custom .p-brand-sizes--blizzak .nav-tabs--lineup .nav-link .property {
	border-color: #E60012;
}

#custom .p-brand-sizes aside.grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 24px;
	margin: 15px 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes aside.grid {
		display: block;
		margin-bottom: 0;
		text-align: center;
	}
}

#custom .p-brand-sizes aside.grid p.text {
	min-width: 344px;
	padding-right: 7px;
	text-align: right;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes aside.grid p.text {
		min-width: 0;
		padding-right: 0;
		text-align: center;
	}
}

#custom .p-brand-sizes aside.grid .navi {
	margin: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes aside.grid .navi {
		margin: 15px auto;
	}
}

#custom .p-brand-sizes aside.grid em {
	color: #f00;
	font-size: 0.938rem;
}

#custom .p-brand-sizes aside.grid em em {
	font-size: 1.25rem;
}

#custom .p-brand-sizes > .container > .m-note {
	margin-top: 84px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes > .container > .m-note {
		margin-top: 50px;
	}
}

/*------------------------------------------------
	BTOS > ブランド > サイズ表 > 表
------------------------------------------------*/
#custom .p-brand-sizes-section {
	position: relative;
}

#custom .p-brand-sizes-section > h3 {
	display: none;
}

#custom .p-brand-sizes-details > summary {
	display: none;
}

#custom .p-brand-sizes .m-tab-content {
	display: none;
	margin-top: 0;
	padding-top: 0;
}

#custom .p-brand-sizes .m-tab-content.is-active {
	display: block;
}

#custom .p-brand-sizes .m-tab-content > header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 24px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .m-tab-content > header {
		display: block;
	}
	#custom .p-brand-sizes .m-tab-content > header p {
		position: relative;
		top: 10px;
		margin-top: 15px;
		text-align: right;
	}
}

@media (min-width: 1025px) {
	#custom .p-brand-sizes .m-tab-content > header small {
		font-size: 100%;
	}
}

#custom .p-brand-sizes .m-tab-content > header .cmp-mark {
	padding: 0 2px;
}

#custom .p-brand-sizes .m-table-wrapper {
	clear: both;
}

#custom .p-brand-sizes .cmp-mark,
#custom .p-brand-sizes .cmp-btn {
	display: inline-block;
	font-size: 0.75rem;
	color: #f00;
	vertical-align: middle;
}

#custom .p-brand-sizes-table {
	clear: both;
	width: 100%;
	background: #fff;
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes-table th {
		line-height: 1.4;
	}
	#custom .p-brand-sizes-table .t-size {
		min-width: 10em;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes-table .t-li,
	#custom .p-brand-sizes-table .t-price-4 {
		display: none;
	}
}

@media only screen and (max-width: 374px) {
	#custom .p-brand-sizes-table .t-size {
		min-width: 0;
	}
}

#custom .p-brand-sizes-table thead th {
	padding: 13px;
	border: 1px solid #fff;
	border-width: 0 1px;
	background: #333;
	color: #fff;
	font-size: 0.938em;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table thead th {
		padding: 5px 10px 4px;
	}
}

#custom .p-brand-sizes-table tbody > tr:nth-child(2n) {
	background-color: #F5F5F5;
}

#custom .p-brand-sizes-table th, #custom .p-brand-sizes-table td {
	position: relative;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table th, #custom .p-brand-sizes-table td {
		padding: 10px 5px;
	}
}

#custom .p-brand-sizes-table tbody th {
	padding-left: 24px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table tbody th {
		padding-left: 12px;
	}
	#custom .p-brand-sizes-table tbody th i {
		display: inline !important;
		font-style: normal;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table.has-cmp-price td.t-price-1,
	#custom .p-brand-sizes-table.has-cmp-price td.t-price-4 {
		padding-left: 1.5rem;
	}
}

#custom .p-brand-sizes-table .to-buy {
	display: inline-block;
	width: 44px;
	height: 36px;
	padding: 6px;
	border-radius: 4px;
	border: 1px solid #f00;
	background: #f00 url(../../../images/asset/common/ico/ico-cart-white.svg) no-repeat center;
	background-size: 28px 28px;
	vertical-align: middle;
}

#custom .p-brand-sizes-table .to-buy.ui-state-disabled {
	border-color: #999;
	background-color: #999;
	opacity: 1;
}

#custom .p-brand-sizes-table .cmp-mark {
	position: absolute;
	right: 50%;
	margin-right: 2.75rem;
	line-height: 2.1333333333;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table .cmp-mark {
		right: calc(50% - 0.75rem);
		margin-right: 2.625rem;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes-table .cmp-mark {
		margin-right: 2.375rem;
	}
}

#custom .p-brand-sizes-table .cmp-btn {
	position: absolute;
	right: 50%;
	margin-right: 2.75rem;
	padding: 6px;
	line-height: 1;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table .cmp-btn {
		right: calc(50% - 0.75rem);
		margin-right: 2.375rem;
		padding: 4px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-sizes-table .cmp-btn {
		margin-right: 2.125rem;
	}
}

#custom .p-brand-sizes-table .cmp-price {
	position: absolute;
	top: calc(100% - 15px);
	left: calc(50% - 3.5ex - 28px);
	margin: 0;
	padding: 14px 23px;
	border: 1px solid #fff;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
	        box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.35);
	text-align: left;
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.25s ease-in-out;
	transition: opacity 0.25s ease-in-out;
	-webkit-transition-property: opacity, z-index, visibility;
	transition-property: opacity, z-index, visibility;
	-webkit-transition-delay: 0s;
	        transition-delay: 0s;
}

@supports (transition-behavior: allow-discrete) {
	#custom .p-brand-sizes-table .cmp-price {
		transition-behavior: allow-discrete;
	}
}

#custom .p-brand-sizes-table .cmp-price > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	gap: 0 11px;
}

#custom .p-brand-sizes-table .cmp-price dt, #custom .p-brand-sizes-table .cmp-price dd {
	display: inline-block;
	margin: 0;
}

#custom .p-brand-sizes-table tr:last-child .cmp-price {
	top: auto;
	bottom: calc(100% - 15px);
}

#custom .p-brand-sizes-table .cmp-btn:hover ~ .cmp-price, #custom .p-brand-sizes-table .cmp-btn:focus ~ .cmp-price {
	z-index: 100;
	opacity: 1;
	visibility: visible;
}

#custom .p-brand-sizes-help {
	position: relative;
}

#custom .p-brand-sizes-help > .m-textlink {
	float: right;
	position: absolute;
	z-index: 5;
	right: 0;
	margin-top: 0.188em;
}

#custom .p-brand-sizes .m-tab-content > header {
	position: -webkit-sticky;
	position: sticky;
	z-index: 2;
	top: 110px;
	background: #fff;
	margin-top: -24px;
	padding-top: 24px;
}

@media (max-width: 1024px) {
	#custom .p-brand-sizes .m-tab-content > header {
		top: 98px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes .m-tab-content > header {
		margin-top: 0;
		padding-top: 0;
		top: 0px;
	}
}

#custom .p-brand-sizes-help {
	position: -webkit-sticky;
	position: sticky;
	z-index: 3;
	top: 134px;
}

@media (max-width: 1024px) {
	#custom .p-brand-sizes-help {
		top: 122px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-help {
		position: relative;
		top: 0;
	}
}

#custom .p-brand-sizes-table thead {
	position: -webkit-sticky;
	position: sticky;
	z-index: 4;
	top: 186px;
}

@media (max-width: 1024px) {
	#custom .p-brand-sizes-table thead {
		top: 174px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-sizes-table thead {
		top: 85px;
	}
}

/*------------------------------------------------
	BTOS > ブランド > 他のブランドへのナビバナー
------------------------------------------------*/
#custom .p-brand-nav {
	padding: 32px 0 60px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav {
		padding: 94px 0 120px;
	}
}

#custom .p-brand-nav h2 {
	margin-bottom: 2.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav h2 {
		margin-bottom: 0.938rem;
	}
}

#custom .p-brand-nav-to {
	position: relative;
	min-height: 300px;
	margin: 30px 0;
	padding: 58px 40px 30px;
	padding-right: calc(50% + 40px);
	border-radius: 3px;
	outline: 1px solid transparent;
	background: #F5F5F5;
}

@media (max-width: 1024px) {
	#custom .p-brand-nav-to {
		min-height: 240px;
		padding: 40px 30px 30px;
		padding-right: calc(45% + 30px);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-to {
		min-height: 180px;
		padding: 22px 24px 0;
	}
}

#custom .p-brand-nav-to h3 {
	font-size: 1.563rem;
	margin-bottom: 1.25rem;
}

@media (max-width: 1024px) {
	#custom .p-brand-nav-to h3 {
		font-size: 1.313rem;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-to h3 {
		font-size: 1.125rem;
	}
}

#custom .p-brand-nav-to .m-btnArea {
	margin-top: 38px;
	margin-left: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-to .m-btnArea {
		margin-top: 22px;
		margin-left: auto;
	}
}

#custom .p-brand-nav-background {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	margin: 0;
	padding-bottom: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: none no-repeat center center;
	background-size: cover;
}

@media (max-width: 1024px) {
	#custom .p-brand-nav-background {
		width: 45%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background {
		overflow: hidden;
		position: relative;
		width: auto;
		height: 48vw;
		max-height: 320px;
		margin: 24px -24px 0;
		padding-bottom: 12px;
	}
}

#custom .p-brand-nav-background--basic {
	background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-basic.jpg");
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--basic {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-basic-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--chronicle {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-chronicle-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--playz {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-playz-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--regno {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-regno-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--ecopia {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-ecopia-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--potenza {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-potenza-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--alenza {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-alenza-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--dueler {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-dueler-sp.jpg");
	}
}

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

@media only screen and (max-width: 768px) {
	#custom .p-brand-nav-background--blizzak {
		background-image: url("../../../images/asset/lp/brand/nav/bg-brand-nav-blizzak-sp.jpg");
	}
}

#custom .p-brand-nav-background img {
	width: auto;
	height: auto;
	max-height: 57px;
}

@media (max-width: 1024px) {
	#custom .p-brand-nav-background img {
		max-height: 48px;
	}
}

#custom .p-brand-nav-background img.icon {
	position: absolute;
	top: 16px;
	right: 28px;
	width: 84px;
	height: auto;
	margin: 0;
}

@media (max-width: 1024px) {
	#custom .p-brand-nav-background img.icon {
		top: 12px;
		right: 15px;
		width: 60px;
	}
}

/*------------------------------------------------
	BTOS > ブランド > ホイールセット
------------------------------------------------*/
#custom .p-brand-wheelset {
	padding: 32px 0 60px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset {
		padding: 94px 0 120px;
	}
}

#custom .p-brand-wheelset h2 {
	margin-bottom: 2.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset h2 {
		margin-bottom: 0.938rem;
	}
}

#custom .p-brand-wheelset-to {
	position: relative;
	min-height: 424px;
	margin: 30px 0;
	padding: 30px 40px;
	padding-right: calc(50% + 40px);
	border-radius: 3px;
	outline: 1px solid transparent;
	background: #F5F5F5;
}

@media (max-width: 1199px) {
	#custom .p-brand-wheelset-to {
		min-height: 0;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-wheelset-to {
		padding: 30px;
		padding-right: calc(45% + 30px);
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to {
		padding: 24px 15px 0;
	}
}

#custom .p-brand-wheelset-to h3 {
	font-size: 1.563rem;
	margin-bottom: 1.25rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to h3 {
		font-size: 1rem;
		margin-bottom: 1.5rem;
	}
}

#custom .p-brand-wheelset-to dl {
	font-size: 0.938rem;
}

#custom .p-brand-wheelset-to dl > div + div {
	margin-top: 2em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to dl > div + div {
		margin-top: 1.5rem;
	}
}

#custom .p-brand-wheelset-to dl dt {
	font-size: 1.2em;
	margin-bottom: 0.834em;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to dl dt {
		font-size: 0.934em;
	}
}

#custom .p-brand-wheelset-to .m-btnArea {
	margin-top: 40px;
	margin-left: 0;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to .m-btnArea {
		margin-top: 30px;
		margin-left: auto;
	}
}

#custom .p-brand-wheelset-to .background {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 50%;
	height: 100%;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: url("../../../images/asset/lp/brand/brand/bg-wheelset.jpg") no-repeat center center;
	background-size: 100% 100%;
}

@media (max-width: 1199px) {
	#custom .p-brand-wheelset-to .background {
		background-image: url("../../../images/asset/lp/brand/brand/bg-wheelset-tab.jpg");
		background-size: cover;
	}
}

@media (max-width: 1024px) {
	#custom .p-brand-wheelset-to .background {
		width: 45%;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-brand-wheelset-to .background {
		overflow: hidden;
		position: relative;
		width: auto;
		height: 69.3334vw;
		max-height: 380px;
		margin: 32px -15px 0;
		background-image: url("../../../images/asset/lp/brand/brand/bg-wheelset-sp.jpg");
	}
}

#custom .p-brand-wheelset-to .background img {
	width: 100%;
	height: auto;
	margin-top: 3%;
}

@media only screen and (max-width: 543px) {
	#custom .p-brand-wheelset-to .background img {
		margin-top: -1.6666666667%;
	}
}

#custom .bg-brand--basic {
	color: #fff;
	background-color: #999999;
}

#custom .bg-brand--chronicle {
	color: #fff;
	background-color: #141414;
}

#custom .bg-brand--playz {
	color: #fff;
	background-color: #00A1DE;
}

#custom .bg-brand--regno {
	color: #fff;
	background-color: #09234E;
}

#custom .bg-brand--ecopia {
	color: #fff;
	background-color: #6BB42A;
}

#custom .bg-brand--potenza {
	color: #fff;
	background-color: #000000;
}

#custom .bg-brand--alenza {
	color: #fff;
	background-color: #462D25;
}

#custom .bg-brand--dueler {
	color: #fff;
	background-color: #008F8C;
}

#custom .bg-brand--blizzak {
	color: #fff;
	background-color: #E60012;
}

#custom .bg-brand--alenza-lx100 {
	color: #fff;
	background-color: #2A1B16;
}

#custom .bg-brand--alenza-001 {
	color: #fff;
	background-color: #58423A;
}

#custom .bg-brand--regno-gr-x3 {
	color: #fff;
	background-color: #000B1E;
}

#custom .bg-brand--regno-gr-x3-rv {
	color: #fff;
	background-color: #333333;
}

#custom .bg-brand--potenza-s007a {
	color: #fff;
	background-color: #000000;
}

#custom .bg-brand--potenza-s001-rft {
	color: #fff;
	background-color: #333333;
}

#custom .bg-brand--potenza-adrenalin-re004 {
	color: #fff;
	background-color: #333333;
}

#custom .bg-brand--none {
	background: none;
}

#custom #maincontent .bg-brand .wrapper {
	background-color: inherit;
}

#custom #maincontent .bg-brand h3, #custom #maincontent .bg-brand dt,
#custom #maincontent .bg-brand a:not(.btn) {
	color: inherit;
}

#custom .p-brand--basic .to-video::after {
	background-color: #999999;
}

#custom .p-brand--chronicle .to-video::after {
	background-color: #141414;
}

#custom .p-brand--playz .to-video::after {
	background-color: #00A1DE;
}

#custom .p-brand--regno .to-video::after {
	background-color: #09234E;
}

#custom .p-brand--ecopia .to-video::after {
	background-color: #6BB42A;
}

#custom .p-brand--potenza .to-video::after {
	background-color: #000000;
}

#custom .p-brand--alenza .to-video::after {
	background-color: #462D25;
}

#custom .p-brand--dueler .to-video::after {
	background-color: #008F8C;
}

#custom .p-brand--blizzak .to-video::after {
	background-color: #E60012;
}

#custom .p-brand .p-feature-faq {
	padding-bottom: 200px;
	background-image: none;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .p-feature-faq {
		padding: 80px 0 110px;
	}
}

#custom .p-brand .p-feature-faq h2 {
	float: none;
	max-width: none;
	margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .p-feature-faq h2 {
		margin-bottom: 40px;
	}
}

#custom .p-brand .p-feature-faq__article {
	margin-left: 0;
}

#custom .p-brand .btos-reason {
	padding-top: 200px;
	padding-bottom: 160px;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .btos-reason {
		padding: 80px 0;
	}
}

#custom .p-brand .btos-reason h2 {
	margin-bottom: 4.5rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-brand .btos-reason h2 {
		margin-bottom: 2.5rem;
	}
}

/*------------------------------------------------
	BTOS > LP > BTOSとは > よくあるご質問
------------------------------------------------*/
#custom .p-feature-faq {
	position: relative;
	padding: 120px 0 140px;
	background: #fff url("../../../images/asset/lp/brand/faq/bg-faq-tire.jpg") no-repeat left bottom;
	background-size: 218px 410px;
	background-position: left calc(314px);
	background-position: left calc(262px + 3.2rem);
}

@media (max-width: 1024px) {
	#custom .p-feature-faq {
		padding: 90px 0 120px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .p-feature-faq {
		padding: 60px 0 180px;
		background-image: url("../../../images/asset/lp/brand/faq/bg-faq-tire-sp.jpg");
		background-size: 235px 332px;
		background-position: left calc(427px);
		background-position: left calc(252px + 11.1008rem);
	}
}

#custom .p-feature-faq h2 {
	float: left;
	max-width: 32%;
	font-size: 1.75rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-feature-faq h2 {
		float: none;
		max-width: none;
		margin-bottom: 40px;
		font-size: 1.313rem;
	}
}

#custom .p-feature-faq__article {
	margin-left: 34%;
}

@media only screen and (max-width: 768px) {
	#custom .p-feature-faq__article {
		margin-left: 0;
	}
}

#custom .p-feature-faq .m-faqbox__question {
	font-size: 1rem;
}

@media only screen and (max-width: 768px) {
	#custom .p-feature-faq .m-faqbox__question {
		font-size: 0.938rem;
	}
}

/*------------------------------------------------
	BTOS > LP > BTOSとは > タイヤラインアップ
------------------------------------------------*/
#custom .lineup {
	padding: 59px 0 63px;
	background-image: url("../../../images/asset/lp/feature/lineup/bg-feature-lineup.jpg");
}

@media only screen and (max-width: 768px) {
	#custom .lineup {
		padding: 50px 0 84px;
		background-image: url("../../../images/asset/lp/feature/lineup/bg-feature-lineup-sp.jpg");
	}
}

@media (max-width: 1024px) {
	#custom .lineup h2 {
		max-width: 20em;
		margin-bottom: 0.5em;
	}
}

/*------------------------------------------------
	BTOS > トップページ > 選ばれる理由
------------------------------------------------*/
#custom .btos-reason {
	padding: 54px 0 84px;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason {
		padding: 43px 0 76px;
	}
}

#custom .btos-reason h2 {
	margin-bottom: 2em;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason h2 {
		margin-bottom: 1.5em;
	}
}

#custom .btos-reason dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-align: stretch;
	    -ms-flex-align: stretch;
	        align-items: stretch;
	gap: 25px;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason dl {
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
		gap: 32px;
		padding: 0 16px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .btos-reason dl {
		display: block;
		padding: 0;
	}
}

#custom .btos-reason dl > div {
	-webkit-box-flex: 1;
	    -ms-flex: 1;
	        flex: 1;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason dl > div {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 calc(50% - 16px);
		        flex: 0 0 calc(50% - 16px);
	}
}

@media only screen and (max-width: 543px) {
	#custom .btos-reason dl > div {
		-webkit-box-flex: 1;
		    -ms-flex: 1;
		        flex: 1;
		margin-bottom: 40px;
	}
}

#custom .btos-reason dl .m-textlink {
	font-weight: normal;
	text-decoration: underline;
}

#custom .btos-reason dl .m-textlink:hover, #custom .btos-reason dl .m-textlink:focus {
	text-decoration: none;
}

#custom .btos-reason dt {
	font-size: 1.25rem;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason dt {
		font-size: 1rem;
	}
}

#custom .btos-reason dd {
	margin-top: 1rem;
	font-size: 0.875rem;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason dd {
		margin-top: 1em;
		font-size: 0.813rem;
	}
}

#custom .btos-reason dd + dd {
	margin-top: 0.5rem;
}

#custom .btos-reason dl > div::before {
	content: "";
	display: inline-block;
	position: relative;
	vertical-align: middle;
	background: none no-repeat center;
	background-size: contain;
	width: 68px;
	height: 68px;
	display: block;
	margin: 0 auto 16px;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason dl > div::before {
		width: 76px;
		height: 76px;
	}
}

#custom .btos-reason dl > div.btos-reason-net::before {
	background-image: url("../../../images/asset/lp/brand/icon/icon-net.svg");
}

#custom .btos-reason dl > div.btos-reason-store::before {
	background-image: url("../../../images/asset/lp/brand/icon/icon-store.svg");
}

#custom .btos-reason dl > div.btos-reason-care::before {
	background-image: url("../../../images/asset/lp/brand/icon/icon-care.svg");
}

#custom .btos-reason.with-svg dl > div::before {
	content: none;
	background-image: none;
}

#custom .btos-reason.with-svg dl > div {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

#custom .btos-reason.with-svg dl .svg {
	-webkit-box-ordinal-group: 0;
	    -ms-flex-order: -1;
	        order: -1;
	width: 68px;
	height: 68px;
	margin: 0 auto 16px;
	padding: 0;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason.with-svg dl .svg {
		width: 76px;
		height: 76px;
	}
}

#custom .btos-reason.with-svg dl .svg svg {
	width: 100%;
	height: 100%;
}

#custom .btos-reason.with-svg dl > div:hover svg .svg-stroke {
	-webkit-animation: svg-stroke-300 1.5s linear infinite;
	        animation: svg-stroke-300 1.5s linear infinite;
}

#custom .btos-reason .navi {
	margin-top: 3.875rem;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason .navi {
		margin-top: 3rem;
	}
}

#custom .btos-reason .navi + .note {
	margin-top: 1.5em;
}

@media only screen and (max-width: 768px) {
	#custom .btos-reason .navi + .note {
		margin-top: 2em;
	}
}

/*------------------------------------------------
	BTOS > モーダルダイアログ (2024 style) 更新分
------------------------------------------------*/
@media only screen and (max-width: 768px) {
	#custom .modal-2024 .modal-body {
		max-height: calc(100svh - 30px - 31px - 2.1rem);
	}
}

#custom .modal-2024 .modal-header {
	padding: 0 60px;
}

@media (max-width: 1024px) {
	#custom .modal-2024 .modal-header {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 768px) {
	#custom .modal-2024 .modal-header {
		padding: 0 35px;
	}
}

@media only screen and (max-width: 543px) {
	#custom .modal-2024.with-header-semi-center .modal-header {
		padding-left: 0;
	}
}

#custom .modal-2024 .icon-modal::before,
#custom .modal-2024 .modal-section--hasicon::before {
	height: 68px;
}

@media only screen and (max-width: 768px) {
	#custom .modal-2024 .icon-modal::before,
	#custom .modal-2024 .modal-section--hasicon::before {
		height: 48px;
	}
}

#custom .modal-2024 .modal-image {
	margin: 1rem 0;
}

#custom .modal-2024 .modal-image:first-child {
	margin-top: 0;
}

#custom .modal-2024 .modal-image--center {
	text-align: center;
}

#custom .modal-2024 .modal-image--left {
	margin-top: 0;
}

/*------------------------------------------------
	BTOS > [modal] タイヤに大切な7つの性能
------------------------------------------------*/
#custom .modal-2024 .icon-modal-perf-stability::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-stability.svg");
}

#custom .modal-2024 .icon-modal-perf-dry::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-dry.svg");
}

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

#custom .modal-2024 .icon-modal-perf-fuel::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-fuel.svg");
}

#custom .modal-2024 .icon-modal-perf-life::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-life.svg");
}

#custom .modal-2024 .icon-modal-perf-quiet::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-quiet.svg");
}

#custom .modal-2024 .icon-modal-perf-comfort::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf/icon-modal-perf-comfort.svg");
}

/*------------------------------------------------
	BTOS > [modal] 冬タイヤに大切な8つの性能
------------------------------------------------*/
#custom .modal-2024 .icon-modal-perf-studless-ice::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-ice.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-keeping::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-keeping.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-snow::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-snow.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-dry::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-dry.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-wet::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-wet.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-fuel::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-fuel.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-life::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-life.svg");
}

#custom .modal-2024 .icon-modal-perf-studless-quiet::before {
	background-image: url("../../../images/asset/modal-2024/modal-tire-perf-studless/icon-modal-perf-studless-quiet.svg");
}