article img {
  width: 100%;
  height: auto;
}

#sec1 .text--product-title__description:has(wbr),
.other-product-wrapper .other-title:has(wbr),
.item-description:has(wbr) {
  word-break: keep-all;
  overflow-wrap: anywhere;
  & .nobr {
    white-space: nowrap;
  }
}

.other-product-wrapper .other-title:has(wbr) {
  display: grid;
  place-content: center;
  justify-content: start;
}

#tab01 h3 {
  text-indent: inherit;
  margin-left: 0;
  display: grid;
  grid-template-columns: 1em 1fr;
  gap: 0.3em;
  &::before {
    content: "\25A0";
    display: inline-block;
    color: #c00;
  }
}

#kvArea .logo_h {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  & img:nth-of-type(1) {
    margin-bottom: 20px;
  }
}

#tab01 .conText-lineup {
  padding: 6.5px 5px 7px 16px;
  line-height: 1;
  margin: -8px 0 30px 32px;
  display: block;
  width: fit-content;
  color: #2b383f;
  font-size: 16px;
  font-weight: normal;
  background: #eceff1;
  @media screen and (max-width: 736px) {
    margin: 5px 0 1em 25px;
  }
}

#tab01 .leftText04 {
  width: 40%;
  float: left;
  margin: 1% 0 0 7%;
  @media screen and (max-width: 736px) {
    width: 100%;
    float: none;
    margin: 5% auto 2%;
  }
}

#tab01 .conImg.img04 {
  /* width: 22%; */
  @media screen and (max-width: 736px) {
    /* width: 40%; */
    margin: 0 auto;
  }
}

#tab01 sup {
  bottom: 1ex;
  height: 0;
  line-height: 1;
  vertical-align: top;
  position: relative;
  @media screen and (max-width: 736px) {
    bottom: 0;
  }
}

@media screen and (max-width: 736px) {
  #tab03 .respTav li {
    width: 50%;
  }

  #tab03 table tbody th {
    width: auto;
  }

  #tab03 table tbody th.wHalf {
    width: auto;
  }

  #tab03 table tbody td {
    width: auto;
  }
}

/* ph */

#kvArea figure.bgi {
  background-image: url("/snow/lineup/common/img/kv-small-hybrid03.webp");
  @media screen and (max-width: 736px) {
    background-image: url("/snow/lineup/common/img/kv-small-hybrid03-sp.webp");
  }
}

#kvArea .item-type,
#kvArea .kv-end,
.cross-auger-bgc {
  background-color: #45b035;
}

#kvArea .l-text-box {
  top: 78px;
}

#kvArea .l-text-box .text-box {
  left: 0;
}

#kvArea .logo {
  width: 500px;
}

#kvArea .kv-end {
  font-size: 33px;
}

#kvArea .l-text-box .text-box {
  background-color: rgba(255, 255, 255, 0.75);
}

#kvArea sup {
  height: 0;
  vertical-align: top;
  position: relative;
  font-size: 14px;
}

#kvArea .text--product-title__description {
  word-break: keep-all;
  overflow-wrap: anywhere;
  & .nobr {
    white-space: nowrap;
    color: #222;
  }
}

#kvArea .item-description-option {
  font-size: 14px;
  padding-top: 10px;
}

.other-product-wrapper .other-title {
  height: 144px;
  background-image: url("/snow/lineup/common/img/tri1.png");
  font-size: 18px;
}

@media screen and (max-width: 736px) {
  #kvArea .logo {
    width: 100%;
  }
  #kvArea .kv-end {
    font-size: 24px;
  }
  #kvArea .item-description {
    padding-bottom: 0;
  }
  #kvArea .item-description-option {
    display: block;
    position: static;
    line-height: 1.2em;
    margin-top: 1px;
  }
  .other-product-wrapper .other-title {
    background-image: url("/snow/lineup/common/img/tri1-sp.png");
    font-size: 16px;
  }
}

.cont_movie {
  max-width: 640px;
  & iframe {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
  }
}

.confunction.img_plus {
  display: flex;
  align-items: flex-end;
  gap: 50px;

  @media screen and (max-width: 736px) {
    align-items: center;
    flex-direction: column;
    gap: 24px;
  }
  & .h_img {
    width: min(320px, 100%);
    background: #c3e2f7;
    padding: 24px;
  }
}

.img01_caution {
  max-width: 860px;
  margin: 0.5em auto min(40px, 7vw);
  text-align: right;
  font-size: 0.9em;
}

.cross_flex2 {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;
  @media screen and (min-width: 736.1px) {
    & img {
      width: 32.65%;
    }
  }
  @media screen and (max-width: 736px) {
    flex-direction: column;
    margin: 20px auto 0;
    width: min(500px, 100%);
    gap: 20px;
  }
}

@media screen and (max-width: 736px) {
  #kvArea .logo_h img + img {
    margin: -8px 0 10px;
  }
}

#tab02 .img01 {
  margin: 0 auto;
  width: min(480px, 100%);
  @media print, screen and (min-width: 736.1px) {
    width: 67.528%;
  }
}

@media print, screen and (min-width: 736.1px) {
  .spec-optionli {
    white-space: nowrap;
  }
}

.hybrid03_hss960 .only_1370 {
  display: none;
}
