@charset "Shift_JIS";

/*製品のパッケージ名称の横（製品情報のh1内で使用）*/
.subtitle{font-size:0.9em;font-weight: normal;color: black;}
/*タイトル下のキャッチコピー*/
.subheader{font-size:1.3em;color:#06F;margin-top:20px;margin-bottom:15px;line-height: 1.1;}

/*見出し1（製品情報の各章のタイトルに使用）*/
.section-title {
  background-color: #dff0d8;
  border: 1px solid #d6e9c6;
  padding: 15px;
  border-radius: 4px;
  margin: 1.5em 0 1em;
  color: #3c763d;
}

/*見出し2（製品情報の各章のサブタイトルに使用）*/
.section-subtitle {
  border-left: 5px solid #3c763d;
  padding: 6px 10px;
  color: #3c763d;
  font-weight: bold;
  background: #f4fbf6;
}

/*見出し3*/
.section-subtitle2 {
  font-weight: bold;
  margin-top: 1em;
  padding: 4px 0 4px 8px;
  border-left: 3px solid #b7d9c2;
  color: #3c763d;
}

/*見出し（製品情報の動画のタイトルに使用）*/
.movie-title {
  background-color: #f4fbf6;
  border: 1px solid #e1f1e6;
  padding: 10px;
  border-radius: 4px;
  margin: 1.2em 0 0.8em;
  color: #3c763d;
  font-size: 1.1em;
}

/*見出し4（別製品の紹介タイトルに使用）*/
.section-title-LPC{
  background: linear-gradient(90deg, #e8f4fd, #ffffff);
  border-left: 6px solid #337ab7;
  padding: 15px 18px;
  border-radius: 4px;
  margin: 2em 0 1em;
  color: #245580;
  font-weight: bold;
  font-size: 1.1em;
}

/*注意書き*/
.notice {color:red;}

/*フッター*/
#panel-footnavi h2{margin-top: 0;margin-bottom: 0;font-size:1em;}
#panel-footnavi ul{padding-top: 10px;padding-bottom: 10px;font-size:1em;}

/*動画*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width:768px) {
  .youtube {
    position: static;
    padding-top:0;
  }
  .youtube iframe {
    position: static;
    width: 560px;
    height: 315px;
  }
}

@media (max-width:768px){
  #product_content .btn-lg{
    font-size:14px;
    padding:8px 12px;
  }
}