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

/*--------------------------------------------------
  .heading
--------------------------------------------------*/
article .heading strong {
  width: 636px;
  width: 51.9607843%;
}
article .heading h2 {
  width: 428px;
  width: 34.9673202%;
}
article .heading img.bg {
  margin-top: -190px;
  margin-top: -15.5228758%;
}

@media screen and (max-width: 640px) {
  article .heading img.bg {
    margin-left: -5%;
    width: 110%;
  }
}

/*--------------------------------------------------
  .intro
--------------------------------------------------*/
/* .intro-01
--------------------------------------------------*/
article .intro-01 {
  margin-top: 110px;
  margin-top: 8.9869281%;
}
article .intro-01 .img-box {
  float: right;
  width: 480px;
  width: 39.2156862%;
}
article .intro-01 .img-box img {
  max-width: 516px;
  margin-left: -132px;
  margin-left: -27.5%;
  width: 107.5%;
}
article .intro-01 h3 {
  padding: 24px 0 0 97px;
  padding: 1.9607843% 0 0 7.9248366%;
  width: 545px;
  width: 44.5261437%;
}
article .intro-01 p {
  float: left;
  margin: 20px 0 0 97px;
  margin: 1.6339869% 0 0 7.9248366%;
  width: 480px;
  width: 39.2156862%;
}

@media screen and (max-width: 640px) {
  article .intro-01 {
    margin-top: 40px;
  }
  article .intro-01 .img-box {
    width: 70%;
  }
}

/* .intro-02
--------------------------------------------------*/
article .intro-02 {
  margin-top: 42px;
  margin-top: 3.4313725%;
}
article .intro-02 .img-box {
  float: left;
  margin: 0 0 0 106px;
  margin: 0 0 0 8.6601307%;
  width: 428px;
  width: 34.9673202%;
}
article .intro-02 h3 {
  float: left;
  padding: 38px 0 0 117px;
  padding: 3.1045751% 0 0 9.5588235%;
  width: 471px;
  width: 38.4803921%;
}
article .intro-02 p {
  float: left;
  margin: 25px 0 0 117px;
  margin: 2.0424836% 0 0 9.5588235%;
  width: 472px;
  width: 38.5620915%;
}

@media screen and (max-width: 640px) {
  article .intro-02 {
    margin-top: 60px;
  }
  article .intro-02 .img-box {
    width: 70%;
  }
}

/* .intro-03
--------------------------------------------------*/
article .intro-03 {
  
}
article .intro-03 .img-box {
  float: right;
  width: 500px;
  width: 40.8496732%;
}
article .intro-03 .img-box img {
  max-width: 674px;
  margin-left: -223px;
  margin-left: -44.6%;
  width: 134.8%;
}
article .intro-03 h3 {
  padding: 74px 0 0 97px;
  padding: 6.0457516% 0 0 7.9248366%;
  width: 354px;
  width: 28.9215686%;
}
article .intro-03 p {
  float: left;
  margin: 25px 0 0 97px;
  margin: 2.0424836% 0 0 7.9248366%;
  width: 490px;
  width: 40.0326797%;
}

@media screen and (max-width: 640px) {
  article .intro-03 {
    margin-top: 30px;
  }
  article .intro-03 .img-box {
    position: relative;
    top: 30px;
    left: -7%;
    width: 100%;
  }
}

