/*!
 * detail.css </cyber-shot/rx/photographer/rx1-p001/css/>
 * modified : 2015.06.06
 */

/*--------------------------------------------------
  article : 730
--------------------------------------------------*/
article h4 {
  padding-bottom: 40px;
  padding-bottom: 5.479452%;
}
article section {
  margin-top: 50px;
  margin-top: 6.849315%;
}

@media screen and (max-width: 479px) {
  article h4 {
    padding-bottom: 15px;
  }
  article section {
    margin-top: 40px;
  }
}

/*--------------------------------------------------
  section : 730
--------------------------------------------------*/
/* .p1-01
--------------------------------------------------*/
section.p1-01 h4 {
  width: 350px;
  width: 47.9452054%;
}
section.p1-01 .p1-img-01 {
  float: left;
  margin: 4px 0 0 0;
  margin: 4px 4.109589% 2.0547945% 0;
  width: 136px;
  width: 18.6301369%;
}
section.p1-01 .right-box {
  float: right;
  margin: -192px 0 0 30px;
  margin: -26.3013698% 0 0 4.109589%;
  width: 350px;
  width: 47.9452054%;
}
section.p1-01 .p1-img-03 {
  margin: 2.8571428% 0 0;
}
section.p1-01 .p1-img-04 {
  margin-bottom: 15px;
  margin-bottom: 4.2857142%;
  width: 209px;
  width: 59.7142857%;
}

/* .p1-02
--------------------------------------------------*/
section.p1-02 .p1-img-05 {
  float: right;
  margin: 0 0 25px 0;
  margin: 0 0 3.4246575%;
  width: 351px;
  width: 48.0821917%;
}
section.p1-02 .p1-img-06 {
  float: left;
  margin: 0 28px 15px 0;
  margin: 0 3.8356164% 2.0547945% 0;
  width: 348px;
  width: 47.6712328%;
}

/* .p1-03
--------------------------------------------------*/
section.p1-03 .line-01 p {
  margin-bottom: 25px;
  margin-bottom: 3.4246575%;
}
section.p1-03 .p1-img-07 {
  float: left;
  margin: 0 0 25px 0;
  margin: 0 0 3.4246575%;
  width: 136px;
  width: 18.6301369%;
}
section.p1-03 .p1-img-08 {
  float: right;
  margin: 0 0 15px 30px;
  margin: 0 0 2.0547945% 4.109589%;
  width: 563px;
  width: 77.1232876%;
}
section.p1-03 .p1-img-09 {
  float: right;
  margin: 0 0 15px 30px;
  margin: 0 0 2.0547945% 4.109589%;
  width: 287px;
  width: 39.3150684%;
}

@media screen and (max-width: 479px) {
  section.p1-03 .line-01 p {
    margin-bottom: 25px;
  }
  section.p1-03 .p1-img-09 {
    margin: 5px 0 15px 20px;
  }
}

/* .p2-01
--------------------------------------------------*/
section.p2-01 .left-box {
  float: left;
  margin: 0 34px 15px 0;
  margin: 0 4.6575342% 2.0547945% 0;
  width: 347px;
  width: 47.5342465%;
}
section.p2-01 h4 {
  padding-bottom: 40px;
  padding-bottom: 11.5273775%;
  width: 322px;
  width: 92.795389%;
}
section.p2-01 .p2-img-01 {
  float: right;
  margin: 4px 0 2.0547945% 4.109589%;
  width: 136px;
  width: 18.6301369%;
}
section.p2-01 .line-02 {
  padding-top: 25px;
  overflow: hidden;
}
section.p2-01 .p2-img-03 {
  float: left;
  margin: 4px 30px 15px 0;
  margin: 4px 8.5714285% 4.2857142% 0;
  width: 172px;
  width: 49.1428571%;
}

@media screen and (max-width: 1000px) {
  section.p2-01 .line-02 {
    clear: both;
  }
  section.p2-01 .p2-img-03 {
    margin: 4px 4.109589% 2.0547945% 0;
    width: 28%;
  }
}

/* .p2-02
--------------------------------------------------*/
section.p2-02 .line-01 p {
  margin-bottom: 25px;
  margin-bottom: 3.4246575%;
}
section.p2-02 .p2-img-04 {
  float: left;
  margin: 0 0 25px 0;
  margin: 0 0 3.4246575%;
  width: 136px;
  width: 18.6301369%;
}
section.p2-02 .p2-img-06 {
  float: right;
  margin: 0 0 15px 30px;
  margin: 0 0 2.0547945% 4.109589%;
  width: 563px;
  width: 77.1232876%;
}
section.p2-02 .line-02 {
  margin-top: 15px;
}
section.p2-02 .line-02 .right-box {
  float: right;
  margin: 4px 0 20px 30px;
  margin: 4px 0 2.739726% 4.109589%;
  width: 362px;
  width: 49.589041%;
}
section.p2-02 .p2-img-07 {
  
}
section.p2-02 .p2-img-08 {
  width: 222px;
  width: 61.3259668%;
}

@media screen and (max-width: 479px) {
  section.p1-03 .line-01 p {
    margin-bottom: 25px;
  }
  section.p1-03 .p1-img-09 {
    margin: 5px 0 15px 20px;
  }
}

/* .summary
--------------------------------------------------*/
article .summary {
  padding-bottom: 173px;
  padding-bottom: 23.6986301%;
  background: url(../img/hirota_summary_bg.png) repeat-y 0 0;
  background-size: 100% auto;
}
article .summary h4 img {
  width: 422px;
  width: 57.8082191%;
}
article .summary .txt-box {
  margin: 40px 0 0 0;
  margin: 5.479452% 0 0 0;
  width: 365px;
  width: 53%;
}
article .summary .sign {
  width: 200px;
  width: 27.3972602%;
}