/* 商品ページ BTOパソコン 商品名の部分を装飾 */
/* リスト全体 */
.spec-list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* プレフィックス（() 前）のテキスト */
#itemInfo p.item-prefix {
  font-size: 1.0em;
  margin: 0;
  padding: 0;
  border-bottom: solid 1px #ccc;
}

/* 後のテキスト */
#itemInfo p.item-info-note {
  font-size: 0.8em;
  margin: 0.2em 0 0 0;
  padding: 0;
}

/* スペックだけの行（幅100%） */
#itemInfo ul li.spec-full {
  width: 100%;
  font-size: 1.0em;
  border-bottom: solid 1px #ccc;
  margin: 0;
  padding: 0.2em 0 0;
}

/* 種類ラベル（幅30%） */
#itemInfo ul li.spec-type {
  width: 25%;
  font-size: 0.8em;
  border-bottom: solid 1px #ccc;
  margin: 0;
  padding: 0.2em 0 0;
}

/* 内容ラベル（幅70%） */
#itemInfo ul li.spec-value {
  width: 75%;
  font-size: 1.0em;
  border-bottom: solid 1px #ccc;
  margin: 0;
  padding: 0.2em 0 0;
}

/* コロンを隠す */
#itemInfo ul li .hide-colon {
  display: none;
}



.bto_opt_20211102 {margin: 16px auto 16px 0;width: 100%;}

/* 動画のレスポンシブ対応 */

/* 基本的なスタイル */
.responsive-video {
    padding: 0 15%;
    width: 100%; /* 標準は横幅70% */
    height: auto; /* 高さは自動調整 */
}

/* 縦長のビデオの場合のスタイル (このクラスはJavaScriptで動的に追加する必要があります) */
.responsive-video.vertical {
    padding: 0 30%;
    width: 100%;
}

/* ウィンドウサイズが1024px以下の場合 */
@media screen and (max-width: 1024px) {
    .responsive-video {
        padding: 0;
        width: 100%;
    }
}

/* 動画のレスポンシブ対応 ここまで */