/*--------------------
#specification
--------------------*/
#contents-c70 .section-hero .hero {
  padding: 22.4% 0 0;
  position: relative;
  color: #fff;
  background: #4d4d4d;
}
#contents-c70 #gallerys.section-hero .hero {

}
#contents-c70 .section-hero .hero h1 {
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: DIN Regular, san-serif;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
  @media screen and (min-width: 768px) {
    #contents-c70 .section-hero .hero h1 {
      font-size: 40px;
    }
  }
  @media only screen and (max-width: 767px) {
    #contents-c70 .section-hero .hero h1 {
      width: auto !important;
      margin: 0 auto !important;
      font-size: 7vw;
    }

  }



@media only screen and (max-width: 767px) {

  #contents-c70 .section-hero .hero {
    background-size: auto 150%;
    padding: 46.9% 0 0;
  }

}

@media only screen and (max-width: 767px) {

  #spec .sectionTitle {
    padding: 10% 10px 3%;
    margin-top: 0;
}
  #spec .specification_detail {
        padding: 0 10px;
  }

  #spec dd+.specificationTtl {
    margin-top: 60px !important;
  }

}

.sectionTitle {
  font-family: 'DIN Regular';
  font-size: 22px;
  padding: 60px 0 26px;
  margin-top: 56px;
}
.sectionTitle span {
  font-size: 16px;
  padding-left: 10px;
}
.section-specification{
color: #666;
  line-height: 2;
  font-size: 12px;
}
.specification_detail dl.detail {
  width: 45%;
  float: left;
}
.specification_detail dl.detail + dl.detail{
  float: right;
}
p.specificationTtl {
  font-size: 18px;
  font-weight: bold;
}
.specification_detail dt {
  display:inline;
  border-bottom:1px solid #E0E0E0;
  padding-bottom:5px;
}
.specification_detail dt span {
  border-left:3px solid #B2B2B2;
  padding:0 0 0 7px;
  font-size: 16.8px;
  line-height: 2;
}
.specification_detail dd {
  margin: 10px 0 25px;
}
.specification_note{}
#contents-c70 .wrap {
    margin-top: 0 !important;
}
@media only screen and (max-width: 767px) {
  .sectionTitle {
    font-size: 26px;
    padding: 10% 0 3%;
    margin-bottom: 5%;
}
.sectionTitle span {
  font-size: 13px;
    padding-left: 8px;
}

.section-gallery,
.section-specification{
  padding: 0 10px;
}
.specification_detail dl.detail {
  width: 100%;
  float: none;
}
.specification_detail dl.detail + dl.detail{
  float: none;
}
p.specificationTtl {
  font-size: 135%;
  font-weight: normal;
  line-height: 170%;
}
.specification_detail dt {
  border-bottom: none;
}
.specification_detail dt span {
      font-size: 125%;
}
.specification_detail dd {
      font-size: 83%;
    line-height: 160%;
    margin: 0 0 15px;
    padding: 0 0 10px;
    border-bottom: 1px dashed #cbcbcb;
}
.specification_note{
  margin-bottom: 40px;
  font-size: 83%;
    line-height: 160%;
}
}

#contents-c70 .section-category_banner.bg {
  background: #3C3C3C;
}

#contents-c70 .section-category_banner.bg .banner a {
  font-size: 15px;
  border: 1px solid #fff;
  text-decoration: none;
  color: #fff;
  display: block;
  padding: 25px;
  position: relative;
  background-image: url(../../images/arrow-wh-m2x.png);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) 50%;
  background-size: auto 24px;
}

#contents-c70 .text_area .description {
  margin-top: 30px;
}


.flex {
  	display: -webkit-flex;
  	display: -ms-flexbox;
  	display: flex;
  	-webkit-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.gallery-list a {
  display: block;
  position: relative;
}
.gallery-list a p {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: #4D4D4D;
  display: inline-block;
  padding: .5em 1em;
  color: #fff;
}
.gallery-list img {
  vertical-align: bottom;
  width: 100%;
}

.gallery-list {
  width: 100%;
}
.gallery-list .w-100 {
  width: 100%;
}
.gallery-list .w-50 {
  width: 50%;
}
.gallery-list .w-25 {
  width: 25%;
}
.gallery-list .w-50 .w-25 {
  width: 50%;
}

@media only screen and (max-width: 767px) {
.gallery-list .w-50 {
  width: 100%;
}

}




#spec {
  background: #4D4D4D;
  color: #fff;
  padding-bottom: 96px;
}
#spec .row {
  max-width: 1200px;
}

.spec-table {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-size: 16px;
}
.spec-table td {
  border-bottom: 1px solid #fff;
  line-height: 1.8;
  padding: .9em 1em .9em 0;
}
.spec-table tr td:last-child {
  padding-right: 0;
}
.specification_note {
  font-size: 12px;
  line-height: 1.68;
  margin-top: 16px;
}
.specification_note + img{
  margin: 64px auto 34px;
  display: block;
}


@media only screen and (max-width: 767px) {

#spec {
  padding-bottom: 20px;
  margin-bottom: 0 !important;
}
.specification_note {
  padding: 0 10px;
}
.specification_note+img {
  margin: 64px auto 0;
  width: calc(100% - 20px);
}
#spec + .section-category_banner {
margin-top: 0 !important;
}


}