/*!
 * content.css </cyber-shot/rx/photographer/css/>
 * modified : 2015.06.09
 */

/*--------------------------------------------------
  article
--------------------------------------------------*/
article {
  padding-bottom: 40px;
}

/*--------------------------------------------------
  .heading
--------------------------------------------------*/
article .heading {
  position: relative;
  padding-bottom: 56.4556962% !important;
  max-height: 446px;
  overflow: hidden;
}
article .heading h2 {
  display: none;
}
article .heading-bg {
  position: absolute;
  width: 100%;
  height: auto;
}
article .heading-txt {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
article .heading-txt h3,
article .heading-txt .profile,
article .heading-txt .official-site {
  padding: 0 3.7974683%;
  line-height: 0;
}
article .heading-txt .official-site.right {
  text-align: right;
}
article .heading-txt h3 img,
article .heading-txt .profile img {
  height: auto;
}
article .heading-txt .official-site img {
  width: 25.2054794%;
  height: auto;
}

@media screen and (max-width: 479px) {
  article .heading-txt h3,
  article .heading-txt .profile,
  article .heading-txt .official-site {
    padding: 0 4.6875%;
  }
}

/*--------------------------------------------------
  .gallery-link
--------------------------------------------------*/
article .gallery-link {
  margin: 30px auto 0;
  padding-top: 3.4246575%;
  padding-bottom: 3.4246575%;
  width: 92.4050632%;
  line-height: 0;
  text-align: center;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
article .gallery-link img {
  width: 300px;
  width: 41.0958904%;
  height: auto;
  max-width: 300px;
}

@media screen and (max-width: 640px) {
  article .gallery-link {
    margin: 4.6875% 4.6875% 0;
    width: auto;
  }
  article .gallery-link img {
    width: 55%;
  }
}

/*--------------------------------------------------
  .local-nav
--------------------------------------------------*/
article .local-nav {
  margin: 25px 0 50px;
  padding: 0 3.7974683%;
}
article .local-nav.bottom {
  margin: 40px 0 25px;
}
article .local-nav:after {
  clear: both;
  display: block;
  content: "";
}
article .local-nav li {
  float: left;
  width: 50%;
  text-align: center;
}
article .local-nav a {
  opacity: 0.3;
  transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
article .local-nav a:hover,
article .local-nav .current a {
  opacity: 1.0;
}

@media screen and (max-width: 640px) {
  article .local-nav {
    margin: 3.90625% 0 7.8125%;
    padding: 0;
  }
  article .local-nav.bottom {
    margin: 40px 0 3.90625%;
  }
}

/*--------------------------------------------------
  .related-link
--------------------------------------------------*/
article .related-link {
  margin: 40px 0 0;
  padding: 0 3.7974683%;
  font-size: 0;
  text-align: center;
}
article .related-link li {
  display: inline-block;
  margin: 0 2.739726%;
}
article .related-link li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  article .related-link {
    margin: 6.25% 0 0;
    padding: 0;
  }
}

/*--------------------------------------------------
  section : 730
--------------------------------------------------*/
article section {
  position: relative;
  margin-top: 40px;
  margin-top: 5.479452%;
  padding: 0 3.7974683%;
}
article section:after {
  clear: both;
  display: block;
  content: "";
}
article h4 {
  position: relative;
  z-index: 1;
  padding-bottom: 25px;
  padding-bottom: 3.4246575%;
  line-height: 0;
}
article h4.right {
  text-align: right;
}
article h4 img {
  height: auto;
}

article .leftfix {
  float: left;
}
article .rightfix {
  float: right;
}
article .leftfix.margin {
  margin: 0 4.109589% 2.0547945% 0;
}
article .rightfix.margin {
  margin: 0 0 2.0547945% 4.109589%;
}
article .rightfix.extra.margin {
  margin: 2.739726% 0 2.739726% 4.109589%;
}
article .flat {
  margin: 0 0 4.109589% 0;
}
article .mL0 {
  margin-left: 0 !important;
}
article .mR0 {
  margin-right: 0 !important;
}
article .img-730 {
  width: 100%;
}
article .img-550 {
  width: 75.3424657%;
}
article .img-498 {
  width: 68.219178%;
}
article .img-480 {
  width: 65.7534246%;
}
article .img-479 {
  width: 65.6164383%;
}
article .img-478 {
  width: 65.479452%;
}
article .img-449 {
  width: 61.5068493%;
}
article .img-366 {
  width: 50.1369863%;
}
article .img-364 {
  width: 49.8630136%;
}
article .img-352 {
  width: 48.219178%;
}
article .img-351 {
  width: 48.0821917%;
}
article .img-350 {
  width: 47.9452054%;
}
article .img-349 {
  width: 47.8082191%;
}
article .img-348 {
  width: 47.6712328%;
}
article .img-305 {
  width: 41.7808219%;
}
article .img-251 {
  width: 34.3835616%;
}
article .img-250 {
  width: 34.2465753%;
}
article .img-221 {
  width: 30.2739726%;
}
article .img-220 {
  width: 30.1369863%;
}
article .img-194 {
  width: 26.5753424%;
}
article .img-184 {
  width: 25.2054794%;
}
article .img-160 {
  width: 21.9178082%;
}
article .img-156 {
  width: 21.369863%;
}
article .img-150 {
  width: 20.5479452%;
}
article .img-136 {
  width: 18.6301369%;
}
article .img-135 {
  width: 18.4931506%;
}
article .img-box img {
  width: 100%;
  height: auto;
}
article p {
  position: relative;
  z-index: 1;
  font-size: 81.3%;
  line-height: 2.0;
}

@media screen and (max-width: 940px) {
  article section {
    margin-top: 8.219178%; /*60*/
  }
}
@media screen and (max-width: 479px) {
  article section {
    margin-top: 40px;
    padding: 0 4.6875%;
  }
  article h4 {
    padding-bottom: 20px;
    width: 106%;
  }
  article h4.right {
    text-align: left;
  }
  article .leftfix.mq-margin {
    margin: 0 4.109589% 4.109589% 0;
  }
  article .rightfix.mq-margin {
    margin: 0 0 4.109589% 4.109589%;
  }
  article .mq-adjust {
    margin-top: 5px !important;
  }
  article .mq-no-float {
    float: none;
    margin: 0 0 4.109589% 0 !important;
    width: auto;
  }
}
@media screen and (max-width: 320px) {
  article p {
    font-size: 75%;
  }
}

/*--------------------------------------------------
  .summary
--------------------------------------------------*/
article .summary {
  position: relative;
  margin-top: 50px;
  padding-top: 35px;
  overflow: hidden;
}
article .summary h4 {
  padding-bottom: 0;
}
article .summary .sign {
  position: relative;
  z-index: 1;
  margin-top: 25px;
  margin-top: 3.4246575%;
}
article .summary .bg {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}
article .summary .bg img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 1000px) {
  article .summary p br.nb {
    display: none;
  }
}
@media screen and (max-width: 479px) {
  article .summary {
    margin-top: 30px;
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }
  article .summary:before {
    position: relative;
    top: -30px;
    content: "";
    display: block;
    width: 100%;
    border-top: 1px solid #e5e5e5;
    
  }
  article .summary h4 {
    padding-bottom: 15px;
  }
  article .summary h4 img {
    margin-left: 0 !important;
    width: 55% !important;
  }
  article .summary .txt-box {
    margin: 0 !important;
    width: auto !important;
  }
  article .summary p {
    font-size: 75%;
    line-height: 1.9;
  }
  article .summary .sign {
    margin-left: 0 !important;
  }
  article .summary .bg {
    position: relative;
    float: left;
    margin: 4px 7% 5% 0;
    padding-bottom: 60%;
    width: 45%;
    overflow: hidden;
  }
  article .summary .bg.right {
    float: right;
    margin: 4px 0 5% 7%;
  }
  article .summary .bg img {
    position: absolute;
    bottom: 0;
    width: 170%;
  }
  article .summary .bg.right img {
    right: 0;
  }
}
@media screen and (max-width: 320px) {
  article .summary p {
    font-size: 70%;
  }
}

/* summary background
--------------------------------------------------*/
@media screen and (max-width: 479px) {
  article .summary.gradient {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 10%, #efefef 90%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#ffffff), color-stop(90%,#efefef));
    background: -webkit-linear-gradient(top,  #ffffff 10%,#efefef 90%);
    background: -o-linear-gradient(top,  #ffffff 10%,#efefef 90%);
    background: -ms-linear-gradient(top,  #ffffff 10%,#efefef 90%);
    background: linear-gradient(to bottom,  #ffffff 10%,#efefef 90%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
  }
}