@charset "Shift_JIS";

.error-404__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.error-404__wrap__content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .error-404__wrap__content.only-pc {
    display: none;
  }
}

.error-404__wrap__content__top {
  display: contents;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px auto;
  position: relative;
}

.error-404__wrap__content__top .-img__back {
  width: 65%;
  margin: 0 auto;
  position: relative;
  top: -50px;
}

@media (max-width: 1020px) {
  .error-404__wrap__content__top .-img__back {
    width: 100%;
  }
}

.error-404__wrap__content-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 10px auto 30px;
  line-height: 2;
  text-align: center;
}

@media (max-width: 1020px) {
  .error-404__wrap__content-bottom {
    display: none;
  }
}

.error-404__button {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .error-404__button {
    max-width: 100%;
  }
}

.error-404 .-content {
  position: relative;
}

.accordion-block {
  position: relative;
}

.accordion-block__toggle {
  display: none;
}

.accordion-block__title, .accordion-block__content {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.accordion-block__title {
  background-color: var(--clr-second);
  padding: 12px 16px 12px 24px;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  cursor: pointer;
}

.accordion-block__title::before {
  content: "";
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAYAAACcXioiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAESSURBVHgB7dUxboNAEAXQIbkAqRCi8REQoqDcI+RGIUfIEXKLlEmVBpFbAD1NKvB+ZFu2ZcneYbex/5MsjZvZ/6UFRIiIiIiIiB6NMSYWT9bsehKFqqo24zj+FUXxJithB3Zhpyg8i6M8z+N5nn/tuImiyKRpKn3f/4gCwtsdtR3jaZpekyT5HIbh32WHcwEckGXZix0N/mtLHIWX3Z6Ptm2/xJFzAei67tuWiERZ4kL496ZpalFQFQBtCZ/hQV0AXEv4Dg+rCsCtJUKEh9UF4FqJUOGXXeJRWZa1fcUevg12rpdDAoVf9oln5yVODvMcHrxcoWPn12kvRHjwXgAuPBNBwgeH64SfEBERERER0R3aAoMdkrYHMHm4AAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.accordion-block__content {
  max-height: 0;
  overflow: hidden;
}

.accordion-block__content.-always {
  max-height: 100%;
  overflow: unset;
}

.accordion-block__toggle:checked+.accordion-block__title+.accordion-block__content {
  max-height: 100%;
}

.accordion-block__toggle:checked+.accordion-block__title::before {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAEDSURBVHgB7dQxDoIwFAbgV7iAGwOLR6gk7HgET6QeyROoMwzcQCbC2ISRQCyGakKIsaVvMf+30MLA/6cvJQIAAAAAAIA/lGXZhpgFxCRJkmPbto80TSUxEsRgDC+EOE1bFQTBPs/zkhh4LzALb7CV8DpCC+HV9NwMw3DlGCdvBebh9frc9/1OL6vpFUsJLyO0FL4oitdeSrkNw/Cql9vps9dxWl3gW3iDs8SqAr+EN7hKOBewCW9wlHAq4BLe8F3CusCa8IbPEtbXqP7Ru7RL+FFZlpW+Yvf0uWJV13WKHIRkqa7rWxzHOru4u4Q3mqZRURRd9ElIXeYwliIAAAAAAAALT6i8iN9hBTaAAAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
}

.accordion-block__inner {
  padding: 0 24px 24px 24px;
  border-right: 1px solid var(--clr-second);
  border-bottom: 1px solid var(--clr-second);
  border-left: 1px solid var(--clr-second);
}

.accordion-block__tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 1020px) {
  .accordion-block__tab {
    gap: 9px;
  }
}

.accordion-block.-white .accordion-block__title {
  padding: 24px;
  background-color: var(--clr-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .accordion-block.-white .accordion-block__title {
    border: 2px solid var(--clr-gray-light);
    padding: 12px 12px 8px 17px;
    font-size: 14px;
  }
}

.accordion-block.-white .accordion-block__title::before {
  right: 24px;
}

@media (max-width: 1020px) {
  .accordion-block.-white .accordion-block__title::before {
    right: 12px;
  }
}

.accordion-block.-white .accordion-block__toggle:checked+.accordion-block__title {
  border-bottom: none;
  border-radius: 3px 3px 0 0;
}

.accordion-block.-white .accordion-block__inner {
  background-color: var(--clr-white);
  border-right: 1px solid var(--clr-gray-light);
  border-bottom: 1px solid var(--clr-gray-light);
  border-left: 1px solid var(--clr-gray-light);
  border-radius: 0 0 3px 3px;
}

@media (max-width: 1020px) {
  .accordion-block.-white .accordion-block__inner {
    border-right: 2px solid var(--clr-gray-light);
    border-bottom: 2px solid var(--clr-gray-light);
    border-left: 2px solid var(--clr-gray-light);
    padding: 8px 12px 31px 17px;
  }
}

.accordion-block.-white.-plus .accordion-block__title {
  padding: 24px 0;
  border: none;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 7px;
}

@media (max-width: 1020px) {
  .accordion-block.-white.-plus .accordion-block__title {
    background-color: var(--clr-gray-lightest);
  }
}

.accordion-block.-white.-plus .accordion-block__title::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACkSURBVHgB7djNCcJAEIbhz59CUoIdmE7cTkwLlmAHlhA7sASPWoUOOOBJo8FhXPI+8MJcchhYkrASAADAdM0Up7U2Pu+tXgGWitNYxeejgsxVORbIxgLZWCBb9QuM+ZCtvCHrF/M7Jy9UZ92C6vSl6o/QmJ+5xhvSWlufd9bhg2fO3l8oeh6NoiC8RrOxQDYWyMYC2RaKddXjRqK3LgIAAMBP3QG2RibpINfuGgAAAABJRU5ErkJggg==);
}

.accordion-block.-white.-plus .accordion-block__title:hover {
  opacity: 0.6;
}

.accordion-block.-white.-plus .accordion-block__title.-option {
  padding: 8px 0;
}

.accordion-block.-white.-plus .accordion-block__toggle:checked+.accordion-block__title::before {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAA/SURBVHgB7cPBDUBQEAXARxSgFC2rBJWxNdjDj5hJJgEAAAAYYUrPVte8d2awo96NbXM+bknPXq8AAAAA/M4DX3MSGicwgQEAAAAASUVORK5CYII=);
}

.accordion-block.-white.-plus .accordion-block__inner {
  border: none;
  padding: 0 0 24px 0;
}

@media (max-width: 1020px) {
  .accordion-block.-white.-plus .accordion-block__inner {
    background-color: var(--clr-gray-lightest);
    padding: 0 0 20px 0;
  }
}

.accordion-block.-white.-plus .accordion-block__required {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  padding: 5px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  margin-left: auto;
  margin-right: 60px;
}

.accordion-block.-set .accordion-block__title {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 15px 0;
  background-color: var(--clr-prime);
  color: var(--clr-white);
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  border: none;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .accordion-block.-set .accordion-block__title {
    font-size: 14px;
    width: 100%;
    max-width: calc(100% - 20px);
  }
}

.accordion-block.-set .accordion-block__title::before {
  display: none;
}

.accordion-block.-set .accordion-block__inner {
  background-color: var(--clr-white);
  border-right: none;
  border-bottom: none;
  border-left: none;
  border-radius: 0;
  padding: 24px 10px;
}

@media (max-width: 1020px) {
  .accordion-block.-set .accordion-block__inner {
    padding: 12px 10px;
  }
}

[data-accordion] {
  display: none !important;
}

[data-accordion].is-active {
  display: block !important;
}

.anshin__title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 10px;
  margin: 10px 0;
}

.anshin__flex {
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 10px;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

@media (max-width: 1020px) {
	
.anshin__title {
  text-align: center;
}
	
  .anshin__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 0 0px;
  }
}

.anshin__img {
  width: calc(40% - 20px);
}