/*--------------------------------------------------
  .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: 30px 0 88px;
  padding: 2.4509803% 0 7.1895424%;
  background: #000;
}
article .sensor .frame:after {
  clear: both;
  display: block;
  content: "";
}
article .sensor .item {
  position: relative;
  z-index: 1;
  float: left;
}
article .sensor .item.exmor {
  margin-left: 68px;
  margin-left: 5.555555%;
  width: 333px;
  width: 27.2058823%;
}
article .sensor .item.exmorR {
  margin-left: 68px;
  margin-left: 5.555555%;
  width: 265px;
  width: 21.6503267%;
}
article .sensor .item.exmorRS {
  margin-left: 118px;
  margin-left: 9.6405228%;
  width: 268px;
  width: 21.8954248%;
}
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: 15px;
    padding-top: 15px;
    padding-bottom: 60px;
  }
}
@media screen and (max-width: 479px) {
  article .sensor p {
    font-size: 130%;
  }
}

/*--------------------------------------------------
  .anchor.grid-04 | w240
--------------------------------------------------*/
.anchor-holder .anchor li.rx100m4 a {
  max-width: 93px;
  width: 38.75%;
}
.anchor-holder .anchor li.rx100m3 a {
  max-width: 91px;
  width: 37.916666%;
}
.anchor-holder .anchor li.rx100m2 a {
  max-width: 85px;
  width: 35.416666%;
}
.anchor-holder .anchor li.rx100 a {
  max-width: 66px;
  width: 27.5%;
}

/*--------------------------------------------------
  .products
--------------------------------------------------*/
/* RX100M4
--------------------------------------------------*/
article #RX100M4.products .mainvisual .img-box img {
  padding: 63px 0 0 661px;
  padding: 5.1470588% 0 0 54.0032679%;
  width: 420px;
  width: 34.3137254%;
}
article #RX100M4.products .mainvisual .ttl img {
  padding: 105px 0 0 37px;
  padding: 8.5784313% 0 0 3.0228758%;
  width: 636px;
  width: 51.9607843%;
}
article #RX100M4.products .mainvisual .spec img {
  padding: 416px 0 0 951px;
  padding: 33.9869281% 0 0 77.6960784%;
  width: 228px;
  width: 18.6274509%;
}

@media screen and (max-width: 640px) {
  article #RX100M4.products .mainvisual .img-box img {
    top: -5%;
  }
}

/* RX100M3
--------------------------------------------------*/
article #RX100M3.products .mainvisual .img-box img {
  padding: 61px 0 0 664px;
  padding: 4.9836601% 0 0 54.248366%;
  width: 418px;
  width: 34.1503267%;
}
article #RX100M3.products .mainvisual .ttl img {
  padding: 106px 0 0 99px;
  padding: 8.6601307% 0 0 8.0882352%;
  width: 519px;
  width: 42.4019607%;
}
article #RX100M3.products .mainvisual .spec img {
  padding: 416px 0 0 959px;
  padding: 33.9869281% 0 0 78.3496732%;
  width: 212px;
  width: 17.3202614%;
}

@media screen and (max-width: 640px) {
  article #RX100M3.products .mainvisual .img-box img {
    top: -5%;
  }
}

/* RX100M2
--------------------------------------------------*/
article #RX100M2.products .mainvisual .img-box img {
  padding: 105px 0 0 656px;
  padding: 8.5784313% 0 0 53.5947712%;
  width: 423px;
  width: 34.5588235%;
}
article #RX100M2.products .mainvisual .ttl img {
  padding: 105px 0 0 73px;
  padding: 8.5784313% 0 0 5.9640522%;
  width: 596px;
  width: 48.6928104%;
}
article #RX100M2.products .mainvisual .spec img {
  padding: 416px 0 0 959px;
  padding: 33.9869281% 0 0 78.3496732%;
  width: 228px;
  width: 18.6274509%;
}

@media screen and (max-width: 640px) {
  article #RX100M2.products .mainvisual .img-box img {
    top: -5%;
  }
}

/* RX100
--------------------------------------------------*/
article #RX100.products .mainvisual .img-box img {
  padding: 118px 0 0 664px;
  padding: 9.6405228% 0 0 54.248366%;
  width: 423px;
  width: 34.5588235%;
}
article #RX100.products .mainvisual .ttl img {
  padding: 106px 0 0 87px;
  padding: 8.6601307% 0 0 7.1078431%;
  width: 541px;
  width: 44.1993464%;
}
article #RX100.products .mainvisual .spec img {
  padding: 422px 0 0 1094px;
  padding: 34.4771241% 0 0 89.3790849%;
  width: 85px;
  width: 6.944444%;
}