@charset 'utf-8';
/*---------------------------

  #products

---------------------------*/
.fw {
  padding-top: 0;
}
.fw .btn.btnArrowB.j_toggleBtn {
  margin: 0;
}
.boxItemDetails {
  animation-duration: .5s;
  animation-fill-mode: both;
  animation-name: slideDown;
}
.j_popAct {
  animation-name: slideInUp;
}
.bg_movie {
  background-color: #e8e8e6;
}
.bg_movie .inner {
  margin-top: 30px;
  padding: 0 80px;
}
@keyframes slideDown {
  0% {
    visibility: visible;
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(0, 30px, 0);
  }
}
@keyframes slideInUp {
  0% {
    visibility: visible;
    transform: translate3d(0, 30px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
#products .flex + .notice-list,
#products .flex + .list-bullet-01 {
  margin-top: 10px;
}
#products .flex + .notice-list + .notice-list,
#products .flex + .list-bullet-01 + .notice-list {
  margin-top: 15px;
}
.fw#products.products_detail .batch.batchColorGra {
  margin-bottom: 0;
}
.fw#products.products_detail #main {
  padding: 60px 0 80px;
}
.fw#products.products_detail #main .sliderProduct .j_sliderProduct {
  max-height: none;
}
.fw#products.products_detail #main .ttlXLargeNoBg span.jp {
  padding-top: 5px;
  font-size: 16px;
  display: block;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  font-weight: normal;
  line-height: 166%;
}
.fw#products.products_detail #main .release,
.fw#products.products_detail #main .lead {
  padding-top: 5px;
}
.fw#products.products_detail #main .releaseInfo {
  display: table;
}
.fw#products.products_detail #main .releaseInfo .batchArea {
  display: table-cell;
}
.fw#products.products_detail #main .releaseInfo .infoText {
  display: table-cell;
  padding-left: 10px;
  font-size: 14px;
  color: #c1c1c2;
}
.fw#products.products_detail h4.ttlXSmall {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.fw#products.products_detail #spec .j_toggleDetail + .btnArea,
.fw#products.products_detail #spec .btn {
  margin-top: 0;
}
.fw#products.products_detail #price ol.notice {
  padding-top: 0;
}
.fw#products .nav-top {
  clear: both;
  font-size: 14px;
  font-family: "Hiragino Sans W3", "ヒラギノ角ゴ ProN W3", "WinGothic W3", sans-serif;
  text-align: right;
  margin: 20px auto 0 !important;
  width: 960px;
}
.fw#products .nav-top a {
  position: relative;
  padding-right: 22px;
  font-size: 13px;
}
.fw#products .nav-top a:before {
  background: none;
  content: '';
  display: block;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -2px;
  transform: rotate(-45deg);
}
.fw#products .nav-top a:link,
.fw#products .nav-top a:hover,
.fw#products .nav-top a:visited,
.fw#products .nav-top a:active,
.fw#products .nav-top a:focus {
  color: #fff;
}

.fw #news .btn.btnArrowB.j_toggleBtn , .fw #faq_rf2017 .btn.btnArrowB.j_toggleBtn 　{
  margin-top: 30px;
}

@media only screen and (max-width: 600px) {
  /*---------------------------

  #products

---------------------------*/
  .fw .ttlNormal ~ .lead {
    margin-top: 10px;
  }
  .fw .quotationTop .ttlNormal + .listGrid {
    padding-top: 0;
  }
  .fw .quotationTop .listGrid > * {
    margin-top: 0;
    padding: 0;
  }
  .fw .quotationTop .listGrid > *:after {
    height: 100%;
  }
  .fw .fill-display {
    margin-right: -15px;
    margin-left: -15px;
  }
  .fw .bg_movie .inner {
    padding-left: 25px;
    padding-right: 25px;
  }
  #main .sliderProduct .j_sliderProduct {
    max-height: none;
  }
  .txtC .zoom {
    display: none;
  }
  #products .specList {
    padding: 15px 0;
  }
  .fw#products.products_detail #main {
    padding: 60px 0;
  }
  .fw#products.products_detail #main .ttlXLargeNoBg span.jp {
    font-size: 10px;
    padding-top: 2px;
  }
  .fw#products.products_detail #main .batchArea {
    padding-bottom: 15px;
  }
  .fw#products.products_detail #main .sliderProduct {
    padding-top: 0;
  }
  .fw#products.products_detail #main .sliderProduct .color {
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .fw#products.products_detail #main .release {
    margin-top: 5px;
  }
  .fw#products.products_detail #main .releaseInfo,
  .fw#products.products_detail #main .releaseInfo .batchArea,
  .fw#products.products_detail #main .releaseInfo .infoText {
    display: block;
  }
  .fw#products.products_detail #main .releaseInfo .infoText {
    padding-left: 0;
    font-size: 10px;
  }
  .fw#products.products_detail #main .linkArea {
    bottom: -36px;
  }
  .fw#products.products_detail #spec .boxInner {
    padding: 20px 15px;
  }
  .fw#products.products_detail #price #modelPrice {
    margin-bottom: 10px;
  }
  .fw#products.products_detail #price #modelPrice + p {
    margin-bottom: 25px;
  }
  .fw #news .btn,
  .fw #faq_rf2017 .btn {
    margin-top: 20px;
  }
  .fw #news .listStripe + .btnArea,
  .fw #faq_rf2017 .btnArea {
    margin-top: 0;
  }
}
@media only screen and (min-width: 601px) {
  .fw#products.products_detail #main .flex6.spFlex12.spFlexOrder2 {
    margin-top: 0;
  }
  .fw#products.products_detail #main .batchArea {
    padding-top: 20px;
    padding-bottom: 0;
  }
  .fw#products.products_detail #main .pc.ttlXLargeNoBg {
    margin-top: 5px;
  }
  .fw#products.products_detail #price #modelPrice {
    margin-bottom: 20px;
  }
  .fw#products.products_detail #price #modelPrice + p {
    margin-bottom: 30px;
  }
  .fw#products.products_detail #price #app-price .flex4 {
    padding: 40px 30px 30px;
  }
}
