@charset "utf-8";
/* ---------------------------------------------
  ・unique template style（以前のテンプレートを継承した部分）
  ・new template style（2019/10 から追加）
  ・widthの設定を1024pxから1280pxに修正（2023/08 から追加）
--------------------------------------------- */

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    unique template style
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.wrapper-cw-vertical-auto {
  max-width: 1280px;
}

/* CTの場合、拡大表示を消す */
video::-webkit-media-controls-fullscreen-button {
  display: none;
}
video::-webkit-media-controls-enclosure {
  overflow:hidden;
}
video::-webkit-media-controls-panel {
  width: calc(100% + 35px);
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    new template style
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
* {
  margin: 0;
  padding: 0;
  -webkit-tap-highlight-color: transparent;
}

#tempBack {
  padding: 10px 0;
  box-sizing: border-box;
}
@media screen and (max-width: 1050px) {
  #tempBack {
    padding: 10px 16px;
  }
}
/* CT もどるボタン */
.common-back-button.ctBack__button {
  height: 35px;
  border: none;
}

.main {
  display: block;
  width: 100%;
  max-width: 1280px;
  margin: 10px auto auto;
  box-sizing: border-box;
}

.main .contents {
  width: 100%;
}

.movieTemp #movie {
  display: block;
  margin: auto auto 10px;
}

.contents .text{
  text-align: justify;
  text-justify: inter-ideograph;
}

.contents__cautions {
  width: 100%;
  padding-left: 1.5em;
  padding-right: 0.5em;
  box-sizing: border-box;
}

/* チャレウェブのみレスポンシブにする */
.movieTemp .orMovieSize {
  width: 100%;
  max-width: 1280px;
  height: auto;
}

/* iPhone文字化け対策（2019/10現在）
  iPhone は文字化けするためliにjustifyは使えません。
*/
.contents__cautions li {
  text-align: left;
}