@charset "utf-8";

/* CSS Document */

/* ------------------------------
common
------------------------------ */
a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

h1 {
  font-weight: bold;
}

h2 {
  font-weight: bold;
}

.row-eq-height {
  display: flex;
  flex-wrap: nowrap;
}

.product-main-image {
  width: 100%;
  max-width: 720px;
}

.youtube-short {
  position: relative;
  width: min(100%, 360px);
  aspect-ratio: 9 / 16;
  margin: 0 auto;
  background: #000;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube-short iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.table th {
  width: 28%;
  white-space: nowrap;
}

.download-file-list {
  border-top: 1px solid #d7dde5;
  padding-top: 1.5rem;
}

.download-file-list h2 {
  font-size: 1.35rem;
}

.download-file-list pre {
  background: rgba(255,255,255,0.75);
  border: 1px solid #d7dde5;
  border-radius: 4px;
  color: #2f3740;
  font-size: 0.86rem;
  line-height: 1.55;
  max-width: 100%;
  overflow-x: auto;
  padding: 1rem;
  text-align: left;
}

/* 固定ヘッダー補正 */
article:before {
  content: "";
  height: 3.5rem;
  margin-top: -3.5rem;
  display: block;
  visibility: hidden;
}

@media screen and (max-width:991px) {
  article:before {
    content: "";
    height: 17rem;
    margin-top: -17rem;
    display: block;
    visibility: hidden;
  }
}

/* ------------------------------
body
------------------------------ */
body {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  background: #f4f8fb url(../img/bg_body.png) repeat fixed; /* Subtle Dots from transparenttextures.com */
  text-align: center;
  font-size: 18px;
}

@media only screen and (max-width:767px) {
  body {
    font-size: 16px;
  }

  .table th {
    width: 34%;
    white-space: normal;
  }
}