/* tab切替 */
.tab-area .media-wrapper {
  display: none;
}
.tab-area .media-wrapper.show {
  display: block;
}
.text .local_pager {
  position: relative;
  display: -webkit-box;
  display: flex;
 -webkit-justify-content: space-between; /* Safari */
  justify-content:         space-between;
  margin: 0 auto;
}
.text .local_pager li {
  width: 100%;
  display: block;
  padding: 5px;
  font-size: 16px;
  font-weight: 900;
  color: #717171;
  cursor: pointer;
}
.text .local_pager li span{
  display: -webkit-box;
  display: flex;
  -webkit-box-align: left;
          align-items: left;
  -webkit-box-pack: left;
          justify-content: left;
  height: 100%;
  padding: 8px;
  margin-left: 30px;

}
.text .local_pager li.active,
.text .local_pager li.active:hover {
  color: #000;
  background: #E70012;
}

.text .local_pager li:hover {
  color: #E70012;
  background: #000;
}




.pr-sptab {
  position: relative;
}

.pr-sptab::before,
.pr-sptab::after {
  position: absolute;
  content: "";
}

/* まる */
.pr-sptab::before {
  top: 11px;
  left: -20px;
  width: 20px;
  height: 20px;
  border: 1px solid #717171;
  border-radius: 50%;
  line-height: 1;
}

/* ＞ */
.pr-sptab::after {
  top: 18px;
  left: -15px;
  width: 6px;
  height: 6px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border: solid #717171;
  border-width: 1px 1px 0 0;
  line-height: 1;

}
/* まるhover */
li:hover .pr-sptab::before {
  border: 1px solid #E70012;
  border-radius: 50%;
}

/* ＞ hover*/
li:hover .pr-sptab::after {
  border: solid #E70012;
  border-width: 1px 1px 0 0;
}



/* まるhover */
li.active .pr-sptab::before {
  border: 1px solid #000;
  border-radius: 50%;
}

/* ＞ hover*/
li.active .pr-sptab::after {
  border: solid #000;
  border-width: 1px 1px 0 0;
}


.pr-parts-wrap .box .img-area,
.pr-parts-wrap .box {
    display: block;
}

.pr-parts-wrap .img-area,
.pr-parts-wrap .txt-area {
  margin: auto;

}

.pr-parts-wrap .txt-area {
  width: 100%;
  padding:0;
}
/* ============================================================ */
/* print */
/* ============================================================ */
@media print, screen and (max-width: 767px) {



.text .local_pager {
  flex-flow: column;
 }






}