@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);
body.product .wrapper {
  background: url("../img/common/contents_bg.png") no-repeat center 0;
  background-size: cover;
}
/* body.product .contents {
  padding:100px 0 72px;
} */
body.product .technologyBox#main {
  display: block;
  width:980px;
  margin:0 auto;
  padding:49px;
  /* border: 1px solid #ccc;
  background-color:#fff; */
  box-sizing:border-box;
}
body.product .technologyBox .titCat {
  background:url(/sample/icon_diamond.png) no-repeat left center;
  padding-left:20px;
  font-size:28px;
  font-size:2.8rem;
  font-weight: bold;
  margin-bottom:24px;
}
body.product .technologyBox .technologyRow {
  margin-top:40px;
}
body.product .technologyBox .boxList {
  width:100%;
}
body.product .technologyBox .boxList li {
  float:left;
  width:205px;
  margin-left:20px;
  margin-bottom:46px;
}
body.product .technologyBox .boxList li:nth-child(4n+1) {
  clear:both;
  margin-left:0;
}
body.product .technologyBox .boxList li.clear {
  clear:both \9;
  margin-left:0 \9;
}
body.product .technologyBox .boxList li .boxThumb {
  width:205px;
  height:150px;
  margin-bottom:14px;
  overflow: hidden;
}
body.product .technologyBox .boxList li .boxTit {
  margin-bottom:14px;
  font-size:16px;
  font-size:1.6rem;
}
body.product .technologyBox .boxList li .boxTxt {
  font-size:13px;
  font-size:1.3rem;
}
body.product .technologyDetailBox {
  display: block;
  width:980px;
  margin:0 auto;
  padding:0 80px;
  /* border: 1px solid #ccc; */
  /* background-color:#fff; */
  box-sizing:border-box;
}
body.product .technologyDetailBox .category {
  background:url(/sample/icon_diamond.png) no-repeat left center;
  padding-left:16px;
  font-size:16px;
  font-size:1.6rem;
  font-weight: bold;
  margin-bottom:24px;
}
body.product .technologyDetailBox .block {
  margin-top:42px;
  padding-top:60px;
  border-top:1px solid #ccc;
}
body.product .technologyDetailBox .block:first-child {
  margin-top:0;
  padding-top:0;
  border-top:none;
}
body.product .technologyDetailBox .block a {
  color:#0071bc;
  text-decoration: underline;
}
body.product .technologyDetailBox .block a:hover {
  text-decoration: none;
}
body.product .technologyDetailBox .block .titBlock {
  font-size:20px;
  font-size:2.0rem;
  font-weight: bold;
  margin-bottom:16px;
}

/* メインブロック<PC> */
body.product .technologyDetailBox .block.mainBlock .titBlock{
  font-size:30px;
  font-size:3.0rem;
  margin-bottom:32px;
}
body.product .technologyDetailBox .block.mainBlock figure > img {
  float:left;
  width:400px;
  margin-right:30px;
}
body.product .technologyDetailBox .block.mainBlock figure figcaption {
  float:left;
  line-height:1.7;
  width:370px;
}
/* メインブロック<PC> */

/* インフォブロック<PC> */
body.product .technologyDetailBox .block.info figure > img {
  float:left;
  width:300px;
  margin-right:24px;
  margin-bottom:24px;
}
body.product .technologyDetailBox .block.info figure figcaption {
  width:100%;
}
body.product .technologyDetailBox .block.info figure img + figcaption {
  float:left;
  line-height:1.7;
  width:476px;
}
/* インフォブロック<PC> */

/* ダウンロード<PC> */
body.product .technologyDetailBox .block.download .text {
  margin-bottom:30px;
}
body.product .technologyDetailBox .block.download .text a img {
  display: block;
  margin: 0 auto;
  width: 150px;
  height: 30px;
}
body.product .technologyDetailBox .block.download .downloadList {
  width:100%;
}
body.product .technologyDetailBox .block.download .downloadList li {
  float:left;
  width:50%;
  margin-bottom:12px;
}
body.product .technologyDetailBox .block.download .downloadList li:before {
  content:"・";
}
/* ダウンロード<PC> */

