/* ========================================
   FV出し分け・A/Bテスト
======================================== */

/* FVの各パターンは初期状態で非表示 */
.js-cr-content {
  display: none;
}

/* crなし、または対象外のcrの場合 */
html.fv-test-default .js-cr-default {
  display: block;
}

/* crなし：デフォルト/動画FVテスト */
html.fv-test-no-cr.no-cr-fv-variant-default .js-cr-default,
html.fv-test-no-cr.no-cr-fv-variant-video .js-no-cr-video {
  display: block;
}

/* default：共通のデフォルトFVを表示 */
html.has-valid-cr.fv-variant-default .js-cr-default {
  display: block;
}

/* matched：cr=AO_Paid_iC */
html.cr-AO_Paid_iC.fv-variant-matched .js-cr-ic {
  display: block;
}

/* matched：cr=AO_Paid_M */
html.cr-AO_Paid_M.fv-variant-matched .js-cr-m {
  display: block;
}

/* matched：cr=AO_Paid_AT */
html.cr-AO_Paid_AT.fv-variant-matched .js-cr-at {
  display: block;
}

#appleOne .js-no-cr-video .fv-video video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* PC表示時の出し分けFV調整 */
@media screen and (min-width: 768px) {
  #appleOne .js-cr-ic img,
  #appleOne .js-cr-m img,
  #appleOne .js-cr-at img,
  #appleOne .js-cr-ic-improved .fv img,
  #appleOne .js-cr-m-improved .fv img,
  #appleOne .js-cr-at-improved .fv img {
    max-width: 500px;
  }

  #appleOne .js-cr-ic,
  #appleOne .js-cr-m,
  #appleOne .js-cr-at {
    padding-bottom: 2em;
    background-color: #fff;
  }

  #appleOne .js-no-cr-video .fv-video video {
    max-width: 800px;
  }

  #appleOne .js-no-cr-video .fv-video {
    background-color: #f8f8f8;
  }
}