@charset "UTF-8";
main {
  background-color: #d5eef4;
}

.youtube_wide {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9; /* YouTubeの標準比率 */
  vertical-align: bottom;
}

.new_xxio_bar {
  background-color: #003282;
  text-align: center;
}
.new_xxio_bar img {
  width: 65%;
}
.new_xxio_bar.new_xxio_bar_fw img {
  width: 100%;
}
.fw_section {
  padding-bottom: 4.5em;
}
.fw_section.sb .sbh:before {
  background-image: url(../img/fairway_wood.png);
}
.fw_section .fws1 {
  margin-left: -1em;
  width: 90%;
}
.fw_section .fws2 {
  width: 90%;
}
.fw_section .fws5 {
  width: 60%;
  margin-bottom: 2em;
}
.fw_section .sbflexFw > figure {
  flex: 0 1 38.5%;
}
.fw_section .fw_antei {
  margin-top: 2em;
}
.fw_section .sbflexFwa {
  margin-bottom: 3.5em;
}
.fw_section .sbflexFwa > figure {
  flex: 0 1 41%;
}
.fw_section .sbflexFwss {
  margin-bottom: 5em;
}
.fw_section .sbflexFwss > div:first-child {
  flex: 0 1 44%;
}
.fw_section .sbflexFwss > div:last-child {
  flex: 0 1 25%;
  padding-top: 1.8em;
}
.fw_section .sbflexFwss > div:last-child figure {
  margin-bottom: 0.5em;
}
.fw_section .sbflexFwss > div:last-child > p {
  width: 90%;
  font-size: 60%;
}
.fw_section .sbflexFwss > div:last-child > p b {
  font-size: 130%;
}
.fw_section .fw_section .fws5 {
  width: 100%;
}

@media screen and (max-width: 880px) {
  .fw_section {
    overflow: hidden;
  }
  .fw_section .fws1 {
    margin-left: 0;
    width: 112%;
  }
  .fw_section .fws2 {
    width: 113%;
    margin-left: -12vw;
    margin-bottom: 3em;
    margin-right: -5vw;
  }
  .sb .sbflexFw {
    display: block;
  }
  .fws3 {
    margin-left: -2.5em;
    width: 100%;
  }
  .fws4 {
    margin-top: -4em;
  }
  .fw_section .sbflexFwa {
    flex-direction: column;
  }
  .fw_section .sbflexFwa > figure {
    width: 90%;
    margin: 0 auto;
  }
  .fw_section .fws5 {
    width: auto;
  }
  .fw_section .sbflexFwss {
    flex-direction: column;
  }
  .fw_section .sbflexFwss > div:last-child > p {
    font-size: 90%;
  }
  .fw_section .sbflexFwss > div:last-child > p {
    width: 100%;
  }
}
.hy_section.sb .sbh:before {
  background-image: url(../img/hybrid.png);
}
.hy_section.sb .sbh {
  margin-bottom: 2em;
}
.hy_section .hy_antei {
  margin-top: 3em;
}
.hy_section .sbflexHya {
  margin-bottom: 3.5em;
}
.hy_section .sbflexHya > figure {
  flex: 0 1 41%;
}
.hy_section .hy1 {
  margin-left: -0.5em;
  width: 79%;
}
.hy_section .hy2 {
  width: 79%;
  margin-left: -0.5em;
}
.hy_section .sbflexHy {
  padding-left: 2.3em;
  margin-top: -0.5em;
  gap: 1em;
  align-items: flex-end;
}
.hy_section .sbflexHy .hy3 {
  flex: 0 1 34%;
}
.hy_section .sbflexHy .hy4 {
  flex: 0 1 37.5%;
}
.hy_section .hy5 {
  width: 55%;
  margin-left: -0.5em;
  margin-bottom: 2em;
}
.hy_section .sbflexHyss {
  margin-bottom: 5em;
}
.hy_section .sbflexHyss > div:first-child {
  flex: 0 1 44%;
}
.hy_section .sbflexHyss > div:last-child {
  flex: 0 1 25%;
  padding-top: 1.8em;
}
.hy_section .sbflexHyss > div:last-child figure {
  margin-bottom: 0.5em;
  width: 90%;
}
.hy_section .sbflexHyss > div:last-child > p {
  width: 90%;
  font-size: 60%;
}
.hy_section .sbflexHyss > div:last-child > p b {
  font-size: 130%;
}

@media screen and (max-width: 880px) {
  .hy_section .hy1 {
    width: auto;
  }
  .hy_section .hy2 {
    width: auto;
    margin-left: -2.5em;
  }
  .hy_section .sbflexHy {
    flex-direction: column;
    margin-top: 4em;
    padding-left: 0;
  }
  .hy_section .hy5 {
    width: auto;
  }
}
.hy_md_tables {
  margin-bottom: 4em;
}
.hy_md_tables > p {
  margin-bottom: -1em;
  font-size: 70%;
}
.hy_md_tables > div > p {
  font-size: 80%;
}
.hy_md_tables > div table {
  margin-bottom: 1em;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
}
.hy_md_tables > div table th, .hy_md_tables > div table td {
  border: 1px solid #808080;
  text-align: center;
  font-size: 100%;
  padding: 0.3em 0;
}
.hy_md_tables > div table tr:first-child th:last-child {
  font-size: 100%;
}
.hy_md_tables > div table tr th {
  font-size: 80%;
  padding: 0.1em 0;
}
.hy_md_tables > div table tr td {
  width: 7em;
}
.hy_md_tables > div table tr th:first-child {
  border-left: 0;
  font-size: 70%;
  width: 11em;
  line-height: 1.3;
}
.hy_md_tables > div table tr td:first-child {
  border-left: 0;
  font-size: 80%;
}
.hy_md_tables > div table tr th:last-child {
  border-right: 0;
  font-size: 80%;
}
.hy_md_tables > div table tr td:last-child {
  border-right: 0;
}
.hy_md_tables > div table tr .bgb {
  background-color: #0080c4;
  color: #fff;
}
.hy_md_tables > div table tr.bdn th, .hy_md_tables > div table tr.bdn td {
  border: 0;
}
.hy_md_tables > div table tr.bdn th:last-child {
  color: #0080c4;
  font-weight: 600;
}

@media screen and (max-width: 880px) {
  .hy_md_tables > p {
    margin-bottom: 0;
  }
  .hy_section .sbflexHyss {
    flex-direction: column;
  }
  .hy_section .sbflexHyss > div:last-child > p {
    font-size: 100%;
  }
  .hy_section .sbflexHyss > div:last-child figure {
    width: 78%;
    margin: 0 auto;
  }
}
.spec .spec_flex > div:first-child figure.hy10 {
  margin-left: 9%;
}

.specFwp.spec .spec_tables > div:last-child table .colth {
  width: 8.8em;
}/*# sourceMappingURL=style.css.map */