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

/*--------------------------------------------------
  .heading
--------------------------------------------------*/
article .heading strong {
  width: 749px;
  width: 61.1928104%;
}
article .heading h2 {
  width: 334px;
  width: 27.2875816%;
}
article .heading em {
  display: block;
  margin: 0 auto;
  padding-top: 30px;
  padding-top: 2.4509803%;
  width: 549px;
  width: 44.8529411%;
  line-height: 0;
}

@media screen and (max-width: 640px) {
  article .heading em {
    padding: 15px 0 20px;
  }
  article .heading em img {
    margin-left: -45%;
    width: 190%;
  }
  article .heading img.bg {
    margin-left: -5%;
    width: 110%;
  }
}

/*--------------------------------------------------
  .banner-box
--------------------------------------------------*/
article section.banner {
  padding: 0px 6.7810457% 80px;
}
article section.banner .img-box {
  margin: 0 auto;
  max-width: 660px;
}
article section.banner .img-box img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  article section.banner {
    padding: 30px 0 30px;
    border-top: 1px solid #424242;
  }
}

/*--------------------------------------------------
  .intro
--------------------------------------------------*/
article .intro {
  padding-bottom: 120px;
  padding-bottom: 6.5%;
}

/* .intro-01
--------------------------------------------------*/
article .intro-01 {
  margin-top: 60px;
  margin-top: 4.9019607%;
}
article .intro-01 .img-box {
  float: right;
  margin: 0 86px 0 0;
  margin: 0 7.0261437% 0 0;
  width: 453px;
  width: 37.0098039%;
}
article .intro-01 .img-box img {
  max-width: 453px;
}
article .intro-01 h3 {
  padding: 57px 0 0 97px;
  padding: 4.6568627% 0 0 7.9248366%;
  width: 475px;
  width: 38.8071895%;
}
article .intro-01 p {
  float: left;
  margin: 25px 0 0 97px;
  margin: 2.0424836% 0 0 7.9248366%;
  width: 550px;
  width: 44.9346405%;
}

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

/* .intro-02
--------------------------------------------------*/
article .intro-02 {
  margin-top: 90px;
  margin-top: 7.3529411%;
}
article .intro-02 .img-box {
  float: left;
  margin: 0 0 0 35px;
  margin: 0 0 0 2.8594771%;
  width: 677px;
  width: 55.3104575%;
}
article .intro-02 h3 {
  float: left;
  padding: 0 0 0 30px;
  padding: 0 0 0 2.4509803%;
  width: 385px;
  width: 31.4542483%;
}
article .intro-02 p {
  float: left;
  margin: 25px 0 0 30px;
  margin: 2.0424836% 0 0 2.4509803%;
  width: 385px;
  width: 31.4542483%;
}

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

/* .intro-03
--------------------------------------------------*/
article .intro-03 {
  margin-top: 75px;
  margin-top: 6.1274509%;
}
article .intro-03 .img-box {
  float: right;
  width: 450px;
  width: 36.7647058%;
}
article .intro-03 .img-box img {
  max-width: 633px;
  margin-left: -183px;
  margin-left: -40.666666%;
  width: 140.666666%;
}
article .intro-03 h3 {
  padding: 14px 0 0 97px;
  padding: 1.1437908% 0 0 7.9248366%;
  width: 443px;
  width: 36.1928104%;
}
article .intro-03 p {
  float: left;
  margin: 25px 0 0 97px;
  margin: 2.0424836% 0 0 7.9248366%;
  width: 555px;
  width: 45.3431372%;
}

@media screen and (max-width: 640px) {
  article .intro-03 {
    margin-top: 50px;
  }
  article .intro-03 .img-box {
    width: 90%;
  }
  article .intro-03 .img-box img {
    margin-left: 0;
    width: 100%;
  }
}

/*--------------------------------------------------
  .anchor.grid-03 | w320
--------------------------------------------------*/
.anchor-holder .anchor li.rx1rm2 a {
  max-width: 123px;
  width: 38.4375%;
}
.anchor-holder .anchor li.rx1r a {
  max-width: 59px;
  width: 18.4375%;
}
.anchor-holder .anchor li.rx1 a {
  max-width: 41px;
  width: 12.8125%;
}

/*--------------------------------------------------
  .products
--------------------------------------------------*/
/* RX1RM2
--------------------------------------------------*/
article #RX1RM2.products .mainvisual .img-box img {
  padding: 106px 0 0 643px;
  padding: 8.6601307% 0 0 52.5326797%;
  width: 456px;
  width: 37.2549019%;
}
article #RX1RM2.products .mainvisual .ttl img {
  padding: 136px 0 0 118px;
  padding: 11.111111% 0 0 9.6405228%;
  width: 479px;
  width: 39.1339869%;
}
article #RX1RM2.products .mainvisual .spec img {
  padding: 422px 0 0 1102px;
  padding: 34.4771241% 0 0 90.0326797%;
  width: 68px;
  width: 5.555555%;
}

/* RX1R
--------------------------------------------------*/
article #RX1R.products .mainvisual .img-box img {
  padding: 106px 0 0 643px;
  padding: 8.6601307% 0 0 52.5326797%;
  width: 456px;
  width: 37.2549019%;
}
article #RX1R.products .mainvisual .ttl img {
  padding: 136px 0 0 65px;
  padding: 11.111111% 0 0 5.3104575%;
  width: 582px;
  width: 47.5490196%;
}
article #RX1R.products .mainvisual .spec img {
  padding: 422px 0 0 1102px;
  padding: 34.4771241% 0 0 90.0326797%;
  width: 68px;
  width: 5.555555%;
}

/* RX1
--------------------------------------------------*/
article #RX1.products .mainvisual .img-box img {
  padding: 104px 0 0 639px;
  padding: 8.6601307% 0 0 52.2058823%;
  width: 461px;
  width: 43%;
}
article #RX1.products .mainvisual .ttl img {
  padding: 136px 0 0 107px;
  padding: 11.111111% 0 0 8.74183%;
  width: 520px;
  width: 42.4836601%;
}
article #RX1.products .mainvisual .spec img {
  padding: 422px 0 0 1102px;
  padding: 34.4771241% 0 0 90.0326797%;
  width: 68px;
  width: 5.555555%;
}