@media (max-width: 1020px) {
  .anshin__img {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

.anshin__contents {
  width: calc(60% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1020px) {
  .anshin__contents {
    width: 100%;
  }
}

.baloon {
  display: inline-block;
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 4px;
  position: relative;
}

.baloon:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 16px solid transparent;
  border-bottom: 0;
}

.baloon.-right {
  right: 15% !important;
}

@media (max-width: 1020px) {
  .baloon.-right {
    right: 20% !important;
  }
}

.baloon.-right:after {
  border-left: 0px solid transparent;
}

.baloon.-black {
  color: var(--clr-white);
  background-color: var(--clr-black);
  opacity: 0.8;
}

.baloon.-black:after {
  border-top-color: var(--clr-black);
}

.baloon.-favorite {
  position: absolute;
  width: 100vw;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  text-align: center;
  left: 50%;
  bottom: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 1;
}

@media (max-width: 1020px) {
  .baloon.-favorite {
    left: -50%;
  }

  .baloon.-favorite::after {
    left: 70%;
  }
}

.baloon.-favorite.-fujicheck {
  left: 30%;
  bottom: 48%;
}

@media (max-width: 1020px) {
  .baloon.-favorite.-fujicheck {
    left: 20%;
    bottom: 49%;
  }
}

.baloon.-favorite.-in-accordion {
  left: -150%;
}

.baloon.-favorite.-in-accordion::after {
  left: 80%;
}

@media (max-width: 1020px) {
  .baloon.-favorite.-in-accordion {
    left: -500%;
  }

  .baloon.-favorite.-in-accordion::after {
    left: 77%;
  }
}

.baloon.-slanting:after {
  bottom: -14px;
  left: 42%;
  border-right: 12px solid transparent;
  border-top: 20px solid var(--clr-black);
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
}

.banners {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(3, 1fr);
}

.banners.-fw-bold {
  font-weight: bold;
}

.banners.-tires-wheels {
  gap: 10px;
}

@media (max-width: 1020px) {
  .banners.-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 1020px) {
  .banners.-shopping {
    gap: 5px;
  }
}

.banners.-select {
  grid-template-columns: repeat(2, 1fr);
}

.banners.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 40px 0 0;
  gap: 15px;
}

.banners.-flex.-gap-35 {
  gap: 35px;
}

.banners.-flex.-drawer {
  gap: 20px;
}

@media (max-width: 1020px) {
  .banners.-flex.-drawer {
    gap: 9px;
  }
}

.banners.-flex.-drawer.-mt-0 {
  margin-top: 0;
}

.banners.-flex.-in-sp-menu {
  margin: 15px 0 3px;
}

.banners.-flex.-in-sp-menu.-mt-0 {
  margin-top: 0;
}

.banners__item {
  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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  width: 100%;
  position: relative;
}

.banners__item.button {
  padding: 14px 4px;
}

.banners__item.button:hover {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.banners__item.button:hover .banners__icon.-tires-and-wheels {
  background-image: url("/PC/ja/asset/img/nw/tires-wheels-on.png");
}

.banners__item.button:hover .banners__icon.-tires {
  background-image: url("/PC/ja/asset/img/nw/tires-only-on.png");
}

.banners__item.button:hover .banners__icon.-wheels {
  background-image: url("/PC/ja/asset/img/nw/wheels-only-on.png");
}

.banners__item.button:hover .banners__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.banners__item.button:hover .banners__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.banners__item.button:hover .banners__icon.-all-seasons {
  background-image: url("data:image/png;base64,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");
}

.banners__item.-in-sp-menu {
  width: 100%;
}

.banners__item.-in-sp-menu .button {
  width: 100%;
}

.banners__text {
  font-size: 14px;
  font-weight: 700;
  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;
  gap: 10px;
}

@media (max-width: 1020px) {
  .banners__text {
    gap: 5px;
  }
}

.banners__text.-drawer {
  height: 44px;
  font-size: 13px;
  gap: 0;
}

.banners__text.-flow {
  font-size: 16px;
}

.banners__text-inner {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.banners__icon {
  width: 70px;
  height: 70px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .banners__icon.-flow {
    margin: 0;
  }
}

.banners__icon.-tires-and-wheels, .banners__icon.-tires, .banners__icon.-wheels, .banners__icon.-summer, .banners__icon.-studless, .banners__icon.-all-seasons {
  background-size: 70px 70px;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background-position 0.3s ease;
  transition: background-position 0.3s ease;
  margin-bottom: auto;
}

.banners__icon.-tires-and-wheels {
  background-image: url("/PC/ja/asset/img/nw/tires-wheels.png");
}

.banners__icon.-tires {
  background-image: url("/PC/ja/asset/img/nw/tires-only.png");
}

.banners__icon.-wheels {
  background-image: url("/PC/ja/asset/img/nw/wheels-only.png");
}

.banners__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.banners__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.banners__icon.-all-seasons {
  background-image: url("data:image/png;base64,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");
}

.banners__tooltip {
  position: absolute;
  top: -49px;
  left: 50%;
  width: 100%;
  max-width: 148px;
  margin-left: -74px;
}

@media (max-width: 1020px) {
  .banners__tooltip {
    top: -5%;
    left: 50%;
    width: 100%;
    margin-left: unset;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.banners__tooltip-merit {
  position: absolute;
  top: -37px;
  left: 50%;
  width: 100% !important;
  max-width: 127px;
  height: 100% !important;
  margin-left: -74px;
  -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
}

@media (max-width: 1020px) {
  .banners__tooltip-merit {
    top: -15%;
    left: 50%;
    width: 100%;
    margin-left: unset;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}

.banners__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

.banners__links.-mb-25 {
  margin-bottom: 25px;
}

.banners__links .button {
  margin: 0;
  max-width: 127px;
  max-width: unset;
  font-weight: 700;
  line-height: 175%;
}

.banners__links .button:hover {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.banners__link {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  font-size: 14px;
  gap: 5px;
}

.banners__link-span {
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
}

.banners__link-icon {
  width: 30px;
  height: 30px;
}

.banners__button {
  height: 100%;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  cursor: pointer;
  position: relative;
  display: inline-block;
}

@media (max-width: 1020px) {
  .banners__button.-flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

@media (max-width: 1020px) {
  .banners__button.-shopping {
    padding: 20px 1px 12px;
  }
}

.banners__button:hover, .banners__button.is-active, .banners__button:has(input[type=radio]:checked) {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.banners__button:hover .banners__icon.-tires-and-wheels, .banners__button.is-active .banners__icon.-tires-and-wheels, .banners__button:has(input[type=radio]:checked) .banners__icon.-tires-and-wheels {
  background-image: url("/PC/ja/asset/img/nw/tires-wheels-on.png");
}

.banners__button:hover .banners__icon.-tires, .banners__button.is-active .banners__icon.-tires, .banners__button:has(input[type=radio]:checked) .banners__icon.-tires {
  background-image: url("/PC/ja/asset/img/nw/tires-only-on.png");
}

.banners__button:hover .banners__icon.-wheels, .banners__button.is-active .banners__icon.-wheels, .banners__button:has(input[type=radio]:checked) .banners__icon.-wheels {
  background-image: url("/PC/ja/asset/img/nw/wheels-only-on.png");
}

.banners__button:hover .banners__icon.-summer, .banners__button.is-active .banners__icon.-summer, .banners__button:has(input[type=radio]:checked) .banners__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.banners__button:hover .banners__icon.-studless, .banners__button.is-active .banners__icon.-studless, .banners__button:has(input[type=radio]:checked) .banners__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.banners__button:hover .banners__icon.-all-seasons, .banners__button.is-active .banners__icon.-all-seasons, .banners__button:has(input[type=radio]:checked) .banners__icon.-all-seasons {
  background-image: url("data:image/png;base64,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");
}

.banners__button-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto;
}

.banners__button-button {
  width: 100%;
  font-size: 13px;
}

.banners__button-title {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.banners__button-desc {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  max-width: 177px;
  margin-top: 10px;
  text-align: left;
}

.banners__button-desc.-in-sp-menu {
  max-width: unset;
}

.banners__checkbox {
  display: none;
}

.banners__checkbox:checked+.banners__button {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.banners__checkbox:checked+.banners__button .banners__icon.-tires-and-wheels {
  background-image: url("/PC/ja/asset/img/nw/tires-wheels-on.png");
}

.banners__checkbox:checked+.banners__button .banners__icon.-tires {
  background-image: url("/PC/ja/asset/img/nw/tires-only-on.png");
}

.banners__checkbox:checked+.banners__button .banners__icon.-wheels {
  background-image: url("/PC/ja/asset/img/nw/wheels-only-on.png");
}

.banners__checkbox:checked+.banners__button .banners__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.banners__button .banners__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.banners__button .banners__icon.-all-seasons {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.banners__button .banners__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.banners__button .banners__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.banners__button .banners__icon.-all-seasons {
  background-image: url("data:image/png;base64,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");
}

.banners__checkbox:checked+.button.-size {
  border: 2px solid var(--clr-prime);
}

.block {
  background-color: var(--clr-white);
  padding: 16px 88px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .block {
    padding: 0 16px;
  }
}

.block.-modal {
  padding: 16px;
}

@media (max-width: 1020px) {
  .block.-modal {
    padding: 16px;
  }
}

.block.-modal-yt {
  padding: 0;
}

.block.-modal-delete {
  padding: 24px 16px;
}

.block.-no-border {
  padding: 16px 60px 40px;
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .block.-no-border {
    padding: 0 16px 24px;
  }
}

.block.-no-border .block__item {
  border-bottom: none;
  padding-bottom: 0;
}

.block.-no-border .block__item.-gray {
  padding-bottom: 16px;
}

.block.-no-border.-padding-nml {
  padding: 16px 88px;
}

@media (max-width: 1020px) {
  .block.-no-border.-padding-nml {
    padding: 0 16px 16px 16px;
  }
}

.block.-no-border.-p-original {
  padding: 16px 88px 40px;
}

@media (max-width: 1020px) {
  .block.-no-border.-p-original {
    padding: 0 16px 24px;
  }
}

.block.-no-bg {
  background-color: transparent;
  padding: 0;
}

.block.-attention {
  max-width: 1100px;
}

@media (max-width: 1020px) {
  .block.-attention {
    max-width: 95%;
  }
}

.block.-puncture {
  padding: 0px;
}

@media (max-width: 1020px) {
  .block.-puncture {
    padding: 0px;
  }
}

.block__item {
  border-bottom: 1px solid var(--clr-gray-light);
  margin-top: 24px;
  padding-bottom: 24px;
}

.block__item:nth-last-child(1) {
  border-bottom: none;
}

.block__item.-center {
  text-align: center;
}

.block__item.-border-top {
  margin-top: 36px;
  padding-top: 12px;
  border-top: 1px solid var(--clr-gray-light);
}

.block__item.-border-bottom {
  padding-bottom: 20px !important;
  border-bottom: 1px solid var(--clr-gray-light) !important;
}

.block__item.-border-top.-mt-half {
  margin-top: 18px;
}

.block__item.-gray {
  background-color: var(--clr-gray-lightest);
  padding: 16px;
  padding-bottom: 16px;
}

@media (max-width: 1020px) {
  .block__item.-gray.-cart {
    margin-bottom: 16px;
  }
}

.block__item.-narrow {
  max-width: 300px;
  margin: 0 auto;
}

.block__item.-low {
  margin-top: 16px;
  padding-bottom: 16px;
}

.block__item.-mt-0 {
  margin-top: 0;
}

.block__item.-pl-30 {
  display: block;
}

@media (max-width: 1020px) {
  .block__item.-pl-30 {
    padding-left: 0px;
  }
}

.block__item.-pl-sp-30 {
  padding-left: 30px;
}

.block__item.-gas-st {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.block__item.-pl-60 {
  padding-left: 60px;
}

@media (max-width: 1020px) {
  .block__item.-pl-60 {
    padding-left: 30px;
  }
}

.block__item-categorize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 24px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.block__item.-btn-space {
  margin: 24px 0;
}

.block__item.-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.hd-bar__title{text-align: center}

.block__title {
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .block__title {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.block__title.-large {
  font-size: 24px;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .block__title.-large {
    font-size: 19px;
  }
}

.block__title.-middle {
  font-size: 20px;
}

@media (max-width: 1020px) {
  .block__title.-middle {
    font-size: 18px;
  }
}

.block__title.-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block__title .-red {
  font-size: 20px;
  padding-left: 10px;
  color: var(--clr-prime);
}

.block__title .-red.-small {
  font-size: 16px;
}

.block__title.-table {
  margin-top: 10px;
}

@media (max-width: 1020px) {
  .block__title.-anchor {
    display: block;
    padding-top: 70px;
    margin-top: -70px;
  }
}

.block__title-icon {
  width: 35px;
}

.block__img {
  width: 70%;
  margin: 0 auto;
  max-width: 320px;
}

.block__desc {
  font-size: 14px;
  line-height: 1.75;
  font-weight: 500;
}

.block__desc .-small, .block__desc.-small {
  font-size: 12px;
}

.block__desc .-red, .block__desc.-red {
  color: var(--clr-prime);
}

.block__desc.-center {
  text-align: center;
}

.block__desc.-bold {
  font-weight: 700;
}

.block__desc.-title {
  min-width: 124px;
}

@media (max-width: 1020px) {
  .block__desc.-sp-w {
    width: 200px;
  }
}

.block__desc.-limit4-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .block__desc.-limit4-6 {
    -webkit-line-clamp: 6;
  }
}

.block__note {
  font-size: 12px;
  font-weight: 500;
}

.block__note .-red {
  color: var(--clr-prime);
}

.block__note .-red .block__link {
  font-size: 12px;
}

.block__note.-center {
  text-align: center;
}

.block__link {
  font-size: 12px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.block__link:hover {
  opacity: 0.8;
}

.block__link.-underline span {
  text-decoration: underline;
}

.block__link.-bold {
  font-weight: 700;
  font-size: 14px;
}

.block__link.-mt-20 {
  margin-top: 20px;
}

.block__link.-middle {
  font-size: 14px;
}

.block__link.-large {
  font-size: 16px !important;
}

.block__link .-question,
.block__link .-info {
  color: var(--clr-gray-dark);
}

.block__link.-long {
  display: inline-block;
}

.block__link.-long .link.-underline {
  display: inline;
}

.block__link.-long .icon {
  vertical-align: sub;
}

.block__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.block__flex.-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .block__flex.-wrap.-cart {
    -ms-flex-wrap: unset;
    flex-wrap: unset;
  }
}

.block__flex.-align-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block__flex.-align-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.block__flex.-center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block__flex.-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.block__flex.-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.block__flex.-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.block__flex.-flex-end {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.block__flex.-coupon img {
  cursor: pointer;
}

.block__flex.-coupon input.-unselected~img {
  opacity: 0.2;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.block__flex-left {
  width: 80px;
  height: 80px;
}

.block__flex-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 12px;
  margin-left: auto;
}

.block__foot {
  margin-top: 24px;
}

.block__foot-buttons {
  margin-top: 24px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  position: relative;
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .block__foot-buttons {
    margin-top: 0;
    grid-template-columns: 1fr;
    row-gap: 12px;
  }

  .block__foot-buttons .-prime {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .block__foot-buttons .-gray {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }
}

.block__foot-buttons.-single {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.block__foot-buttons.-single .button {
  width: 100%;
  max-width: 432px;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-single .button {
    max-width: 100%;
  }
}

.block__foot-buttons.-single .button.-mw-100 {
  max-width: 100%;
}

.block__foot-buttons.-mt-24 {
  margin-top: 24px;
}

.block__foot-buttons.-baloon {
  margin-top: 30px;
  padding-top: 20px;
}

.block__foot-buttons.-baloon .baloon {
  position: absolute;
  top: -13px;
  z-index: 1;
  right: 50%;
  -webkit-transform: translateX(50%);
  transform: translateX(50%);
}

.block__foot-buttons.-merit {
  margin-top: 20px;
}

.block__foot-buttons.-merit.-mw-432 {
  max-width: 432px;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-merit.-mw-432 {
    max-width: 100%;
  }
}

.block__foot-buttons.-screen-close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 24px;
}

.block__foot-buttons.-mw-100 {
  max-width: 100%;
}

.block__foot-buttons.-space {
  margin-top: 32px;
}

.block__foot-buttons.-narrow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 83%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-narrow {
    width: 100%;
  }
}

.block__foot-buttons.-narrow a {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-narrow a {
    font-size: 13px;
  }
}

.block__foot-buttons.-narrow button {
  width: 208px;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-narrow button {
    width: unset;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 13px;
  }
}

@media (max-width: 1020px) {
  .block__foot-buttons.-sp-row {
    grid-template-columns: 1fr 1fr;
  }

  .block__foot-buttons.-sp-row a,
  .block__foot-buttons.-sp-row label {
    font-size: 13px;
  }
}

.block__foot-buttons.-wide {
  grid-template-columns: 1fr;
}

@media (max-width: 1020px) {
  .block__foot-buttons.-sp-mb {
    margin-bottom: 20px;
  }
}

.block__list {
  list-style: decimal;
  padding-left: 1rem;
}

.block__list li {
  font-size: 14px;
  line-height: 1.85;
}

.block__list.-non-decimal {
  list-style: none;
  padding-left: 0;
}

.block__list .-important {
  color: var(--clr-prime);
  font-weight: bold;
}

.block__scroll {
  margin: 10px 0;
  background-color: var(--clr-white);
  height: 232px;
  border: 1px solid var(--clr-gray-light);
  overflow: auto;
}

@media (max-width: 1020px) {
  .block__scroll {
    height: 400px;
  }
}

.block__scroll.-personal {
  height: 600px;
}

@media (max-width: 1020px) {
  .block__scroll.-personal {
    height: 700px;
  }
}

.block__scroll-inner {
  padding: 16px 40px;
  font-size: 14px;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 1020px) {
  .block__scroll-inner {
    padding: 16px 24px 16px 16px;
  }
}

.block__table td {
  padding: 10px 20px 10px 0;
}

.block__table.-credit {
  width: 100%;
}

.block__table.-credit th,
.block__table.-credit td {
  padding: 10px;
  border: 1px solid var(--clr-gray-lighter);
}

@media (max-width: 1020px) {

  .block__table.-credit th,
  .block__table.-credit td {
    font-size: 14px;
  }
}

.block__table.-credit th {
  background-color: var(--clr-gray-light);
}

.block__inner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.block__sticky {
  background-color: rgba(231, 231, 231, 0.8);
  padding: 2px 100px;
  width: 100%;
  margin: 0 auto;
  position: sticky;
  bottom: 0;
  z-index: 1;
}

@media (max-width: 1020px) {
  .block__sticky {
    padding: 8px 16px;
    bottom: 30px;
  }
}

.block__sticky-item {
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
  margin-top: 2px;
  padding-bottom: 2px;
  border-bottom: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .block__sticky-item {
    margin-top: 0;
    padding-bottom: 0;
  }
}

.block__sticky-item:last-child {
  border-bottom: none;
}

.block__sticky.-active .price__num.-sticky-active {
  font-size: 14px;
}

.breadcrumb {
  --breadcrumb-arrow-color: var(--clr-black);
  --breadcrumb-arrow-gap: 12px;
  --breadcrumb-arrow-size: 6px;
  background-color: var(--clr-gray-lightest);
  padding: 12px 0 12px 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
}

@media (max-width: 1020px) {
  .breadcrumb {
    padding: 12px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 10px;
  }
}

.breadcrumb__item {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.breadcrumb__item:not(:first-child)::before {
  border-right: 1.5px solid var(--breadcrumb-arrow-color);
  border-top: 1.5px solid var(--breadcrumb-arrow-color);
  content: "";
  display: block;
  height: var(--breadcrumb-arrow-size);
  -webkit-transform: rotate(45deg) translate(-50%, 0%);
  transform: rotate(45deg) translate(-50%, 0%);
  -webkit-transform-origin: left;
  transform-origin: left;
  width: var(--breadcrumb-arrow-size);
  margin: 0 var(--breadcrumb-arrow-gap);
}

.breadcrumb__item:last-child .breadcrumb__link {
  pointer-events: none;
}

.breadcrumb__item:last-child .breadcrumb__title {
  text-decoration: none;
  font-weight: 500;
}

.breadcrumb__title {
  color: var(--clr-gray-darker);
  font-size: 12px;
  font-weight: 700;
  line-height: 125%;
  text-decoration: underline;
}

.breadcrumb__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.breadcrumb__link:hover {
  opacity: 0.6;
}

.button {
  --btn-bg: var(--clr-white);
  --btn-text: var(--clr-black);
  --btn-border: var(--clr-white);
  --btn-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  --btn-shadow-hover: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  border-radius: 3px;
  background: var(--btn-bg);
  color: var(--btn-text);
  border: 1px solid var(--btn-border);
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
  padding: 14px 16px;
  display: grid;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  cursor: pointer;
}

.button:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

.button.-center {
  text-align: center;
}

.button__inner {
  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;
  gap: 14px;
}

.button.-prime {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-prime);
}

.button.-second {
  --btn-bg: var(--clr-second);
  --btn-text: var(--clr-black);
  --btn-border: var(--clr-second);
}

.button.-gray {
  --btn-bg: var(--clr-gray);
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
  --btn-border: var(--clr-gray);
}

.button.-dark {
  --btn-bg: var(--clr-black);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-black);
}

.button.-gray-dark {
  --btn-bg: var(--clr-gray-dark);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-gray-dark);
}

.button.-gray-lightest {
  --btn-bg: var(--clr-gray-lightest);
  --btn-text: var(--clr-black);
  --btn-border: var(--clr-gray-lightest);
}

.button.-maker {
  width: 100%;
  max-width: 101px;
  height: unset;
  padding: 1px 2px 8px;
  gap: unset;
}

@media (max-width: 1020px) {
  .button.-maker {
    max-width: 100%;
  }
}

.button.-maker img {
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}

.button.-maker .maker-name {
  color: var(--clr-black);
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: 175%;
}

.button.-maker:hover {
  border-color: var(--clr-prime);
}

.button.-small {
  padding: 0.875em 1em;
}

.button.-size {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding: 13px 0;
  width: 71px;
  border: 2px solid var(--clr-gray-light);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.-size:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 2px solid var(--clr-prime);
}

.button.-size:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-size.-material {
  width: 146px;
}

.button.-tireMaker {
  padding: 0;
  width: 173px;
  height: 60px;
  border: none;
}

.button.-tireMaker:hover {
  border: none;
}

.button.-tireMaker:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-tireSize {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 5px;
  min-width: 82px;
  width: 100%;
  height: 29px;
  border: none;
  color: var(--clr-white);
  background-color: var(--clr-prime);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 3px;
}

.button.-tireSize:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  opacity: 0.6;
}

.button.-tireSize:focus {
  border: noen;
  outline: none;
}

.button.-search {
  width: 100%;
  max-width: 315px;
  margin: 0 auto;
  --btn-bg: var(--clr-gray-dark);
  --btn-text: var(--clr-white);
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.button.-search img {
  width: 24px;
  height: 24px;
}

@media (max-width: 1020px) {
  .button.-search {
    max-width: 225px;
  }
}

.button.-basic {
  width: 100%;
  max-width: 245px;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .button.-basic {
    max-width: 173px;
    height: 50px;
    padding: 13px 0;
    font-size: 14px;
  }
}

.button.-favorite {
  border: 2px solid var(--clr-favorite);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 14px 13px;
  width: 55px;
  height: 55px;
  position: relative;
}

@media (max-width: 1020px) {
  .button.-favorite {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

.button.-favorite svg,
.button.-favorite img {
  width: 29px;
  height: 28px;
}

@media (max-width: 1020px) {

  .button.-favorite svg,
  .button.-favorite img {
    width: 20px;
    height: 20px;
  }
}

.button.-favorite svg.-normal,
.button.-favorite img.-normal {
  display: block;
}

.button.-favorite svg.-clicked,
.button.-favorite img.-clicked {
  display: none;
}

.button.-favorite svg path,
.button.-favorite img path {
  fill: var(--clr-favorite);
}

.button.-favorite:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

.button.-favorite.-clicked svg.-normal,
.button.-favorite.-clicked img.-normal {
  display: none;
}

.button.-favorite.-clicked svg.-clicked,
.button.-favorite.-clicked img.-clicked {
  display: block;
}

.button.-share {
  border: 2px solid var(--clr-gray-dark);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 14px 13px;
  width: 55px;
  height: 55px;
}

@media (max-width: 1020px) {
  .button.-share {
    width: 40px;
    height: 40px;
    padding: 10px;
  }
}

.button.-share svg {
  width: 24px;
  height: 26px;
}

@media (max-width: 1020px) {
  .button.-share svg {
    width: 20px;
    height: 20px;
  }
}

.button.-share svg path {
  fill: var(--clr-gray-dark);
}

.button.-share:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

.button.-tire-set {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.button.-tire-set img {
  width: 19px;
  height: 20px;
}

.button.-color,
.button.-design {
  width: 75px;
  height: 90px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  border: 2px solid var(--clr-gray-light);
  padding: 13px 10px;
  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;
  gap: 0;
}

.button.-color:hover,
.button.-design:hover {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-color:focus,
.button.-design:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-color img,
.button.-design img {
  width: 50px;
  height: 40px;
}

.button.-color .design-text,
.button.-design .design-text {
  text-align: center;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.button.-wheelMaker {
  width: 71px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding: 13px 0;
  border: 2px solid var(--clr-gray-light);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.-wheelMaker:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
  color: var(--clr-prime);
}

.button.-car-select {
  padding: 12px 16px;
  gap: 1px;
  color: var(--clr-black);
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
}

.button.-car-select:hover {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.button.-car-select:hover .car-sub-info {
  color: var(--clr-white);
}

.button.-car-select .car-year {
  font-size: 18px;
  line-height: 150%;
}

.button.-car-select .car-type,
.button.-car-select .car-grade {
  font-size: 16px;
  line-height: 150%;
  padding: 0;
  width: unset;
}

.button.-car-select .car-sub-info {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.button.-block {
  width: 100%;
}

.button.-back {
  width: 100%;
  max-width: 180px;
  margin: 40px auto 10px;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.button.-back:hover {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

@media (max-width: 1020px) {
  .button.-back {
    max-width: 173px;
  }
}

.button.-w180 {
  min-width: 180px;
}

.button.-modal-chat {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px;
  gap: 18px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--clr-white);
  border-color: var(--clr-gray-dark);
  background-color: var(--clr-gray-dark);
}

.button.-gray-border {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  max-width: 287px;
  color: var(--text-ico-nomal, #151515);
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
  padding: 14px 0;
  border-bottom: 1px solid var(--clr-gray-light);
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: unset;
}

@media (max-width: 1020px) {
  .button.-gray-border {
    max-width: 100%;
  }
}

.button.is-active {
  --btn-bg: var(--clr-prime);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-prime);
}

.button.cart-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  width: 100%;
}

.button.cart-btn img {
  width: 19px;
  height: 19px;
}

.button.cart-btn.is-active {
  pointer-events: none;
  background-color: var(--clr-gray-light);
  border: 1px solid var(--clr-gray-light);
}

.button.-set {
  width: 202px;
  padding: 0;
  height: 45px;
}

.button.-set span {
  font-size: 14px;
}

@media (max-width: 1020px) {
  .button.-set {
    max-width: 100%;
    width: 100%;
    height: 50px;
    padding: 0;
  }

  .button.-set span {
    font-size: 14px;
  }
}

.button.-set.-recommend {
  width: auto;
  height: unset;
  padding: 5px 10px;
  margin-top: 20px;
}

.btn__icon {
  width: 24px;
  height: 24px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: background-position 0.3s ease;
  transition: background-position 0.3s ease;
}

.button.-studless {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  --btn-bg: var(--clr-gray-dark);
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
  --btn-border: var(--clr-gray-dark);
  color: var(--clr-white);
}

.button.-studless:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

@media (max-width: 1020px) {
  .button.-studless {
    max-width: 100%;
    width: 100%;
    height: 50px;
    padding: 0;
  }

  .button.-studless span {
    font-size: 14px;
  }
}

.button.-studless .btn__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.button.-studless.is-active {
  --btn-bg: var(--clr-white);
  color: var(--clr-black);
  --btn-border: var(--clr-white);
}

.button.-studless.is-active .btn__icon.-studless {
  background-image: url("data:image/png;base64,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");
}

.button.-studless.is-active:hover {
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
}

.button.-studless.is-active.-active-border {
  border-color: var(--clr-prime);
}

.button.-summer {
  width: 100%;
  --btn-bg: var(--clr-gray-dark);
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
  --btn-border: var(--clr-gray-dark);
  color: var(--clr-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.button.-summer:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

@media (max-width: 1020px) {
  .button.-summer {
    max-width: 100%;
    width: 100%;
    height: 50px;
    padding: 0;
  }

  .button.-summer span {
    font-size: 14px;
  }
}

.button.-summer .btn__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.button.-summer.is-active {
  --btn-bg: var(--clr-white);
  color: var(--clr-black);
  --btn-border: var(--clr-white);
}

.button.-summer.is-active .btn__icon.-summer {
  background-image: url("data:image/png;base64,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");
}

.button.-summer.is-active:hover {
  -webkit-box-shadow: var(--btn-shadow);
  box-shadow: var(--btn-shadow);
}

.button.-summer.is-active.-active-border {
  border-color: var(--clr-prime);
}

.button.-w146 {
  width: 146px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 13px 0;
  border: 2px solid var(--clr-gray-light);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.-w146:hover {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-w146:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-w146-wet-grip {
  padding: 9px 0;
}

.button.-w146-wetgrip {
  width: 146px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding: 9px 0;
  border: 2px solid var(--clr-gray-light);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button.-w146-wetgrip:hover {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button.-w146-wetgrip:focus {
  border: 2px solid var(--clr-prime);
  outline: none;
}

.button:disabled {
  pointer-events: none;
  cursor: none;
  --btn-bg: var(--clr-gray-light);
  --btn-text: var(--clr-white);
  --btn-border: var(--clr-gray-light);
}

.button.-contribute {
  margin: 0 auto;
  width: 432px;
}

@media (max-width: 1020px) {
  .button.-contribute {
    width: 100%;
  }
}

.button.-clear {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding: 13px 16px;
  display: block;
}

@media (max-width: 1020px) {
  .button.-clear {
    padding: 0;
    text-align: center;
    width: 100px;
  }
}

.button.-init {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .button.-init {
    line-height: 175%;
  }
}

.button.-init:hover {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: var(--clr-prime);
}

.button.-list,
.button.-cart {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.button.-list.-search,
.button.-cart.-search {
  background: var(--clr-gray-dark);
}

.button.-mw-355 {
  max-width: 355px;
  margin: 0 auto;
}

.button.-fitting-dressup {
  gap: 12px;
  width: 100%;
  padding: 20px 15px 15px;
}

.button.-guarantee-plan {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  width: 428px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 0 auto;
}

@media (max-width: 1020px) {
  .button.-guarantee-plan {
    width: 100%;
  }
}

.button.-mw-425 {
  width: 100%;
  max-width: 425px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .button.-mw-425 {
    max-width: 275px;
  }
}

.button.-mt-0 {
  margin-top: 0;
}

.button.parts {
  width: 315px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .button.parts {
    width: 100%;
  }
}

.button.parts:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

.button.-mt-40 {
  margin-top: 40px;
}

.car-type {
  padding: 40px 10px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 44px;
  -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;
}

@media (max-width: 1020px) {
  .car-type {
    width: 100%;
  }
}

@media (max-width: 1020px) {
  .car-type.-list {
    gap: 22px;
  }
}

.car-type .tab-panel {
  display: none;
}

.car-type .tab-panel.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.car-type__maker-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
  color: var(--clr-gray-darker);
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
}

.car-type__maker-logo {
  max-width: 80px;
}

.car-type__init {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .car-type__init {
    width: 100%;
    overflow: scroll;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 480px) {
  .car-type__init {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.car-type__init button.tab {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 10px;
  border-left: 1px solid var(--clr-black);
}

@media (max-width: 1020px) {
  .car-type__init button.tab {
    white-space: nowrap;
  }
}

.car-type__init button.tab:last-child {
  border-right: 1px solid var(--clr-black);
}

.car-type__init button.tab.-active, .car-type__init button.tab:hover {
  color: var(--clr-prime);
  text-decoration: underline;
}

.car-type__init button.tab.-empty {
  color: var(--clr-gray-light);
  pointer-events: none;
}

.car-type__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.card {
  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;
}

.card.-product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: var(--clr-white);
  color: var(--clr-black);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 20px 40px;
  gap: 16px;
  border-radius: 3px;
  position: relative;
}

@media (max-width: 1020px) {
  .card.-product {
    padding: 15px 20px 13px 15px;
    gap: 7px;
  }
}

.card.-product:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.card.-product a.-position-absolute {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.card.-product .card__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .card.-product .card__tag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2px;
  }
}

.card.-product .card__tag-item {
  padding: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.card.-product .card__tag-item.special {
  background-color: var(--clr-second);
}

.card.-product .card__tag-item.free {
  background-color: var(--clr-prime);
  color: var(--clr-white);
}

.card.-product .card__tag-item.recommendation {
  background-color: var(--clr-important);
  color: var(--clr-white);
}

.card.-product .card__tag-item.nwe-model {
  background-color: var(--clr-tag-blue);
  color: var(--clr-white);
}

.card.-product .card__tag-item.outlet {
  background-color: var(--clr-second-black);
  color: var(--clr-white);
}

.card.-product .card__tag-item.-icons {
  padding: 0;
  width: 75px;
  height: 24px;
}

.card.-product .card__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 1020px) {
  .card.-product .card__content {
    gap: 14px;
  }
}

.card.-product .card__content-mainimg {
  min-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.card.-product .card__content-img {
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 1020px) {
  .card.-product .card__content-img {
    width: 104px;
    height: 104px;
  }
}

.card.-product .card__content-img.-parts {
  height: 100%;
  max-height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
}

@media (max-width: 1020px) {
  .card.-product .card__content-img.-parts {
    width: 100%;
    max-width: 104px;
    max-height: 104px;
  }
}

.card.-product .card__content-inner {
  width: 100%;
  padding: 8.5px 0;
}

@media (max-width: 1020px) {
  .card.-product .card__content-inner {
    padding: 0;
  }
}

.card.-product .card__content-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

@media (max-width: 1020px) {
  .card.-product .card__content-title {
    font-size: 14px;
    margin-bottom: 5px;
  }
}

.card.-product .card__content-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 8px;
}

@media (max-width: 1020px) {
  .card.-product .card__content-text {
    font-size: 14px;
    margin-bottom: 2px;
  }
}

.card.-product .card__content-model {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 12px;
}

.card.-product .card__content-size {
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 8px;
}

@media (max-width: 1020px) {
  .card.-product .card__content-size {
    font-size: 14px;
    margin-bottom: 2px;
  }
}

.card.-product .card__content-price {
  text-align: end;
  color: var(--clr-prime);
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: 0.96px;
}

@media (max-width: 1020px) {
  .card.-product .card__content-price {
    font-size: 18px;
    line-height: 150%;
    word-break: keep-all;
  }
}

.card.-product .card__content-price span {
  color: var(--clr-gray-darker);
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .card.-product .card__content-price span {
    font-size: 12px;
  }
}

.card.-product .card__content-price-original {
  text-align: end;
  color: var(--clr-second-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: line-through;
}

.card.-product .card__content-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 175%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.card.-product .card__content-link img {
  width: 16px;
  height: 16px;
}

.card.-product .card__content-favorite {
  margin-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.card.-product .card__content-favorite .button.-favorite {
  width: 32px;
  height: 32px;
  padding: 8px;
}

.card.-product .card__content-favorite .button.-favorite svg,
.card.-product .card__content-favorite .button.-favorite img {
  width: 16px;
  height: 16px;
}

.card.-product .card__content-stock {
  background-color: var(--clr-white);
  padding: 16px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .card.-product .card__content-stock {
    padding: 22px 0;
  }
}

.card.-product .card__content-stock img {
  width: 87px;
  height: 29px;
}

.card.-product .card__content-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}

@media (max-width: 1020px) {
  .card.-product .card__content-sub {
    gap: 4px;
  }
}

.card.-product .card__content-sub img {
  width: 30px;
  height: 30px;
}

@media (max-width: 1020px) {
  .card.-product .card__content-sub img {
    width: 27px;
    height: 27px;
  }
}

.card.product-color {
  background-color: var(--clr-white);
  border: 2px solid var(--clr-gray-light);
  color: var(--clr-black);
  padding: 16px 8px 12px;
  gap: 16px;
  border-radius: 3px;
  width: 134px !important;
  height: auto;
}

@media (max-width: 1020px) {
  .card.product-color {
    padding: 16px 5px 12px;
  }
}

.card.product-color:hover {
  border: 2px solid var(--clr-prime);
}

.card.product-color.is-active {
  border: 2px solid var(--clr-prime);
}

.card.product-color .card__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.card.product-color .card__content-img {
  width: 90px;
  height: 80px;
  margin: 0 auto;
}

.card.product-color .card__content-inner {
  width: 100%;
}

.card.product-color .card__content-title {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 44px;
}

.card.product-color .card__content-price {
  text-align: end;
  color: var(--clr-prime);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.card.product-color .card__content-price span {
  color: var(--clr-black);
  font-size: 10px;
  font-style: normal;
  font-weight: 700;
  line-height: 30px;
}

.card.product-color .card__content-price.-strike-through {
  position: relative;
  color: var(--clr-black);
  font-size: 80%;
  font-weight: normal;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 0 auto;
}

.card.product-color .card__content-price.-strike-through span {
  font-weight: normal;
}

.card.product-color .card__content-price.-strike-through::before {
  content: "";
  height: 1px;
  background-color: var(--clr-black);
  width: 100%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  position: absolute;
}

.card.-product-size {
  padding: 24px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  width: 428px;
}

@media (max-width: 768px) {
  .card.-product-size {
    width: 82%;
    padding: 12px;
  }
}

.card.-product-size .card__content-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 20px;
}

.card.-product-size .card__content-imgs {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px 10px;
  margin-bottom: 10px;
}

.card.-product-size .card__content-info {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.card.-product-size .card__content-inner {
  background-color: var(--clr-gray-lighter);
  padding: 12px 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 24px;
}

.card.-product-size .card__content-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.card.-product-size .card__content-stock img {
  width: 87px;
  height: 29px;
}

.card.-product-size .card__content-tire {
  width: 56px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.card.-product-size .card__content-wheel {
  width: 56px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.card.-product-size .card__content-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

.card.-product-size .card__content-prices p {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 768px) {
  .card.-product-size .card__content-prices {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.card.-product-size .card__content-price {
  text-align: end;
  color: var(--clr-prime);
  font-size: 36px;
  font-weight: 700;
  line-height: 150%;
}

.card.-product-size .card__content-price span {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.card.-product-size .card__content-point {
  text-align: end;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 24px;
}

.card.-product-size .card__content-point span {
  font-weight: 700;
}

.card.-product-size .card__content-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  margin-top: 20px;
}

/* 251023 ���₢���킹�{�^�� */
.card__content-btn .contact_btn, .detail-cart__btn .contact_btn {
display: none;
}

.card__content-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 175%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  margin-bottom: 10px;
}

.card__content-link.-no-under {
  text-decoration: unset;
}

.card__content-link:hover {
  opacity: 0.6;
}

.card__content-link img {
  width: 16px;
  height: 16px;
}

.card__tag-item {
  padding: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.card__tag-item.special {
  background-color: var(--clr-second);
}

.card__tag-item.free {
  background-color: var(--clr-prime);
  color: var(--clr-white);
}

.card__tag-item.recommendation {
  background-color: var(--clr-important);
  color: var(--clr-white);
}

.card__tag-item.nwe-model {
  background-color: var(--clr-tag-blue);
  color: var(--clr-white);
}

.card__tag-item.outlet {
  background-color: var(--clr-second-black);
  color: var(--clr-white);
}

.card__tag-icon {
  height: 24px;
  cursor: default;
}

.card__tag-icon img {
  width: 100% !important;
  height: 24px !important;
}

.card__tag-icon img:hover {
  opacity: 1 !important;
}

.card__tag-icons {
  width: 75px;
  height: 24px;
  cursor: default;
}

.card__tag-icons img {
  width: 75px !important;
  height: 24px !important;
}

.card__tag-icons img:hover {
  opacity: 1 !important;
}

.cart__banner {
  position: fixed;
  z-index: 1000;
  bottom: 70px;
  right: 40px;
}

@media (max-width: 1020px) {
  .cart__banner {
    bottom: 0px;
    right: unset;
    left: 0;
    width: 100%;
    max-width: 60%;
  }
}

.cart__banner-close {
  font-weight: bold;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 99;
  padding: 4px 8px;
  border: none;
  background-color: #f8f8f8;
  border-radius: 25px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.4);
}

@media (max-width: 1020px) {
  .cart__banner-close {
    top: -16px;
    right: -16px;
  }
}

.cart__banner-link img {
  width: 100%;
  max-width: 180px;
}

@media (max-width: 1020px) {
  .cart__banner-link img {
    max-width: 100%;
  }
}

.cart__banner-btn {
  position: fixed;
  z-index: 1000;
  bottom: 70px;
  right: 40px;
}

@media (max-width: 1020px) {
  .cart__banner-btn {
    bottom: 0px;
    right: unset;
    left: 0;
    width: 100%;
    max-width: 60%;
  }
}

.cart__banner-btn img {
  width: 100%;
  max-width: 180px;
}

@media (max-width: 1020px) {
  .cart__banner-btn img {
    max-width: 100%;
  }
}

.chat_btn {
  opacity: 0;
  z-index: -1;
  position: fixed;
  right: 12px;
  bottom: 60px;
  background-color: var(--clr-gray-darker);
  height: 90px;
  width: 90px;
  cursor: pointer;
  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;
  padding: 18px 0 0;
}

.chat_btn.-seen {
  opacity: 1;
  z-index: 11;
}

@media (max-width: 1020px) {
  .chat_btn {
    height: 65px;
    width: 65px;
    gap: 2px;
    bottom: 50px;
  }
}

.chat_btn img {
  width: 100%;
  max-width: 40px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .chat_btn img {
    max-width: 20px;
  }
}

.chat_btn span {
  color: var(--clr-white);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 1020px) {
  .chat_btn span {
    font-size: 10px;
  }
}

.check-list {
  margin-top: 8px;
  font-size: 14px;
}

.check-list li {
  padding-left: 20px;
  margin-bottom: 4px;
  position: relative;
}

.check-list li:before {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAhCAYAAAC4JqlRAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMeSURBVHgBxZdNaBNBGIbf2Y1FpEL/BKUWIhKbomBSwQpijaAHBZvqSUFp0lhBRaqH0ooHm4NSUVGQQtGmSaAHL0IboXiImNqLirgVlCKtuFoKHmytIh6aZseZoQmRJtn8bOIDyc7Ofsn7zsw3szPAf4YgR8x+V8WaKMyQYUuupxrUZRMmVXdgETmQlQEuWgapk1LiAIVD5x8joDQYXdIi6rmAikIMJIQ1condViB3AtGlmDeTkbQGtg56WiUCf57CyahsgLzTnqFAqodyqspt/vZrBGSAFdeicFgDSGvNMTvmR5VxXQNcnHV5L4yG5U8qE3JJxJNMbHDaf86HlJfxqkQOWP0uc0yTP6MUxCT79NmHk7woJeo0+TlKhUm7Gy8KAxZfu4tdzCgVbC1Z0VzpAUI6YTCu7QdhrapLH0BIm7hYHrhskGUFBnLcshd9+9yYWpiFc8SbNo4l/AGJEskBA2lgrebic7+/43y4Xydas0lEJk4YRG15DYaPdAnxU2O3xTUTEiEOngOFLrX/iHN4y/XEOZRgp8Qy0qYXuL5sHbIRry2vRvcLvxj7LDFLehFXm05g+HBXWhO8Pi5+/dUjhL/mls+6Bn4t/UFDdR1ussRKRVz8vhJC8EMYuSJXO+0uNhvT5sHrbx/F9aTVIVo7Mfc+8Yxne/PmHUKcf/JAlataGh2EwJopipvgreQm4vcX7S1ssTmEAGv1nTePkQ+UYtLEvt+xValVL7hnwi+SjQvv3lSPpo31CH9RcIONe95QOs5yQIpkG3/hWT+m5meFOM/07gk/CkOKiNexZcijZDMdObwX+prd6GHTLZu5nh6qsm3aFpMoxugokUhWBrjo6bFbMADxkhDTcNmk3eOOUDJE6wMJA/wwQTXJjRKhUXI5Xk7sCReevFWrju4ibEo6UETYK9j7qcM3EL9fdS6wDHoCrLYNxYAiOH3G50quWrUtXwgpI5UtjZWsJ/agyOIpDXB+hJSnxg0H5fl1ZabD15Pqacazodiqx+TefIeELbWR5WjMndfZMLURup/9xJw5mi6yLA8SSkZmOgYj0OEvQTIvQEy0auYAAAAASUVORK5CYII=");
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.container, .section__inner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.container.-lg, .-lg.section__inner {
  max-width: 980px;
}

.container.-sm, .-sm.section__inner {
  max-width: 640px;
  max-height: 640px;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .container.-sm, .-sm.section__inner {
    max-width: 357px;
    max-height: 357px;
  }
}

.container.-sm img, .-sm.section__inner img {
  width: 640px;
  height: 640px;
}

@media (max-width: 1020px) {
  .container.-sm img, .-sm.section__inner img {
    width: 100%;
    height: 100%;
  }
}

.container.-xs, .-xs.section__inner {
  max-width: 480px;
}

.delete {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 432px;
}

@media (max-width: 1020px) {
  .delete {
    max-width: 95%;
  }
}

.delete-content {
  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;
}

.delete-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
}

.delete-title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.delete-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.delete-btns a.-delete {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.drawer {
  position: relative;
  height: 100%;
  z-index: 4;
  display: none;
  overflow: auto;
}

.is-drawer-open .drawer {
  display: block;
}

@media (max-width: 1020px) {
  .is-drawer-open .drawer {
    display: none;
  }
}

.drawer__close {
  position: absolute;
  z-index: 4;
  top: 10px;
  right: 10px;
}

.drawer__inner {
  background-color: var(--clr-gray-lightest);
  width: 800px;
  height: auto;
  padding: 40px 20px;
  position: relative;
	margin: 0 auto;
}

.drawer__title {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
}

.drawer__sub-title {
  font-size: 16px;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 15px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  margin-top: 50px;
}

.drawer-overlay {
  position: fixed;
  left: var(--sidebar-width);
  right: 0;
  top: 0;
  bottom: 0;
  background-color: var(--clr-gray-lightest);
  width: calc(100% - var(--sidebar-width));
  height: 100%;
  cursor: pointer;
  display: none;
  z-index: 2;
}

.is-drawer-open .drawer-overlay {
  display: block;
}

@media (max-width: 1020px) {
  .is-drawer-open .drawer-overlay {
    display: none;
  }
}

.error__log__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.error__log__wrap__content {
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .error__log__wrap__content {
    font-size: 14px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.error__log__wrap__content__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  line-height: 2;
  text-align: center;
}

@media (max-width: 1020px) {
  .error__log__wrap__content__top {
    font-size: 14px;
  }
}

.error__log__wrap__content__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 5% 0% auto;
  line-height: 2;
}

@media (max-width: 1020px) {
  .error__log__wrap__content__bottom {
    font-size: 14px;
  }
}

.error__log-btns {
  width: 100%;
  max-width: 700px;
  margin: 30px auto 0;
}

@media (max-width: 1020px) {
  .error__log-btns {
    max-width: 100%;
  }
}

.error__log-btns.-mw-330 {
  max-width: 330px;
}

.flow-radio {
  cursor: pointer;
  border-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.flow-radio input[type=radio],
.flow-radio input[type=checkbox] {
  display: none;
}

.flow-radio svg * {
  fill: var(--clr-black);
}

.flow-radio.-disabled {
  pointer-events: none;
  color: var(--clr-gray-light);
  background: var(--clr-gray-lightest);
}

.flow-radio.-disabled input[type=radio] {
  pointer-events: none;
}

.flow-radio.-disabled svg * {
  fill: var(--clr-gray-light);
}

.flow-radio.-size:hover {
  border-color: var(--clr-gray-light);
}

.flow-radio.-size:has(input[type=radio]:checked), .flow-radio.-size:has(input[type=checkbox]:checked) {
  border-color: var(--clr-prime);
  background: var(--clr-white);
  color: var(--clr-prime);
}

.flow-radio.-maker:has(input[type=radio]:checked), .flow-radio.-maker:has(input[type=checkbox]:checked) {
  border-color: var(--clr-prime);
  background-color: var(--clr-white);
  color: inherit;
}

.flow-radio.-tireMaker:has(input[type=radio]:checked), .flow-radio.-tireMaker:has(input[type=checkbox]:checked) {
  background-color: var(--clr-white);
  color: inherit;
  border: 1px solid var(--clr-prime);
}

.flow-radio:has(input[type=radio]:checked), .flow-radio:has(input[type=checkbox]:checked) {
  background-color: var(--clr-prime);
  color: var(--clr-white);
}

.flow-radio:hover svg *, .flow-radio:has(input[type=radio]:checked) svg *, .flow-radio:has(input[type=checkbox]:checked) svg * {
  fill: var(--clr-white);
}

.flow-support__block-inner {
  padding: 10px 13px 14px;
  background-color: var(--clr-gray-lighter);
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: var(--clr-second-black);
}

.flow-support__block-inner i.icon {
  color: var(--clr-gray-dark);
}

.flow-support__block-information {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flow-support__block-select-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 25px;
}

@media (max-width: 1020px) {
  .flow-support__block-select-btns {
    margin-bottom: 20px;
    gap: 9px;
  }
}

.flow-support__block-select-btn {
  width: 50%;
  max-width: 430px;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-color: transparent;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .flow-support__block-select-btn {
    max-width: 50%;
  }
}

.flow-support__block-select-btn-2 {
  margin-left: 20px;
}

@media (max-width: 1020px) {
  .flow-support__block-select-btn-2 {
    margin-left: 9px;
  }
}

.flow.-car-name {
  padding: 0px 20px;
}

@media (max-width: 1020px) {
  .flow.-car-name {
    padding: 0px 10px;
    width: 100%;
  }
}

.flow.-car-name .tab-panel {
  display: none;
}

.flow.-car-name .tab-panel.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.flow.-car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
  padding: 0px;
}

@media (max-width: 1020px) {
  .flow.-car-detail {
    gap: 25px;
  }
}

.flow.-registered {
  padding: 0px;
}

.flow.-car-select {
  display: block;
  padding: 63px 20px 36px;
}

@media (max-width: 1020px) {
  .flow.-car-select {
    max-width: 95%;
    padding: 50px 10px 33px;
  }
}

.flow__car-name-init {
  margin-bottom: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .flow__car-name-init {
    width: 100%;
    overflow: scroll;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 480px) {
  .flow__car-name-init {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.flow__car-name-init button.tab {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 10px;
  border-left: 1px solid var(--clr-black);
}

@media (max-width: 1020px) {
  .flow__car-name-init button.tab {
    white-space: nowrap;
  }
}

.flow__car-name-init button.tab:last-child {
  border-right: 1px solid var(--clr-black);
}

.flow__car-name-init button.tab.-active, .flow__car-name-init button.tab:hover {
  color: var(--clr-prime);
  text-decoration: underline;
}

.flow__car-name-init button.tab.-empty {
  color: var(--clr-gray-light);
  pointer-events: none;
}

.flow__car-name-init li {
  padding: 0 10px;
  border-left: 1px solid var(--clr-black);
}

.flow__car-name-init li:last-child {
  border-right: 1px solid var(--clr-black);
}

.flow__car-name-init-btn {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .flow__car-name-init-btn {
    white-space: nowrap;
  }
}

.flow__car-name-init-btn.is-active, .flow__car-name-init-btn:hover {
  color: var(--clr-prime);
  text-decoration: underline;
}

.flow__car-name-init-btn.-empty {
  color: var(--clr-gray-light);
  pointer-events: none;
}

.flow__car-name-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.flow__car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}

@media (max-width: 1020px) {
  .flow__car-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.flow__car-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--clr-gray-mid);
  margin-bottom: 20px;
}

@media (max-width: 1020px) {
  .flow__car-select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

.flow__car-select a.-car-select {
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
  max-width: 180px;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .flow__car-select a.-car-select {
    max-width: 100%;
  }
}

.flow__car-select-detail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flow__car-select-detail img {
  max-width: 100px;
  margin-right: 24px;
}

@media (max-width: 1020px) {
  .flow__car-select-detail img {
    margin-right: unset;
  }
}

@media (max-width: 1020px) {
  .flow__car-select-detail {
    gap: 8px;
  }
}

.flow .x-icon-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.flow .x-icon-space:hover i {
  opacity: 0.8;
}

.flow__search-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 40px auto 10px;
}

.flow-tire-width__img-1 {
  margin-bottom: 20px;
}

.flow-tire-width-top {
  padding-top: 40px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top {
    padding-top: 20px;
  }
}

.flow-tire-width-top__title {
  width: 656px;
  margin: 0 auto 16px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__title {
    width: 100%;
    padding: 0 10px;
  }
}

.flow-tire-width-top__bg {
  background-color: var(--clr-gray-lighter);
}

.flow-tire-width-top__inner {
  width: 656px;
  margin: 0 auto;
  padding: 40px 0;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__inner.-sp {
    padding: 30px;
  }

  .flow-tire-width-top__inner.-sp .flow-tire-width-top__list-size {
    gap: 10px;
  }
}

@media (max-width: 1020px) {
  .flow-tire-width-top__inner {
    width: 100%;
    padding: 30px 10px;
  }
}

.flow-tire-width-top__inner.-last {
  margin-bottom: 80px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__inner.-last {
    margin-bottom: 0;
  }
}

.flow-tire-width-top__inner.-new-wheel {
  width: 880px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__inner.-new-wheel {
    width: 100%;
  }
}

.flow-tire-width-top__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__heading {
    font-size: 18px;
    gap: 5px;
  }
}

.flow-tire-width-top__heading span {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.flow-tire-width-top__list-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 30px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__list-size {
    gap: 10px 5px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.flow-tire-width-top__list-size li {
  width: 100%;
  max-width: 85px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__list-size li {
    max-width: 100%;
  }
}

.flow-tire-width-top__list-size li .button.-size {
  width: 100%;
  max-width: 85px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding: 13px 0;
  border: 1px solid transparent;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__list-size li .button.-size {
    max-width: 100%;
  }
}

.flow-tire-width-top__list-tiremaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__list-tiremaker {
    gap: 10px 9px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
  }
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(1) img {
  width: 114px;
  height: 16px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(2) img {
  width: 135px;
  height: 30px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(3) img {
  width: 141px;
  height: 20px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(4) img {
  width: 123px;
  height: 20px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(5) img {
  width: 157px;
  height: 48px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(6) img {
  width: 82px;
  height: 36px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(7) img {
  width: 95px;
  height: 20px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(8) img {
  width: 144px;
  height: 25px;
}

.flow-tire-width-top__list-tiremaker li:nth-of-type(9) img {
  width: 118px;
  height: 38px;
}

.flow-tire-width-top__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.flow-tire-width-top__accordion.-tb {
  margin-bottom: 16px;
}

.flow-tire-width-top__accordion-block.-tiresize .flow-tire-width-top__accordion-heading {
  margin-bottom: 8px;
}

.flow-tire-width-top__accordion-block.-tiresize .flow-tire-width-top__list-size {
  width: 495px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion-block.-tiresize .flow-tire-width-top__list-size {
    width: 265px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-general {
    gap: 5px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-general img {
  width: 33px;
  height: 18px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-general img {
    width: 28px;
    height: 16px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-offRoad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-offRoad {
    gap: 5px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-offRoad img {
  width: 33px;
  height: 23px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-offRoad img {
    width: 28px;
    height: 19px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-van {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-van {
    gap: 5px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-van img {
  width: 33px;
  height: 24px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-van img {
    width: 28px;
    height: 20px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-awd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-awd {
    gap: 5px;
  }
}

.flow-tire-width-top__accordion .accordion-block__title.-awd img {
  width: 33px;
  height: 21px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion .accordion-block__title.-awd img {
    width: 28px;
    height: 18px;
  }
}

.flow-tire-width-top__accordion-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.flow-tire-width-top__accordion-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.flow-tire-width-top__accordion-table th {
  width: 84px;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion-table th {
    width: 36px;
  }
}

.flow-tire-width-top__accordion-table .table-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion-table .table-title {
    gap: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
  }
}

.flow-tire-width-top__accordion-table .table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  border-bottom: 1px solid var(--clr-gray-light);
  padding: 16px 0;
}

@media (max-width: 1020px) {
  .flow-tire-width-top__accordion-table .table-content {
    gap: 20px;
  }
}

.flow-tire-width-top__accordion-table .table-content:last-child {
  border-bottom: noen;
}

.flow-tire-width-top__accordion-table .table-content th {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flow-tire-width-top__scrollbar {
  background-color: var(--clr-white);
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  margin-top: 14px;
  padding: 10px;
}

.flow-tire-width-top__scrollbar-inner {
  height: 328px;
  overflow-y: scroll;
}

.flow-tire-width-top__scrollbar-title {
  background-color: var(--clr-black);
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 13px 15px;
}

.flow-tire-width-top__scrollbar-list {
  border-bottom: 1px solid var(--clr-gray-light);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.flow-tire-width-top__scrollbar-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px 0;
}

.flow-tire-width-top__scrollbar-list a:hover {
  opacity: 0.6;
}

.flow-tire-width-top__tabs {
  margin-top: 30px;
}

.flow-tire-width-top__tabs-menu {
  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;
  padding: 0;
  margin: 0;
}

.flow-tire-width-top__tabs-btn {
  background: var(--clr-gray-dark);
  border: 1px solid var(--clr-gray-dark);
  color: var(--clr-white);
  font-weight: 700;
  cursor: pointer;
  width: 173px;
}

.flow-tire-width-top__tabs-btn.is-active {
  background: var(--clr-white);
  border: 1px solid var(--clr-white);
  color: var(--clr-second-black);
  pointer-events: none;
}

.flow-tire-width-top__tabs-panel {
  width: 100%;
}

.flow-tire-width-top__tabs-box {
  display: none;
}

.flow-tire-width-top__tabs-box.is-show {
  display: block;
}

.flow-tire-width-bottom__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  margin-bottom: 40px;
}

@media (max-width: 1020px) {
  .flow-tire-width-bottom__btns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 9px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.flow-tire-width-bottom__btns .button {
  width: 25%;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flow-tire-width-bottom__btns .button img {
  max-width: 28px;
}

.flow-tire-width-bottom__btns .button:hover {
  color: var(--clr-white);
  background-color: var(--clr-prime);
  border-color: var(--clr-prime);
}

@media (max-width: 1020px) {
  .flow-tire-width-bottom__btns .button {
    width: 100%;
  }
}

.flow-tire-width__lower-image {
  background-color: var(--clr-white);
  border-radius: 3px;
  padding: 10px 20px 20px;
}

@media (max-width: 1020px) {
  .flow-tire-width__lower-image {
    padding: 10px 10px 20px;
  }
}

.flow-tire-width__lower-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 20px;
  -webkit-transform: all 0.2s;
  transform: all 0.2s;
}

.flow-tire-width__lower-btn .link.-underline {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.flow-tire-width__lower-btn .icon.-question {
  color: var(--clr-gray-dark);
}

.flow-tire-width__lower-btn:hover {
  opacity: 0.8;
}

.flow-status {
  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;
}

.flow-status.-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {
  .flow-status.-pc {
    display: none;
  }
}

.flow-status.-sp {
  display: none;
}

@media (max-width: 1020px) {
  .flow-status.-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
    padding: 13px 10px 17px;
    background-color: var(--clr-white);
  }
}

@media (max-width: 768px) {
  .flow-status.-sp {
    padding: 13px 4px 17px;
  }
}

.flow-status__message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 144px;
  margin-right: 6px;
  padding-top: 30px;
}

.flow-status__message-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.flow-status__message-detail {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.flow-status__img-1 {
  max-width: 99px;
  padding-top: 21px;
  margin-right: 11px;
}

.flow-status__img-1-sp {
  max-width: 100px;
}

.flow-status__img-2 {
  max-width: 312px;
  margin-left: auto;
}

.flow-status__boxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  max-width: 240px;
}

@media (max-width: 1020px) {
  .flow-status__boxes {
    max-width: 192px;
  }
}

.flow-status__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: auto;
}

.flow-status__box-upper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.flow-status__box-num {
  color: var(--clr-gray-dark);
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3px;
}

@media (max-width: 1020px) {
  .flow-status__box-num {
    font-size: 24px;
  }
}

.flow-status__box-num.-target {
  font-size: 40px;
  font-weight: 900;
  letter-spacing: 4px;
  color: var(--clr-black);
  position: relative;
  bottom: -4px;
}

@media (max-width: 1020px) {
  .flow-status__box-num.-target {
    font-size: 36px;
  }
}

.flow-status__box-arrow {
  color: var(--clr-white);
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  background-color: var(--clr-gray-light);
  padding: 2px 6px 4px;
  position: relative;
}

@media (max-width: 1020px) {
  .flow-status__box-arrow {
    font-size: 14px;
    padding: 2px 4px 3px;
    line-height: 175%;
  }
}

.flow-status__box-arrow.-target {
  background-color: var(--clr-prime);
}

.flow-status__box-arrow.-target::before {
  border-bottom: 13px solid var(--clr-prime);
}

.flow-status__box-arrow::before {
  content: "";
  position: absolute;
  top: -13px;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 0px;
  height: 0px;
  border-left: 8px solid transparent;
  border-top: 13px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 13px solid var(--clr-gray-light);
}

.flow-status__span {
  color: var(--clr-gray-dark);
  font-size: 30px;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 3px;
  position: absolute;
  left: -30px;
}

@media (max-width: 1020px) {
  .flow-status__span {
    font-size: 24px;
    left: -20px;
  }
}

.flow-status__span.-target-flatness {
  top: 10px;
}

.flow-status__span.-target-rim {
  top: 14px;
}

@media (max-width: 1020px) {
  .flow-status__span.-target-rim {
    top: 18px;
  }
}

.flow-status__sp-img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flow-status__sp-scroll {
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .flow-status__sp-scroll .link {
    font-size: 12px !important;
  }
}

.form__hidden {
  display: none;
}

.form__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.form__wrap.-i-domestic, .form__wrap.-i-international, .form__wrap.-c-domestic, .form__wrap.-c-international {
  display: none;
}

.form__wrap.-i-domestic.is-active, .form__wrap.-i-international.is-active, .form__wrap.-c-domestic.is-active, .form__wrap.-c-international.is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.form__wrap.-mt-20 {
  margin-top: 20px;
}

.form__bar {
  background-color: var(--clr-white);
  width: calc(100% - 180px);
  position: fixed;
  bottom: 0;
  left: 180px;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  padding: 11px 0;
  z-index: 99;
}

@media (max-width: 1020px) {
  .form__bar {
    width: 100%;
    left: 0;
  }
}

.form__bar-text {
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form__bar-text span {
  color: var(--clr-prime);
  font-size: 20px;
}

.form__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  max-width: 100%;
}

@media (max-width: 1020px) {
  .form__group {
    max-width: 100%;
  }
}

.form__group.-flex {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.form__group.-flex .form__input {
  width: 50%;
}

@media (max-width: 1020px) {
  .form__group.-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form__group.-flex .form__input {
    width: 100%;
  }
}

.form__group.-align-center {
  gap: 16px 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .form__group.-align-center {
    gap: 16px 4px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.form__group.-birthday {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
}

.form__group.-error input,
.form__group.-error .select-box {
  border-color: var(--clr-prime);
}

.form__group.-space-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form__group.-mw-364 {
  max-width: 364px;
}

@media (max-width: 1020px) {
  .form__group.-mw-364 {
    max-width: 100%;
  }
}

.form__group.-disabled select {
  pointer-events: none;
  color: var(--clr-gray-light);
}

.form__group.-disabled select:invalid {
  color: var(--clr-gray-light);
}

.form__group.-center input {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form__error {
  color: var(--clr-prime);
  font-size: 12px;
  font-weight: 500;
}

.form__error.-border {
  max-width: 880px;
  width: 100%;
  margin: 0 auto;
  padding: 8px 0;
  font-size: 14px;
  text-align: center;
  border: 1px solid var(--clr-prime);
}

.form__label {
  font-weight: bold;
  font-size: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form__label.-fw-normal {
  font-weight: normal;
}

.form__desc {
  font-size: 14px;
  font-weight: 500;
}

.form__req {
  color: var(--clr-prime);
  font-weight: normal;
  font-size: 14px;
}

.form__note {
  font-size: 12px;
  font-weight: 500;
}

.form__input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.form__input.-half {
  width: 50%;
}

@media (max-width: 1020px) {
  .form__input.-half {
    width: 100%;
  }
}

.form__input.-short {
  width: 120px;
}

.form__input.-large input {
  height: 120px;
}

.form__input label {
  font-size: 14px;
}

.form__input label.-large {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.form__input label.-point {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.form__input label.-point input {
  width: 50%;
}

.form__input label.-point input:disabled {
  background-color: var(--clr-gray-light);
}

.form__input input {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  background-color: var(--clr-white);
}

.form__input input::-webkit-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__input input::-moz-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__input input:-ms-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__input input::-ms-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__input input::placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__input input.-white {
  background-color: var(--clr-white);
}

.form__input input.-mt-8 {
  margin-top: 8px;
}

.form__input input[type=date] {
  font-weight: bold;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  color: var(--clr-gray-light);
}

.form__input input[type=date].-visited {
  color: inherit;
}

.form__input.-ziplist {
  position: relative;
}

.form__textarea {
  width: 100%;
  padding: 8px 16px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
}

.form__textarea::-webkit-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__textarea::-moz-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__textarea:-ms-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__textarea::-ms-input-placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__textarea::placeholder {
  color: var(--clr-gray-light);
  font-weight: bold;
}

.form__radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  position: relative;
}

.form__radio input {
  position: absolute;
  top: 3px;
  left: 0;
  border: 1px solid var(--clr-black);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}

.form__radio input:after {
  opacity: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: var(--clr-black);
}

.form__radio input:checked:after {
  opacity: 1;
}

.form__radio input[type=radio]:disabled {
  border-color: var(--clr-gray-light);
}

.form__radio input[type=radio]:disabled::after {
  background-color: var(--clr-gray-light);
}

.form__radio label {
  padding-left: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.form__radio input,
.form__radio label {
  cursor: pointer;
}

.form__radio.-row input {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form__radio.-row label {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: 15px;
}

.form__radio.-row img {
  width: 120px;
}

.form__radio.-column {
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.form__radio.-column.-pl-30 {
  padding-left: 30px;
}

.form__radio.-gray input {
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 15px;
}

.form__radio.-gray label {
  width: 100%;
  background-color: var(--clr-gray-lightest);
  padding: 10px 15px 10px 40px;
}

.form__radio.-gray label .block__link {
  margin-top: 6px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.form__radio.option-1:checked .option1__content {
  display: block;
}

.form__radio-address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.form__radio-address label {
  font-size: 16px;
  font-weight: 700;
}

.form__radio-address input {
  top: 5px;
}

.form__radio-note {
  margin-top: 6px;
  padding: 8px 16px;
  background-color: var(--clr-gray-lightest);
}

.form__radio-note .block__link {
  margin-top: 10px;
}

.form__radio-option {
  display: none;
}

.form__radio-option.-visible {
  display: block;
}

.form__radio-option.-border-top {
  border-top: 1px solid var(--clr-gray-light);
  padding-top: 15px;
}

.form__checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}

.form__checkbox.-center {
  margin: 0 auto;
}

.form__checkbox.-top {
  margin-top: 5px;
}

.form__checkbox input {
  opacity: 0;
}

.form__checkbox input:checked+label::before {
  background-color: var(--clr-gray-darker);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7dTBDYAgEETRLcnOtAPs2BJGTORChMBhZyWZn3Bk8w6wZkoptUAA0nMsshdRisFUiNJhzBqIK5/NWLkg8uV9ZoAXIs0M8kYMDYTXm8gDztHB8H6YIxiwfkcPA/YXbWBARUxgeMuqg+FuzAaGj/jAxCEqTCxCKaX+2A3dtRuBZqtaWAAAAABJRU5ErkJggg==");
}

.form__checkbox-label {
  cursor: pointer;
  font-size: 14px;
  position: relative;
  padding-left: 22px;
}

.form__checkbox-label:before {
  position: absolute;
  left: 0;
  top: 3px;
  width: 17px;
  height: 17px;
  content: "";
  border-radius: 2px;
  border: 1px solid var(--clr-gray-darker);
  cursor: pointer;
  z-index: 1;
  background-size: 100% 100%;
}

.form__checkbox-label:has(input[type=checkbox]:checked):before {
  background-color: var(--clr-gray-darker);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7dTBDYAgEETRLcnOtAPs2BJGTORChMBhZyWZn3Bk8w6wZkoptUAA0nMsshdRisFUiNJhzBqIK5/NWLkg8uV9ZoAXIs0M8kYMDYTXm8gDztHB8H6YIxiwfkcPA/YXbWBARUxgeMuqg+FuzAaGj/jAxCEqTCxCKaX+2A3dtRuBZqtaWAAAAABJRU5ErkJggg==");
}

.form__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
}

.form__link .icon {
  color: var(--clr-gray-dark);
  font-size: 20px;
}

.form__link:hover {
  opacity: 0.8;
}

.form__link.-pl-30 {
  padding-left: 30px;
}

.form__image {
  width: 66%;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .form__image {
    width: 100%;
  }
}

.form__image.-w-100 {
  width: 100%;
}

.form__image.-w-432 {
  width: 100%;
  max-width: 432px;
}

@media (max-width: 1020px) {
  .form__image.-w-432 {
    max-width: 100%;
  }
}

.form__image .preview {
  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;
  width: 100%;
  max-width: 500px;
  aspect-ratio: 4/3;
  overflow: hidden;
  height: 100%;
  max-height: 324px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
}

.form__image .preview img {
  width: 100%;
  aspect-ratio: 4/3;
}

.form__image label {
  max-width: unset !important;
  cursor: pointer;
}

.form__image input[type=file] {
  display: none;
}

.form__pass {
  position: relative;
}

.form__pass .passIcon {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.form__file {
  padding: 8px 0;
}

.form__file label input[type=file] {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  max-width: -webkit-fill-available;
  cursor: pointer;
}

.form__file label input[type=file]::-webkit-file-upload-button {
  padding: 8px 16px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  color: var(--clr-black);
  background-color: var(--clr-white);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.form__file label input[type=file]::file-selector-button {
  padding: 8px 16px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  color: var(--clr-black);
  background-color: var(--clr-white);
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}

.form__file label input[type=file]::-webkit-file-upload-button:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: var(--clr-white);
  background-color: var(--clr-prime);
  border-color: var(--clr-prime);
}

.form__file label input[type=file]::file-selector-button:hover {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  color: var(--clr-white);
  background-color: var(--clr-prime);
  border-color: var(--clr-prime);
}

.form__file span {
  font-size: 14px;
  margin-left: 10px;
}

.form__evaluation span {
  display: inline-block;
  width: 18px;
  margin-left: 2px;
  -webkit-transform: translateY(2px);
  transform: translateY(2px);
}

.form__evaluation span img {
  width: 100%;
}

.form__evaluation span:first-child {
  margin-left: 10px;
}

.ziplist_ {
  position: absolute;
  background-color: var(--clr-gray);
  list-style-type: none;
  padding: 0;
  margin: 0;
  z-index: 1;
  left: 130px;
  top: 0;
  width: 260px;
}

@media (max-width: 1020px) {
  .ziplist_ {
    left: 0;
    top: 55px;
  }
}

.ziplist_ li {
  padding: 10px;
  cursor: pointer;
}

.ziplist_ li:hover {
  background-color: var(--clr-second);
}

.icon {
  font-family: "fuji-icons" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  pointer-events: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon.-gray {
  color: var(--clr-gray-dark);
}

.icon.-white {
  color: var(--clr-white);
}

.icon.-hojin:before {
  content: "\e927";
}

.icon.-basket:before {
  content: "\e928";
}

.icon.-external:before {
  content: "\e929";
}

.icon.-mail:before {
  content: "\e92a";
}

.icon.-eye_off:before {
  content: "\e925";
}

.icon.-eye_on:before {
  content: "\e926";
}

.icon.-tire:before {
  content: "\e917";
}

.icon.-up:before {
  content: "\e900";
}

.icon.-arrow-forward:before {
  content: "\e901";
}

.icon.-arrow-back:before {
  content: "\e902";
}

.icon.-backward:before {
  content: "\e903";
}

.icon.-forward:before {
  content: "\e904";
}

.icon.-car:before {
  content: "\e905";
}

.icon.-trash-x:before {
  content: "\e906";
}

.icon.-sun:before {
  content: "\e907";
}

.icon.-crawn:before {
  content: "\e908";
}

.icon.-trash:before {
  content: "\e909";
}

.icon.-home:before {
  content: "\e90a";
}

.icon.-star-o:before {
  content: "\e90b";
}

.icon.-close:before {
  content: "\e90c";
}

.icon.-left-v:before {
  content: "\e90d";
}

.icon.-right-v:before {
  content: "\e90e";
}

.icon.-plus:before {
  content: "\e90f";
}

.icon.-minus:before {
  content: "\e910";
}

.icon.-first:before {
  content: "\e911";
}

.icon.-last:before {
  content: "\e912";
}

.icon.-left:before {
  content: "\e913";
}

.icon.-right:before {
  content: "\e914";
}

.icon.-down:before {
  content: "\e915";
}

.icon.-question:before {
  content: "\e916";
}

.icon.-box:before {
  content: "\e918";
}

.icon.-business:before {
  content: "\e919";
}

.icon.-shop:before {
  content: "\e91a";
}

.icon.-user:before {
  content: "\e91b";
}

.icon.-cart:before {
  content: "\e91c";
}

.icon.-lang:before {
  content: "\e91d";
}

.icon.-search:before {
  content: "\e91e";
}

.icon.-check:before {
  content: "\e91f";
}

.icon.-info:before {
  content: "\e920";
}

.icon.-backspace:before {
  content: "\e921";
}

.icon.-star:before {
  content: "\e922";
}

.icon.-badge-star:before {
  content: "\e923";
}

.icon.-badge-check:before {
  content: "\e924";
}

.icon.-rewrite.-size-18:before {
  content: "\e92b";
}

.icon.-arrow-down:before {
  content: "\e92c";
}

.icon.-size-2 {
  font-size: 2px;
}

.icon.-size-4 {
  font-size: 4px;
}

.icon.-size-6 {
  font-size: 6px;
}

.icon.-size-8 {
  font-size: 8px;
}

.icon.-size-10 {
  font-size: 10px;
}

.icon.-size-12 {
  font-size: 12px;
}

.icon.-size-14 {
  font-size: 14px;
}

.icon.-size-16 {
  font-size: 16px;
}

.icon.-size-18 {
  font-size: 18px;
}

.icon.-size-20 {
  font-size: 20px;
}

.icon.-size-22 {
  font-size: 22px;
}

.icon.-size-24 {
  font-size: 24px;
}

.icon.-size-26 {
  font-size: 26px;
}

.icon.-size-28 {
  font-size: 28px;
}

.icon.-size-30 {
  font-size: 30px;
}

.icon.-size-32 {
  font-size: 32px;
}

.icon.-size-34 {
  font-size: 34px;
}

.icon.-size-36 {
  font-size: 36px;
}

.icon.-size-38 {
  font-size: 38px;
}

.icon.-size-40 {
  font-size: 40px;
}

.img-error__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 48px;
  margin-top: 24px;
  padding-bottom: 24px;
}

@media (max-width: 1020px) {
  .img-error__inner {
    gap: 32px;
  }
}

.img-error__title {
  font-size: 30px;
  font-weight: bolder;
  text-align: center;
}

@media (max-width: 1020px) {
  .img-error__title {
    font-size: 20px;
  }
}

.img-error__message {
  text-align: center;
}

.img-error__return {
  width: 100%;
  max-width: 220px;
  margin: 0 auto;
}

.important {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 10px;
  margin: 20px 0;
}

.important__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 2px solid var(--clr-important);
}

.important__title {
  color: var(--clr-white);
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  background-color: var(--clr-important);
  padding: 13px 11px 12px;
  margin: 0;
  width: 100%;
  max-width: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .important__title {
    padding: 26px 8px;
    font-size: 12px;
    max-width: 100px;
    font-weight: 500;
    line-height: 150%;
  }
}

.important__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 13px 21px 11px 14px;
}

@media (max-width: 1020px) {
  .important__content {
    gap: 1px;
    padding: 6px 7px 9px 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.important__time {
  color: var(--var-second-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  width: 100%;
  max-width: 102px;
}

.important__text {
  color: var(--var-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  width: 100%;
  max-width: 740px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .important__text {
    -webkit-line-clamp: 2;
  }
}

.link {
  --link-color: #000;
  --link-bg-color: transparent;
  --link-bg-color-hover: transparent;
  --link-border-color: transparent;
  --link-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  color: var(--link-color);
  background: var(--link-bg-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.link__title {
  white-space: pre;
  position: relative;
  margin-left: 5px;
  margin-right: auto;
}

.link__cart-num {
  position: absolute;
  color: var(--clr-white);
  background-color: var(--clr-prime);
  top: -5px;
  right: -20px;
  text-align: center;
  border-radius: 100%;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  min-width: 22px;
  min-height: auto;
}

.link__count {
  position: absolute;
  color: var(--clr-white);
  background-color: var(--clr-prime);
  top: 0;
  right: 0;
  text-align: center;
  border-radius: 100%;
  padding: 5px;
  font-size: 10px;
  line-height: 1;
  min-width: 22px;
  min-height: auto;
}

.link.-bold {
  font-weight: 700;
}

.link.-underline {
  text-decoration: underline;
  font-size: 14px;
  display: inline-block;
}

.link.-underline.-modal {
  --btn-text: var(--clr-black);
  font-weight: 700;
  line-height: 175%;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.link.-underline.-modal i {
  position: absolute;
  right: -25px;
}

.link.-underline.-modal.-mr-30 {
  margin-right: 30px;
}

.link.-underline.-to-wheel {
  padding: 13.5px 0;
}

@media (max-width: 1020px) {
  .link.-underline.-puncture {
    font-size: 12px;
  }
}

.link.-tire-season {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  line-height: 150%;
  position: relative;
  padding-left: 20px;
}

.link.-tire-season i.icon {
  position: absolute;
  left: 0;
}

.link.-tire-season.-mt-25 {
  margin-top: 25px;
}

.link.-nav-order {
  width: 100%;
  --link-bg-color: var(--clr-gray-lighter);
}

.link.-nav-main {
  --link-border-color: #ccc;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  padding: 15px 0;
  border-bottom: 1px solid var(--link-border-color);
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.link.-nav-main.is-active {
  --link-color: var(--clr-gray-mid);
}

.link.-nav-main.is-active .icon.-right,
.link.-nav-main.is-active .icon.-forward {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.link.-nav-sub {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  padding: 10px 12px;
  gap: 4px;
  border-radius: 2px;
  -webkit-box-shadow: var(--link-shadow);
  box-shadow: var(--link-shadow);
}

.link.-sp-header {
  font-weight: 700;
  padding: 8px;
}

.link.-nav-footer {
  font-size: 12px;
  font-weight: 500;
  line-height: 1.75;
  gap: 4px;
}

.link.-cart {
  position: relative;
}

.link.-sp-menu {
  padding: 18px 10px;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.link.-sp-menu .icon.-forward,
.link.-sp-menu .icon.-right,
.link.-sp-menu .icon.-minus,
.link.-sp-menu .icon.-plus {
  margin-left: auto;
}

.link.-sp-menu.-sp-order {
  --link-bg-color: var(--clr-gray-lighter);
  --link-border-color: var(--clr-gray-lighter);
}

@media (max-width: 1020px) {
  .link.-sp-menu:hover {
    color: inherit;
  }
}

.link.-sp-menu.-px-0 {
  padding-left: 0;
  padding-right: 0;
}

@media (max-width: 1020px) {
  .link.-sp-menu span br {
    display: none;
  }
}

.link.-sub-sp-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  --link-color: #000;
  --link-border-color: var(--clr-gray-lightest);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.link.-sub-sp-menu .icon.-forward {
  margin-left: auto;
}

.link:hover {
  --link-color: var(--clr-gray-dark);
  --link-border-color: var(--clr-border);
  opacity: 0.8;
}

.link.-info-external {
  --btn-text: var(--clr-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding: 0;
  text-decoration-line: unset;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: auto;
}

.link.-info-external i::before {
  font-size: 20px;
}

.link.-include-icon {
  position: relative;
  padding-right: 15px;
}

@media (max-width: 1020px) {
  .link.-include-icon {
    padding-right: 15px;
  }
}

@media screen and (max-width: 430px) {
  .link.-include-icon {
    padding-right: 0px;
  }
}

.link.-include-icon i.icon {
  position: absolute;
}

.link__question {
  --link-color: #000;
  color: var(--link-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 1020px) {
  .link__question.-center {
    text-align: center;
    margin: 0 auto;
  }
}

.link__question img {
  width: 20px;
  width: 23px;
}

.link__question:hover {
  --link-color: var(--clr-gray-dark);
}

.link__question:hover img {
  opacity: 0.6;
}

.link__display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.link__display img {
  width: 22px;
  height: 22px;
}

.link__display:hover {
  opacity: 0.6;
}

.link__display.is-active {
  display: none;
}

.redisplay {
  --link-color: #000;
  color: var(--link-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  text-decoration-line: underline;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.redisplay img {
  width: 15px;
  width: 15px;
}

.redisplay:hover {
  --link-color: var(--clr-gray-dark);
}

.redisplay:hover img {
  opacity: 0.6;
}

.list__title-space {
  padding: 40px 10px 24px;
}

@media (max-width: 1020px) {
  .list__title-space {
    padding: 20px 10px 16px;
  }
}

.list__to-fitting {
  max-width: 1000px;
  padding: 0px 50px;
  display: block;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .list__to-fitting {
    max-width: 100%;
    padding: 10px 10px 0;
  }
}

.list__to-fitting-btn {
  width: 100%;
}

.list__to-fitting-btn img {
  max-width: 1000px;
}

.list__title {
  margin: 0;
  text-align: center;
  color: var(--clr-gray-darker);
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .list__title {
    font-size: 22px;
  }
}

.list__product-title {
  color: var(--clr-gray-darker);
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .list__product-title {
    font-size: 16px;
  }
}

.list__product-title span {
  font-size: 24px;
  line-height: 125%;
}

.list__inner {
  width: 880px;
  margin: 0 auto;
  padding-bottom: 80px;
}

@media (max-width: 1020px) {
  .list__inner {
    width: 100%;
    padding: 0 10px 43px;
  }
}

.list__inner.-car-type {
  padding-bottom: 24px;
}

.list__inner.-car-type:nth-child(odd) {
  padding-bottom: 48px;
}

.list__inner.-car-type:last-child {
  padding-bottom: 80px;
}

.list__inner-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding: 20px 0 32px;
}

@media (max-width: 1020px) {
  .list__inner-list {
    padding: 17px 0 24px;
    gap: 10px;
  }
}

.list__inner-list .-sp-grid {
  display: none;
}

@media (max-width: 1020px) {
  .list__inner-list .baloon.-favorite {
    left: -180%;
  }

  .list__inner-list .baloon.-favorite::after {
    left: 85%;
  }
}

.list__inner-list .baloon.-favorite.-not-login {
  left: 50%;
}

.list__inner-list .baloon.-favorite.-not-login::after {
  left: 50%;
}

@media (max-width: 1020px) {
  .list__inner-list .baloon.-favorite.-not-login {
    left: -50%;
  }

  .list__inner-list .baloon.-favorite.-not-login::after {
    left: 72%;
  }
}

@media (max-width: 1020px) {
  .list__inner-list .baloon.-favorite.-in-accordion-not-login {
    left: -75%;
  }

  .list__inner-list .baloon.-favorite.-in-accordion-not-login::after {
    left: 80%;
  }
}

.list__inner-list.-grid {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}

@media (max-width: 1020px) {
  .list__inner-list.-grid {
    gap: 9px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.list__inner-list.-grid li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.list__inner-list.-grid .card.-product {
  width: 210px;
  padding: 16px 16px 24px;
  gap: 12px;
  height: 100%;
}

@media (max-width: 1020px) {
  .list__inner-list.-grid .card.-product {
    padding: 10px;
    width: 46.13vw;
  }
}

.list__inner-list.-grid .card.-product .card__tag {
  height: 80px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}

.list__inner-list.-grid .card.-product .card__content {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.list__inner-list.-grid .card.-product .card__content-img {
  width: 100%;
  height: 100%;
}

.list__inner-list.-grid .card.-product .card__content-img.-parts {
  height: 100%;
  max-height: 178px;
  -o-object-fit: contain;
  object-fit: contain;
  aspect-ratio: 1/1;
}

@media (max-width: 1020px) {
  .list__inner-list.-grid .card.-product .card__content-img.-parts {
    max-width: 100%;
    max-height: 100%;
  }
}

.list__inner-list.-grid .card.-product .card__content-inner {
  padding: 0;
}

.list__inner-list.-grid .card.-product .card__content-title {
  font-size: 14px;
}

.list__inner-list.-grid .card.-product .card__content-text {
  font-size: 14px;
}

.list__inner-list.-grid .card.-product .card__content-size {
  font-size: 14px;
}

@media (max-width: 1020px) {
  .list__inner-list.-grid .card.-product .card__content-size {
    height: 49px;
  }
}

@media (max-width: 1020px) {
  .list__inner-list.-grid .card.-product .card__content-size .-sp-grid {
    display: block;
  }
}

.list__inner-list.-grid .card.-product .card__content-price {
  font-size: 18px;
}

.list__inner-list.-grid .card.-product .card__content-price span {
  font-size: 12px;
}

.list__inner-list.gap-wide {
  gap: 24px;
}

@media (max-width: 1020px) {
  .list__inner-list.gap-wide {
    gap: 22px;
  }
}

.list__inner-item {
  display: block;
}

.list__inner-item.is-hidden {
  display: none;
  height: 0;
  margin: 0;
}

.list__inner-btn-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  width: 100%;
  max-width: 880px;
}

@media (max-width: 1020px) {
  .list__inner-btn-space {
    gap: 9px;
    max-width: 100%;
  }
}

.list__inner-btn-space .button {
  width: 100%;
}

.list__inner-form {
  padding-top: 20px;
}

@media (max-width: 1020px) {
  .list__inner-form {
    width: 100%;
    max-width: 656px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .list__inner-form ul.-sp {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
  }
}

.list__inner-form input.button.-search {
  margin-top: 30px;
}

.list__inner-form-title {
  color: var(--clr-prime);
  margin-bottom: 20px;
}

.list__head {
  padding-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list__head-top {
  padding-top: 40px;
}

.list__head.-tire {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.list__head-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.list__head-btn.-mt-32 {
  margin-top: 32px;
}

.list__head-recommend {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.list__head.-dis {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.list__head-btn-modals {
  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;
  -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: 1020px) {
  .list__head-btn-modals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: normal;
    -ms-flex-align: normal;
    align-items: normal;
  }
}

.list__no-found {
  color: var(--clr-prime);
}

.list__banner:hover {
  opacity: 0.6;
}

.list__recommend {
  width: 100%;
  margin-top: 20px;
}

.list__recommend-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

.list__recommend-head-title {
  color: var(--clr-white);
  padding: 8px 16px;
  background-color: var(--clr-prime);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
  max-width: 80px;
}

.list__recommend-head-description {
  padding: 8px 13px;
  background-color: var(--clr-gray-light);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
}

.list__recommend-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px;
  border-right: 1px solid var(--clr-gray-light);
  border-left: 1px solid var(--clr-gray-light);
  border-bottom: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .list__recommend-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 17px 9px;
  }
}

.list__recommend-body-left, .list__recommend-body-right {
  width: 100%;
}

.list__recommend-body-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .list__recommend-body-left {
    gap: 10px;
  }
}

.list__recommend-product-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 1px;
}

.list__recommend-product-detail {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.list__recommend-body-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 9px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 360px;
}

@media (max-width: 1020px) {
  .list__recommend-body-right {
    max-width: 100%;
    margin-top: 16px;
  }
}

.list__recommend-body-right-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .list__recommend-body-right-top {
    gap: 9px;
  }
}

.list__recommend-body-right-top.only-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {
  .list__recommend-body-right-top.only-pc {
    display: none;
  }
}

.list__recommend-body-right-top.only-sp {
  display: none;
}

@media (max-width: 1020px) {
  .list__recommend-body-right-top.only-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.list__recommend-body-right-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.list__recommend-body-right-imgs img {
  max-width: 130px;
}

.list__recommend-body-right-caution {
  color: var(--clr-prime);
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.list__recommend-body-right-bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 19px;
}

@media (max-width: 1020px) {
  .list__recommend-body-right-bottom {
    gap: 25px;
  }
}

.list__recommend-body-price {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.list__recommend-body-choose {
  width: 100%;
  max-width: 200px;
  padding: 12px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.more-btn {
  width: 180px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

@media (max-width: 1020px) {
  .more-btn {
    width: 100%;
  }
}

.more-btn.is-btn-hidden {
  display: none;
}

.more-btn:hover {
  -webkit-box-shadow: var(--btn-shadow-hover);
  box-shadow: var(--btn-shadow-hover);
}

.narrow-search {
  position: sticky;
  width: 100%;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  border: 1px solid var(--clr-gray-light);
  background: rgba(247, 247, 247, 0.8);
  padding: 12px 0 20px;
}

@media (max-width: 1020px) {
  .narrow-search {
    padding: 12px 10px 20px;
  }
}

.narrow-search.wheel-g {
  display: none;
}

.narrow-search.wheel-g.active {
  display: block;
}

.narrow-search__display {
  color: var(--clr-second-black);
  text-align: center;
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.narrow-search__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  gap: 8px;
}

.narrow-search__btn .-search {
  margin: 0;
  padding: 12px 24px;
  background: var(--clr-gray-dark);
}

@media (max-width: 1020px) {
  .narrow-search__btn .-search {
    width: 100%;
    max-width: 210px;
  }
}

@media (max-width: 1020px) {
  .narrow-search__btn .-search.terms {
    max-width: 225px;
  }
}

.narrow-search__select {
  padding: 8px 16px;
}

.narrow-search__select-text {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

.narrow-search__select-text.-price {
  width: 100%;
}

.narrow-search__select-text.-p-0 {
  padding: 0;
}

.narrow-search__content {
  width: 658px;
  background-color: var(--clr-white);
  padding: 24px 24px 40px;
  position: relative;
}

@media (max-width: 1020px) {
  .narrow-search__content {
    width: 100%;
    padding: 30px 20px;
  }
}

.narrow-search__content-title {
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 12px;
}

.narrow-search__content-heading {
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 24px;
}

.narrow-search__item {
  padding: 24px 0;
  border-bottom: 1px solid var(--clr-gray-light);
}

.narrow-search__item:first-child {
  border-top: 1px solid var(--clr-gray-light);
}

.narrow-search__item-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

.narrow-search__item-title.-mtb {
  margin-top: 24px;
  margin-bottom: 16px;
}

.narrow-search__item-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.narrow-search__item-info {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  margin: 16px 0 24px;
}

.narrow-search__item-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.narrow-search__item-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 8px;
}

.narrow-search__item-icon img {
  height: 24px;
}

.narrow-search__item-icon.-wetgrip img {
  height: 32px;
}

.narrow-search__accordion {
  margin-top: 16px;
}

.narrow-search__accordion.-tire-brand {
  padding: 0 24px;
}

.narrow-search__accordion.-tire-brand .narrow-search__item-heading {
  margin-bottom: 0;
  cursor: pointer;
  padding: 16px 0;
}

.narrow-search__accordion.-tire-brand .narrow-search__checkbox-heading {
  margin-top: 16px;
  padding: 20px 20px 0;
  border-top: 1px solid var(--clr-gray-light);
}

.narrow-search__accordion.-tire-brand .narrow-search__checkbox-heading:first-child {
  margin-top: 0;
}

.narrow-search__accordion.-tire-brand .narrow-search__checkbox {
  padding: 0;
  margin-bottom: 28px;
}

.narrow-search__block {
  padding: 24px;
}

.narrow-search__block.-px-0 {
  padding-left: 0;
  padding-right: 0;
}

.narrow-search__block-title {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.narrow-search__block-title.-general img {
  width: 33px;
  height: 18px;
}

@media (max-width: 1020px) {
  .narrow-search__block-title.-general img {
    width: 28px;
    height: 16px;
  }
}

.narrow-search__block-title.-offRoad img {
  width: 33px;
  height: 23px;
}

@media (max-width: 1020px) {
  .narrow-search__block-title.-offRoad img {
    width: 28px;
    height: 19px;
  }
}

.narrow-search__block-title.-van img {
  width: 33px;
  height: 24px;
}

@media (max-width: 1020px) {
  .narrow-search__block-title.-van img {
    width: 28px;
    height: 20px;
  }
}

.narrow-search__block-title.-awd img {
  width: 33px;
  height: 21px;
}

@media (max-width: 1020px) {
  .narrow-search__block-title.-awd img {
    width: 28px;
    height: 18px;
  }
}

.narrow-search__block-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.narrow-search__block-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  margin-bottom: 16px;
}

.narrow-search__checkbox {
  padding: 0 20px;
}

.narrow-search__checkbox-title {
  padding: 16px 0;
}

.narrow-search__checkbox-heading {
  padding: 20px 0;
  border-top: 1px solid var(--clr-gray-light);
}

.narrow-search__checkbox-heading:first-child {
  border-top: none;
}

.narrow-search__checkbox-titleBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  position: relative;
  padding-left: 22px;
  cursor: pointer;
}

.narrow-search__checkbox-titleBox:before {
  position: absolute;
  left: 0;
  top: 5px;
  width: 17px;
  height: 17px;
  content: "";
  border-radius: 2px;
  border: 1px solid var(--clr-gray-darker);
  cursor: pointer;
  z-index: 1;
  background-size: 100% 100%;
}

.narrow-search__checkbox-titleBox.active:before {
  background-color: var(--clr-gray-darker);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAiCAYAAAA6RwvCAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACASURBVHgB7dTBDYAgEETRLcnOtAPs2BJGTORChMBhZyWZn3Bk8w6wZkoptUAA0nMsshdRisFUiNJhzBqIK5/NWLkg8uV9ZoAXIs0M8kYMDYTXm8gDztHB8H6YIxiwfkcPA/YXbWBARUxgeMuqg+FuzAaGj/jAxCEqTCxCKaX+2A3dtRuBZqtaWAAAAABJRU5ErkJggg==");
}

.narrow-search__checkbox-label {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.narrow-search__checkbox-group {
  padding: 0 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.narrow-search__checkbox-form {
  padding: 12px 0;
}

.narrow-search__about {
  margin-bottom: 24px;
}

.loader {
  height: 100vh;
  width: 100%;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1000;
  display: none;
}

.loader.-is-now-loading {
  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;
  padding-left: var(--sidebar-width);
}

.loader .car__body {
  -webkit-animation: 3s linear infinite rotation;
  animation: 3s linear infinite rotation;
  width: 100%;
  max-width: 100px;
  opacity: 0.8;
}

@media (max-width: 1020px) {
  .loader .car__body {
    max-width: 60px;
  }
}

@-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);
  }
}

.is-modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.is-modal-open .modal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(0, 0, 0, 0.8);
}

.modal__title {
  font-size: 26px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  width: 100%;
  margin: 0 0 20px;
}

@media (max-width: 1020px) {
  .modal__title {
    font-size: 18px;
  }
}

.modal__title.-small {
  font-size: 18px;
}

@media (max-width: 1020px) {
  .modal__title.-small {
    font-size: 18px;
  }
}

.modal__overlay {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

@media (max-width: 1020px) {
  .modal__padding {
    padding: 40px 0;
  }
}

.modal__inner {
  max-height: calc(100svh - 40px);
  margin: 20px auto;
  -webkit-animation-name: modalopen;
  animation-name: modalopen;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
  position: relative;
  overflow: auto;
  background-color: var(--clr-white);
}

@media (max-width: 1020px) {
  .modal__inner {
    min-width: unset;
    width: 100%;
    max-width: 95%;
  }
}

.modal__inner.-maker-select {
  padding: 33px 20px 38px;
}

.modal__inner.-maker-select .tab {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 120px;
}

.modal__inner.-maker-select .tab__menu {
  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;
  margin-bottom: 36px;
  gap: 18px;
  width: 100%;
}

.modal__inner.-maker-select .tab__menu-item {
  list-style: none;
  width: 100%;
  text-align: center;
  background-color: var(--clr-white);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.modal__inner.-maker-select .tab__menu-item:last-of-type {
  margin-right: 0px;
}

.modal__inner.-maker-select .tab__menu-item.is-active {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: transparent;
}

.modal__inner.-maker-select .tab__panel {
  width: 100%;
}

.modal__inner.-maker-select .tab__panel-box {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

@media (max-width: 1020px) {
  .modal__inner.-maker-select .tab__panel-box {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 5px;
  }
}

.modal__inner.-maker-select .tab__panel-box001,
.modal__inner.-maker-select .tab__panel-box002 {
  display: none;
}

.modal__inner.-maker-select .tab__panel-box.is-show {
  display: grid;
}

.modal__inner.-car-name {
  padding: 66px 20px 41px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-name {
    padding: 60px 10px 57px;
  }
}

.modal__inner.-car-name .tab-panel {
  display: none;
}

.modal__inner.-car-name .tab-panel.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__inner.-car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
  padding: 74px 20px 43px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-detail {
    gap: 25px;
    padding: 58px 10px 40px;
  }
}

.modal__inner.-registered {
  padding: 0px;
  margin: 0;
}

@media (max-width: 1020px) {
  .modal__inner.-registered {
    max-width: 100%;
  }
}

.modal__inner.-car-select {
  display: block;
  margin: 0;
  padding: 63px 20px 36px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-select {
    max-width: 100%;
    padding: 50px 10px 33px;
  }
}

.modal__inner__car-name-init {
  margin-bottom: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .modal__inner__car-name-init {
    width: 100%;
    overflow: scroll;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 480px) {
  .modal__inner__car-name-init {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.modal__inner__car-name-init button.tab {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 10px;
  border-left: 1px solid var(--clr-black);
}

@media (max-width: 1020px) {
  .modal__inner__car-name-init button.tab {
    white-space: nowrap;
  }
}

.modal__inner__car-name-init button.tab:last-child {
  border-right: 1px solid var(--clr-black);
}

.modal__inner__car-name-init button.tab.-active, .modal__inner__car-name-init button.tab:hover {
  color: var(--clr-prime);
  text-decoration: underline;
}

.modal__inner__car-name-init button.tab.-empty {
  color: var(--clr-gray-light);
  pointer-events: none;
}

.modal__inner__car-name-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.modal__inner__car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}

@media (max-width: 1020px) {
  .modal__inner__car-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__car-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--clr-gray-mid);
  margin-bottom: 20px;
}

@media (max-width: 1020px) {
  .modal__inner__car-select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

.modal__inner__car-select a.-car-select {
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
  max-width: 180px;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .modal__inner__car-select a.-car-select {
    max-width: 100%;
  }
}

.modal__inner__car-select-detail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal__inner__car-select-detail img {
  max-width: 100px;
  margin-right: 24px;
}

@media (max-width: 1020px) {
  .modal__inner__car-select-detail img {
    margin-right: unset;
  }
}

@media (max-width: 1020px) {
  .modal__inner__car-select-detail {
    gap: 8px;
  }
}

.modal__inner__upper.-black {
  width: 100%;
  padding: 20px 45px 20px 20px;
  color: var(--clr-white);
  background-color: var(--clr-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}

@media (max-width: 1020px) {
  .modal__inner__upper.-black {
    gap: 10px;
    padding: 17px 14px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__upper-sentence {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.modal__inner__upper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.modal__inner__upper-title-registered-car::before {
  font-size: 30px;
}

@media (max-width: 1020px) {
  .modal__inner__upper-title-registered-car::before {
    font-size: 24px;
  }
}

.modal__inner__upper-title h3.-matching {
  margin: 0;
  font-size: 18px;
}

@media (max-width: 1020px) {
  .modal__inner__upper-title h3.-matching {
    font-size: 12px;
    font-weight: 700;
    line-height: 175%;
  }
}

.modal__inner__lower {
  width: 100%;
  padding: 40px 20px 35px;
  color: var(--clr-black);
  background-color: var(--clr-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .modal__inner__lower {
    padding: 10px 10px 30px;
  }
}

.modal__inner__lower-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 23px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--clr-gray-mid);
  margin-bottom: 17px;
}

@media (max-width: 1020px) {
  .modal__inner__lower-block {
    gap: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__lower-block.-block-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: unset;
  border-bottom: unset;
  margin-bottom: unset;
}

.modal__inner__mycar-info.-car-select {
  margin-right: 118px;
}

@media (max-width: 1020px) {
  .modal__inner__mycar-info.-car-select {
    margin-right: unset;
  }
}

.modal__inner__mycar-info-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 12px;
}

@media (max-width: 1020px) {
  .modal__inner__mycar-info-title {
    margin-bottom: 10px;
  }
}

.modal__inner__lower-maker, .modal__inner__lower-car-type, .modal__inner__lower-car-detail, .modal__inner__lower-no-info {
  font-size: 14px;
  font-weight: 600;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .modal__inner__lower-maker, .modal__inner__lower-car-type, .modal__inner__lower-car-detail, .modal__inner__lower-no-info {
    font-size: 12px;
    line-height: 150%;
  }
}

.modal__inner__lower-maker span, .modal__inner__lower-car-type span, .modal__inner__lower-car-detail span, .modal__inner__lower-no-info span {
  font-weight: 500;
}

.modal__inner__select-wrapper {
  position: relative;
  width: 100%;
  max-width: 335px;
}

@media (max-width: 1020px) {
  .modal__inner__select-wrapper {
    max-width: 100%;
  }
}

.modal__inner.-delete {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 432px;
}

@media (max-width: 1020px) {
  .modal__inner.-delete {
    max-width: 95%;
  }
}

.modal__inner__delete-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  margin-bottom: 20px;
}

.modal__inner__delete-title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.modal__inner.-youtube {
  padding: 0;
  width: 100%;
  min-width: unset;
  max-width: 980px;
  height: 100%;
  max-height: 553px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: transparent;
}

@media (max-width: 1020px) {
  .modal__inner.-youtube {
    position: relative;
    width: 95%;
    padding-bottom: 56.25%;
    height: 0;
  }
}

.modal__inner-yt-frame {
  width: 100%;
  height: 100%;
  border: none;
  position: absolute;
}

@media (max-width: 1020px) {
  .modal__inner-yt-frame {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.modal__inner__delete-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.modal__inner__delete-btns a.-delete {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.modal__inner.-tire-select {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 880px;
}

@media (max-width: 1020px) {
  .modal__inner.-tire-select {
    max-width: 95%;
  }
}

.modal__inner.-tire-select.-small {
  max-width: 656px;
}

@media (max-width: 1020px) {
  .modal__inner.-tire-select.-small {
    max-width: 95%;
  }
}

.modal__inner__tire-select-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.modal__inner__tire-select-title span {
  color: var(--clr-prime);
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.modal__inner__tire-select-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.modal__inner__tire-select-sentence-2 {
  margin-bottom: 24px;
}

.modal__inner__tire-select img {
  display: block;
  max-width: 592px;
  margin: 0 auto 16px;
}

.modal__inner__tire-select-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.modal__inner.-table {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 880px;
}

@media (max-width: 1020px) {
  .modal__inner.-table {
    max-width: 95%;
  }
}

.modal__inner.-table.-small {
  max-width: 656px;
}

@media (max-width: 1020px) {
  .modal__inner.-table.-small {
    max-width: 95%;
  }
}

.modal__inner__table-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.modal__inner__table-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.modal__inner__table-supple {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.modal__inner__table-main {
  width: 100%;
  border-collapse: collapse;
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 24px;
}

.modal__inner__table-main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--clr-gray-light);
  background-color: var(--clr-gray-lightest);
}

.modal__inner__table-main-block+.modal-content__table-main-block {
  border-top: unset;
}

.modal__inner__table-main-block-title {
  padding: 4px 8px;
  width: 100%;
  max-width: 20%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-title {
    max-width: 52%;
  }
}

.modal__inner__table-main-block-title.-small {
  max-width: 25%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-title.-small {
    max-width: 52%;
  }
}

.modal__inner__table-main-block-sentence {
  padding: 4px;
  width: 100%;
  max-width: 80%;
  background-color: var(--clr-white);
  border-left: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-sentence {
    padding: 4px 8px;
    max-width: 48%;
  }
}

.modal__inner__table-main-block-sentence.-small {
  max-width: 75%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-sentence.-small {
    max-width: 48%;
  }
}

.modal__close {
  position: fixed;
  z-index: 10;
  top: 20px;
  right: 20px;
  background-color: var(--clr-white);
  font-size: 32px;
  font-weight: bold;
  line-height: 1;
  cursor: pointer;
  padding: 8px;
}

@media (max-width: 1020px) {
  .modal__close {
    right: 12px;
  }
}

[data-modal] {
  display: none;
}

.brand-list-modal {
  position: absolute;
  top: 0;
  left: 0;
  margin: 20px;
  padding: 0;
  background-color: var(--clr-white);
  width: calc(100% - 40px);
  height: calc(100% - 40px);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
  z-index: 11;
  overflow: hidden;
  overflow-y: scroll;
  display: none;
}

.brand-list-modal.active {
  display: block;
}

.brand-list-modal-wrap {
  padding: 20px;
}

.brand-list-modal .form__checkbox {
  padding: 20px 0;
  border-top: 1px solid var(--clr-gray-light);
}

.brand-list-modal .form__checkbox:first-child {
  border-top: none;
}

.brand-list-modal .narrow-search {
  padding: 12px 12px;
  z-index: 2;
}

@media (max-width: 1020px) {
  .brand-list-modal .narrow-search .-clear {
    padding: 6px 10px;
    white-space: nowrap;
  }

  .brand-list-modal .narrow-search .-search {
    padding: 6px 10px;
    white-space: nowrap;
  }
}

.mycar-btn {
  width: 100%;
  max-width: -webkit-fill-available;
  padding: 20px 110px;
  color: var(--clr-white);
  border-color: var(--clr-black);
  background-color: var(--clr-black);
  font-size: 14px;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  z-index: 99;
  margin: 0 auto;
  border-radius: unset;
  height: 100%;
  max-height: 70px;
}

@media (max-width: 1020px) {
  .mycar-btn {
    padding: 9px 10px;
    font-size: 12px;
    line-height: 175%;
    max-height: 48px;
  }
}

.mycar-btn.-yellow {
  background: var(--clr-second);
  border-color: var(--clr-second);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 90px;
}

@media (max-width: 1020px) {
  .mycar-btn.-yellow {
    padding: 9px 10px;
  }
}

@media (max-width: 768px) {
  .mycar-btn.-yellow {
    gap: 5px;
  }
}

.mycar-btn__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
}

@media (max-width: 1020px) {
  .mycar-btn__left {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.mycar-btn__icon-space {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--clr-white);
  padding-right: 12px;
  border-right: 1px solid var(--clr-white);
  margin-right: 12px;
  width: 100%;
  max-width: 101px;
}

@media (max-width: 1020px) {
  .mycar-btn__icon-space {
    gap: 6px;
    padding-right: 6px;
    border-right: 1px solid var(--clr-white);
    max-width: 84px;
  }
}

@media (max-width: 1020px) {
  .mycar-btn__registration {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.mycar-btn__right {
  color: var(--clr-white);
  padding-left: 12px;
  border-left: 1px solid var(--clr-white);
}

@media (max-width: 1020px) {
  .mycar-btn__right {
    padding-left: 0;
    border-left: unset;
  }
}

.modal__inner {
  max-height: calc(100svh - 40px);
  margin: 20px auto;
  -webkit-animation-name: modalopen;
  animation-name: modalopen;
  -webkit-animation-duration: 0.2s;
  animation-duration: 0.2s;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.8);
  position: relative;
  overflow: auto;
}

@media (max-width: 1020px) {
  .modal__inner {
    min-width: unset;
    width: 100%;
    max-width: 95%;
  }
}

.modal__inner.-maker-select {
  padding: 33px 20px 38px;
  /* �^�u���j���[ */
  /* is-active����??��??�鎞�̃X�^�C�� */
  /* �^�u�p�l�� */
  /* is-show����??��??�鎞�̃X�^�C�� */
}

.modal__inner.-maker-select .tab {
  max-width: 800px;
  margin: 0 auto;
  margin-top: 120px;
}

.modal__inner.-maker-select .tab__menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  /* ���j���[������?? */
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 36px;
  gap: 18px;
  width: 100%;
}

.modal__inner.-maker-select .tab__menu-item {
  list-style: none;
  width: 100%;
  text-align: center;
  background-color: var(--clr-white);
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.modal__inner.-maker-select .tab__menu-item:last-of-type {
  margin-right: 0px;
}

.modal__inner.-maker-select .tab__menu-item.is-active {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  border-color: transparent;
}

.modal__inner.-maker-select .tab__panel {
  width: 100%;
}

.modal__inner.-maker-select .tab__panel-box {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  gap: 10px;
}

@media (max-width: 1020px) {
  .modal__inner.-maker-select .tab__panel-box {
    grid-template-columns: repeat(4, 1fr);
    gap: 10px 5px;
  }
}

.modal__inner.-maker-select .tab__panel-box001,
.modal__inner.-maker-select .tab__panel-box002 {
  display: none;
}

.modal__inner.-maker-select .tab__panel-box.is-show {
  display: grid;
}

.modal__inner.-car-name {
  padding: 66px 20px 41px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-name {
    padding: 60px 10px 57px;
  }
}

.modal__inner.-car-name .tab-panel {
  display: none;
}

.modal__inner.-car-name .tab-panel.-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.modal__inner.-car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 28px;
  padding: 74px 20px 43px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-detail {
    gap: 25px;
    padding: 58px 10px 40px;
  }
}

.modal__inner.-registered {
  padding: 0px;
}

.modal__inner.-car-select {
  display: block;
  padding: 63px 20px 36px;
}

@media (max-width: 1020px) {
  .modal__inner.-car-select {
    max-width: 100%;
    padding: 50px 10px 33px;
  }
}

.modal__inner__car-name-init {
  margin-bottom: 47px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .modal__inner__car-name-init {
    width: 100%;
    overflow: scroll;
    margin-bottom: 65px;
  }
}

@media screen and (max-width: 480px) {
  .modal__inner__car-name-init {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.modal__inner__car-name-init button.tab {
  color: var(--clr-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 0 10px;
  border-left: 1px solid var(--clr-black);
}

@media (max-width: 1020px) {
  .modal__inner__car-name-init button.tab {
    white-space: nowrap;
  }
}

.modal__inner__car-name-init button.tab:last-child {
  border-right: 1px solid var(--clr-black);
}

.modal__inner__car-name-init button.tab.-active, .modal__inner__car-name-init button.tab:hover {
  color: var(--clr-prime);
  text-decoration: underline;
}

.modal__inner__car-name-init button.tab.-empty {
  color: var(--clr-gray-light);
  pointer-events: none;
}

.modal__inner__car-name-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10px;
}

.modal__inner__car-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: 100%;
}

@media (max-width: 1020px) {
  .modal__inner__car-detail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__car-select {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 20px;
  border-bottom: 1px solid var(--clr-gray-mid);
  margin-bottom: 20px;
}

@media (max-width: 1020px) {
  .modal__inner__car-select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

.modal__inner__car-select a.-car-select {
  font-size: 15px;
  font-weight: 700;
  line-height: 150%;
  width: 100%;
  max-width: 180px;
  margin-left: auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .modal__inner__car-select a.-car-select {
    max-width: 100%;
  }
}

.modal__inner__car-select-detail {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.modal__inner__car-select-detail img {
  max-width: 100px;
  margin-right: 24px;
}

@media (max-width: 1020px) {
  .modal__inner__car-select-detail img {
    margin-right: unset;
  }
}

@media (max-width: 1020px) {
  .modal__inner__car-select-detail {
    gap: 8px;
  }
}

.modal__inner__upper.-black {
  width: 100%;
  padding: 20px 45px 20px 20px;
  color: var(--clr-white);
  background-color: var(--clr-black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 19px;
}

@media (max-width: 1020px) {
  .modal__inner__upper.-black {
    gap: 10px;
    padding: 17px 14px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__upper-sentence {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.modal__inner__upper-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
}

.modal__inner__upper-title-registered-car::before {
  font-size: 30px;
}

@media (max-width: 1020px) {
  .modal__inner__upper-title-registered-car::before {
    font-size: 24px;
  }
}

.modal__inner__upper-title h3.-matching {
  margin: 0;
  font-size: 18px;
}

@media (max-width: 1020px) {
  .modal__inner__upper-title h3.-matching {
    font-size: 12px;
    font-weight: 700;
    line-height: 175%;
  }
}

.modal__inner__lower {
  width: 100%;
  padding: 40px 20px 35px;
  color: var(--clr-black);
  background-color: var(--clr-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .modal__inner__lower {
    padding: 10px 10px 30px;
  }
}

.modal__inner__lower-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 23px;
  padding-bottom: 17px;
  border-bottom: 1px solid var(--clr-gray-mid);
  margin-bottom: 17px;
}

@media (max-width: 1020px) {
  .modal__inner__lower-block {
    gap: 13px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.modal__inner__lower-block.-block-2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-bottom: unset;
  border-bottom: unset;
  margin-bottom: unset;
}

.modal__inner__mycar-info.-car-select {
  margin-right: 118px;
}

@media (max-width: 1020px) {
  .modal__inner__mycar-info.-car-select {
    margin-right: unset;
  }
}

.modal__inner__mycar-info-title {
  margin: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 12px;
}

@media (max-width: 1020px) {
  .modal__inner__mycar-info-title {
    margin-bottom: 10px;
  }
}

.modal__inner__lower-maker, .modal__inner__lower-car-type, .modal__inner__lower-car-detail, .modal__inner__lower-no-info {
  font-size: 14px;
  font-weight: 600;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .modal__inner__lower-maker, .modal__inner__lower-car-type, .modal__inner__lower-car-detail, .modal__inner__lower-no-info {
    font-size: 12px;
    line-height: 150%;
  }
}

.modal__inner__lower-maker span, .modal__inner__lower-car-type span, .modal__inner__lower-car-detail span, .modal__inner__lower-no-info span {
  font-weight: 500;
}

.modal__inner__select-wrapper {
  position: relative;
  width: 100%;
  max-width: 335px;
}

@media (max-width: 1020px) {
  .modal__inner__select-wrapper {
    max-width: 100%;
  }
}

.modal__inner.-delete {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 432px;
}

@media (max-width: 1020px) {
  .modal__inner.-delete {
    max-width: 95%;
  }
}

.modal__inner__delete-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  margin-bottom: 20px;
}

.modal__inner__delete-title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.modal__inner.-youtube {
  padding: 0;
  width: 100%;
  min-width: unset;
  max-width: 980px;
  height: 100%;
  max-height: 553px;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  background-color: transparent;
}

@media (max-width: 1020px) {
  .modal__inner.-youtube {
    position: relative;
    width: 95%;
    padding-bottom: 56.25%;
    /* 16:9 �A�X�y�N�g?? (9 / 16 = 0.5625) */
    height: 0;
  }
}

.modal__inner__yt-frame {
  width: 100%;
  height: 100%;
  border: none;
}

@media (max-width: 1020px) {
  .modal__inner__yt-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.modal__inner__delete-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  width: 100%;
}

.modal__inner__delete-btns a.-delete {
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.modal__inner.-tire-select {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 880px;
}

@media (max-width: 1020px) {
  .modal__inner.-tire-select {
    max-width: 95%;
  }
}

.modal__inner.-tire-select.-small {
  max-width: 656px;
}

@media (max-width: 1020px) {
  .modal__inner.-tire-select.-small {
    max-width: 95%;
  }
}

.modal__inner__tire-select-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.modal__inner__tire-select-title span {
  color: var(--clr-prime);
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
  /* 21px */
}

.modal__inner__tire-select-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.modal__inner__tire-select-sentence-2 {
  margin-bottom: 24px;
}

.modal__inner__tire-select img {
  display: block;
  max-width: 592px;
  margin: 0 auto 16px;
}

.modal__inner__tire-select-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.modal__inner.-table {
  padding: 56px 32px 32px;
  min-width: unset;
  max-width: 880px;
}

@media (max-width: 1020px) {
  .modal__inner.-table {
    max-width: 95%;
  }
}

.modal__inner.-table.-small {
  max-width: 656px;
}

@media (max-width: 1020px) {
  .modal__inner.-table.-small {
    max-width: 95%;
  }
}

.modal__inner__table-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.modal__inner__table-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.modal__inner__table-supple {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.modal__inner__table-main {
  width: 100%;
  border-collapse: collapse;
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 24px;
}

.modal__inner__table-main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--clr-gray-light);
  background-color: var(--clr-gray-lightest);
}

.modal__inner__table-main-block+.modal-content__table-main-block {
  border-top: unset;
}

.modal__inner__table-main-block-title {
  padding: 4px 8px;
  width: 100%;
  max-width: 20%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-title {
    max-width: 52%;
  }
}

.modal__inner__table-main-block-title.-small {
  max-width: 25%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-title.-small {
    max-width: 52%;
  }
}

.modal__inner__table-main-block-sentence {
  padding: 4px;
  width: 100%;
  max-width: 80%;
  background-color: var(--clr-white);
  border-left: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-sentence {
    padding: 4px 8px;
    max-width: 48%;
  }
}

.modal__inner__table-main-block-sentence.-small {
  max-width: 75%;
}

@media (max-width: 1020px) {
  .modal__inner__table-main-block-sentence.-small {
    max-width: 48%;
  }
}

.pagination {
  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;
  gap: 12px;
}

@media (max-width: 1020px) {
  .pagination {
    gap: 10px;
  }
}

.pagination-num {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 30px;
  height: 30px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

.pagination-num.-current {
  background: var(--clr-black);
  color: var(--clr-white);
  pointer-events: none;
}

.pagination-num:not(.-current):hover {
  background: var(--clr-black);
  color: var(--clr-white);
}

.pagination-prev, .pagination-next {
  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;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 30px;
  height: 30px;
}

.pagination-prev svg, .pagination-next svg {
  width: 24px;
  height: 24px;
}

.pagination-prev path, .pagination-next path {
  fill: var(--clr-black);
}

.pagination-prev:hover, .pagination-next:hover {
  background: var(--clr-black);
}

.pagination-prev:hover path, .pagination-next:hover path {
  fill: var(--clr-white);
}

.pagination-prev.-disabled, .pagination-next.-disabled {
  pointer-events: none;
}

.pagination-prev.-disabled path, .pagination-next.-disabled path {
  fill: var(--clr-gray-light);
}

.pagination-Item-Link-Icon {
  width: 20px;
}

.price {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
}

.price__num {
  font-size: 24px;
  color: var(--clr-prime);
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.price__num.-small {
  font-size: 14px;
}

.price__num.-black {
  color: var(--clr-black);
}

.price__unit {
  font-size: 14px;
  color: var(--clr-black);
}

.price__unit.-small, .price__unit .-small {
  font-size: 11px;
}

.puncture {
  padding: 38px 20px;
}

.puncture-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
}

.puncture-top img {
  max-width: 65px;
}

.puncture-top-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.puncture-top-span {
  color: var(--clr-prime);
}

.puncture-middle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 20px;
}

.puncture-middle-fee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.puncture-middle-fee-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.puncture-middle-fee-price {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
}

.puncture-middle-fee-price-span {
  color: var(--clr-prime);
}

.puncture-middle-fee-size {
  color: var(--background-dark, #333);
  text-align: center;
  /* SP-���ӏ�?? */
  font-family: "Noto Sans JP";
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  /* 18px */
}

.puncture-bottom {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section.-gray {
  background-color: var(--clr-gray-lightest);
}

.section__inner {
  padding: 40px 10px;
}

.section__title {
  font-size: 30px;
  font-weight: 600;
  line-height: 1.5;
  text-align: center;
  width: 100%;
  margin: 0 0 20px;
}

.section__title.-flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section__title.-flow span {
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2px;
}

.section__title.-flow span.-multiple {
  font-size: 16px;
  font-weight: 500;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .section__title.-flow span.-multiple {
    font-size: 12px;
  }
}

.section__flow-btn {
  display: none;
}

@media (max-width: 1020px) {
  .section__flow-btn {
    display: block;
  }
}

.select-box {
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  position: relative;
}

.select-box select {
  padding: 8px 55px 8px 16px;
  width: 100%;
  cursor: pointer;
}

@media (max-width: 1020px) {
  .select-box select {
    padding: 8px 30px 8px 16px;
  }
}

.select-box select:invalid {
  color: var(--clr-black);
}

.select-box .icon {
  position: absolute;
  right: 16px;
  top: 14px;
  width: 10px;
  height: 10px;
  pointer-events: none;
}

.select-box.-half {
  width: 50%;
}

@media (max-width: 1020px) {
  .select-box.-half {
    width: 100%;
  }
}

.select-box.-price {
  width: 100%;
}

.single-acd input {
  display: none;
}

.single-acd input:checked+.single-acd__content {
  height: auto;
  opacity: 1;
}

.single-acd__label {
  width: 100%;
  display: block;
  padding: 12px 24px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  position: relative;
  cursor: pointer;
}

@media (max-width: 1020px) {
  .single-acd__label {
    padding: 12px 48px 12px 24px;
  }
}

.single-acd__label:has(+ input:checked):after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.single-acd__label:after {
  content: "";
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 12px;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAxCAYAAACcXioiAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAESSURBVHgB7dUxboNAEAXQIbkAqRCi8REQoqDcI+RGIUfIEXKLlEmVBpFbAD1NKvB+ZFu2ZcneYbex/5MsjZvZ/6UFRIiIiIiIiB6NMSYWT9bsehKFqqo24zj+FUXxJithB3Zhpyg8i6M8z+N5nn/tuImiyKRpKn3f/4gCwtsdtR3jaZpekyT5HIbh32WHcwEckGXZix0N/mtLHIWX3Z6Ptm2/xJFzAei67tuWiERZ4kL496ZpalFQFQBtCZ/hQV0AXEv4Dg+rCsCtJUKEh9UF4FqJUOGXXeJRWZa1fcUevg12rpdDAoVf9oln5yVODvMcHrxcoWPn12kvRHjwXgAuPBNBwgeH64SfEBERERER0R3aAoMdkrYHMHm4AAAAAElFTkSuQmCC");
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}

@media (max-width: 1020px) {

  .single-acd__label:after {
    top: 24px;
  }
}

.single-acd__content {
  height: 0;
  opacity: 0;
  overflow: hidden;
  border: 1px solid var(--clr-gray);
}

.single-acd__inner {
  padding: 24px;
}

.single-acd__title {
  background-color: var(--clr-gray-lighter);
  padding: 8px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
}

.single-acd__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 20px 0;
  border-bottom: 1px dashed var(--clr-gray-light);
}

.single-acd__block:nth-last-of-type(1) {
  border: none;
}

.single-acd__block.-center {
  text-align: center;
}

.single-acd.-yellow .single-acd__label {
  background-color: var(--clr-second);
}

.single-acd.-yellow .single-acd__content {
  border-color: var(--clr-second);
}

.sns-share {
  position: fixed;
  width: 100%;
  height: 100svh;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 40;
  display: none;
}

.is-sns-share-open .sns-share {
  display: block;
}

.sns-share__overlay {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.1);
  cursor: pointer;
}

.sns-share__inner {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  background-color: var(--clr-white);
  padding: 22px 20px 15px;
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

@media (max-width: 1020px) {
  .sns-share__inner {
    padding: 20px 12px 15px;
  }
}

.sns-share__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}

@media (max-width: 1020px) {
  .sns-share__btns {
    gap: 12px;
  }
}

.sns-share__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sns-share__btn img {
  width: 100%;
  max-width: 50px;
}

.sns-share__title {
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 150%;
}

.sns-share__footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  top: -45px;
  right: 0;
}

.sns-share__close {
  background-color: var(--clr-white);
  -webkit-box-shadow: unset;
  box-shadow: unset;
  border-radius: unset;
}

.sns-share__close:hover {
  opacity: unset;
  -webkit-box-shadow: unset;
  box-shadow: unset;
}

.sp-menu {
  position: fixed;
  top: var(--header-height);
  left: 0;
  right: 0;
  top: 0;
  width: 100%;
  height: 100svh;
  overflow: hidden;
  overflow-y: auto;
  background-color: var(--clr-gray-lightest);
  z-index: 3;
  translate: 0 100%;
  -webkit-transition: translate 0.3s ease-in-out;
  transition: translate 0.3s ease-in-out;
  will-change: translate;
  padding-top: var(--header-height);
  display: none;
}

@media (max-width: 1020px) {
  .sp-menu {
    display: block;
  }
}

.is-sp-menu-open .sp-menu {
  translate: 0% 0%;
}

.sp-menu__list {
  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;
}

.sp-menu__item {
  border-bottom-width: 1px;
  border-bottom: 1px solid var(--clr-gray-light);
}

.sp-menu__subs {
  padding: 0 10px 24px;
  display: none !important;
}

.sp-menu__subs.is-active {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}

.sp-menu__subs li.-block {
  display: block;
  width: 100%;
}

.inline-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 12px 20px;
}

@media (max-width: 1020px) {
  .inline-links {
    gap: 20px;
  }
}

@media (max-width: 1020px) {
  .inline-links.-shopping {
    gap: 0 20px;
  }
}

.is-sp-menu-open {
  overflow: hidden;
}

.step-bar {
  background-color: var(--clr-white);
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  position: relative;
}

.step-bar__logo {
  width: 100px;
  position: absolute;
  left: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (max-width: 1020px) {
  .step-bar__logo {
    display: none;
  }
}

.step-bar__steps {
  width: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.step-bar__steps:before {
  content: "";
  height: 1px;
  width: calc(100% - 7px);
  background-color: var(--clr-gray-light);
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}

.step-bar__item {
  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;
  z-index: 2;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100%;
}

.step-bar__tag {
  background-color: var(--clr-prime);
  color: var(--clr-white);
  display: inline-block;
  font-size: 10px;
  text-align: center;
  border-radius: 10px;
  width: 40px;
}

.step-bar__tag.-prev {
  background-color: var(--clr-gray-light);
}

.step-bar__icon {
  width: 36px;
  margin: 12px 0 7px;
}

.step-bar__icon.-grade {
  position: relative;
  bottom: -8px;
}

.step-bar__desc {
  font-size: 10px;
  text-align: center;
  font-weight: 700;
}

.step-bar__desc.-flow {
  width: 100%;
  max-width: 44px;
}

.step-bar__desc.-btn {
  text-decoration: underline;
}

.step-bar__desc.-grade {
  position: relative;
  bottom: -8px;
}

.step-bar__dot {
  background-color: var(--clr-gray-light);
  width: 7px;
  height: 7px;
  border-radius: 7px;
}

.step-bar__dot.-next {
  margin: auto 0;
}

.step-bar__dot.-grade {
  margin: auto 0 0;
}

.step-bar__dot.-grade.-next {
  margin: auto 0;
}

.step-bar__dot.-cart {
  margin: auto 0;
}

.step-close-inner {
  width: 100%;
  background-color: var(--clr-white);
  padding: 20px 20px 0;
}

.step-close {
  display: block;
  margin-left: auto;
}

@media (max-width: 1020px) {
  .step-close {
    margin-left: auto;
  }
}

.table.-table.-small {
  max-width: 656px;
}

@media (max-width: 1020px) {
  .table.-table.-small {
    max-width: 95%;
  }
}

.table__table-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.table__table-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.table__table-supple {
  width: 100%;
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.table__table-main {
  width: 100%;
  border-collapse: collapse;
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 24px;
}

.table__table-main-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid var(--clr-gray-light);
  background-color: var(--clr-gray-lightest);
}

.table__table-main-block+.modal-content__table-main-block {
  border-top: unset;
}

.table__table-main-block-title {
  padding: 4px 8px;
  width: 100%;
  max-width: 20%;
}

@media (max-width: 1020px) {
  .table__table-main-block-title {
    max-width: 52%;
  }
}

.table__table-main-block-title.-small {
  max-width: 25%;
}

@media (max-width: 1020px) {
  .table__table-main-block-title.-small {
    max-width: 52%;
  }
}

.table__table-main-block-sentence {
  padding: 4px;
  width: 100%;
  max-width: 80%;
  background-color: var(--clr-white);
  border-left: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .table__table-main-block-sentence {
    padding: 4px 8px;
    max-width: 48%;
  }
}

.table__table-main-block-sentence.-small {
  max-width: 75%;
}

@media (max-width: 1020px) {
  .table__table-main-block-sentence.-small {
    max-width: 48%;
  }
}

[data-tab] {
  display: none;
}

[data-tab].is-active {
  display: block;
}

.tire-select-title {
  color: var(--clr-second-black);
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 0;
  margin-bottom: 24px;
}

.tire-select-title span {
  color: var(--clr-prime);
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.tire-select-title.-text-center {
  text-align: center;
}

.tire-select-sentence {
  color: var(--clr-second-black);
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 16px;
}

.tire-select-sentence-2 {
  margin-bottom: 24px;
}

.tire-select-sentence-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 25px;
  margin-bottom: 50px;
}

.tire-select img {
  display: block;
  max-width: 592px;
  margin: 0 auto 16px;
}

.tire-select-btns {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.tire-select__attention-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .tire-select__attention-imgs {
    padding: 10px 0;
  }
}

.tire-select__attention-imgs img {
  width: 100%;
  max-width: 450px;
}

.to_top {
  opacity: 0;
  position: fixed;
  /* right: 12px;
  bottom: 12px; */
  right: 0px;
  bottom: 0px;
  background-color: rgba(153, 153, 153, 0.8);
  height: 40px;
  width: 90px;
  z-index: -1;
  cursor: pointer;
}

.to_top.-seen {
  opacity: 1;
  z-index: 10;
}

@media (max-width: 1020px) {
  .to_top {
    height: 32px;
    width: 65px;
  }
}

.to_top img {
  width: 100%;
  max-width: 18px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.yt {
  aspect-ratio: 16/9;
  width: 980px;
  position: relative;
  height: 100%;
  padding-bottom: 56.25%;
}

@media (max-width: 1020px) {
  .yt {
    width: 100%;
  }
}

.yt__frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bookmark {
  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;
}

.bookmark.-product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: var(--clr-white);
  color: var(--clr-black);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 20px 40px;
  gap: 16px;
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .bookmark.-product {
    padding: 15px 20px 13px 15px;
    gap: 7px;
  }
}

.bookmark.-product:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.bookmark.-product .bookmark__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: -webkit-fill-available;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__tag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px;
  }
}

.bookmark.-product .bookmark__tag-item {
  padding: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bookmark.-product .bookmark__tag-item-detail {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.bookmark.-product .bookmark__tag-item-delete {
  background-color: rgba(204, 204, 204, 0.3882352941);
  color: var(--clr-black);
  border-radius: 2px;
  padding: 0px 6px;
}

.bookmark.-product .bookmark__tag-item-delete:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.bookmark.-product .bookmark__tag-item-tag {
  padding: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.bookmark.-product .bookmark__tag-item-tag.vehicle {
  background-color: var(--clr-gray-light);
  color: var(--clr-black);
}

.bookmark.-product .bookmark__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bookmark.-product .bookmark__content-img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-img {
    width: 104px;
    height: 104px;
  }
}

.bookmark.-product .bookmark__content-feature {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.bookmark.-product .bookmark__content-tire {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bookmark.-product .bookmark__content-wheel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.bookmark.-product .bookmark__content-inner {
  width: 100%;
  padding: 8.5px 10px;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-inner {
    padding: 0px 10px;
  }
}

.bookmark.-product .bookmark__content-inner.-price {
  width: 100%;
  padding-top: 0;
}

.bookmark.-product .bookmark__content-inner.-selected-car {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-inner.-selected-car {
    gap: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.bookmark.-product .bookmark__content-inner.-selected-car .selected-car__title {
  width: 100%;
  max-width: 100px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  padding: 2px 8px;
  background-color: var(--clr-gray-lighter);
}

.bookmark.-product .bookmark__content-inner.-selected-car .selected-car__detail {
  font-size: 14px;
  font-weight: 700;
  line-height: 24.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.bookmark.-product .bookmark__content-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.bookmark.-product .bookmark__content-info-inner {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.bookmark.-product .bookmark__content-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-title {
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.bookmark.-product .bookmark__content-text {
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  margin-bottom: 8px;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-text {
    font-size: 14px;
    margin-bottom: 2px;
  }
}

.bookmark.-product .bookmark__content-text.-mb-0 {
  margin-bottom: 0;
}

.bookmark.-product .bookmark__content-price {
  text-align: end;
  color: var(--clr-prime);
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: 0.96px;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-price {
    font-size: 18px;
    line-height: 150%;
  }
}

.bookmark.-product .bookmark__content-price span {
  color: var(--clr-gray-darker);
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .bookmark.-product .bookmark__content-price span {
    font-size: 12px;
  }
}

.bookmark.-product .bookmark__content-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 175%;
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.bookmark.-product .bookmark__content-link img {
  width: 16px;
  height: 16px;
}

.bookmark.-product.-customer {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.bookmark.-topiclist {
  padding: 24px 40px;
}

@media (max-width: 1020px) {
  .bookmark.-topiclist {
    padding: 24px 16px;
  }
}

.bookmark.-topiclist .bookmark__content-tire {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bookmark.-topiclist .bookmark__content-img {
  width: 75px;
  height: 75px;
  padding: 0;
}

.bookmark.-topiclist .bookmark__content-inner {
  padding: 0 10px 0 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 6px;
}

.bookmark.-topiclist .bookmark__content-text {
  font-size: 14px;
  margin-bottom: 0;
}

.category-top {
  padding-top: 40px;
}

@media (max-width: 1020px) {
  .category-top {
    padding-top: 20px;
  }
}

.category-top__title {
  width: 656px;
  margin: 0 auto 16px;
}

@media (max-width: 1020px) {
  .category-top__title {
    width: 100%;
    padding: 0 10px;
  }
}

.category-top__title h1 {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
  margin: 0 0 24px 0;
}

@media (max-width: 1020px) {
  .category-top__title h1 {
    margin-bottom: 10px;
  }
}

.category-top__bg {
  background-color: var(--clr-gray-lighter);
}

.category-top__inner {
  width: 656px;
  margin: 0 auto;
  padding: 40px 0;
}

@media (max-width: 1020px) {
  .category-top__inner.-sp {
    padding: 30px;
  }

  .category-top__inner.-sp .category-top__list-size {
    gap: 10px;
    max-width: 314px;
    margin: 0 auto;
  }
}

@media (max-width: 1020px) {
  .category-top__inner {
    width: 100%;
    padding: 30px 10px;
  }
}

.category-top__inner.-last {
  margin-bottom: 80px;
}

@media (max-width: 1020px) {
  .category-top__inner.-last {
    margin-bottom: 0;
  }
}

.category-top__inner.-new-wheel {
  width: 880px;
}

@media (max-width: 1020px) {
  .category-top__inner.-new-wheel {
    width: 100%;
  }
}

.category-top__heading {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
  margin: 0 0 24px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1020px) {
  .category-top__heading {
    font-size: 18px;
    gap: 5px;
  }
}

.category-top__heading span {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.category-top__list-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .category-top__list-size {
    gap: 10px 5px;
  }
}

.category-top__list-size.-color {
  width: 597px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .category-top__list-size.-color {
    width: 100%;
    padding: 0 20px;
    max-width: 355px;
    margin: 0 auto;
  }
}

.category-top__list-size.-search {
  margin-bottom: 16px;
}

.category-top__list-size.-material {
  gap: 8px;
}

.category-top__list-tiremaker {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media (max-width: 1020px) {
  .category-top__list-tiremaker {
    gap: 10px 9px;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    justify-content: left;
    max-width: 355px;
    margin: 0 auto;
  }
}

.category-top__list-tiremaker li:nth-of-type(1) img {
  width: 114px;
  height: 16px;
}

.category-top__list-tiremaker li:nth-of-type(2) img {
  width: 135px;
  height: 30px;
}

.category-top__list-tiremaker li:nth-of-type(3) img {
  width: 141px;
  height: 20px;
}

.category-top__list-tiremaker li:nth-of-type(4) img {
  width: 123px;
  height: 20px;
}

.category-top__list-tiremaker li:nth-of-type(5) img {
  width: 157px;
  height: 48px;
}

.category-top__list-tiremaker li:nth-of-type(6) img {
  width: 82px;
  height: 36px;
}

.category-top__list-tiremaker li:nth-of-type(7) img {
  width: 95px;
  height: 20px;
}

.category-top__list-tiremaker li:nth-of-type(8) img {
  width: 144px;
  height: 25px;
}

.category-top__list-tiremaker li:nth-of-type(9) img {
  width: 118px;
  height: 38px;
}

.category-top__accordion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.category-top__accordion.-tb {
  margin-bottom: 16px;
}

.category-top__accordion-block.-tiresize .category-top__accordion-heading {
  margin-bottom: 8px;
}

.category-top__accordion-block.-tiresize .category-top__list-size {
  width: 495px;
}

@media (max-width: 1020px) {
  .category-top__accordion-block.-tiresize .category-top__list-size {
    width: 265px;
  }
}

.category-top__accordion .accordion-block__title.-general {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-general {
    gap: 5px;
  }
}

.category-top__accordion .accordion-block__title.-general img {
  width: 33px;
  height: 18px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-general img {
    width: 28px;
    height: 16px;
  }
}

.category-top__accordion .accordion-block__title.-offRoad {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-offRoad {
    gap: 5px;
  }
}

.category-top__accordion .accordion-block__title.-offRoad img {
  width: 33px;
  height: 23px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-offRoad img {
    width: 28px;
    height: 19px;
  }
}

.category-top__accordion .accordion-block__title.-van {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-van {
    gap: 5px;
  }
}

.category-top__accordion .accordion-block__title.-van img {
  width: 33px;
  height: 24px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-van img {
    width: 28px;
    height: 20px;
  }
}

.category-top__accordion .accordion-block__title.-awd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-awd {
    gap: 5px;
  }
}

.category-top__accordion .accordion-block__title.-awd img {
  width: 33px;
  height: 21px;
}

@media (max-width: 1020px) {
  .category-top__accordion .accordion-block__title.-awd img {
    width: 28px;
    height: 18px;
  }
}

.category-top__accordion-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.category-top__accordion-inner.-mb {
  margin-bottom: 40px;
}

@media (max-width: 1020px) {
  .category-top__accordion-inner.-mb {
    margin-bottom: 30px;
  }
}

.category-top__accordion-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.category-top__accordion-table th {
  width: 84px;
}

@media (max-width: 1020px) {
  .category-top__accordion-table th {
    width: 36px;
  }
}

.category-top__accordion-table.-road th {
  width: 112px;
}

@media (max-width: 1020px) {
  .category-top__accordion-table.-road th {
    width: 96px;
  }
}

.category-top__accordion-table.-road .category-top__list-size {
  width: 462px;
}

@media (max-width: 1020px) {
  .category-top__accordion-table.-road .category-top__list-size {
    width: 206px;
  }
}

.category-top__accordion-table.-awd {
  width: 100%;
}

.category-top__accordion-table.-van th {
  width: 210px;
}

@media (max-width: 1020px) {
  .category-top__accordion-table.-van th {
    width: 110px;
  }
}

.category-top__accordion-table.-van .category-top__list-size {
  width: 364px;
}

@media (max-width: 1020px) {
  .category-top__accordion-table.-van .category-top__list-size {
    width: 192px;
  }
}

.category-top__accordion-table .table-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .category-top__accordion-table .table-title {
    gap: 20px;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
  }
}

.category-top__accordion-table .table-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  border-bottom: 1px solid var(--clr-gray-light);
  padding: 16px 0;
}

@media (max-width: 1020px) {
  .category-top__accordion-table .table-content {
    gap: 20px;
  }
}

.category-top__accordion-table .table-content:last-child {
  border-bottom: noen;
}

.category-top__accordion-table .table-content th {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.category-top__scrollbar {
  background-color: var(--clr-white);
  border: 1px solid var(--clr-gray-light);
  border-radius: 3px;
  margin-top: 14px;
  padding: 10px;
}

.category-top__scrollbar-inner {
  height: 328px;
  overflow-y: scroll;
}

.category-top__scrollbar-title {
  background-color: var(--clr-black);
  color: var(--clr-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 13px 15px;
}

.category-top__scrollbar-list {
  border-bottom: 1px solid var(--clr-gray-light);
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.category-top__scrollbar-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 17px 0;
}

.category-top__scrollbar-list a:hover {
  opacity: 0.6;
}

.category-top__tabs {
  margin-top: 30px;
}

.category-top__tabs-menu {
  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;
  padding: 0;
  margin: 0;
}

.category-top__tabs-btn {
  background: var(--clr-gray-dark);
  border: 1px solid var(--clr-gray-dark);
  color: var(--clr-white);
  font-weight: 700;
  cursor: pointer;
  width: 173px;
}

.category-top__tabs-btn.is-active {
  background: var(--clr-white);
  border: 1px solid var(--clr-white);
  color: var(--clr-second-black);
  pointer-events: none;
}

.category-top__tabs-panel {
  width: 100%;
}

.category-top__tabs-box {
  display: none;
}

.category-top__tabs-box.is-show {
  display: block;
}

.contribute {
  background-color: var(--clr-white);
  padding-bottom: 80px;
}

@media (max-width: 1020px) {
  .contribute {
    padding-bottom: 50px;
  }
}

.contribute__wrap {
  width: 880px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .contribute__wrap {
    width: 100%;
  }
}

.contribute__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
  padding-top: 40px;
  margin-bottom: 24px;
  text-align: center;
}

@media (max-width: 1020px) {
  .contribute__title {
    gap: 32px;
    padding: 32px 12px 0;
  }
}

.contribute__title h2 {
  margin: 0;
}

.contribute__title-name {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 150%;
  margin: 0;
}

@media (max-width: 1020px) {
  .contribute__title-name {
    font-size: 20px;
  }
}

.contribute__title button {
  margin: 0 0 0 auto;
}

.contribute__title-info {
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0.72px;
  background-color: var(--clr-prime);
  color: var(--clr-white);
  text-align: center;
  padding: 20px 0;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .contribute__title-info {
    padding: 20px 12px;
  }
}

.contribute__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 24px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .contribute__heading {
    gap: 16px;
    margin-bottom: 0;
  }
}

.contribute__heading-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .contribute__heading-title {
    font-size: 18px;
  }
}

.contribute__heading-number {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.contribute__heading-number span {
  font-size: 18px;
  line-height: 125%;
  letter-spacing: 0.72px;
  margin-right: 2px;
}

.contribute__rank::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin: 8px;
}

@media (max-width: 1020px) {
  .contribute__rank::after {
    width: 48px;
    height: 48px;
    margin: 4px;
  }
}

.contribute__rank.-rank-01 {
  padding-top: 40px;
  margin: 0 auto;
  width: 520px;
  position: relative;
}

@media (max-width: 1020px) {
  .contribute__rank.-rank-01 {
    width: 100%;
    padding: 40px 12px 0;
  }
}

.contribute__rank.-rank-01 img {
  width: 520px;
  height: 374px;
  position: relative;
}

@media (max-width: 1020px) {
  .contribute__rank.-rank-01 img {
    width: 100%;
    height: 100%;
  }
}

.contribute__rank.-rank-01::after {
  background-image: url(data:image/png;base64,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);
}

.contribute__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 58px 16px;
  padding: 40px 0;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .contribute__inner {
    gap: 34px 15px;
    padding: 40px 12px 24px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.contribute__inner-rank {
  width: 432px;
  position: relative;
}

@media (max-width: 1020px) {
  .contribute__inner-rank {
    width: 100%;
    -ms-flex-preferred-size: 47.5%;
    flex-basis: 47.5%;
  }
}

.contribute__inner-rank::after {
  content: "";
  position: absolute;
  top: -36px;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 60px;
  height: 60px;
  margin: 8px;
}

@media (max-width: 1020px) {
  .contribute__inner-rank::after {
    width: 48px;
    height: 48px;
    margin: 4px;
  }
}

.contribute__inner-rank.-rank-02::after {
  background-image: url(data:image/png;base64,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);
}

.contribute__inner-rank.-rank-03::after {
  background-image: url(data:image/png;base64,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);
}

.contribute__inner-rank.-rank-04::after {
  background-image: url(data:image/png;base64,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);
}

.contribute__inner-rank.-rank-05::after {
  background-image: url(data:image/png;base64,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);
}

.contribute__new {
  padding-bottom: 24px;
}

@media (max-width: 1020px) {
  .contribute__new {
    padding: 24px 12px;
  }
}

.contribute__new-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 24px;
}

.contribute__new-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 135%;
}

@media (max-width: 1020px) {
  .contribute__new-title {
    font-size: 18px;
  }
}

.contribute__new-number {
    font-size: 12px;
    font-weight: 500;
    line-height: 175%;
}

.contribute-result-count__wrapper::after {
    content: "��";
    float: right;
    color: #000;
    margin-top: 2px;
}

.contribute__result-count::after {
    content: "65,246";
    font-size: 20px;
    color: #D1003F;
    margin-right: 2px;
}

@media (max-width: 1020px) {
  .contribute__result-count::after {
    font-size: 18px;
  }
}

.contribute__new-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px 8px;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .contribute__new-list {
    gap: 12px 15px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

@media (max-width: 1020px) {
  .contribute__new-item {
    -ms-flex-preferred-size: 47.5%;
    flex-basis: 47.5%;
  }
}

.contribute__new-item a:hover {
  opacity: 0.6;
}

.contribute__new-item img {
  width: 214px;
  height: 132px;
}

@media (max-width: 1020px) {
  .contribute__new-item img {
    width: 100%;
    height: auto;
  }
}

.contribute__new-btn {
  padding: 16px 0;
}

@media (max-width: 1020px) {
  .contribute__new-btn {
    padding: 0;
  }
}

.contribute__search {
  position: sticky;
  bottom: 20px;
}

.contribute__search button {
  width: 848px !important;
}

@media (max-width: 1020px) {
  .contribute__search button {
    width: 91.47vw !important;
  }
}

.contribute-detail__head {
  padding: 64px 0 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 60px;
}

@media (max-width: 1020px) {
  .contribute-detail__head {
    padding: 32px 12px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

.contribute-detail__head-img {
  width: 412px;
  height: 294px;
  margin-bottom: 16px;
  position: relative;
}

@media (max-width: 1020px) {
  .contribute-detail__head-img {
    width: 100%;
    height: 100%;
  }
}

.contribute-detail__head-img::after {
  content: "";
  position: absolute;
  bottom: 12px;
  right: 12px;
  width: 32px;
  height: 32px;
  background-color: var(--clr-white);
  border-radius: 50%;
  z-index: 0;
  cursor: pointer;
}

.contribute-detail__head-icon {
  cursor: pointer;
  position: absolute;
  bottom: 16px;
  right: 16px;
  z-index: 1;
}

.contribute-detail__head-mainimg {
  cursor: pointer;
}

.contribute-detail__head-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.contribute-detail__head-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.contribute-detail__head-heading {
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

.contribute-detail__head-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  padding: 16px 0;
  border-bottom: 1px dashed var(--clr-gray-light);
}

.contribute-detail__head-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0;
  border-bottom: 1px dashed var(--clr-gray-light);
}

.contribute-detail__head-info {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.contribute-detail__head-info.-bold {
  font-weight: 700;
}

.contribute-detail__head-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: end;
}

.contribute-detail__control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.contribute-detail__control-img {
  width: 130px;
  border: 2px solid var(--clr-white);
}

@media (max-width: 1020px) {
  .contribute-detail__control-img {
    width: 100%;
    height: 21.33vw;
  }
}

.contribute-detail__control-img.is-active {
  border: 2px solid var(--clr-prime);
}

.contribute-detail__slider {
  padding: 40px 0;
}

@media (max-width: 1020px) {
  .contribute-detail__slider {
    padding: 24px 12px;
  }
}

.contribute-detail__slider-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 32px;
  text-align: center;
}

.contribute-detail__slider-inner {
  position: relative;
}

.contribute-detail__slider-container {
  width: 814px !important;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .contribute-detail__slider-container {
    width: 292px !important;
  }
}

.contribute-detail__slider-wrap {
  width: 814px !important;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .contribute-detail__slider-wrap {
    width: 292px !important;
  }
}

.contribute-detail__slider-img {
  width: 262px !important;
  height: 188px !important;
}

@media (max-width: 1020px) {
  .contribute-detail__slider-img {
    width: 92px !important;
    height: 66px !important;
  }
}

.contribute-detail__slider-prev {
  left: 0 !important;
  color: var(--clr-black) !important;
}

.contribute-detail__slider-next {
  right: 0 !important;
  color: var(--clr-black) !important;
}

.contribute-detail__slider-btn {
  margin-top: 32px;
}

.contribute-detail__wheel {
  padding: 40px 0;
}

@media (max-width: 1020px) {
  .contribute-detail__wheel {
    padding: 24px 12px;
  }
}

.contribute-detail__wheel-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 12px;
  text-align: center;
}

@media (max-width: 1020px) {
  .contribute-detail__wheel .card.-product {
    width: 44.8vw !important;
  }
}

.contribute-detail__back {
  background-color: var(--clr-gray);
}

.contribute__modal-tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.contribute__modal-control {
  width: 50%;
  max-width: 430px;
  display: block;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .contribute__modal-control {
    font-size: 12px;
  }
}

.contribute__modal-control button {
  width: 100%;
}

.contribute__modal-inner {
  padding: 48px 24px;
}

@media (max-width: 1020px) {
  .contribute__modal-inner {
    padding: 24px 12px;
  }
}

.contribute__modal-content.top__tab-content-inner {
  grid-template-columns: repeat(6, 1fr);
}

@media (max-width: 1020px) {
  .contribute__modal-content.top__tab-content-inner {
    grid-template-columns: repeat(3, 1fr);
  }
}

.contribute__modal-carName {
  margin-bottom: 48px;
}

@media (max-width: 1020px) {
  .contribute__modal-carName {
    margin-bottom: 42px;
  }
}

.contribute__modal-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 24px;
}

.contribute__modal-item:last-child {
  padding-bottom: 0;
}

.contribute__modal-select {
  max-width: 100%;
  width: 100%;
}

.contribute__modal-select .select-box {
  width: 100%;
}

.custdist {
  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;
}

.custdist.-product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: var(--clr-white);
  color: var(--clr-black);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 24px 40px;
  gap: 16px;
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .custdist.-product {
    padding: 14px 20px 16px;
    gap: 7px;
  }
}

.custdist__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: -webkit-fill-available;
}

@media (max-width: 1020px) {
  .custdist__tag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px;
  }
}

.custdist__tag-item {
  padding: 5px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .custdist__tag-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.custdist__tag-item-detail {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.custdist__tag-item-delete {
  background-color: rgba(204, 204, 204, 0.3882352941);
  color: var(--clr-black);
  border-radius: 2px;
  margin-left: 33px;
  padding: 0px 5px;
}

@media (max-width: 1020px) {
  .custdist__tag-item-delete {
    position: absolute;
    top: 0;
    right: 0;
  }
}

.custdist__tag-item-delete:hover {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.custdist__tag-item-tag {
  padding: 5px;
  font-size: 10px;
  font-weight: 700;
  line-height: normal;
}

.custdist__tag-item-tag.vehicle {
  background-color: var(--clr-gray-light);
  color: var(--clr-black);
}

.custdist__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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: 1020px) {
  .custdist__content {
    position: relative;
    gap: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

.custdist__content-img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px;
}

@media (max-width: 1020px) {
  .custdist__content-img {
    width: 104px;
    height: 104px;
  }
}

.custdist__content-inner {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .custdist__content-inner {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
  }
}

.custdist__content-inner-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 300px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .custdist__content-inner-wrap {
    min-width: 100%;
  }
}

.custdist__content-inner.-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .custdist__content-inner.-center {
    margin-top: 18px;
  }
}

.custdist__content-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.custdist__content-info-inner {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.custdist__content-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
}

@media (max-width: 1020px) {
  .custdist__content-title {
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.custdist__content-text {
  width: 100%;
  max-width: 357px;
  font-size: 16px;
  font-weight: 700;
  line-height: 175%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .custdist__content-text {
    max-width: 90%;
    font-size: 14px;
  }
}

.custdist__content-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 175%;
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.custdist__content-link img {
  width: 16px;
  height: 16px;
}

.custdist__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .custdist__btns {
    gap: 16px;
  }
}

.custdist__btns a,
.custdist__btns button {
  max-width: 170px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  padding: 14px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {

  .custdist__btns a,
  .custdist__btns button {
    max-width: 100%;
  }
}

.custdist__btns button {
  background-color: var(--clr-gray);
  border-color: var(--clr-gray);
}

.history {
  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;
}

.history__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 40px 10px;
  font-size: 14px;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .history__select {
    -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;
  }
}

.history__select-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 768px) {
  .history__select-date {
    width: 310px;
    margin-bottom: 10px;
  }
}

.history__select-date .button {
  width: 100%;
  padding: 8px 40px;
}

.history__select-text {
  font-size: 30px;
  padding: 30px 12px 0px;
}

@media (max-width: 768px) {
  .history__select-text {
    padding-top: 22px;
  }
}

.history__select-button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.history__select input[type=date] {
  padding: 8px;
  border: 1px solid var(--clr-gray-light);
  border-radius: 4px;
  font-size: 13px;
  width: 135px;
  color: var(--clr-gray-light);
}

.history__select input[type=date]::-webkit-input-placeholder {
  color: var(--clr-gray-light);
}

.history__select input[type=date]::-moz-placeholder {
  color: var(--clr-gray-light);
}

.history__select input[type=date]:-ms-input-placeholder {
  color: var(--clr-gray-light);
}

.history__select input[type=date]::-ms-input-placeholder {
  color: var(--clr-gray-light);
}

.history__select input[type=date]::placeholder {
  color: var(--clr-gray-light);
}

.history__select input[type=date]:focus {
  border-color: var(--clr-prime);
}

@media (max-width: 1020px) {
  .history__select input[type=date] {
    height: 40px;
  }
}

.history__select .form__input.-short {
  width: auto;
}

.history__inner {
  margin: 0 0 15px 34px;
}

@media (max-width: 768px) {
  .history__inner {
    margin: 0 0 15px 0;
  }
}

.history__inner.block__link {
  font-size: 14px;
}

.history__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.history__info-text {
  font-size: 10px;
}

.history.-product {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-color: var(--clr-white);
  color: var(--clr-black);
  -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  padding: 24px 40px;
  gap: 10px;
  border-radius: 3px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}

@media (max-width: 768px) {
  .history.-product {
    padding: 15px 20px 13px 15px;
    gap: 7px;
  }
}

.history.-product:hover {
  -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.25);
}

.history.-product .history__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: -webkit-fill-available;
}

@media (max-width: 768px) {
  .history.-product .history__tag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 3px;
  }
}

.history.-product .history__tag-item {
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.history.-product .history__tag-item.-set {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.history.-product .history__tag-item-detail {
  padding: 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
}

.history.-product .history__tag-item-tag {
  padding: 5px;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}

.history.-product .history__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 12px;
}

@media (max-width: 1020px) {
  .history.-product .history__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.history.-product .history__content-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  width: 100%;
}

@media (max-width: 1020px) {
  .history.-product .history__content-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.history.-product .history__content.-item-start {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.history.-product .history__content.-f-column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.history.-product .history__content-img {
  width: 120px;
  height: 120px;
  -o-object-fit: contain;
  object-fit: contain;
  padding: 10px;
}

@media (max-width: 768px) {
  .history.-product .history__content-img {
    width: 104px;
    height: 104px;
  }
}

.history.-product .history__content-inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 420px;
}

@media (max-width: 1020px) {
  .history.-product .history__content-inner {
    max-width: 100%;
  }
}

.history.-product .history__content-inner.-right {
  max-width: 380px;
}

@media (max-width: 1020px) {
  .history.-product .history__content-inner.-right {
    max-width: 100%;
  }
}

.history.-product .history__content-inner-wrapper {
  width: 100%;
}

.history.-product .history__content-inner-item {
  padding: 8.5px 0px;
}

.history.-product .history__content-inner-item.-p-0 {
  padding: 0;
}

.history.-product .history__content-inner.-history-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.history.-product .history__content-inner.-history-list img {
  padding: 0 8.5px 8.5px 0;
}

.history.-product .history__content-info {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.history.-product .history__content-info-inner {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: end;
  align-content: flex-end;
}

.history.-product .history__content-title {
  font-size: 18px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 8px;
}

@media (max-width: 768px) {
  .history.-product .history__content-title {
    font-size: 14px;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
}

.history.-product .history__content-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

@media (max-width: 768px) {
  .history.-product .history__content-text {
    font-size: 14px;
    margin-bottom: 2px;
  }
}

.history.-product .history__content-price {
  text-align: end;
  color: var(--clr-prime);
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  letter-spacing: 0.96px;
}

@media (max-width: 768px) {
  .history.-product .history__content-price {
    font-size: 18px;
    line-height: 150%;
  }
}

.history.-product .history__content-price span {
  color: var(--clr-gray-darker);
  font-size: 16px;
  line-height: 150%;
}

@media (max-width: 768px) {
  .history.-product .history__content-price span {
    font-size: 12px;
  }
}

.history.-product .history__content-link {
  font-size: 12px;
  font-weight: 700;
  line-height: 175%;
  text-decoration: underline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  margin-bottom: 10px;
}

.history.-product .history__content-link img {
  width: 16px;
  height: 16px;
}

.history.-product .history__date {
  margin-bottom: 1em;
}

.history.-product .history__date.-set {
  margin-bottom: 0;
}

.detail.-bg {
  background-color: var(--clr-gray-lightest);
}

.detail-main {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 40px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 18px;
  color: var(--clr-second-black);
}

@media (max-width: 1020px) {
  .detail-main {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    padding: 20px 12px 30px;
  }
}

.detail-main.-gap-32 {
  gap: 32px;
  -webkit-box-pack: unset;
  -ms-flex-pack: unset;
  justify-content: unset;
}

@media (max-width: 1020px) {
  .detail-main.-gap-32 {
    gap: 16px;
  }
}

.detail-main__img {
  min-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  cursor: pointer;
}

.detail-main__img.-mw-220 {
  min-width: 220px;
  max-width: 220px;
}

@media (max-width: 1020px) {
  .detail-main__img.-mw-220 {
    min-width: unset;
    max-width: 100%;
  }
}

.detail-main__img.only-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {
  .detail-main__img.only-pc {
    display: none;
  }
}

.detail-main__img.only-sp {
  display: none;
}

@media (max-width: 1020px) {
  .detail-main__img.only-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1020px) {
  .detail-main__img {
    min-width: 100%;
    text-align: center;
  }
}

.detail-main__img img {
  width: 300px;
  height: 300px;
}

@media (max-width: 1020px) {
  .detail-main__img img {
    margin: 0 auto;
  }
}

.detail-main__img img:hover {
  opacity: 0.8;
}

.detail-main__img img.-w-200 {
  width: 200px;
  height: 200px;
}

@media (max-width: 1020px) {
  .detail-main__img img.-w-200 {
    width: 100%;
    max-width: 80px;
    height: auto;
    margin: 0 auto;
  }
}

.detail-main__img-remark {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
}

.detail-main__images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.detail-main__images img {
  width: 80px;
  height: 80px;
}

.detail-main__textarea {
  width: 510px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

.detail-main__textarea.-gap-16 {
  gap: 16px;
}

.detail-main__textarea.-gap-16 .button {
  width: 100%;
  max-width: 245px;
  font-size: 14px;
  padding: 12px;
}

@media (max-width: 1020px) {
  .detail-main__textarea.-gap-16 .button {
    max-width: 100%;
  }
}

.detail-main__textarea.-mw-612 {
  width: 100%;
  max-width: 612px;
}

@media (max-width: 1020px) {
  .detail-main__textarea.-mw-612 {
    max-width: 100%;
  }
}

@media (max-width: 1020px) {
  .detail-main__textarea {
    width: 100%;
    gap: 8px;
  }
}

.detail-main__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
  margin: 0;
}

@media (max-width: 1020px) {
  .detail-main__title {
    text-align: center;
    font-size: 20px;
    line-height: 150%;
  }
}

.detail-main__tag {
  width: 100%;
  max-width: 84px;
}

.detail-main__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .detail-main__text {
    font-weight: 700;
  }
}

.detail-main__btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.detail-main__btn.-flexible .button {
  width: unset;
  max-width: unset;
  padding: 12px 10px;
  font-size: 14px;
}

@media (max-width: 1020px) {
  .detail-main__btn.-flexible {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .detail-main__btn.-flexible .button {
    width: 100%;
    font-size: 12px;
    padding: 12px 2px;
  }
}

.detail-main__btn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

@media (max-width: 1020px) {
  .detail-main__btn-share {
    margin-bottom: 10px;
  }
}

.detail-main__btn-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 11px;
}

@media (max-width: 1020px) {
  .detail-main__btn-basic {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9px 5px;
  }
}

.detail-main__btn-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 1020px) {
  .detail-main__btn-set {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 8px 5px;
  }
}

.detail-main__btn-setBuy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .detail-main__btn-setBuy {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10px;
  }
}

.detail-main__btn.-wheelg {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

.detail-main__btn.-wheelg .detail-main__btn-set {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.detail-main__btn.-wheelg .detail-main__btn-set .-set {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
}

.detail-main__btn.-wheelg .button {
  -ms-flex-preferred-size: 48%;
  flex-basis: 48%;
  height: 45px;
  padding: 0;
}

@media (max-width: 1020px) {
  .detail-main__btn.-wheelg .button {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    height: 50px;
    padding: 14px 2px;
  }
}

.detail-main__btn .block__foot-buttons.-baloon {
  margin-top: 0;
}

@media (max-width: 1020px) {
  .detail-main.-wheelg .detail-main__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }

  .detail-main.-wheelg .detail-main__img {
    min-width: 80px;
  }

  .detail-main.-wheelg .detail-main__img img {
    width: 80px;
    height: 80px;
  }
}

.detail__inner {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
  padding: 40px 0;
}

@media (max-width: 1020px) {
  .detail__inner {
    max-width: 100%;
    padding: 20px 10px;
  }
}

.detail__inner.-set {
  width: 100%;
  max-width: 900px;
}

@media (max-width: 1020px) {
  .detail__inner.-set {
    max-width: 100%;
    padding: 0 0 20px;
  }
}

.detail-color {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 32px;
}

@media (max-width: 1020px) {
  .detail-color {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
  }
}

.detail-color__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}

@media (max-width: 1020px) {
  .detail-color__img {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.detail-color__img.-mw-220 {
  min-width: 220px;
  max-width: 220px;
}

@media (max-width: 1020px) {
  .detail-color__img.-mw-220 {
    min-width: unset;
    max-width: 100%;
  }
}

.detail-color__img.-mw-220 .detail-color__wheelimg {
  width: 200px;
  height: auto;
}

@media (max-width: 1020px) {
  .detail-color__img.-mw-220 .detail-color__wheelimg {
    width: 100%;
  }
}

.detail-color__img.-mw-220 .detail-color__wheelimg img {
  width: 200px;
  height: 200px;
}

@media (max-width: 1020px) {
  .detail-color__img.-mw-220 .detail-color__wheelimg img {
    width: 100%;
    max-width: 80px;
    height: auto;
    display: block;
  }
}

.detail-color__img.-mw-220 .detail-color__wheelimg img+img {
  margin-top: 8px;
}

.detail-color__img-remark {
  font-size: 12px;
  font-weight: 500;
  line-height: 150%;
  white-space: nowrap;
}

.detail-color__img-remark.-wrap {
  white-space: unset;
}

@media (max-width: 1020px) {
  .detail-color__img-remark.-sp-left {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.detail-color__wheelimg {
  width: 300px;
  height: auto;
  display: none;
  cursor: pointer;
}

.detail-color__wheelimg.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-color__wheelimg img {
  width: 300px;
  height: 300px;
}

@media (max-width: 1020px) {
  .detail-color__wheelimg-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

@media (max-width: 1020px) {
  .detail-color__wheelimg-wrapper-above {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
  }
}

@media (max-width: 1020px) {
  .detail-color__wheelimg-inner.-imgs {
    width: 100%;
    max-width: 80px;
  }
}

.detail-color__content-heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-color__content-stock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
}

.detail-color__content-stock img {
  width: 87px;
  height: 29px;
}

.detail-color__content-stock.only-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {
  .detail-color__content-stock.only-pc {
    display: none;
  }
}

.detail-color__content-stock.only-sp {
  display: none;
}

@media (max-width: 1020px) {
  .detail-color__content-stock.only-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.detail-color__content-tire {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

.detail-color__tabs {
  margin-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
  position: relative;
}

@media (max-width: 1020px) {
  .detail-color__tabs {
    margin-top: 20px;
    gap: 20px;
  }
}

.detail-color__tabs-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  margin: 0;
  width: 418px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .detail-color__tabs-menu {
    width: 100%;
  }
}

.detail-color__tabs-menu.detail__swiper-container .swiper-slide {
  display: block !important;
}

.detail-color__tabs-panel {
  width: 100%;
}

.detail-color__tabs-box {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 32px;
}

@media (max-width: 1020px) {
  .detail-color__tabs-box {
    gap: 20px;
  }
}

.detail-color__tabs-box.is-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.detail-color__tabs-box.-gap-24 {
  gap: 24px;
}

@media (max-width: 1020px) {
  .detail-color__tabs-box.-gap-24 {
    gap: 16px;
  }
}

.detail-color__tabs-text {
  color: var(--clr-gray-darker);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-color__btn-share {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  -webkit-box-pack: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.detail-color__btn-basic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px 11px;
}

@media (max-width: 1020px) {
  .detail-color__btn-basic {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 9px 5px;
  }
}

.detail-color__btn-basic.-flexible .button {
  width: unset;
  max-width: unset;
  padding: 12px 10px;
  font-size: 14px;
}

@media (max-width: 1020px) {
  .detail-color__btn-basic.-flexible {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }

  .detail-color__btn-basic.-flexible .button {
    width: 100%;
    font-size: 12px;
    padding: 12px 2px;
  }
}

.detail__swiper-btn {
  width: 480px;
  position: absolute;
  top: 86px;
  left: -30px;
}

@media (max-width: 1020px) {
  .detail__swiper-btn {
    width: 100%;
    left: 0;
  }
}

.detail__swiper-prev {
  background-color: var(--clr-gray-dark);
  color: var(--clr-white) !important;
  width: 47px !important;
  height: 58px !important;
  opacity: 0.8;
}

@media (max-width: 1020px) {
  .detail__swiper-prev {
    left: -10px !important;
  }
}

.detail__swiper-prev::after {
  font-size: 28px !important;
}

.detail__swiper-prev.swiper-button-disabled {
  display: none;
}

.detail__swiper-next {
  background-color: var(--clr-gray-dark);
  color: var(--clr-white) !important;
  width: 47px !important;
  height: 58px !important;
  opacity: 0.8;
}

@media (max-width: 1020px) {
  .detail__swiper-next {
    right: -10px !important;
  }
}

.detail__swiper-next::after {
  font-size: 28px !important;
}

.detail__swiper-next.swiper-button-disabled {
  display: none;
}

.detail-selected {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.detail-selected__heading {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-selected__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media (max-width: 1020px) {
  .detail-selected__content {
    gap: 10px;
  }
}

.detail-selected__content-img {
  width: 120px;
}

.detail-selected__content-right {
  width: 240px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.detail-selected__content-right .button {
  font-size: 14px;
  font-weight: 700;
  padding: 12px 0;
}

.detail-selected__title {
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.detail-inch {
  display: none;
}

.detail-inch.is-show {
  display: block;
}

.detail-inch__btn {
  padding: 12px 2px;
  display: block !important;
  text-align: center;
}

@media (max-width: 1020px) {
  .detail-inch__btn {
    width: 100%;
    font-size: 14px;
  }
}

.detail-inch__btn.is-active {
  background: var(--clr-prime);
  border: 1px solid var(--clr-prime);
  color: var(--clr-white);
}

.detail-inch__tabs-menu {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}

@media (max-width: 1020px) {
  .detail-inch__tabs-menu {
    grid-template-columns: repeat(3, 1fr);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
    padding: 0 22px;
  }
}

.detail-inch__tabs-box {
  display: none;
  position: relative;
}

.detail-inch__tabs-box.is-show {
  display: block;
}

.detail-inch__tabs-panel {
  display: none;
}

.detail-inch__tabs-panel.is-show {
  display: block;
}

.detail-inch__swiper-container {
  padding: 0;
  margin: 0;
  width: 880px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .detail-inch__swiper-container {
    width: 100%;
  }
}

.detail-inch__swiper-btn {
  width: 940px;
  position: absolute;
  top: 50%;
  left: -30px;
  -webkit-transform: translateY(-22px);
  transform: translateY(-22px);
  z-index: 99;
}

@media (max-width: 1020px) {
  .detail-inch__swiper-btn {
    width: 100%;
    left: 0;
  }
}

.detail-inch__swiper-prev {
  background-color: var(--clr-gray-dark);
  color: var(--clr-white) !important;
  width: 47px !important;
  height: 58px !important;
  opacity: 0.8;
  left: -30px !important;
}

@media (max-width: 1020px) {
  .detail-inch__swiper-prev {
    left: -10px !important;
  }
}

.detail-inch__swiper-prev::after {
  font-size: 28px !important;
}

.detail-inch__swiper-prev.swiper-button-disabled {
  display: none;
}

.detail-inch__swiper-next {
  background-color: var(--clr-gray-dark);
  color: var(--clr-white) !important;
  width: 47px !important;
  height: 58px !important;
  opacity: 0.8;
  right: -30px !important;
}

@media (max-width: 1020px) {
  .detail-inch__swiper-next {
    right: -10px !important;
  }
}

.detail-inch__swiper-next::after {
  font-size: 28px !important;
}

.detail-inch__swiper-next.swiper-button-disabled {
  display: none;
}

.detail-cart {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 1020px) {
  .detail-cart {
    gap: 20px;
  }
}

.detail-cart__stock {
  background-color: var(--clr-white);
  padding: 16px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 11px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .detail-cart__stock {
    padding: 22px 20px;
  }
}

.detail-cart__stock img {
  width: 87px;
  height: 29px;
}

.detail-cart__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}

@media (max-width: 1020px) {
  .detail-cart__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-align: self-start;
    -ms-flex-align: self-start;
    align-items: self-start;
  }
}

.detail-cart__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 30px;
}

@media (max-width: 1020px) {
  .detail-cart__left {
    width: 100%;
  }
}

.detail-cart__left-q {
  padding: 10px;
}

@media (max-width: 1020px) {
  .detail-cart__left-q {
    padding: 0;
  }
}

.detail-cart__left-text {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-cart__campaign {
  padding-top: 20px;
  padding-bottom: 48px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}

@media (max-width: 1020px) {
  .detail-cart__campaign {
    padding-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.detail-cart__campaign-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.detail-cart__campaign-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5px;
}

.detail-cart__campaign-group .form__input input {
  width: 281px;
  height: 48px;
  background-color: var(--clr-white);
}

@media (max-width: 1020px) {
  .detail-cart__campaign-group .form__input input {
    width: 100%;
  }
}

.detail-cart__campaign-certif {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 6px 0;
  border: 2px solid var(--clr-gray-light);
  background: var(--clr-white);
  margin: 5px 0;
  width: 290px;
}

@media (max-width: 1020px) {
  .detail-cart__campaign-certif {
    width: 100%;
  }
}

.detail-cart__campaign-certif img {
  width: 188px;
}

.detail-cart__campaign-btn {
  padding-top: 27px;
}

@media (max-width: 1020px) {
  .detail-cart__campaign-btn {
    padding-top: 0;
  }
}

.detail-cart__campaign-btn .button {
  width: 270px;
  height: 50px;
  padding: 0;
}

@media (max-width: 1020px) {
  .detail-cart__campaign-btn .button {
    width: 100%;
  }
}

.detail-cart__right {
  text-align: right;
}

@media (max-width: 1020px) {
  .detail-cart__right {
    width: 100%;
  }
}

.detail-cart__through {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  text-decoration: line-through;
}

@media (max-width: 1020px) {
  .detail-cart__through {
    text-align: right;
  }
}

.detail-cart__price {
  color: var(--clr-second-black);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  padding: 12px 0 10px;
}

@media (max-width: 1020px) {
  .detail-cart__price {
    text-align: end;
  }
}

.detail-cart__price span {
  font-size: 36px;
  color: var(--clr-prime);
}

@media (max-width: 1020px) {
  .detail-cart__price span {
    font-size: 28px;
  }
}

.detail-cart__price.-right {
  text-align: right;
}

.detail-cart__price-set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
}

@media (max-width: 1020px) {
  .detail-cart__price-set {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    justify-content: right;
  }
}

.detail-cart__price-set p {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-cart__point {
  text-align: end;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
  margin-bottom: 16px;
}

.detail-cart__point span {
  font-weight: 500;
}

.detail-cart__select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .detail-cart__select {
    gap: 32px;
  }
}

.detail-cart__select label {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.detail-cart__select-box {
  width: 100px;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
  background-color: var(--clr-white);
}

.detail-cart__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .detail-cart__btn {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    gap: 9px;
  }
}

.detail-cart__btn button {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
}

.detail-cart__btn img {
  width: 19px;
  height: 19px;
}

.detail-cart__btn.-sticky-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 660px;
  width: 100%;
  margin: 24px auto 80px;
}

@media (max-width: 1020px) {
  .detail-cart__btn.-sticky-pc {
    display: none;
  }
}

.detail-cart__btn.-sticky-sp {
  display: none;
}

@media (max-width: 1020px) {
  .detail-cart__btn.-sticky-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.detail-cart__carInfo {
  padding-top: 30px;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}

@media (max-width: 1020px) {
  .detail-cart__carInfo {
    padding: 0px 10px 30px;
  }
}

.detail-cart__carInfo .button {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}

.detail-cart__carInfo.-not-available {
  color: var(--clr-prime);
}

.detail-cart__carInfo.-not-available .button {
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .detail-cart__carInfo.-not-available .button {
    max-width: 100%;
  }
}

.detail__title {
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 125%;
}

@media (max-width: 1020px) {
  .detail__title {
    font-size: 20px;
  }
}

.detail__tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-width: 310px;
}

.detail__tag.-mw-220 {
  min-width: 220px;
  max-width: 220px;
}

@media (max-width: 1020px) {
  .detail__tag.-mw-220 {
    min-width: unset;
    max-width: 100%;
  }
}

.detail__tag.only-pc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (max-width: 1020px) {
  .detail__tag.only-pc {
    display: none;
  }
}

.detail__tag.only-sp {
  display: none;
}

@media (max-width: 1020px) {
  .detail__tag.only-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

@media (max-width: 1020px) {
  .detail__tag {
    max-width: 100%;
  }
}

.detail__tag.-color {
  width: 300px;
}

@media (max-width: 1020px) {
  .detail__tag.-color {
    width: 100%;
  }
}

.detail__tag.-icons {
  gap: 3px;
}

@media (max-width: 1020px) {
  .detail__tag.-icons {
    width: 100%;
    max-width: 309px;
    margin: 0 auto;
  }
}

.detail__tag-icon img {
  width: 100%;
  max-width: 99px;
  height: 100%;
  max-height: 24px;
}

.detail__tag-icon img:hover {
  opacity: unset;
}

.detail__tag.-green-tags img {
  width: 100%;
  max-width: 100px;
}

.detail__info {
  font-size: 14px;
  line-height: 125%;
  letter-spacing: 0.72px;
  color: var(--clr-prime);
  text-align: center;
  padding: 20px 0;
}

.detail__attention {
  text-align: right;
  margin: 5px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .detail__attention {
    font-size: 14px;
  }
}

.menu {
  background-color: var(--clr-gray-lightest);
  padding-top: 40px;
  padding-bottom: 80px;
}

@media (max-width: 1020px) {
  .menu {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.menu__wrap {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

@media (max-width: 1020px) {
  .menu__wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.menu__baloon {
  position: relative;
}

.menu__baloon-inner {
  position: absolute;
  top: -30px;
  left: 0;
  width: 360px;
  text-align: center;
}

@media (max-width: 1020px) {
  .menu__baloon-inner {
    top: -48px;
    width: 100%;
  }
}

.menu__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.menu__content-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media screen and (max-width: 768px) {
  .menu__content-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.menu__content__no__gap {
  background-color: var(--clr-white);
}

@media (max-width: 1020px) {
  .menu__content__no__gap {
    gap: 0px;
  }
}

.menu__tile {
  width: calc(50% - 12px);
  background-color: var(--clr-white);
  padding: 16px 40px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media screen and (max-width: 768px) {
  .menu__tile {
    width: 100%;
    padding: 30px 10px;
  }
}

@media screen and (max-width: 768px) {
  .menu__tile.-mycar-list {
    padding: 30px 10px 0;
  }
}

@media screen and (max-width: 768px) {
  .menu__tile__maker {
    padding: 0px 10px 30px;
  }
}

.menu__tile-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.menu__tile-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}

.menu__tile-list.-detail {
  display: none;
}

.menu__tile-list.-detail.-is-active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.menu__tile-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__tile-img {
  width: 24px;
  height: 24px;
}

.menu__tile-content {
  font-size: 14px;
  font-weight: 400;
  line-height: 175%;
}

.menu__tile-point {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  line-height: 1;
}

.menu__tile-point-value {
  color: var(--clr-prime);
  font-weight: 700;
  font-size: 16px;
  padding-left: 4px;
}

.menu__tile-point-align-end {
  font-size: 11px;
  display: inline-block;
  padding-left: 4px;
}

.menu__mycar {
  padding: 25px 0px 37px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .menu__mycar {
    padding: 16px 0px 20px;
  }
}

.menu__mycar-btn-list {
  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;
  padding-top: 20px;
  width: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .menu__mycar-btn-list {
    gap: 5px;
  }
}

.menu__mycar__item {
  width: 600px;
  height: 450px;
  position: relative;
}

@media (max-width: 1020px) {
  .menu__mycar__item {
    width: 95%;
    margin: auto;
  }
}

.menu__mycar__item img {
  aspect-ratio: 16/9;
}

.menu__mycar__button {
  padding: 8% 33%;
  width: 100%;
}

.menu__link {
  --link-color: var(--clr-black);
  --link-bg-color: transparent;
  --link-bg-color-hover: transparent;
  --link-border-color: transparent;
  --link-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.25);
  color: var(--link-color);
  background: var(--link-bg-color);
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__link__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.menu__link__box dt {
  font-weight: 500;
}

.menu__link.-underline {
  text-decoration: underline;
  font-size: 14px;
  font-weight: 400;
  display: inline-block;
}

.menu__link.-sp-menu {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.menu__link.-sp-menu .icon.-right {
  margin-left: auto;
}

.menu__link.-sp-menu.-sp-order {
  --link-bg-color: var(--clr-gray-lighter);
  --link-border-color: var(--clr-gray-lighter);
}

@media (max-width: 1020px) {
  .menu__link.-sp-menu:hover {
    color: inherit;
  }
}

.menu__link.-sub-sp-menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 4px;
  --link-color: var(--clr-black);
  --link-border-color: var(--clr-gray-lightest);
}

.menu__link.-sub-sp-menu .icon.-right {
  margin-left: auto;
}

.menu__link:hover {
  --link-color: var(--clr-gray-dark);
  --link-border-color: var(--clr-border);
  opacity: 0.8;
}

.menu__link_border {
  width: 100%;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--clr-gray-light);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.menu__car__details {
  font-size: 14px;
  padding-bottom: 6px;
  overflow: hidden;
}

.menu__car__details span {
  font-weight: 500;
}

.menu__car__details-maker, .menu__car__details-name, .menu__car__details-grade {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.menu .-text-size-9 {
  font-size: 9px;
}

.menu .-text-size-11 {
  font-size: 11px;
}

.menu .-text-size-12 {
  font-size: 12px;
}

.menu .-text-size-14 {
  font-size: 14px;
}

.menu .-extra-gap {
  gap: 8px;
}

.menu.__main {
  padding: 4px 22px;
  width: 100%;
}

.menu li.-tabs__control.tab {
  width: 16%;
}

.menu__swiper-container {
  position: relative;
  padding-top: 5px;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .menu__swiper-container {
    height: unset;
    margin-top: 0;
  }
}

.menu__swiper-container .swiper-button-next,
.menu__swiper-container .swiper-button-prev {
  top: 60%;
}

.menu__swiper-container .swiper-button-next::after,
.menu__swiper-container .swiper-button-prev::after {
  font-size: 30px;
}

.menu__swiper-wrapper {
  height: auto !important;
}

.menu__swiper-slide img {
  height: 100%;
  aspect-ratio: 16/9;
}

.menu__swiper-pagination {
  width: 95% !important;
  position: relative !important;
  bottom: unset !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto 16px;
}

.menu__swiper-pagination .swiper-pagination-bullet {
  margin: 0 0px !important;
  border-radius: unset;
  color: var(--clr-black);
  opacity: unset;
  background-color: var(--clr-white);
  width: 100%;
  max-width: 57px;
  height: auto;
  padding: 10px;
  border-radius: 3px;
  text-align: center;
  overflow: unset;
  -webkit-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 1020px) {
  .menu__swiper-pagination .swiper-pagination-bullet {
    max-width: 100%;
  }
}

.menu__swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--clr-prime);
  color: var(--clr-white);
}

.option {
  background-color: var(--clr-gray-lightest);
  padding-top: 40px;
  padding-bottom: 80px;
}

@media (max-width: 1020px) {
  .option {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.option__wrap {
  width: 880px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
}

@media (max-width: 1020px) {
  .option__wrap {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.option__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 1020px) {
  .option__content {
    gap: 0;
  }
}

.option__merchandise {
  width: 488px;
  background-color: var(--clr-white);
  padding: 24px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1020px) {
  .option__merchandise {
    width: 100%;
    padding: 30px 10px;
  }
}

.option__merchandise-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.option__merchandise-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

.option__merchandise-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}

.option__merchandise-img {
  width: 80px;
  height: 80px;
}

.option__merchandise-content {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

.option__merchandise-price {
  text-align: end;
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

.option__merchandise-price span {
  color: var(--clr-prime);
  font-size: 24px;
  line-height: normal;
  letter-spacing: 0.96px;
}

.option__cart {
  width: 320px;
  height: 260px;
  background-color: var(--clr-white);
  border-radius: 3px;
  padding: 24px;
  position: sticky;
  top: 110px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 1020px) {
  .option__cart {
    background-color: rgba(241, 241, 241, 0.95);
    width: 100%;
    height: auto;
    bottom: 0;
    padding: 20px 10px 15px;
    gap: 10px;
    z-index: 99;
  }
}

.option__cart-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

@media (max-width: 1020px) {
  .option__cart-wrap {
    gap: 0;
  }
}

.option__cart-rest {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .option__cart-rest {
    gap: 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.option__cart-restarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 1020px) {
  .option__cart-restarea {
    gap: 5px;
  }
}

.option__cart-text {
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .option__cart-text {
    font-size: 10px;
    line-height: 150%;
  }
}

.option__cart-quantity {
  background-color: var(--clr-prime);
  padding: 0 9px;
  border-radius: 2px;
  color: var(--clr-white);
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}

.option__cart-amount {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 8px;
}

@media (max-width: 1020px) {
  .option__cart-amount.-pc {
    display: none !important;
  }
}

.option__cart-amount.-sp {
  display: none;
}

@media (max-width: 1020px) {
  .option__cart-amount.-sp {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    gap: 0;
  }
}

.option__cart-total {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .option__cart-total {
    gap: 6px;
  }
}

.option__cart-title {
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .option__cart-title {
    font-size: 14px;
  }
}

.option__cart-price {
  font-size: 14px;
  font-weight: 700;
  line-height: 30px;
}

.option__cart-price span {
  color: var(--clr-prime);
  font-size: 24px;
  line-height: normal;
}

@media (max-width: 1020px) {
  .option__cart-price span {
    font-size: 30px;
  }
}

.option__cart-point {
  text-align: end;
  font-size: 12px;
  font-weight: 700;
  line-height: 150%;
}

.option__cart-point span {
  font-weight: 500;
}

.option__select {
  width: 488px;
  background-color: var(--clr-white);
  padding: 24px;
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

@media (max-width: 1020px) {
  .option__select {
    width: 100%;
    background-color: var(--clr-gray-lightest);
    padding: 30px 10px;
    gap: 20px;
  }
}

.option__select-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .option__select-title {
    text-align: center;
  }
}

.option__select-accordion {
  border-top: 1px solid var(--clr-gray-light);
}

.option__select-accordion:last-child {
  border-bottom: 1px solid var(--clr-gray-light);
}

.option__select-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 24px;
}

.option__select-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

.option__select-radio.-unit {
  padding-top: 25px;
  padding-left: 16px;
}

.option__select-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid var(--clr-gray-light);
  border-radius: 3px;
  padding-left: 16px;
  cursor: pointer;
}

@media (max-width: 1020px) {
  .option__select-form {
    background-color: var(--clr-white);
  }
}

.option__select-form:hover {
  border: 2px solid var(--clr-prime);
}

.option__select-form.active {
  border-color: var(--clr-prime);
}

.option__select-form input {
  content: "";
  position: relative;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-color: var(--clr-white);
  border: 2px solid var(--clr-gray-dark);
  border-radius: 50%;
  width: 17px;
  height: 16px;
  top: 7px;
  margin-right: 12px;
}

.option__select-form input::after {
  content: "";
  position: absolute;
  background-color: var(--clr-black);
  border-radius: 50%;
  opacity: 0;
  width: 8px;
  height: 8px;
  left: 2px;
  top: 2px;
}

.option__select-form input:checked::after {
  opacity: 1;
}

.option__select-form label {
  border-radius: 3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 18px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  width: 100%;
  height: 80px;
  padding: 16px 16px 16px 12px;
}

.option__select-form label img {
  width: 50px;
  height: 47px;
}

.option__select-frame {
  border: 2px solid var(--clr-gray-light);
  border-radius: 3px;
  padding: 16px 16px 16px 0;
}

.option__select-unit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  padding-left: 16px;
  cursor: pointer;
}

.option__select-heading {
  width: 100%;
}

.option__select-heading i {
  position: absolute;
  top: 0;
  right: 0;
}

.top__wrapper {
  width: 100%;
}

.top__swiper-container {
  position: relative;
  height: 390px;
  margin-top: 10px;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .top__swiper-container {
    height: unset;
    margin-top: 0;
  }
}

.top__swiper-slide {
  width: 100%;
  max-width: 690px;
}

.top__swiper-slide img {
  width: 100%;
  max-height: 339px;
  -webkit-filter: brightness(0.5);
  filter: brightness(0.5);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.top__swiper-slide.swiper-slide-active img {
  -webkit-filter: brightness(1);
  filter: brightness(1);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

@media (max-width: 1020px) {
  .top__swiper-pagination {
    position: unset !important;
  }
}

.top__swiper-pagination .swiper-pagination-bullet {
  margin: 0 10px !important;
}

@media (max-width: 1020px) {
  .top__swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px !important;
  }
}

.top__swiper-pagination .swiper-pagination-bullet-active {
  background-color: var(--clr-prime);
}

.top__button-prev, .top__button-next {
  color: var(--clr-white) !important;
  -webkit-filter: drop-shadow(0px 0px 5px var(--clr-black));
  filter: drop-shadow(0px 0px 5px var(--clr-black));
  top: var(--swiper-navigation-top-offset, 45%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.top__tanaka {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  max-width: 309px;
  height: auto;
}

.top__important {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 20px 10px 50px;
}

@media (max-width: 1020px) {
  .top__important {
    padding: 10px 10px 34px;
  }
}

.top__important-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 2px solid var(--clr-important);
  width: 100%;
}

@media (max-width: 1020px) {
  .top__important-inner {
    max-width: unset;
  }
}

.top__important-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  padding: 13px 21px 11px 14px;
}

@media (max-width: 1020px) {
  .top__important-content {
    gap: 1px;
    padding: 6px 7px 9px 14px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.top__important-content time {
  color: var(--var-second-black);
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  width: 100%;
  max-width: 102px;
}

.top__mycar {
  padding: 38px 10px 25px;
}

@media (max-width: 1020px) {
  .top__mycar {
    padding: 57px 10px 18px;
  }
}

.top__mycar-btn {
  width: 100%;
  padding: 15px 10px;
  border-color: var(--clr-second);
  background-color: var(--clr-second);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .top__mycar-btn {
    max-width: unset;
    padding: 17px 10px 19px;
  }
}

.top__mycar-btn:hover {
  border-color: var(--clr-black);
  background-color: var(--clr-black);
}

.top__mycar-btn:hover .top__mycar-registration {
  color: var(--clr-white);
}

.top__mycar-btn.-registered {
  border-color: var(--clr-black);
  background-color: var(--clr-black);
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top__mycar-btn.-registered:hover {
  border-color: var(--clr-black);
  background-color: var(--clr-black);
}

.top__mycar-btn.-registered .top__mycar-registration {
  color: var(--clr-white);
  line-height: normal;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.top__mycar-btn-span {
  padding: 3px 22px 2px;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.8);
  color: var(--clr-gray-darker);
  text-align: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 175%;
}

@media (max-width: 1020px) {
  .top__mycar-btn-span {
    position: absolute;
    padding: 7px 3px 7px 5px;
    color: var(--clr-black);
    text-align: center;
    font-size: 12px;
    line-height: normal;
    top: -30px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
    filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.3));
  }

  .top__mycar-btn-span::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border-top: 20px solid rgba(255, 255, 255, 0.8);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
  }
}

.top__mycar-btn-span.-non-absolute {
  position: unset;
  -webkit-transform: unset;
  transform: unset;
  background-color: unset;
  padding: 0;
  text-align: left;
}

.top__mycar-btn-span.-non-absolute::after {
  content: unset;
}

.top__mycar-registered {
  max-width: 52px;
}

.top__mycar-registration {
  color: var(--clr-gray-darker);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
}

.top__mycar-space {
  position: relative;
  width: 122px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top__mycar-space img {
  position: absolute;
  width: 122px;
  height: 64px;
}

@media (max-width: 1020px) {
  .top__mycar-space img {
    top: -22px;
  }
}

@media (max-width: 1020px) {
  .top__mycar-space.-lower {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}

.top__mycar-space.-lower img {
  position: absolute;
  width: 122px;
  height: 64px;
  padding: 5px 0;
}

@media (max-width: 1020px) {
  .top__mycar-space.-lower img {
    position: unset;
    max-width: 66px;
    max-height: 35px;
    top: unset;
    padding: 0;
  }
}

.top__other-btns {
  background-color: var(--clr-gray-lightest);
  padding: 40px 10px 37px;
}

@media (max-width: 1020px) {
  .top__other-btns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 10px;
    gap: 10px;
  }
}

.top__other-btns-inner {
  width: 100%;
  gap: 41px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .top__other-btns-inner {
    max-width: unset;
    gap: 10px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}

.top__other-btns-inner img {
  width: 70px;
  height: 70px;
}

.top__other-btn {
  width: 100%;
  max-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .top__other-btn {
    max-width: 420px;
    margin: 0 auto;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-height: 107px;
  }
}

.top__other-btn img.-fitting,
.top__other-btn img.-dressup {
  max-width: 70px;
  min-width: 70px;
}

.top__other-btn-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
  max-width: unset;
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  width: 300px;
}

.top__other-btn-title span {
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.top__btn-wine {
/*background-color: var(--clr-white);*/
background-color: transparent;
  padding: 0px 10px 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 41px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (max-width: 1020px) {
  .top__btn-wine {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 30px 10px;
  }
}

.top__btn-wine-title {
  color: var(--clr-black);
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .top__btn-wine-title {
    font-size: 16px;
  }
}

.top__btn-wine a.-wine {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 10px 19px;
}

@media (max-width: 1020px) {
  .top__btn-wine a.-wine {
    max-width: unset;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px 20px;
  }
}

.top__btn-wine a.-wine img.-wine {
  max-width: 26px;
}

.top__news {
  padding: 25px 0px 37px;
  position: relative;
  overflow: hidden;
}

@media (max-width: 1020px) {
  .top__news {
    padding: 16px 0px 20px;
  }
}

.top__news-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 10px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 22px;
}

@media (max-width: 1020px) {
  .top__news-btn-list {
    padding: 0 10px;
    gap: 5px;
  }
}

.top__news-btn {
  padding: 13px 13px 12px;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .top__news-btn {
    line-height: 175%;
  }
}

.top__news-btn:hover {
  color: var(--clr-white);
  background-color: var(--clr-prime);
  border-color: transparent;
}

.top__news-btn-inner {
  font-size: 14px;
  padding: 15px 16px 14px;
}

@media (max-width: 1020px) {
  .top__news-btn-inner {
    padding: 15px 13px 14px;
  }
}

.top__news-swiper-container {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 10px 3px;
  overflow: hidden;
  position: relative;
}

@media (max-width: 1020px) {
  .top__news-swiper-container {
    padding: 0 22px 3px;
    max-width: 80%;
  }
}

@media (max-width: 1020px) {
  .top__news-swiper-wrapper {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
}

.top__news-swiper-slide {
  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;
  gap: 0;
  --btn-border: unset;
  height: -moz-fit-content;
  height: fit-content;
  height: -webkit-fit-content;
}

@media (max-width: 1020px) {
  .top__news-swiper-slide {
    width: 160px;
  }
}

.top__news-swiper-slide img {
  width: 100%;
  max-width: 280px;
}

.top__news-swiper-slide-lower {
  padding: 27px 31px 39px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 280px;
}

@media (max-width: 1020px) {
  .top__news-swiper-slide-lower {
    padding: 14px 15px 32px;
  }
}

.top__news-swiper-slide-tag {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 5px;
  color: var(--clr-white);
  font-size: 10px;
  font-weight: 700;
}

.top__news-swiper-slide-tag.-blue {
  background-color: var(--clr-tag-blue);
}

.top__news-swiper-slide-tag.-green {
  background-color: var(--clr-tag-green);
}

.top__news-swiper-slide-sentence {
  color: var(--clr-gray-darker);
  font-size: 16px;
  font-weight: 700;
  line-height: 150%;
  min-height: 72px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}

.top__news-prev, .top__news-next {
  color: var(--clr-gray-darker) !important;
  top: 60% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

@media (max-width: 1020px) {
  .top__news-prev, .top__news-next {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}

@media (max-width: 1020px) {
  .top__news-prev::after, .top__news-next::after {
    font-size: 21px !important;
  }
}

.top__news-prev.swiper-button-disabled, .top__news-next.swiper-button-disabled {
  opacity: 0 !important;
}

.top__news-prev {
  left: var(--swiper-navigation-sides-offset, 45px) !important;
}

@media (max-width: 1020px) {
  .top__news-prev {
    left: var(--swiper-navigation-sides-offset, 5px) !important;
  }
}

.top__news-next {
  right: var(--swiper-navigation-sides-offset, 20px) !important;
}

@media (max-width: 1020px) {
  .top__news-next {
    right: var(--swiper-navigation-sides-offset, 5px) !important;
  }
}

.top__swiper-box {
  position: relative;
  display: unset !important;
  visibility: hidden;
  height: 0;
}

.top__swiper-box .top__news-swiper-container {
  height: 0;
  padding-bottom: 0;
}

.top__swiper-box.is-active {
  visibility: visible;
  height: auto;
}

.top__swiper-box.is-active .top__news-swiper-container {
  height: auto;
  padding-bottom: 3px;
}

.top__swiper-arrows {
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.top__swiper-arrows.-mw-880 {
  max-width: 880px;
}

.top__recommend {
  background-color: var(--clr-gray-lightest);
  padding: 40px 10px 37px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .top__recommend {
    max-width: 100%;
    padding: 30px 10px 20px;
  }
}

.top__recommend.-modal {
  width: 100%;
  background-color: unset;
  padding: 16px 10px 0;
}

.top__recommend-title {
  margin: 0 auto 20px;
  color: var(--clr-gray-darker);
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: normal;
}

@media (max-width: 1020px) {
  .top__recommend-title {
    font-size: 20px;
    line-height: 150%;
  }
}

.top__recommend-tabs {
  margin-top: 50px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .top__recommend-tabs {
    max-width: unset;
  }
}

.top__recommend-tabs-labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media (max-width: 1020px) {
  .top__recommend-tabs-labels {
    gap: 9px;
  }
}

.top__recommend-tabs.-modal {
  padding-bottom: 0;
}

.top__recommend-tab-item {
  width: 50%;
  max-width: 430px;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-color: transparent;
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
}

@media (max-width: 1020px) {
  .top__recommend-tab-item {
    max-width: 50%;
  }
}

.top__recommend-tab-item-2 {
  margin-left: 20px;
}

@media (max-width: 1020px) {
  .top__recommend-tab-item-2 {
    margin-left: 9px;
  }
}

.top__recommend-mycar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom: 10px;
}

.top__recommend-tab-bottom {
  font-size: 14px;
  font-weight: 700;
  line-height: 175%;
  margin-top: 10px;
}

.top__tab-content.tab-domestic {
  display: block;
}

.top__tab-content.tab-foreign {
  display: none;
}

.top__recommend-tab-item.active+.top__tab-content.tab-domestic {
  display: block;
}

.top__recommend-tab-item.active+.top__tab-content.tab-foreign {
  display: block;
}

.top__recommend-tab-item.active {
  background-color: var(--clr-prime);
  color: var(--clr-white);
}

.top__tab-content {
  display: none;
  padding-top: 20px;
  clear: both;
}

.top__tab-content-inner {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-auto-rows: auto;
  gap: 11px 10px;
}

@media (max-width: 1020px) {
  .top__tab-content-inner {
    grid-template-columns: repeat(3, 1fr);
    gap: 10px 5px;
  }
}

.top__banners {
  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;
  padding: 30px 10px 37px;
  gap: 13px 20px;
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .top__banners {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    padding: 30px 10px 27px;
    gap: 9px 15px;
    max-width: unset;
  }
}

.top__banner-btn {
  width: 100%;
  max-width: 220px;
}

@media (max-width: 1020px) {
  .top__banner-btn {
    max-width: unset;
  }
}

.top__banner-btn img {
  -o-object-fit: contain;
  object-fit: contain;
}

.top__hidden-target {
  visibility: visible;
}

.top__hidden-target.-is-active {
  visibility: hidden;
  height: 0;
  padding: unset;
  margin: unset;
  gap: 0;
  border: unset;
  position: absolute;
  z-index: -10;
  bottom: 100%;
  pointer-events: none;
}

.topic {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.topic-block {
  background-color: var(--clr-white);
  padding: 50px 20px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

.topic-block.-column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
  padding: 50px 20px;
  border-radius: 3px;
}

@media (max-width: 1020px) {
  .topic-block.-column {
    padding: 0px 10px 20px;
  }
}

.topic-block__list:last-child {
  margin-bottom: 28px;
}

.topic.-list {
  background-color: var(--clr-white);
  color: var(--clr-black);
  border-bottom: 1px solid var(--clr-gray-light);
}

@media (max-width: 1020px) {
  .topic.-list {
    padding-left: 10px;
  }
}

.topic__date {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-size: 12px;
  font-weight: 500;
  line-height: 175%;
}

.topic__content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.topic__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 20px;
}

@media (max-width: 1020px) {
  .topic__inner {
    padding: 20px 0px;
    gap: 10px;
  }
}

.topic__title {
  font-size: 14px;
  font-weight: 700;
  line-height: 150%;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-height: 1.6;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  margin-bottom: 46px;
}

@media (max-width: 1020px) {
  .topic__title {
    font-size: 14px;
    -webkit-line-clamp: 3;
  }
}

.topic__title:hover {
  opacity: 0.6;
}

.topic__link {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
  margin-bottom: 20px;
}

.topic__link:hover {
  opacity: 0.6;
}

.topic__link span {
  text-decoration: underline;
}

.topic__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 150%;
}

.topic__detail {
  background-color: var(--clr-white);
  color: var(--clr-black);
  padding: 0px 20px 0px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media (max-width: 1020px) {
  .topic__detail {
    padding: 0px 0px 0px 15px;
  }
}

.topic__detail-block {
  background-color: var(--clr-white);
  padding: 40px 20px 40px 20px;
  width: 100%;
  max-width: 880px;
  margin: 0 auto;
}

@media (max-width: 1020px) {
  .topic__detail-block {
    padding: 2px 1px 10px 1px;
  }
}

.topic__detail__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
}

.topic__detail__date {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  font-weight: 500;
}

.topic__detail__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 20px 20px;
  gap: 24px;
}

@media (max-width: 1020px) {
  .topic__detail__inner {
    padding: 20px 15px;
  }
}

.topic__detail__inner h2 {
  margin: 0 0;
}

.-checkalert {
  color: var(--clr-prime);
  font-size: 12px;
}

/*20250117�lj� �J�[�g���X�܎��C���[�W�T�C�Y*/

.store-list .block__img {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
}

@media (min-width: 600px) {
.store-list .block__img {
  width: 70%;
  margin: 0 auto;
  max-width: 320px;
  }
}

/*20250117�lj� �J�[�g�����ӕ�*/

.tem_cart .block__desc{
font-size: 13px;
}

.tem_cart_shopping_information{
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
flex-wrap: wrap;
}

.tem_cart_shopping_information a{
display: block;
font-size: 13px;
margin-right: 5px;
color: var(--clr-prime);
border-bottom: solid 1px var(--clr-prime);
}

/*20250207�lj� ��t���͓X �摜�T�C�Y����*/
input#usmss[type='image'] {
    /* display: none; */
    width: 100% !important;
}

@media (min-width: 600px) {
input#usmss[type='image'] {
    /* display: none; */
    width: 70% !important;
    }
}
/*20250216�lj� ���C���{�^������*/
@media (min-width: 1020px) {
    .menue__btn-wine {
        padding: 20px 0;
    }
}
/*20250216�lj� �t�B�e�B���O���[���㕔*/
.container_r2_{text-align: center;}

.container_r2_ iframe{
	border: none;
    margin-bottom: 2em;
}

.fitting_title{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 1000px;
margin: 20px auto 0;;
}

.fitting_title_btn{
margin-left:auto;
margin-bottom:10px;
}

.fitting_title_img{
width:300px;
width: 300px;
}

.fitting_title_btn img{
width:auto;
}
@media (max-width: 1130px) {
    .menue__btn-wine {
        padding: 20px 0;
    }
.fitting_title_btn{
margin-left:20px;
}
}
/*20250226�lj� �{�^������*/
.wine_2 {
    max-width: 100px !important;
}
.banners__icon.-summer {
    background-image: url(data:image/png;base64,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);
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}

.banners__item_s > .button {
    background-image: url(/PC/ja/asset/img/nw/s_bg.png);
    background-color: transparent;
    color: var(--clr-white);
    text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}
.banners__icon.-studless {
    background-image: url(data:image/png;base64,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);
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}

.banners__item_w > .button {
    background-image: url(/PC/ja/asset/img/nw/w_bg.png);
    background-color: transparent;
    color: var(--clr-white);
    text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}
.banners__icon.-all-seasons {
    background-image: url(data:image/png;base64,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);
    filter: drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4));
}
.banners__item_a > .button {
    background-image: url(/PC/ja/asset/img/nw/a_bg.png);
    background-color: transparent;
    color: var(--clr-white);
    text-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}


/*20250621 info*/
.guide-notice-important{
 border: #D10002 solid 2px;
 border-radius: 8px;
 box-sizing: border-box;
margin: 20px auto;
padding: 20px;
  font-size: 13px;
  color: #D10002;
}
.guide-notice-important .notice_hd{
  font-size: 14px;
  font-weight: bold;
text-align: center;
display: block;
margin-bottom: 10px;}
/*20250621 info*/
	
	
/* 20251201 menu login */

.-nav-main-top{
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin: 10px auto;
width: 100%;
padding: 8px;
color: #000000;
background-color: #ffffff;
border: #000000 solid 2px;
font-size: 13px;
border-radius: 5px;
font-weight: 700;
  }

a.-nav-main-top:hover{
border: var(--clr-prime) solid 2px;
background-color: var(--clr-prime);
color: #ffffff;
  }

.main-login::before{

 content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/PC/ja/asset/img/nw/login.webp);
  background-size: contain;
  vertical-align: middle;
	margin-right: 10px;
 }

.main-login:hover::before{
  background-image: url(/PC/ja/asset/img/nw/login_on.webp);
 }

.main-logout::before{

 content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/PC/ja/asset/img/nw/logout.webp);
  background-size: contain;
  vertical-align: middle;
	margin-right: 10px;
 }

.main-logout:hover::before{
  background-image: url(/PC/ja/asset/img/nw/logout_on.webp);
 }

.icon.-user:before {
 content: '';
  display: block;
  width: 24px;
  height: 24px;
  background-image: url(/PC/ja/asset/img/nw/account_icon.svg);
  background-repeat: no-repeat;
 background-position: center center;
}

.customer_status_ .loginname_{text-align: center;}

@media (max-width: 490px) {
    .footer__contact__info-detail {
        flex-direction: column;
    }
}


/* 20260405 International */

.icon.-international:before {
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    background-image: url(/PC/ja/asset/img/nw/international_icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
}