.hi-play-audio-list{
  --secheight:0px;
  --navheight:0px;
}
.hi-play-audio-list .section {
  font-weight: 400;
  line-height: 1.6;
  margin-top: -1px;
  position: relative;
  color: #000;
  overflow: hidden;
}
.hi-play-audio-list.main-container img,
.hi-play-audio-list.main-container video {
  width: 100%;
}
.hi-play-audio-list.main-container video {
  display: block;
}
.hi-play-audio-list.main-container .section-kv {
  margin-top: 0;
}
.hi-play-audio-list .nowrap {
  white-space: nowrap;
}
.hi-play-audio-list .blur-up {
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -webkit-transition: -webkit-filter 0.4s;
  transition: -webkit-filter 0.4s;
  transition: filter 0.4s;
  transition: filter 0.4s, -webkit-filter 0.4s;
}
.hi-play-audio-list .blur-up.lazyloaded {
  -webkit-filter: blur(0);
  filter: blur(0);
}
.hi-play-audio-list .mt-40 {
  margin-top: 2.083333vw;
}
.hi-play-audio-list .mt-160 {
  margin-top: 8.333333vw;
}
.hi-play-audio-list .mt-80 {
  margin-top: 4.166667vw;
}
.hi-play-audio-list .mt-90 {
  margin-top: 4.6875vw;
}
.hi-play-audio-list .mt-180 {
  margin-top: 9.375vw;
}
.hi-play-audio-list .mt-200 {
  margin-top: 10.416667vw;
}
.hi-play-audio-list .title {
  line-height: 1.25;
}
.hi-play-audio-list .kv-title {
  position: absolute;
  top: 10.572917vw;
  left: 10.9375vw;
}
.hi-play-audio-list .kv-title p {
  font-size: 1.145833vw;
  opacity: 0.6;
}
.hi-play-audio-list .kv-title p.title {
  opacity: 1;
  font-size: 3.125vw;
}
.hi-play-audio-list .kv-title p.tip {
  margin-top: 0.416667vw;
  font-size: 0.833333vw;
  opacity: 0.4;
}
.hi-play-audio-list .hi2 {
  margin-top: 8.333333vw;
  margin-bottom: 80px;
}
.hi-play-audio-list .hi2 .hi2-container {
  width: 52.083333vw;
  margin-left: 25vw;
}
.hi-play-audio-list .hi2 .hi2-item-title{
  width: 100%;
  padding-left: 25vw;
  font-size: 1.041667vw;
  background-color: #fff;
  /* height: 4.166667vw;
  line-height: 4.166667vw; */
  /* box-shadow: 0 3px 6px rgba(0, 0, 0, .16); */
  font-weight: 700;
}
.hi-play-audio-list .hi2 .hi2-item-title span.title:nth-child(1),
.hi-play-audio-list .hi2 .hi2-item-title span.title:nth-child(2) {
  margin-right: 17.25vw;
}
.hi-play-audio-list .hi2 .hi2-container p.title {
  font-size: 2.5vw;
  margin-bottom: 4.6875vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .icon-title {
  display: flex;
  border-bottom: 1px solid rgba(112, 112, 112, 0.4);
  align-items: center;
  font-size: 1.875vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .icon-title img {
  width: 5.208333vw;
  margin-right: 3.125vw;
  margin-bottom: 1.041667vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .icon-title p {
  margin-bottom: 1.041667vw;
  line-height: 1.25;
}

.hi-play-audio-list .hi2 .hi2-container .item .item-main span.title {
  font-size: 1.041667vw;
  font-weight: 700;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main span.title:first-child {
  margin-right: 16.25vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item {
  display: flex;
  margin-top: 4.166667vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item_1{
  margin-top: 0;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item img {
  width: 5.208333vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p {
  font-size: 1.145833vw;
  color: #000000;
  font-weight: 500;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p .small-title {
  font-size: .729167vw;
  color: #000000;
  font-weight: 500;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p.carname{
  font-size: 1.25vw;
  color: #000000;
  opacity: .8;
  margin-top: 0;
  font-weight: 500;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-center {
  margin-left: 11.5625vw;
  font-size: 1.145833vw;
  opacity: 0.8;
  flex: 1;
}
.hi-play-audio-list .placeholder-box{
  visibility: hidden;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-center p {
  margin-top: .625vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-center p:first-child {
  margin-top: 0;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-right {
  margin-left: 5.885417vw;
  font-size: 1.145833vw;
  opacity: 0.8;
  flex: 1;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-right p {
  margin-top: .625vw;
}
.hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-right p:first-child {
  margin-top: 0;
}
.hi-play-audio-list .section-footnote {
  margin-top: 10.416667vw;
  margin-left: 25vw;
  border-top: 1px solid #797979;
  width: 52.083333vw;
  padding-top: 3.125vw;
  padding-left: 1.770833vw;
  padding-right: 3.854167vw;
  box-sizing: border-box;
  overflow: hidden;
  font-size: max(12px, .677083vw);
  line-height: 1.6;
  color: #797979;
  margin-bottom: 10.416667vw;
}
.hi-play-audio-list .section-footnote p.last-list{
  padding-left: 0.8vw;
}
.hi-play-audio-list .section-footnote ul {
  list-style-type: decimal;
  padding-left: 2em;
}
.hi-play-audio-list .mob-show {
  display: none !important;
}
.hi-play-audio-list .hidden-web {
  display: none;
}
.hi-play-audio-list .hi2 .item-content-item-left{
  width: 7.770833vw;
}
@media (max-aspect-ratio: 11 / 10) {
  .main-container.hi-play-audio-list .hidden-web {
    display: block;
  }
  .main-container.hi-play-audio-list .hidden-mob {
    display: none;
  }
  .hi-play-audio-list .mob-show {
    display: block !important;
  }
  .hi-play-audio-list .nowrap {
    white-space: nowrap;
  }
  .hi-play-audio-list .tl{
    text-align: left !important;
  }
  .hi-play-audio-list .kv-title {
    top: 19.027778vw;
    left: 8.888889vw;
  }
  .hi-play-audio-list .kv-title p {
    font-size: 3.333333vw;
    color: #86868B;
    opacity: 1;
  }
  .hi-play-audio-list .kv-title p.title {
    font-size: 8.333333vw;
    color: #000;
  }
  .hi-play-audio-list .kv-title p.tip {
    margin-top: 2.777778vw;
    font-size: 2.5vw;
    opacity: 1;
  }
  .hi-play-audio-list .hi2 {
    margin-top: 27.777778vw;
    margin-bottom: 11.111111vw;
  }
  .hi-play-audio-list .hi2 .hi2-container {
    width: 82.222222vw;
    margin-left: 8.888889vw;
  }
  .hi-play-audio-list .hi2 .hi2-container p.title {
    font-size: 6.111111vw;
    margin-bottom: 13.888889vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .icon-title {
    font-size: 4.444444vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .icon-title img {
    width: 13.888889vw;
    margin-right: 2.222222vw;
    margin-bottom: 2.777778vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .icon-title p {
    margin-bottom: 2.777778vw;
  }
  .hi-play-audio-list .hi2 .item-content-item-left{
    width: 19.444444vw;
  }
  .hi-play-audio-list .hi2 .hi2-item-title{
    width: auto;
    padding-left: 8.888889vw;
    font-size: 4.444444vw;
  }
  .hi-play-audio-list .hi2 .hi2-item-title span.title:first-child {
    margin-right: 26.388889vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main span.title {
    font-size: 3.333333vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main span.title:first-child {
    margin-right: 29.444444vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item{
    margin-top: 13.888889vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item_1{
    margin-top: 0;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item img {
    width: 13.888889vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p {
    font-size: 3.888889vw;
  }
   .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p .small-title{
    font-size: 2.5vw;
  }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-left p.carname{
    font-size: 3.333333vw;
    color: #535353;
    opacity: .8;
    margin-top: 0;
    font-weight: 500;
    }
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-center {
    margin-left: 15.555556vw;
    font-size: 3.888889vw;
  }
 
  .hi-play-audio-list .hi2 .hi2-container .item .item-main .item-content-item .item-content-item-center p {
    margin-top: 1.666667vw;
  }
  .hi-play-audio-list .section-footnote {
    font-size: 3.333333vw;
    width: 83.333333vw;
    margin: 0 auto;
    padding-top: 11.111111vw;
    padding-bottom: 27.777778vw;
    margin-top: 27.777778vw;
    color:rgba(83, 83, 83, 0.6);
    
  }
  .hi-play-audio-list .section-footnote p.last-list{
    padding-left: 3.5vw;
  }
  .hi-play-audio-list .section-footnote ul {
    list-style-type: decimal;
    padding-left: 2em;
  }
  .hi-play-audio-list .mt-40 {
    margin-top: 4.166667vw;
  }
  .hi-play-audio-list .mt-80 {
    margin-top: 11.111111vw;
  }
  .hi-play-audio-list .mt-90 {
    margin-top: 12.5vw;
  }
  .hi-play-audio-list .mt-180 {
    margin-top: 22.222222vw;
  }
}