/* ギャラリー<PC> */
body.product .technologyDetailBox .block.gallery .galleryList .ytList {
  float:left;
  width:45%;
  margin-right:5%;
  margin-bottom:5%;
}
body.product .technologyDetailBox .block.gallery .galleryList .ytList:nth-child(2n+1) {
  clear:both;
}
body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb {
  position:relative;
}
body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb > img {
  width:100%;
  margin-bottom:15px;
}
body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb .btnPlay {
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-42px;
  margin-left:-42px;
}
body.product .technologyDetailBox .block.gallery .galleryList .ytList a {
  color:#333;
  text-decoration: none;
}
/* ギャラリー<PC> */

/* 品質情報<PC> */
body.product .technologyDetailBox .block.quality .text {
  margin-bottom:30px;
}
body.product .technologyDetailBox .block.quality .qualityDownloadList {
  width:100%;
}
body.product .technologyDetailBox .block.quality .qualityDownloadList li {
  float:left;
  width:50%;
  margin-bottom:12px;
}
body.product .technologyDetailBox .block.quality .qualityDownloadList li:before {
  content:"・";
}
/* 品質情報<PC> */

@media only screen and (max-width: 768px) {
  /* body.product .contents {
    padding:50px 0 72px;
  } */
  body.product .technologyBox#main {
    width:100%;
    padding:25px;
    box-sizing:border-box;
  }
  body.product .technologyBox .titCat {
    font-size:20px;
    font-size:2rem;
    margin-bottom:15px;
  }
  body.product .technologyBox .technologyRow:first-child {
    margin-top:0;
  }
  body.product .technologyBox .boxList {
    width:100%;
  }
  body.product .technologyBox .boxList li {
    float:left;
    width:48%;
    margin-left:4%;
    margin-bottom:25px;
  }
  body.product .technologyBox .boxList li:nth-child(2n+1) {
    clear:both;
    margin-left:0;
  }
  body.product .technologyBox .boxList li:nth-child(4n+1) {
    clear:both;
    margin-left:0;
  }
  body.product .technologyBox .boxList li .boxThumb {
    width:100%;
    height:0;
    padding-bottom:73.1707317%;
    margin-bottom:6px;
  }
  body.product .technologyBox .boxList li .boxThumb img {
    width:100%;
  }
  body.product .technologyBox .boxList li .boxTit {
    margin-bottom:4px;
  }
  body.product .technologyDetailBox {
    max-width:980px;
    width:100%;
    padding:25px;
  }
  body.product .technologyDetailBox .category {
  /*    background:url(/sample/icon_diamond.png) no-repeat left center;
      padding-left:16px;
      font-size:16px;
      font-size:1.6rem;
      font-weight: bold;
      margin-bottom:24px;*/
  }
  body.product .technologyDetailBox .block {
    margin-top:25px;
    padding-top:30px;
  }
  /* メインブロック<SP> */
  body.product .technologyDetailBox .block.mainBlock .titBlock {
    margin-bottom:20px;
  }
  body.product .technologyDetailBox .block.mainBlock figure > img {
    float:none;
    width:100%;
    margin-right:0;
    margin-bottom:20px;
  }
  body.product .technologyDetailBox .block.mainBlock figure figcaption {
    float:none;
    width:100%;
  }
  /* メインブロック<SP> */

  /* インフォブロック<SP> */
  body.product .technologyDetailBox .block.info figure > img {
    float:none;
    width:100%;
    margin-right:0;
  }
  body.product .technologyDetailBox .block.info figure figcaption {
    width:100%;
  }
  body.product .technologyDetailBox .block.info figure img + figcaption {
    float:none;
    width:100%;
  }
  /* インフォブロック<SP> */

  /* ダウンロード<SP> */
  body.product .technologyDetailBox .block.download .downloadList li {
    float:none;
    width:100%;
    min-height:0 !important;
  }
  /* ダウンロード<SP> */

  /* ギャラリー<SP> */
  body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb > img {
    margin-bottom:5px;
  }
  body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb .btnPlay {
    width:50%;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-30%;
    margin-left:-25%;
  }
  body.product .technologyDetailBox .block.gallery .galleryList .ytList .ytThumb .btnPlay img {
    width:100%;
  }
  /* ギャラリー<SP> */

  /* 品質情報<SP> */
  body.product .technologyDetailBox .block.quality .qualityDownloadList li {
    float:none;
    width:100%;
    min-height:0 !important;
  }
  /* 品質情報<SP> */
}