/*!
 * content.css </cyber-shot/rx/developer/css/>
 * modified : 2016.03.22
 * modified : 2015.06.08
 */

/*--------------------------------------------------
  .article-inner : 730
--------------------------------------------------*/
article section {
  margin-top: 40px;
}
article section:after {
  clear: both;
  display: block;
  content: "";
}
article h2 {
  width: 146px;
  width: 20%;
  max-width: 146px;
  line-height: 0;
}
article h3 {
  line-height: 0;
}
article h4.img-box {
  margin-bottom: 35px;
  margin-bottom: 4.7945205%;
  line-height: 0;
}
article h2 img,
article h4 img {
  width: 100%;
  height: auto;
}
article h4.serif {
  margin-bottom: 20px;
  margin-bottom: 2.739726%;
  font-size: 97%;
  font-weight: bold;
  line-height: 1.6;
}
article .header-bg {
  margin-top: 30px;
  margin-top: 4.109589%;
}
article .heading:after {
  clear: both;
  display: block;
  content: "";
}
article .leftfix {
  float: left;
}
article .leftfix.margin {
  margin: 5px 30px 25px 0;
  margin: 5px 4.109589% 3.4246575% 0;
}
article .rightfix {
  float: right;
}
article .rightfix.margin {
  margin: 5px 0 25px 30px;
  margin: 5px 0 3.4246575% 4.109589%;
}
article .img-box img {
  width: 100%;
  height: auto;
}
article .img-220 {
  width: 30.1369863%;
}
article .img-730 {
  margin: 40px 0 30px;
  margin: 5.479452% 0 4.109589%;
  width: 100%;
}
article strong {
  font-weight: bold;
}
article p {
  margin-bottom: 30px;
  margin-bottom: 4.109589%;
  font-size: 81.3%;
  line-height: 1.8;
}
article .note {
  font-size: 84%;
}
article p.caption {
  margin-top: 10px;
  margin-bottom: 0;
  line-height: 1.3;
}
article p.caption span {
  font-size: 87.5%;
}
article p.caption span.nindext {
  display: inline-block;
  text-indent: -0.4em;
}
article p.no-flow {
  overflow: hidden;
}

@media screen and (max-width: 640px) {
  article h4.serif br {
    display: none;
  }
  article p.no-flow {
    overflow: visible;
  }
}
@media screen and (max-width: 479px) {
  article h2 {
    width: 35%;
  }
  article h4.img-box {
    margin-bottom: 20px;
  }
  article h4.serif {
    margin-bottom: 15px;
  }
  article .img-220 {
    width: 42%;
  }
  article .img-730 {
    margin: 7% 0 6%;
  }
  article .leftfix.margin {
    margin: 5px 6% 4% 0;
  }
  article .rightfix.margin {
    margin: 5px 0 4% 6%;
  }
  article p {
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 320px) {
  article p {
    font-size: 75%;
  }
  article h4.serif {
    font-size: 87.5%;
  }
}

/*--------------------------------------------------
  article .local-nav
--------------------------------------------------*/
article .local-nav {
  margin: 4.109589% 0 5.479452% 0;
  font-size: 0;
  line-height: 0;
}
article .local-nav.bottom {
  margin: 8.219178% 0 0 0;
}
article .local-nav:after {
  clear: both;
  display: block;
  content: "";
}
article .local-nav li {
  float: left;
}
article .local-nav a {
  position: relative;
  display: block;
}
article .local-nav img.leave {
  position: relative;
  z-index: 1;
  transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
}
article .local-nav img.enter {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}
article .local-nav li:hover img.leave,
article .local-nav li.current img.leave {
  opacity: 0;
}
.no-opacity article .local-nav li:hover img.leave,
.no-opacity article .local-nav li.current img.leave {
  filter: alpha(opacity=0);
}
article .local-nav li img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 640px) {
  article .local-nav {
    margin: 20px 0 30px 0;
  }
}

/* .local-nav.g3
--------------------------------------------------*/
article .local-nav.g3 li {
  margin: 0.2739726% 0 0 0.2739726%;
  width: 33.1506849%;
}
article .local-nav.g3 li.nav1,
article .local-nav.g3 li.nav4 {
  margin-left: 0;
}

@media screen and (max-width: 479px) {
  article .local-nav.g3 li:nth-child(odd) {
    margin: 1% 0.5% 0 0;
    width: 49.5%;
  }
  article .local-nav.g3 li:nth-child(even) {
    margin: 1% 0 0 0.5%;
    width: 49.5%;
  }
}