/* 横幅調整＿始まり */
.has-aside .wrapper {
  max-width: max-content;
}
/* 横幅調整＿終わり */

/* 民生、車載相互リンク＿始まり */
article[data-single=true] .entry-content p.tbl-switch {
  font-size: 90%;
  margin-bottom: 3vh;
}
/* 民生、車載相互リンク＿終わり */

/* マップ、テーブルへのリンクボタン＿始まり */
article[data-single=true] .entry-content p.tbl-link {
  margin-bottom: 40px;
}
article[data-single=true] .entry-content p.tbl-link a {
  padding-right: 5rem;
  padding-left: 5rem;
  margin: 0.5rem;
  width: 32%;
  text-align: center
}
article[data-single=true] .entry-content p.tbl-link a:hover {
  opacity:0.7;
  text-decoration: none;
}
@media (max-width: 767.5px) {
article[data-single=true] .entry-content p.tbl-link a {
  width: 100%;
}
}
/* マップ、テーブルへのリンクボタン＿終わり */

/* ピックアップ＿始まり */
.has-aside .entry-header {
  margin-bottom: 40px;
}
.entry-content h2 {
  margin: 2em 0.3em 0!important;
  font-weight: 400!important;
}
.wrap-container {
  display: flex;
  flex-wrap: wrap;
  background: #F3F5F7;
  padding: 2% 0 2% 2%;
}
.item-inner {
  width: 23%;
  background-color: #fff;
}

@media (min-width: 768px) {
  .item-inner.two-img {
    width: 48%;
  }
  .item-inner.three-img {
    width: 31.3%;
  }
  }

.item-inner:hover {
  opacity:0.7;
}
.item-inner:not(:nth-child(4n)) {
  margin-right: 2%;
}
.item-inner:nth-child(n+5) {
  margin-top: 2%;
}
article[data-single=true] .entry-content .item-inner a:hover {
  text-decoration: none;
}
article[data-single=true] .entry-content .item-inner p {
  margin: 0;
  padding: 1px 4px;
  font-size: 1.4rem;
  line-height: 1.7;
}
article[data-single=true] .entry-content .item-inner p.prod-feature,
article[data-single=true] .entry-content .item-inner p.app-feature {
  color: #202020;
}
p.prod-name::after {
  font-family: FontAwesome;
  content: '\f058';
  color: #26b54a;
  margin-right: 5px;
  margin-left: 5px;
}
.item-inner img {
  display: block;
  margin: auto;
  aspect-ratio: 728 / 312;
  object-fit: contain;
}

@media (min-width: 768px) {
  .item-inner img {
    max-height: 160px;
  }
  }

@media not all and (min-width: 768px) {
.wrap-container {
  padding: 2%;
}
.item-inner {
  width: 100%;
}
.item-inner:not(:nth-child(4n)) {
  margin-right: 0;
}
.item-inner:nth-child(n+2) {
  margin-top: 30px;
}
}
/* ピックアップ＿終わり */