/* MAXPX-1139 ライブコマース埋め込みテスト用コード */
@charset "UTF-8";
/* CSS Document */

#maxpx-1119-live-commerce-test {
  width: 100%;
}

/* 埋め込みコードの margin と padding をリセット */
#maxpx-1119-live-commerce-test .handsup-cms-scope,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display.module-container,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__title,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__subtitle,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__wrapper {
  margin: 0;
  padding: 0;
}

/* 埋め込みコード内のタイトルとサブタイトルのフォントを上書き */
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__title,
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__subtitle {
  font-family: 'Helvetica Neue', Arial, 'Hiragino Kaku Gothic ProN', 'Hiragino Sans', Meiryo, sans-serif;
  font-weight: normal;
}

/* 埋め込みコードのルートの div タグのスタイルを上書き */
#maxpx-1119-live-commerce-test .handsup-cms-scope {
  margin-top: 50px;
}

/* 埋め込みコードの main タグ直下の div タグのスタイルを上書き */
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display.module-container {
  width: 100%;
}

/* 配信のタイトルのスタイルを上書き */
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__title {
  color: #000 !important;
  font-size: 20px !important;
  line-height: 24px !important;
  text-align: left;
  margin-bottom: 24px;
}

/* 配信のサブタイトルのスタイルを上書き */
#maxpx-1119-live-commerce-test .handsup-cms-scope .main-layout .module-stream-room-display .module-stream-room-display__header .module-stream-room-display__subtitle {
  color: #868686 !important;
  font-size: 12px !important;
  line-height: 20px !important;
  margin-bottom: 24px;
}

/* ライブ配信のミニプレーヤーを非表示 */
#HANDSUP_PIP.handsup-cms-scope .stream-pip--sub-stream {
  display: none !important;
}