/*!
 * index.css </cyber-shot/rx/rx10series/css/>
 * updateAt: 2015.12.07
 * updateAt: 2015.11.25
 * createAt: 2015.06.29
 */

/*--------------------------------------------------
  .heading
--------------------------------------------------*/
article .heading strong {
  width: 730px;
  width: 59.6405228%;
}
article .heading h2 {
  width: 381px;
  width: 31.1274509%;
}

@media screen and (max-width: 640px) {
  article .heading {
    padding-bottom: 0;
    border-bottom: none;
  }
  article .heading img.bg {
    margin-left: -40%;
    width: 180%;
  }
}

/*--------------------------------------------------
  .sensor
--------------------------------------------------*/
article .sensor {
  background: #202020;
  overflow: hidden;
}
article .sensor img {
  width: 100%;
  height: auto;
}
article .sensor h3 {
  margin: 0 auto;
  padding: 80px 0 35px;
  padding: 6.5359477% 0 2.8594771%;
  width: 675px;
  width: 55.1470588%;
  line-height: 0;
}
article .sensor p {
  font-size: 100%;
  line-height: 1.8;
  text-align: center;
}
article .sensor .frame {
  position: relative;
  margin-top: 30px;
  margin-top: 2.4509803%;
  padding: 22px 0;
  padding: 1.7973856% 0;
  background: #000;
}
article .sensor .frame:after {
  clear: both;
  display: block;
  content: "";
}
article .sensor .item {
  position: relative;
  z-index: 1;
  float: left;
}
article .sensor .item.exmorR {
  margin-left: 187px;
  margin-left: 15.277777%;
  width: 427px;
  width: 34.8856209%;
}
article .sensor .item.exmorRS {
  margin-left: 426px;
  margin-left: 34.8039215%;
  width: 430px;
  width: 35.1307189%;
}
article .sensor .bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  article .sensor {
    margin-left: -6%;
    width: 112%;
  }
  article .sensor h3 {
    padding: 30px 0 20px;
    width: 86%;
  }
  article .sensor p {
    margin: 0 auto;
    width: 84%;
    text-align: left;
  }
  article .sensor p br {
    display: none;
  }
  article .sensor .frame {
    margin-top: 25px;
    /*padding-top: 15px;*/
    padding-bottom: 60px;
    margin-left: -10%;
    width: 114%;
  }
}
@media screen and (max-width: 479px) {
  article .sensor p {
    font-size: 130%;
  }
}

/*--------------------------------------------------
  .anchor.grid-01 | w480
--------------------------------------------------*/
.anchor-holder .anchor li.rx10m2 a {
  max-width: 73px;
  width: 15.208333%;
}

/*--------------------------------------------------
  .products
--------------------------------------------------*/
/* RX10M2
--------------------------------------------------*/
article #RX10M2.products .mainvisual .img-box img {
  padding: 81px 0 0 651px;
  padding: 6.617647% 0 0 53.1862745%;
  width: 442px;
  width: 36.111111%;
}
article #RX10M2.products .mainvisual .ttl img {
  padding: 104px 0 0 34px;
  padding: 8.496732% 0 0 2.777777%;
  width: 643px;
  width: 52.5326797%;
}
article #RX10M2.products .mainvisual .spec img {
  padding: 415px 0 0 951px;
  padding: 33.9052287% 0 0 77.6960784%;
  width: 228px;
  width: 18.6274509%;
}

/* RX10
--------------------------------------------------*/
article #RX10.products .mainvisual .img-box img {
  padding: 82px 0 0 650px;
  padding: 6.6993464% 0 0 53.1045751%;
  width: 445px;
  width: 36.3562091%;
}
article #RX10.products .mainvisual .ttl img {
  padding: 135px 0 0 81px;
  padding: 11.0294117% 0 0 6.617647%;
  width: 549px;
  width: 44.8529411%;
}
article #RX10.products .mainvisual .spec img {
  padding: 415px 0 0 951px;
  padding: 33.9052287% 0 0 77.6960784%;
  width: 228px;
  width: 18.6274509%;
}