@charset "UTF-8";

/*
 *
 * LiveAct(R) PRO
 * Runtime Library
 *
 * (c) 2016 CRI Middleware Co., Ltd.
 * Version : 1.99.674.0
 *
 */


/**
  * コントロールUI
  * 
  * Styleguide 1
  */

/**
  * コントロールUI全体
  *
  * Styleguide 1.1
  */

/**
  * .liveact-controls
  * 
  * コントロールUIをまとめる要素を指すセレクタです。
  * コントロールUIとは:
  * - 再生ボタン
  * - シークバー
  * - プレーヤー中央の大きな再生ボタン
  * - チャプター区切りUI
  * - etc.
  *
  *
  * Styleguide 1.1.1
  */
.liveact-controls {
    /* fit to player */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    line-height: 1;
    /* fall-back */
    box-sizing: border-box;
    flex-direction: column;
    /* ザブトン */
    border-bottom: 1px solid black;
    color: rgba(255, 255, 255, 0.8);
    /* 後ろのcanvasにイベントを飛ばすためにザブトンのイベントは無効にする */
    pointer-events: none;
}


/**
  * .liveact-controls,
  * .liveact-controls > .lac-row,
  * .liveact-controls > .lac-row > div,
  * .liveact-controls > .lac-row > div > div 
  *
  * .liveact-controls.liveact-controls--audio,
  * .liveact-controls.liveact-controls--swipe,
  * .liveact-controls.liveact-controls--no-seekbar,
  * .liveact-controls.liveact-controls--no-seekbar > .lac-row,
  * .liveact-controls.liveact-controls--no-seekbar > .lac-row > div,
  * .liveact-controls.liveact-controls--no-seekbar > .lac-row > div > div
  *
  * コントロールUIのボタンサイズを指定しています。
  * 全称セレクタやdiv要素全体に対してfont-sizeを指定しても、
  * ボタンサイズが変わらないようにしています。
  * Styleguide 1.1.2
  */
.liveact-controls,
.liveact-controls > .lac-row,
.liveact-controls > .lac-row > div,
.liveact-controls > .lac-row > div > div {
    font-size: 36px;
}

.liveact-controls.liveact-controls--audio,
.liveact-controls.liveact-controls--swipe,
.liveact-controls.liveact-controls--no-seekbar,
.liveact-controls.liveact-controls--no-seekbar > .lac-row,
.liveact-controls.liveact-controls--no-seekbar > .lac-row > div,
.liveact-controls.liveact-controls--no-seekbar > .lac-row > div > div {
    font-size: 54px;
}


/**
  * .lac-div--mobile .liveact-controls,
  * .lac-div--mobile .liveact-controls > .lac-row,
  * .lac-div--mobile .liveact-controls > .lac-row > div,
  * .lac-div--mobile .liveact-controls > .lac-row > div > div
  *
  * モバイル環境においてボタンの大きさは、
  * 画面の幅・高さのうち短い方の辺長に比例する仕様となっています。
  * 画面幅320pxで36pxになります。
  * (36px / 320px * 100vmin = 11.25vmin)
  *
  * これにより、下記マークアップが設定されていないページでも、
  * ボタンが小さくなりすぎることなく、問題なく操作できます。
  *
  * <meta name="viewport" content="width=device-width" />
  *
  * Styleguide 1.1.3
  */
.lac-div--mobile .liveact-controls,
.lac-div--mobile .liveact-controls > .lac-row,
.lac-div--mobile .liveact-controls > .lac-row > div,
.lac-div--mobile .liveact-controls > .lac-row > div > div {
    /* viewport-width: 320px -> 36px */
    font-size: 11.25vmin;
}

/**
  * .liveact-controls.liveact-controls--audio,
  * .liveact-controls.liveact-controls--swipe,
  * .liveact-controls.liveact-controls--no-seekbar
  * 
  * グレーの座布団がなく、
  * プレーヤー右下にボタンが固まっているタイプの
  * コントロールUIで使用するmodifierです。
  *
  * 下記コンテンツタイプで利用されます。
  * - 音声つきサムネイル動画
  * - スワイプ動画
  * - 全天球静止画
  *
  * Styleguide 1.1.4
  *
  */
.liveact-controls.liveact-controls--audio,
.liveact-controls.liveact-controls--swipe,
.liveact-controls.liveact-controls--no-seekbar {
    padding: 0;
    text-shadow: 1px 1px 3px #000;
    border-bottom: none;
}

/**
  * .lac-div--mobile .liveact-controls.liveact-controls--audio,
  * .lac-div--mobile .liveact-controls.liveact-controls--swipe,
  * .lac-div--mobile .liveact-controls.liveact-controls--no-seekbar,
  * .lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row,
  * .lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row > div,
  * .lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row > div > div
  * モバイル環境においては、UIアイコンの大きさは
  * 画面の幅・高さのうち短い方の辺長に比例します。
  *
  * Styleguide 1.1.5
  */
.lac-div--mobile .liveact-controls.liveact-controls--audio,
.lac-div--mobile .liveact-controls.liveact-controls--swipe,
.lac-div--mobile .liveact-controls.liveact-controls--no-seekbar,
.lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row,
.lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row > div,
.lac-div--mobile .liveact-controls.liveact-controls--no-seekbar > .lac-row > div > div {
    /* viewport-width: 320px -> 54px */
    font-size: 16.875vmin;
}

/**
  * .liveact-controls.liveact-controls--faded-out
  *
  * コントロールフェードアウトして
  * 完全に見えなくなったときに付与されるmodifierです。
  *
  * Styleguide 1.1.6
  */
.liveact-controls.liveact-controls--faded-out * {
    /**
      * 見えないコントロールの誤操作を防止します。
      */
    pointer-events: none !important;
}


/**
  * .liveact-controls--playback-range-adjustment-mode
  * 
  * 再生範囲調節モードで付与されるmodifierです。
  *
  * Styleguide 1.1.7
  */
.liveact-controls--playback-range-adjustment-mode {
}


/**
  * .liveact-controls > .lac-row
  * 
  * 座布団のあるコントロールUI内の
  * 1行を表す要素を指すセレクタです。
  *
  * Styleguide 1.1.8
  */
.liveact-controls > .lac-row {
    padding: 0 0.3em 0 0.2em;
    flex-direction: row;
    display: inline-flex;
    vertical-align: bottom;
    box-sizing: border-box;
    width: 100%;
    align-items: center;
    -webkit-align-items: center;
    background-color: rgba(4, 0, 0, 0.65);
    /**
      * 座布団のあるコントロールUIでは、
      * ザブトンをタップ・クリック可能です。
      */
    pointer-events: auto;
}

    /**
  * .liveact-controls > .lac-row > div
  *
  * 座布団のあるコントロールUI内の
  * 1行を表す要素内に配置されている要素を指すセレクタです。
  * 例)
  * - ボタン
  * - 時刻表示
  *
  * Styleguide 1.1.9
  */
.liveact-controls > .lac-row > div {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
    box-sizing: border-box;
    pointer-events: auto;
}

/**
  * .liveact-controls > .lac-row > div:hover
  *
  * シークバー・座布団のあるコントロールUI内の
  * 1行を表す要素内に配置されている要素について、
  * タップしたりマウスカーソルを載せたりした際に適用されるスタイルです。
  *
  * Styleguide 1.1.10
  */
.liveact-controls > .lac-row > div:hover {
    color: rgba(255, 255, 255, 1);
}

/**
  * .liveact-controls.liveact-controls--audio > .lac-row,
  * .liveact-controls.liveact-controls--swipe > .lac-row,
  * .liveact-controls.liveact-controls--no-seekbar > .lac-row
  *
  * シークバー・座布団のないコントロールUI内の
  * 1行を表す要素を指すセレクタです。
  *
  * Styleguide 1.1.11
  */
.liveact-controls.liveact-controls--audio > .lac-row,
.liveact-controls.liveact-controls--swipe > .lac-row,
.liveact-controls.liveact-controls--no-seekbar > .lac-row {
    background-color: rgba(0, 0, 0, 0.0);
    justify-content: flex-end;
    padding: 0;
    /**
      * シークバー・座布団のないコントロールUIでは、
      * ザブトンをタップ・クリックできません。
      */
    pointer-events: none;
}


/**
  * コントロールUIのボタン
  *
  * Styleguide 1.2
  */

/**
  * 共通
  *
  * Styleguide 1.2.1
  */

/**
  * .lac-button
  * 
  * コントロールUIのすべてのボタンを指すセレクタです。
  * ボタンの大きさ等を記述します。
  *
  * Styleguide 1.2.1.1
  */
.lac-button {
    text-align: center;
    /* フォントアイコンのフォントを指定 */
    /* デフォルトのフォントは本cssファイル末尾に、data-urlとして埋め込んであります。 */
    font-family: 'liveact-controls';
    font-style: normal;
    cursor: pointer;
    line-height: 1;
    width: 1em;
    height: 1em;
}

/**
  * .lac-button:before
  *
  * コントロールUIのすべてのボタンを指すセレクタです。
  * ボタンのアイコンを記述します。
  *
  * Styleguide 1.2.1.2
  */
.lac-button:before {
    font-size: 60%;
    width: 1em;
    height: 1em;
    margin: auto;
    display: block;
}

/**
  * .lac-buttonon
  *
  * ボタンが「オン」の状態であることを表すmodifierです。
  *
  * Styleguide 1.2.1.3
  */
.lac-buttonon {
}


/**
  * 再生・一時停止ボタン
  *
  * Styleguide 1.2.2
  */


/**
  * .lac-play
  *
  * 再生・一時停止ボタンを指すセレクタです。
  *
  * Styleguide 1.2.2.1
  */
.lac-play {
}

/**
  * .lac-play:before
  *
  * 状態      : 一時停止中
  * アクション: 再生
  *
  *   [>
  *
  * Styleguide 1.2.2.2
  */
.lac-play:before {
    content: "\e901";
}

/**
  * .lac-play.lac-buttonon:before
  *
  * 状態      : 再生中
  * アクション: 一時停止
  *
  *   ||
  *
  * Styleguide 1.2.2.3
  */
.lac-play.lac-buttonon:before {
    content: "\e900";
}


/**
  * 早戻しボタン
  *
  * Styleguide 1.2.20
  */

/**
  * .lac-skip-backward
  *
  * 早戻しボタンを指すセレクタです。
  *
  * Styleguide 1.2.20.1
  */
.lac-skip-backward {
}

  /**
* .lac-skip-backward:before
*
* 早戻しボタンの見た目を記述します。
*
* Styleguide 1.2.20.2
*/
.lac-skip-backward:before {
    content: "\e91e";
}


/**
  * 早送りボタン
  *
  * Styleguide 1.2.21
  */

/**
  * .lac-skip-forward
  *
  * 早送りボタンを指すセレクタです。
  *
  * Styleguide 1.2.21.1
  */
.lac-skip-backward {
}

  /**
* .lac-skip-forward
*
* 早送りボタンの見た目を記述します。
*
* Styleguide 1.2.21.2
*/
.lac-skip-forward:before {
    content: "\e91f";
}


/**
  * 音声有効化/無効化（ミュート）ボタン
  *
  * Styleguide 1.2.3
  */

/**
  * .lac-volume
  *
  * 音声有効化/無効化（ミュート）ボタン
  *
  * Styleguide 1.2.3.1
  */
.lac-volume {
}

/**
  * .lac-volume:before
  *
  * 状態      : 音声がオフ
  * アクション: 音声有効化
  *
  * Styleguide 1.2.3.2
  */
.lac-volume:before {
    content: "\e902";
}

/**
  * .lac-volume.lac-buttonon:before
  *
  * 状態      : 音声がオン
  * アクション: 音声無効化
  *
  * Styleguide 1.2.3.3
  */
.lac-volume.lac-buttonon:before {
    content: "\e903";
}


/**
  * ループ有効化/無効化ボタン
  *
  * Styleguide 1.2.4
  */


/**
  * .lac-loop
  *
  * ループ有効化/無効化ボタン
  *
  * Styleguide 1.2.4.1
  */
.lac-loop {
}

/**
  * .lac-loop:before
  *
  * 状態      : ループオフ
  * アクション: ループ有効化
  *
  * Styleguide 1.2.4.2
  */
.lac-loop:before {
    content: "\e904";
}

/**
  * .lac-loop.lac-buttonon:before
  *
  * 状態      : ループオン
  * アクション: ループ無効化
  *
  * Styleguide 1.2.4.3
  */
.lac-loop.lac-buttonon:before {
    content: "\e905";
}


/**
  * フルスクリーン化/通常化ボタン
  *
  * Styleguide 1.2.5
  */


/**
  * .lac-fullscreen
  *
  * フルスクリーン化/通常化ボタンを指すセレクタです。
  *
  * Styleguide 1.2.5.1
  */
.lac-fullscreen {
}

/**
  * .lac-fullscreen:before
  *
  * 状態      : 通常状態
  * アクション: フルスクリーン化
  *
  * Styleguide 1.2.5.2
  */
.lac-fullscreen:before {
    content: "\e906";
}

/**
  * .lac-fullscreen.lac-buttonon:before
  *
  * 状態      : フルスクリーン状態
  * アクション: 通常化
  *
  * Styleguide 1.2.5.3
  */
.lac-fullscreen.lac-buttonon:before {
    content: "\e907";
}


/**
  * プレーヤー中央の大きな再生ボタン
  *
  * Styleguide 1.2.6
  */

/**
  * .lac-screen-play
  *
  * プレーヤー中央の大きな再生ボタンを指すセレクタです。
  *
  * Styleguide 1.2.6.1 
  */
.lac-screen-play {
    font-size: 80px;
    width: 1em;
    height: 1em;
    /* centering */
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: table-cell;
    color: rgba(255, 255, 255, 1);
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: rgba(0, 0, 0, 0.5);
    pointer-events: none;
}

/**
  * .lac-div--mobile .lac-screen-play
  *
  * モバイル環境では、画面の幅高さ短い方の辺長に比例して大きさを計算します。
  *
  * Styleguide 1.2.6.2
  */
.lac-div--mobile .lac-screen-play {
    /* viewport-width: 320px -> 80px */
    font-size: 25vmin;
}


/**
  * .lac-screen-play:before
  *
  * 状態      : 一時停止中
  * アクション: 再生
  *
  *   [>
  *
  * Styleguide 1.2.6.3
  */
.lac-screen-play:before {
    content: "\e901";
    position: absolute;
    font-size: 60px;
    left: 18.0%;
    top: 12.5%;
}

/**
  * .lac-div--mobile .lac-screen-play:before
  *
  * モバイル環境では、画面の幅高さ短い方の辺長に比例して大きさを計算します。
  *
  * Styleguide 1.2.6.4
  */
.lac-div--mobile .lac-screen-play:before {
    /* viewport-width: 320px -> 60px */
    font-size: 18.75vmin
}

/**
  * .lac-screen-play.lac-buttonon:before
  *
  * 動画を再生すると非表示化するため、
  * 再生状態のスタイルはありません。
  *
  * Styleguide 1.2.6.5
  */
.lac-screen-play.lac-buttonon:before {
}


/**
  * スワイプ動画のズームインボタン
  *
  * Styleguide 1.2.7
  */


/**
  * .lac-swipe-ui-zoom-in
  *
  * ズームインボタン
  *
  * Styleguide 1.2.7.1
  */
.lac-swipe-ui-zoom-in {
}

  /**
* .lac-swipe-ui-zoom-in:before
*
* 平常時のズームインボタンの見た目を記述します。
*
* Styleguide 1.2.7.2
*/
.lac-swipe-ui-zoom-in:before {
    content: "\e908";
}

/**
  * .lac-swipe-ui-zoom-in:hover:before
  *
  * 平常時のズームインボタンの見た目を記述します。
  * マウスカーソルが乗っている間、ならびに押下中の見た目を記述します。
  *
  * Styleguide 1.2.7.3
  */
.lac-swipe-ui-zoom-in:hover:before {
    content: "\e909";
}


/**
  * スワイプ動画のズームアウトボタン
  *
  * Styleguide 1.2.8
  */

/**
  * .lac-swipe-ui-zoom-out
  *
  * ズームアウトボタン
  *
  * Styleguide 1.2.8.1
  */
.lac-swipe-ui-zoom-out {
}

/**
  * .lac-swipe-ui-zoom-out:before
  *
  * 平常時のズームアウトボタンの見た目を記述します。
  *
  * Styleguide 1.2.8.2
  */
.lac-swipe-ui-zoom-out:before {
    content: "\e90a";
}

/**
  * .lac-swipe-ui-zoom-out:hover:before
  *
  * 平常時のズームアウトボタンの見た目を記述します。
  * マウスカーソルが乗っている間、ならびに押下中の見た目を記述します。
  *
  * Styleguide 1.2.8.3
  */
.lac-swipe-ui-zoom-out:hover:before {
    content: "\e90b";
}


/**
  * スワイプ動画のモード切替ボタン
  *
  * Styleguide 1.2.9
  */


/**
  * .lac-swipe-ui-mode-toggle
  *
  * スワイプ動画のモード切替ボタンを指すセレクタです。
  *
  * Styleguide 1.2.9.1
  */
.lac-swipe-ui-mode-toggle {
}

/**
  * .lac-swipe-ui-mode-toggle:before
  *
  * 状態      : 回転モード
  * アクション: 回転モードから平行移動モードに切り替え
  *
  * Styleguide 1.2.9.2
  */
.lac-swipe-ui-mode-toggle:before {
    content: "\e90c";
}

/**
  * .lac-swipe-ui-mode-toggle.lac-buttonon:before
  *
  * 状態      : 平行移動モード
  * アクション: 平行移動モードから回転モードに切り替え
  *
  * Styleguide 1.2.9.3
  */
.lac-swipe-ui-mode-toggle.lac-buttonon:before {
    content: "\e90d";
}


/**
  * ジャイロセンサの有効化/無効化ボタン
  *
  * Styleguide 1.2.10
  */


/**
  * .lac-gyro-sensor
  *
  * ジャイロセンサの有効化/無効化ボタンを指すセレクタです。
  *
  * Styleguide 1.2.10.1 
  */
.lac-gyro-sensor {
}

/**
  * .lac-gyro-sensor:before
  *
  * 状態      : ジャイロセンサーオフ状態
  * アクション: ジャイロセンサー有効化
  *
  * Styleguide 1.2.10.2
  */
.lac-gyro-sensor:before {
    content: "\e90e";
}

/**
  * .lac-gyro-sensor.lac-buttonon:before
  *
  * 状態      : ジャイロセンサーオン状態
  * アクション: ジャイロセンサーを無効化
  *
  * Styleguide 1.2.10.3
  */
.lac-gyro-sensor.lac-buttonon:before {
    content: "\e90f";
}


/**
  * チャプターミニメニュー開閉ボタン
  *
  * Styleguide 1.2.11
  */

/**
  * .lac-chapter:before
  *
  * 状態      : チャプターミニメニューが閉じている
  * アクション: チャプターミニメニューを開く
  *
  * Styleguide 1.2.11.1
  */
.lac-chapter:before {
    content: "\e910";
}

/**
  * .lac-chapter.lac-buttonon:before
  *
  * 状態      : チャプターミニメニューが開いている
  * アクション: チャプターミニメニューを閉じる
  *
  * Styleguide 1.2.11.2
  */
.lac-chapter.lac-buttonon:before {
    color: rgba(255, 255, 255, 1);
    content: "\e910";
}


/**
  * 再生範囲ミニメニュー開閉ボタン
  *
  * Styleguide 1.2.12
  */

/**
  * .lac-playback-range:before
  *
  * 状態      : 再生範囲ミニメニューが閉じている
  * アクション: 再生範囲ミニメニューを開く
  *
  * Styleguide 1.2.12.1 
  */
.lac-playback-range:before {
    content: "\e911";
}

/**
  * .lac-playback-range.lac-buttonon:before
  * 
  * 状態      : 再生範囲ミニメニューが開いている
  * アクション: 再生範囲ミニメニューを閉じる
  *
  * Styleguide 1.2.12.2 
  */
.lac-playback-range.lac-buttonon:before {
    color: rgba(234, 151, 35, 1);
}


/**
  * コマ送りボタン
  *
  * Styleguide 1.2.13
  */

/**
  * .lac-next-frame
  *
  * コマ送りボタンを指すセレクタです。
  *
  * Styleguide 1.2.13.1 
  */
.lac-next-frame {
    font-size: 86.67%;
}

/**
  * .lac-next-frame:before
  *
  * コマ送りボタンの見た目を記述します。
  *
  * Styleguide 1.2.13.2
  */
.lac-next-frame:before {
    content: "\e915";
}


/**
  * コマ戻しボタン
  *
  * Styleguide 1.2.14
  */


/**
  * .lac-prev-frame,.lac-next-frame
  *
  * コマ戻しボタンを指すセレクタです。
  *
  * Styleguide 1.2.14.1
  */
.lac-prev-frame, .lac-next-frame {
    font-size: 86.67%;
}

/**
  * .lac-prev-frame:before {
  *
  * コマ戻しボタンの見た目を記述します。
  *
  * Styleguide 1.2.14.2
  */
.lac-prev-frame:before {
    content: "\e914";
}


/**
  * ミニメニューのピン留めボタン
  *
  * Styleguide 1.2.15
  */

/**
  * .lac-minimenu .lac-minimenu-pin
  *
  * ミニメニューのピン留めボタンを指すセレクタです。
  *
  * Styleguide 1.2.15.1
  */
.lac-minimenu .lac-minimenu-pin {
    position: absolute;
    top: 0.1em;
    right: 0.1em;
    width: auto;
    height: auto;
    font-size: 1.5em;
}

/**
  * .lac-pin:before
  *
  * 状態      : ピン留めされていない
  * アクション: ピン留めを行う
  *
  * Styleguide 1.2.15.2
  */
.lac-pin:before {
    content: "\e916";
}

/**
  * .lac-pin.lac-buttonon:before
  *
  * 状態      : ピン留めされている
  * アクション: ピン留めを解除する
  *
  * Styleguide 1.2.15.3
  */
.lac-pin.lac-buttonon:before {
    color: rgba(255, 255, 255, 1);
}


/**
  * コントロールのデザイン調整用スペーサー
  *
  * Styleguide 1.2.16
  */


/**
  * .lac-spacer
  * コントロールのデザイン調整用スペーサーを指すセレクタです。
  *
  * Styleguide 1.2.16.1
  */
.lac-spacer {
    flex-grow: 1;
}


/**
  * 再生時刻表示
  *
  * Styleguide 1.2.17
  */


/**
  * .lac-time
  *
  * 再生時刻表示部分を指すセレクタです。
  * ボタンではありませんが、便宜的にここに記述しています。
  *
  * Styleguide 1.2.17.1
  */
.lac-time {
    font-size: 40% !important;
    white-space: nowrap;
    text-align: center;
}


/**
  * 再生速度表示・再生速度ミニメニュー開閉ボタン
  *
  * Styleguide 1.2.18
  */


/**
  * .lac-playback-rate
  *
  * 再生速度表示・再生速度ミニメニュー開閉ボタンを指すセレクタです。
  *
  * Styleguide 1.2.18.1
  */
.lac-playback-rate {
    font-size: 70% !important;
    white-space: nowrap;
    width: 2em;
}

/**
  * .lac-playback-rate::before {
  *
  * 再生速度表示・再生速度ミニメニュー開閉ボタンの表示内容を記述します。
  * 状態      : 再生速度ミニメニューが閉じている
  * アクション: 再生速度ミニメニューを開く
  *
  * Styleguide 1.2.18.2
  */
.lac-playback-rate::before {
    width: 100%;
    content: 'x'attr(data-playback-rate);
}

/**
  * .lac-playback-rate.lac-buttonon:before
  *
  * 再生速度表示・再生速度ミニメニュー開閉ボタンの表示内容を記述します。
  * 状態      : 再生速度ミニメニューが開いている
  * アクション: 再生速度ミニメニューを閉じる
  *
  * Styleguide 1.2.18.3
  */
.lac-playback-rate.lac-buttonon:before {
    color: rgba(255, 255, 255, 1);
}
    
/**
  * フルスクリーン化・通常化ボタン。
  *
  * Styleguide 1.2.19
  */


/**
  * .lac-fullscreen-native
  *
  * フルスクリーン化・通常化ボタンを指すセレクタです。
  *
  * Styleguide 1.2.19.1
  */
.lac-fullscreen-native {
}

/**
  * .lac-fullscreen-native:before
  *
  * 状態      : 通常状態
  * アクション: フルスクリーン化
  *
  *   [>
  *
  * Styleguide 1.2.19.2
  */
.lac-fullscreen-native:before {
    content: "\e91b";
}
  
/**
  * .lac-fullscreen-native.lac-buttonon:before
  *
  * 状態      : フルスクリーン状態
  * アクション: 通常化
  *
  *   ||
  *
  * Styleguide 1.2.19.3
  */
.lac-fullscreen-native.lac-buttonon:before {
    content: "\e91a";
}
/**
  * ピクチャーインピクチャー化・通常化ボタン。
  *
  * Styleguide 1.2.20
  */


/**
  * .lac-picture-in-picture
  *
  * ピクチャーインピクチャー化・通常化ボタンを指すセレクタです。
  *
  * Styleguide 1.2.20.1
  */
.lac-picture-in-picture {
}
  
/**
  * .lac-picture-in-picture:before
  *
  * 状態      : 通常状態
  * アクション: ピクチャーインピクチャー化
  *
  *   [>
  *
  * Styleguide 1.2.20.2
  */
.lac-picture-in-picture:before {
    content: "\e91d";
}
  
/**
  * .lac-picture-in-picture.lac-buttonon:before
  *
  * 状態      : ピクチャーインピクチャー状態
  * アクション: 通常化
  *
  *   ||
  *
  * Styleguide 1.2.20.3
  */
.lac-picture-in-picture.lac-buttonon:before {
    content: "\e91c";
}


/**
  * ユーザカスタムボタンサンプル
  *
  * Styleguide 1.2.99
  */

/**
  * .lac-user-button1
  *
  * 必要に応じて、大きさの調整等を行ってください。
  *
  * Styleguide 1.2.99.1
  */
.lac-user-button1 {
}

/**
  * .lac-user-button1:before
  *
  * contentプロパティやbackground-imageプロパティ等を用いて、
  * ボタンの見た目を記述してください。
  *
  * Styleguide 1.2.99.2
  */
.lac-user-button1:before {
    /* content: "\e906"; */
}

/* ツールチップ用 */
.lac-button.lac-button-tooltip {
  white-space: nowrap;
}

.lac-button .lac-button-tooltip-on {
    position: absolute;
    display: inline-block;
    background: rgba(4, 0, 0, 0.65);
    border-radius: 2px;
    padding: 5px;
    font-size: 1rem;
}

/**
  * ミニメニュー
  *
  * Styleguide 1.3
  */


/**
  * ミニメニュー共通
  *
  * Styleguide 1.3.1
  */

/**
  * .lac-minimenu-field
  *
  * ミニメニューが配置されうる領域を表します。
  * .liveact-controlの領域うち、.lac-row以外の領域です。
  *
  * Styleguide 1.3.1.1
  */
.lac-minimenu-field {
    display: flex;
    position: relative;
    width: 100%;
    flex-grow: 1;
    /**
      * タップやクリックのイベントを処理しません。
      * 背面のcanvasに委ねます。
      */
    pointer-events: none;
}


/**
  * .lac-minimenu
  *
  * ミニメニューに共通して付与されるセレクタです。
  * ミニメニューが縦に伸びた際に使用される領域も包含します。
  *
  * Styleguide 1.3.1.2
  */
.lac-minimenu {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    align-items: flex-end;
    flex-direction: column-reverse;
}

/**
  * .lac-minimenu.lac-minimenu--open
  *
  * ミニメニューが開いているとき付与されるmodifierです。
  *
  * Styleguide 1.3.1.3
  */
.lac-minimenu.lac-minimenu--open {
    display: flex;
}

/**
  * .lac-minimenu-wrap
  *
  * ミニメニューのウィンドウ部分に相当する要素を指すセレクタです。
  * 下記を内包します:
  * - header
  * - body
  * - footer
  * - pin ... ピン留めのピン
  *
  * Styleguide 1.3.1.4
  */
.lac-minimenu-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    margin: 4px;
    padding: 12px;
    max-height: 100%;
    width: 100%;
    word-wrap: break-word;
    pointer-events: auto;
    background-color: rgba(4, 0, 0, 0.69);
    overflow: hidden;
    border-radius: 4px;
    font-size: 0.5em;
}

/**
  * .lac-minimenu .lac-minimenu-header
  *
  * ミニメニューの表題部分を指すセレクタです。
  *
  * Styleguide 1.3.1.5
  */
.lac-minimenu .lac-minimenu-header {
    text-align: center;
    padding: 0 0.8em;
    min-width: 6em;
}

/**
  * .lac-minimenu .lac-minimenu-body
  *
  * ミニメニューの内容部分を指すセレクタです。
  *
  * Styleguide 1.3.1.6
  */
.lac-minimenu .lac-minimenu-body {
    overflow-y: auto;
    padding: 4px;
    margin: 0.5em;
}

/**
  * .lac-minimenu .lac-minimenu-footer
  *
  * ミニメニューの下部領域を指すセレクタです。
  *
  * Styleguide 1.3.1.7
  */
.lac-minimenu .lac-minimenu-footer {
    text-align: center;
}


/**
  * .lac-minimenu .lac-onminimenu-button
  *
  * ミニメニュー上のボタンに共通して付与されるセレクタです。
  * ミニメニュー上のボタンは二重構造になっており、外側に付与されます。
  *
  * Styleguide 1.3.1.8
  */
.lac-minimenu .lac-onminimenu-button {
    padding: 4px;
    background-color: rgb(66, 69, 69);
    border-radius: 2em;
    display: inline-block;
    cursor: pointer;
    font-size: 0.6em;
}

/**
  * .lac-minimenu .lac-onminimenu-button > .lac-onminimenu-inner-button
  *
  * ミニメニュー上のボタンに共通して付与されるセレクタです。
  * ミニメニュー上のボタンは二重構造になっており、内側に付与されます。
  *
  * Styleguide 1.3.1.9
  */
.lac-minimenu .lac-onminimenu-button > .lac-onminimenu-inner-button {
    padding: 4px 1em;
    background-color: rgb(255, 255, 255);
    border-radius: 2em;
    color: rgb(4, 0, 0);
}

/**
  * .lac-minimenu .lac-onminimenu-button.lac-onminimenu-button--disabled
  *
  * ミニメニュー上のボタンが無効な状態を表すmodifierです。
  *
  * Styleguide 1.3.1.10
  */
.lac-minimenu .lac-onminimenu-button.lac-onminimenu-button--disabled {
    cursor: default;
}

/**
  * .lac-minimenu .lac-onminimenu-button.lac-onminimenu-button--disabled > .lac-onminimenu-inner-button
  *
  * ミニメニュー上のボタンが無効な場合、
  * 二重構造の内側の見た目を記述するスタイルです。
  *
  * Styleguide 1.3.1.11
  */
.lac-minimenu .lac-onminimenu-button.lac-onminimenu-button--disabled > .lac-onminimenu-inner-button {
    background-color: rgb(104, 104, 104);
}


/**
  * .lac-toggle-unit
  *
  * 単位切替ボタンを指すセレクタです。
  *
  * 下記ミニメニューで共通です。
  * - チャプターミニメニュー
  * - 再生範囲ミニメニュー
  *
  * Styleguide 1.3.1.12
  */
.lac-toggle-unit {
    width: 9em;
}


/**
  * チャプターミニメニュー
  *
  * Styleguide 1.3.2
  */


/**
  * .lac-chapter-minimenu ol
  *
  * 区切り位置入力フォームの
  * 各行をまとめる要素を指すセレクタです。
  *
  * Styleguide 1.3.2.1
  */
.lac-chapter-minimenu ol {
    text-align: center;
    list-style: none;
    counter-reset: chapter-separator;
    padding: 0;
    margin: 0 auto;
    display: table;
    border-collapse: separate;
    border-spacing: 0 1px;
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item
  *
  * 区切り位置入力フォームの各行を指すセレクタです。
  *
  * Styleguide 1.3.2.2
  */
.lac-chapter-minimenu ol li.lac-separator-form-item {
    display: table-row;
    margin-bottom: 1px;
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item--added-animation
  *
  * 新しく追加された区切り位置入力フォームに付与されるmodifierです。
  *
  * Styleguide 1.3.2.3
  */
.lac-chapter-minimenu ol li.lac-separator-form-item--added-animation {
    animation: lacSeparatorFormItemFadeIn 0.1s ease-in-out 0s 1 normal;
}

/**
  * @keyframes lacSeparatorFormItemFadeIn
  *
  * 区切り位置入力フォームが新しく追加された際のアニメーションを定義します。
  *
  * Styleguide 1.3.2.4
  */
@keyframes lacSeparatorFormItemFadeIn {
    0% {
        transform: scaleX(0)
    }

    100% {
        transform: scaleX(1)
    }
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item > *
  *
  * 区切り位置入力フォームの各行内のレイアウトを調節します。
  *
  * Styleguide 1.3.2.5
  */
.lac-chapter-minimenu ol li.lac-separator-form-item > * {
    display: table-cell;
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item .lac-separator-number
  *
  * 区切り位置入力フォームの各行の行番号部分を指すセレクタです。
  *
  * Styleguide 1.3.2.6
  */
.lac-chapter-minimenu ol li.lac-separator-form-item .lac-separator-number {
    background-color: rgba(4, 0, 0, 0.33);
    padding: 0 0.8em;
    vertical-align: middle;
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item .lac-separator-number:before
  *
  * 区切り位置入力フォームの各行の行番号を採番します。
  *
  * Styleguide 1.3.2.7
  */
.lac-chapter-minimenu ol li.lac-separator-form-item .lac-separator-number:before {
    counter-increment: chapter-separator;
    content: counter(chapter-separator);
}

/**
  * .lac-chapter-minimenu ol li.lac-separator-form-item input[type=number]
  *
  * 区切り位置入力フォームの各行の入力欄を指すセレクタです。
  *
  * Styleguide 1.3.2.8
  */
.lac-chapter-minimenu ol li.lac-separator-form-item input[type=number] {
    width: 5em;
}

/**
  * .lac-chapter-minimenu .lac-remove
  *
  * 区切り位置入力フォームの各行の削除ボタンを指すセレクタです。
  *
  * Styleguide 1.3.2.9
  */
.lac-chapter-minimenu .lac-remove {
    cursor: pointer;
    padding-left: 0.4em;
    vertical-align: middle;
}

/**
  * .lac-chapter-minimenu .lac-remove:before
  *
  * 区切り位置入力フォームの各行の削除ボタンの見た目を記述します。
  *
  * Styleguide 1.3.2.10
  */
.lac-chapter-minimenu .lac-remove:before {
    font-family: 'liveact-controls';
    font-style: normal;
    content: '\e913';
    font-size: 0.5em;
}

/**
  * .lac-chapter-minimenu .lac-remove:hover
  *
  * 区切り位置入力フォームの各行の削除ボタンの見た目を記述します。
  * マウスカーソルを載せた際に適用されます。
  *
  * Styleguide 1.3.2.11
  */
.lac-chapter-minimenu .lac-remove:hover {
    color: rgba(255, 255, 255, 1);
}

/**
  * .lac-chapter-minimenu .lac-chapter-add
  *
  * 区切り位置追加ボタンを指すセレクタです。
  *
  * Styleguide 1.3.2.12
  */
.lac-chapter-minimenu .lac-chapter-add {
    width: 4em;
    margin-right: 1em;
}


/**
  * 再生範囲ミニメニュー
  *
  * Styleguide 1.3.3
  */

/**
  * .lac-playback-range-minimenu .lac-minimenu-wrap
  *
  * 再生範囲ミニメニューのウィンドウに対応する要素を指すセレクタです。
  *
  * Styleguide 1.3.3.1
  */
.lac-playback-range-minimenu .lac-minimenu-wrap {
}

/**
  * .lac-playback-range-minimenu .lac-minimenu-header
  * 
  * 再生範囲ミニメニューの表題部分を指すセレクタです。
  *
  * Styleguide 1.3.3.2
  */
.lac-playback-range-minimenu .lac-minimenu-header {
    padding: 0;
}

/**
  * .lac-playback-range-minimenu .lac-minimenu-body
  *
  * 再生範囲ミニメニューの内容部分を指すセレクタです。
  *
  * Styleguide 1.3.3.3
  */
.lac-playback-range-minimenu .lac-minimenu-body {
    text-align: center;
}

/**
  * .lac-playback-range-minimenu .lac-minimenu-body > .lac-playback-range-minimenu-item
  *
  * 再生範囲ミニメニューの開始・終了入力フォーム各行を指すセレクタです。
  *
  * Styleguide 1.3.3.4
  */
.lac-playback-range-minimenu .lac-minimenu-body > .lac-playback-range-minimenu-item {
    margin: 0 auto 4px;
    display: block;
}

/**
  * .lac-playback-range-minimenu .lac-minimenu-body > .lac-playback-range-minimenu-item > label > input
  *
  * 再生範囲ミニメニューの開始・終了入力フォーム各行の、入力欄を指すセレクタです。
  *
  * Styleguide 1.3.3.5
  */
.lac-playback-range-minimenu .lac-minimenu-body > .lac-playback-range-minimenu-item > label > input {
    width: 5em;
    margin-left: 1em;
}

/**
  * .lac-playback-range-minimenu .lac-minimenu-pin
  *
  * 再生範囲ミニメニューのピン留めアイコンは非表示です。
  *
  * Styleguide 1.3.3.6
  */
.lac-playback-range-minimenu .lac-minimenu-pin {
    display: none;
}


/**
  * 再生速度ミニメニュー
  *
  * Styleguide 1.3.4
  */


/**
  * .lac-playback-rate-minimenu .lac-minimenu-body
  *
  * 再生速度ミニメニューの内容部分を指すセレクタです。
  *
  * Styleguide 1.3.4.1
  */
.lac-playback-rate-minimenu .lac-minimenu-body {
    text-align: center;
}

/**
  * .lac-playback-rate-minimenu .lac-minimenu-body .lac-playback-rate-minimenu-line
  *
  * 再生速度ミニメニューの、プルダウンつきスライダUI部分を指すセレクタです。
  *
  * Styleguide 1.3.4.2
  */
.lac-playback-rate-minimenu .lac-minimenu-body .lac-playback-rate-minimenu-line {
    display: flex;
}

/**
  * .lac-playback-rate-minimenu .lac-minimenu-body .lac-playback-rate-minimenu-line select
  *
  * 再生速度ミニメニューの、プルダウンつきスライダUIのプルダウン部分を指すセレクタです。
  *
  * Styleguide 1.3.4.3
  */
.lac-playback-rate-minimenu .lac-minimenu-body .lac-playback-rate-minimenu-line select {
    margin-left: 0.5em;
}



/**
  *
  * スライダー
  *
  * Styleguide 1.4
  */

/**
  * スライダー共通
  *
  * Styleguide 1.4.1
  */


/**
  * .lac-slider
  *
  * スライダー類に共通して付与されるセレクタです。
  * - シークバー
  * - 音量バー
  *
  * .lac-slider-wrapを包含します。
  *
  * Styleguide 1.4.1.1
  */
.lac-slider {
    display: inline-flex;
    height: 1em;
    /**
      * スライダーノブが掃く部分よりも外側の空白部分は
      * マウスやタップを透過させる
      */
    pointer-events: none;
    padding: 0 0.3em;
    margin: 0 0.1em;
}

/**
  * .lac-slider .lac-slider-wrap
  *
  * スライダーの部品を束ねます。
  *
  * 下記を包含します。
  * - .lac-slider-background
  * - .lac-slider-base
  * - .lac-slider-pointer
  *
  * Styleguide 1.4.1.2
  */
.lac-slider .lac-slider-wrap {
    position: relative;
    width: 100%;
    height: 0;
    margin: auto 0;
}

/**
  * .lac-slider .lac-slider-wrap *
  *
  * スライダーを構成する各部品を
  * タップ・クリック可能にします。
  *
  * Styleguide 1.4.1.3
  */
.lac-slider .lac-slider-wrap * {
    pointer-events: auto;
}

/**
  * .lac-slider.lac-slider .lac-slider-background,
  * .lac-slider.lac-slider .lac-slider-background-inner,
  * .lac-slider.lac-slider .lac-slider-base
  *
  * スライダーを構成する各部品共通の設定です。
  *
  * Styleguide 1.4.1.4
  */
.lac-slider.lac-slider .lac-slider-background,
.lac-slider.lac-slider .lac-slider-background-inner,
.lac-slider.lac-slider .lac-slider-base {
    position: absolute;
    font-size: 140%;
    width: 100%;
    height: 0.10em;
    margin-top: -0.05em;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    cursor: pointer;
}

/**
  * .lac-slider.lac-slider .lac-slider-background
  *
  * スライダーノブが掃く領域のエンボスを表現します。
  * くぼみの外側です。
  *
  * Styleguide 1.4.1.5
  */
.lac-slider.lac-slider .lac-slider-background {
    opacity: 0.18;
    background: linear-gradient(0deg, rgba(128, 128, 128, 1) 0%, rgba(0, 0, 0, 1) 100%);
    width: calc(100% + 0.1em);
    margin-left: -0.05em;
    font-size: 555%;
    border-radius: 1em;
}

/**
  * .lac-slider.lac-slider .lac-slider-background .lac-slider-background-inner
  *
  * スライダーノブが掃く領域のエンボスを表現します。
  * くぼみの内側です。
  *
  * Styleguide 1.4.1.6
  */
.lac-slider.lac-slider .lac-slider-background .lac-slider-background-inner {
    width: calc(100% - 0.01em);
    margin-left: 0.005em;
    height: calc(100% - 0.01em);
    margin-top: 0.005em;
    background: rgb(4, 0, 0);
    border-radius: 1em;
}

/**
  * .lac-slider.lac-slider .lac-slider-base {
  * 
  * スライダーノブが動く溝を表現します。
  *
  * Styleguide 1.4.1.7
  */
.lac-slider.lac-slider .lac-slider-base {
    background: rgba(153, 153, 153, 0.75);
    pointer-events: none;
}

/**
  * .lac-slider .lac-slider-pointer
  *
  * スライダーノブです。
  *
  * Styleguide 1.4.1.8
  */
.lac-slider .lac-slider-pointer {
    position: absolute;
    z-index: 100;
    font-size: 555%;
    width: 0.1em;
    height: 0.1em;
    margin-top: -0.05em;
    margin-left: -0.05em;
    /* 白色 */
    background: rgba(220, 220, 220, 1);
    /* オレンジ(シークバーのポインタと同じ色) */
    /*background: rgba(234, 151, 35, 1);*/
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    cursor: pointer;
}


/**
  * シークバースライダー
  *
  * Styleguide 1.4.2
  */


/**
  * .lac-slider.lac-slider--seek
  *
  * シークバースライダーを表すmodifierです。
  *
  * Styleguide 1.4.2.1
  */
.lac-slider.lac-slider--seek {
    /* fill rest width */
    flex-grow: 1;
}

/**
  * .lac-slider.lac-slider--seek .lac-slider-pointer
  *
  * スライダーノブをシークバー仕様に調節します。
  *
  * Styleguide 1.4.2.2
  */
.lac-slider.lac-slider--seek .lac-slider-pointer {
    background: rgba(234, 151, 35, 1);
}

/**
  * .lac-slider.lac-slider--seek .lac-seekbar-loading,
  * .lac-slider.lac-slider--seek .lac-seekbar-current,
  * .lac-slider.lac-slider--seek .lac-seekbar-prohibited
  *
  * スライダーノブが動く溝部分について、下記を表現します。
  * - .lac-seekbar-loading    ... 読み込み済領域
  * - .lac-seekbar-current    ... 現在の再生位置
  * - .lac-seekbar-prohibited ... 再生禁止領域
  *
  * Styleguide 1.4.2.3
  */
.lac-slider.lac-slider--seek .lac-seekbar-loading,
.lac-slider.lac-slider--seek .lac-seekbar-current,
.lac-slider.lac-slider--seek .lac-seekbar-prohibited {
    position: absolute;
    font-size: 140%;
    width: 100%;
    height: 0.10em;
    margin-top: -0.05em;
    -webkit-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    /**
      * タップやマウスのイベントはここでは捕捉せず、
      * .lac-slider-baseに委ねます。
      */
    pointer-events: none;
  }

/**
  * .lac-slider.lac-slider--seek .lac-seekbar-current
  *
  * スライダーノブが動く溝部分において、「現在の再生位置」の見た目を記述します。
  *
  * Styleguide 1.4.2.3
  */
.lac-slider.lac-slider--seek .lac-seekbar-current {
    background: rgba(234, 151, 35, 1);
}

/**
  * .lac-slider.lac-slider--seek .lac-seekbar-loading,
  * .lac-slider.lac-slider--seek .lac-seekbar-prohibited
  *
  * スライダーノブが動く溝部分において、下記の見た目を記述します。
  * - 読み込み済領域
  * - 再生禁止領域
  *
  * Styleguide 1.4.2.4
  */
.lac-slider.lac-slider--seek .lac-seekbar-loading,
.lac-slider.lac-slider--seek .lac-seekbar-prohibited {
  /**
    * 背景(background)はJavaScriptで動的に設定しています。
    */
}

/**
  * .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list
  *
  * 再生範囲調節つまみを束ねる要素を指すセレクタです。
  * デフォルトでは非表示です。
  *
  * Styleguide 1.4.2.5
  */
.lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list {
    /* デフォルトでは非表示 */
    display: none;
    cursor: none;
    pointer-events: none;
}

/**
  * .liveact-controls--playback-range-adjustment-mode .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list
  *
  * 再生範囲調節つまみを束ねる要素を指すセレクタです。
  * 再生範囲調整モードにおいて表示します。
  *
  * Styleguide 1.4.2.5
  */
.liveact-controls--playback-range-adjustment-mode .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list {
    pointer-events: auto;
    display: block;
}

/**
  * .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list > .lac-playback-range-arrow
  *
  * 再生範囲調節つまみを表現します。
  * 大きさの調節等を行います。
  *
  * Styleguide 1.4.2.6
  */
.lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list > .lac-playback-range-arrow {
    position: absolute;
    cursor: pointer;
    margin-top: -1em;
    margin-left: -0.52em;
    font-size: 0.33em;
    color: rgba(255, 255, 255, 1);
}

/**
  * .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list > .lac-playback-range-arrow:before
  *
  * 再生範囲調節つまみを表現します。
  * アイコンの見た目等を記述します。
  *
  * Styleguide 1.4.2.7
  */
.lac-slider.lac-slider--seek .lac-slider-wrap > .lac-playback-range-arrow-list > .lac-playback-range-arrow:before {
    font-family: 'liveact-controls';
    font-style: normal;
    content: '\e912';
}

/**
  * .liveact-controls--playback-range-adjustment-mode .lac-slider.lac-slider--seek .lac-slider-pointer
  *
  * 再生範囲調整モードでは、スライダーノブを非表示にします。
  * 再生範囲調節つまみと重なってしまい操作性を損なうためです。
  *
  * Styleguide 1.4.2.8
  */
.liveact-controls--playback-range-adjustment-mode .lac-slider.lac-slider--seek .lac-slider-pointer {
    display: none;
}


/**
  * .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-seekbar-separator-list
  *
  * シークバー上のチャプター区切り線を束ねる要素を指すセレクタです。
  *
  * Styleguide 1.4.2.9 
  */
.lac-slider.lac-slider--seek .lac-slider-wrap > .lac-seekbar-separator-list {
    cursor: none;
    pointer-events: none;
}

/**
  * .lac-slider.lac-slider--seek .lac-slider-wrap > .lac-seekbar-separator-list > .lac-seekbar-separator
  *
  * シークバー上のチャプター区切り線を表現します。
  *
  * Styleguide 1.4.2.10
  */
.lac-slider.lac-slider--seek .lac-slider-wrap > .lac-seekbar-separator-list > .lac-seekbar-separator {
    position: absolute;
    cursor: none;
    pointer-events: none;
    width: 10px;
    height: 0.1em;
    transform: scaleX(0.1);
    font-size: 555%;
    margin-top: -0.05em;
    margin-left: -5px;
    background: rgba(255, 255, 255, 1);
}


/**
  * シークバースライダー(コンパクト)
  *
  * Styleguide 1.4.3
  */

/**
  * .lac-slider.lac-slider--seek.lac-slider--compact,
  * .lac-slider.lac-slider--seek.lac-seekbar--compact
  *
  * コンパクトなシークバースライダーに付与されるmodifierです。
  * 二段組のコントロールUIで使用すると効果的です。
  *
  * Styleguide 1.4.3.1
  */
.lac-slider.lac-slider--seek.lac-slider--compact,
.lac-slider.lac-slider--seek.lac-seekbar--compact {
    height: 0.5em;
    margin: 0;
}

/**
  * .lac-slider.lac-slider--seek.lac-slider--compact .lac-slider-wrap,
  * .lac-slider.lac-slider--seek.lac-seekbar--compact .lac-slider-wrap
  *
  * コンパクトなシークバースライダーの、
  * 各部品を束ねる要素を指すセレクタです。
  *
  * Styleguide 1.4.3.2
  */
.lac-slider.lac-slider--seek.lac-slider--compact .lac-slider-wrap,
.lac-slider.lac-slider--seek.lac-seekbar--compact .lac-slider-wrap {
    margin: auto 0 0.2em;
}


/**
  * 音量調節スライダー
  *
  * Styleguide 1.4.4
  */


/**
  * .lac-slider.lac-slider--volume
  *
  * 音量調節スライダーに付与されるmodifierです。
  *
  * Styleguide 1.4.4.1
  */
.lac-slider.lac-slider--volume {
    padding: 0 0.2em;
    margin: 0 0.15em;
    width: 2em;
}

/**
  * .lac-slider.lac-slider--volume .lac-slider-background,
  * .lac-slider.lac-slider--volume .lac-slider-pointer
  *
  * スライダーノブ、ならびにスライダーノブが掃く領域の大きさを調節します。
  *
  * Styleguide 1.4.4.2
  */
.lac-slider.lac-slider--volume .lac-slider-background,
.lac-slider.lac-slider--volume .lac-slider-pointer {
    font-size: 450%;
}


/**
  * 再生速度調節スライダー
  *
  * Styleguide 1.4.5
  */


/**
  * .lac-minimenu .lac-slider.lac-slider--playback-rate
  *
  * 再生速度調節ミニメニュー上の再生速度調節スライダーに付与されるmodifierです。
  *
  * Styleguide 1.4.5.1
  */
.lac-minimenu .lac-slider.lac-slider--playback-rate {
    flex-grow: 1;
    font-size: 2em;
}

/**
  * オーバーレイ表示
  *
  * Styleguide 1.4.6
  */


/**
  * .liveact-overlays
  *
  * オーバーレイの親divのスタイルです。
  *
  * Styleguide 1.4.6.1
  */
.liveact-overlays {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  pointer-events: none;
}
  
  
/**
  * .lao-panel
  *
  * オーバーレイ表示共通のスタイルです。
  *
  * Styleguide 1.4.6.2
  */
.lao-panel {
  background-color: rgba(4, 0, 0, 0.69);
  color: rgba(255, 255, 255, 0.8);
  font-size: 16px;
  border-radius: 4px;
  font-family: 'liveact-controls';
}

/**
  * .lao-panel-center
  *
  * プレイヤー中央に表示するオーバーレイ背景のスタイルです。
  *
  * Styleguide 1.4.6.3
  */
.lao-panel-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}  
  
/**
  * .lao-swipe
  *
  * スワイプヒント表示のスタイルです。
  *
  * Styleguide 1.4.6.4
  */
.lao-swipe {
  padding: 0.4em 1em;

  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
  
  
/**
  * .lao-swipe-icon
  *
  * スワイプヒント表示のアイコンのスタイルです。
  *
  * Styleguide 1.4.6.5
  */
.lao-swipe-icon {
  margin: 0.2em 0;
}
.lao-swipe-icon:before {
  font-size: 52px;
  content: "\e920";
}


/**
  * .lao-swipe-icon
  *
  * スワイプヒント表示のアイコンのスタイルです。
  *
  * Styleguide 1.4.6.6
  */
.lao-swipe-label {
  font-size: 14px;
  margin-top: 0.4em;
  min-width: 9rem;
}    
  
/**
  * .lao-swipe-mini
  *
  * スワイプヒント表示(小)のスタイルです。
  *
  * Styleguide 1.4.6.7
  */
.lao-swipe-mini {
  margin: 0.5em;
  padding: 0.1em 0.6em;

  position: absolute;
  bottom: 0%;
  left: 0%;
  display: flex;
}
  
  
/**
  * .lao-swipe-mini-label
  *
  * スワイプヒント表示(小)の文字のスタイルです。
  *
  * Styleguide 1.4.6.8
  */
.lao-swipe-mini-label {
  line-height: 30px;
  margin-left: 0.5em;
}
    
  
/**
  * .lao-swipe-mini-icon
  *
  * スワイプヒント表示(小)のアイコンのスタイルです。
  *
  * Styleguide 1.4.6.9
  */
.lao-swipe-mini-icon {
}
.lao-swipe-mini-icon:before {
  font-size: 22px;
  line-height: 30px;
  content: "\e920";
}

/**
  * LiveAct(R) PRO内部で使用するスタイル
  *
  * Styleguide 2
  */

/**
  * 汎用
  *
  * Styleguide 2.1
  */

/**
  * .liveact-player__element--invisible
  *
  * LiveAct(R) PRO管理下の要素を非表示にする際に付与されるmodifierです。
  *
  * Styleguide 2.1.1
  */
.liveact-player__element--invisible {
    display: none !important;
}

/**
  * .liveact-player__element--reset-touch
  *
  * JavaScriptの PointerEvent向けの、
  * タッチ時デフォルト動作を無効化する際に使用するmodifierです。
  *
  * Styleguide 2.1.2
  */
.liveact-player__element--reset-touch {
}

/**
  * .liveact-player__element--reset-touch.liveact-player__element--MS
  *
  * Internet Explorer/Edge環境でのみ
  * JavaScriptの PointerEventのタッチ時デフォルト動作を無効化します。
  *
  * タッチ端末上・Internet Explorer/Edge環境において
  * スワイプ操作を検出・適切に処理するために必要です。
  *
  * Styleguide 2.1.3
  */
.liveact-player__element--reset-touch.liveact-player__element--MS {
}

/**
  * .liveact-player__element--reset-highlight
  *
  * iOS/Androidにおいて、要素をタッチ操作した際の
  * デフォルトのハイライトを無効化します
  *
  * Styleguide 2.1.4
  */
.liveact-player__element--reset-highlight {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

/**
  * .liveact-player__cursor-grab
  *
  * スワイプ動画/全天球静止画でプレイヤー上でカーソルを指アイコンにする
  *
  * Styleguide 2.1.5
  */
.liveact-player__cursor-grab {
    cursor: grab;
}
.liveact-player__cursor-grab:active {
    cursor: grabbing;
}


/**
  * プレーヤー全体・リサイズ計算関連
  *
  * Styleguide 2.2
  */

/**
  * .lac-div
  *
  * プレーヤー全体を包む要素を指すセレクタです。
  * canvas等を内包します。
  *
  * Styleguide 2.2.1
  */
.lac-div {
    /**
      * タッチ端末において、タップ長押し時に
      * 選択されてしまうのを防ぎます
      */
    -ms-user-select: none;
    -moz-user-select: -moz-none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    /* 子要素に合わせてリサイズします */
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
    font-family: 'Helvetica Neue', 'Helvetica', 'Arial', 'sans-serif';
}

/**
  * .lac-div--mobile
  *
  * モバイル端末で閲覧した際に付与されるmodifierです。
  *
  * Styleguide 2.2.2
  */
.lac-div--mobile {
}

/**
  * .lac-div--width-set
  *
  * CriLaPlayer.resizeCanvasToFixedRatioWidth メソッドにより、
  * プレーヤーを幅指定でリサイズした際に付与されるmodifierです。
  *
  * Styleguide 2.2.3
  */
.lac-div--width-set {
}

/**
  * .lac-div--height-set
  *
  * CriLaPlayer.resizeCanvasToFixedRatioHeight メソッドにより、
  * プレーヤーを高さ指定でリサイズした際に付与されるmodifierです。
  *
  * Styleguide 2.2.4
  */
.lac-div--height-set {
}

/**
  * .lac-div__fit
  *
  * .lac-divの子要素で、.lac-divに
  * ぴったりフィットするべき要素を指すセレクタです。
  *
  * Styleguide 2.2.5
  */
.lac-div__fit {
    position: relative;
    display: inline-block;
    vertical-align: bottom;
}

/**
  * .lac-div.lac-div--width-set .lac-div__fit
  *
  * プレーヤーを幅指定でリサイズした場合、
  * .lac-divの子要素で、.lac-divにぴったりフィットするべき要素については、
  * 幅方向にフィットさせます。
  *
  * Styleguide 2.2.6
  */
.lac-div.lac-div--width-set .lac-div__fit {
    width: 100%;
}

/**
  * .lac-div.lac-div--height-set .lac-div__fit
  *
  * プレーヤーを高さ指定でリサイズした場合、
  * .lac-divの子要素で、.lac-divにぴったりフィットするべき要素については、
  * 高さ方向にフィットさせます。
  *
  * Styleguide 2.2.7
  */
.lac-div.lac-div--height-set .lac-div__fit {
    height: 100%;
}

/**
  * .lac-video-div
  *
  * videoタグを束ねる要素を指すセレクタです。
  *
  * Styleguide 2.2.8
  */
.lac-video-div {
    position: absolute;
}

/**
  * .lac-video-div > video
  * 
  * videoタグを束ねる要素の子要素のvideoタグは、
  * 親要素いっぱいに広げます。
  *
  * Styleguide 2.2.9
  */
.lac-video-div > video {
    position: absolute;
    object-fit: fill;
}

/**
  * .lac-video-div > video:first-of-type
  *
  * videoタグを束ねる要素の子要素のvideoタグのうち、
  * 先頭のものは相対位置指定とします。
  * videoタグに合わせて.lac-video-divの解像度を計算させるためです。
  *
  * Styleguide 2.2.10
  */
.lac-video-div > video:first-of-type {
    position: relative;
}

/**
  * .lac-audio-div
  *
  * audioタグを束ねる要素を指すセレクタです。
  * 表示しません。
  *
  * Styleguide 2.2.11
  */
.lac-audio-div {
    position: absolute;
    display: none;
}

/**
  * .liveact-video
  *
  * LiveAct(R) PRO管理下のvideoタグを指すセレクタです。
  *
  * Styleguide 2.2.1
  */
.liveact-video {
    position: absolute;
}

/**
  * フルスクリーン用
  */
.lac-div.lac-div-fullscreen {
  width: 100vw;
  height: 100vh;
  background-color: #000;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.lac-div-fullscreen .lac-video-div-fullscreen {
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
.lac-video-div-fullscreen .liveact-video-fullscreen {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.lac-div-fullscreen .liveact-canvas-fullscreen {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}


/**
  * リンク機能関連
  *
  * Styleguide 2.3
  */


/**
  * .liveact-link-highlight
  *
  * ハイパーリンクにおいて、
  * プレーヤーをタップ・クリックしている最中に付与されます。
  * ハイライト演出に使用します。
  *
  * Styleguide 2.3.1
  */
.liveact-link-highlight {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.5);
}


/**
  * フルスクリーン機能関連
  *
  * Styleguide 2.4
  */


/**
  * .liveact-fullscreen-background
  *
  * CriLaPlayer.fullscreen メソッドにより、
  * プレーヤーをブラウザ内フルスクリーン化する際に
  * 背景として使用する要素のセレクタです。
  *
  * Styleguide 2.4.1
  */
.liveact-fullscreen-background {
    background-color: rgba(0, 0, 0, 0.75);
    z-index: 10000;
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100%;
}

/**
  * .liveact-fullscreen-background .liveact-controls.liveact-controls--audio,
  * .liveact-fullscreen-background .liveact-controls.liveact-controls--swipe,
  * .liveact-fullscreen-background .liveact-controls.liveact-controls--no-seekbar
  *
  * シークバーとグレーの座布団がなく、
  * プレーヤー右下にボタンが固まっているタイプのコントロールUIは、
  * フルスクリーン時にプレーヤー上側に移動します。
  *
  * モバイル環境において、フルスクリーン時に
  * 画面下端のボタンを操作できなくなる現象を回避するためです。
  *
  * Styleguide 2.4.2
  */
.liveact-fullscreen-background .liveact-controls.liveact-controls--audio,
.liveact-fullscreen-background .liveact-controls.liveact-controls--swipe,
.liveact-fullscreen-background .liveact-controls.liveact-controls--no-seekbar {
    flex-direction: column-reverse;
}


/**
  * 3. UIアイコン用フォント
  *
  * コントロールUIのボタンで使用するフォントです。
  * BASE-64形式で埋め込まれています。
  *
  * Styleguide 3
  */
  @font-face {
    font-family: 'liveact-controls';  
    src:
      url(data:application/octet-stream;base64,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) format('woff'),
      url(data:application/octet-stream;base64,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) format('truetype');
  }




/**
  * 4. アンケート機能のスタイルシート
  *
  * Styleguide 4
  */

/**
  * .la-questionnaire
  * 
  * アンケートのUIをまとめる要素を指すセレクタです。
  *
  * Styleguide 4.1
  */
.la-questionnaire {
    box-sizing: border-box;
    background-color: rgba(0,0,0,.7);
    color: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
    font-size: 10px;
    width: 100%;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/**
  * .la-questionnaire::-webkit-scrollbar
  * 
  * アンケートのスクロールバーを非表示にするセレクタです。
  *
  * Styleguide 4.2
  */
.la-questionnaire::-webkit-scrollbar {
    display: none;
}

/**
  * .la-questionnaire--mobile
  * 
  * モバイル向けの高さ設定です。
  *
  * Styleguide 4.3
  */
.la-questionnaire--mobile {
    height: calc(100% - 11.40vmin);
}

/**
  * .la-questionnaireInner
  * 
  * アンケートUIの内部を包むセレクタです。
  *
  * Styleguide 4.4
  */
.la-questionnaireInner {
    height: calc(100% - 1em);
    padding-top: 1em;
    position: relative;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.la-questionnaireInner::-webkit-scrollbar {
    display: none;
}

/**
  * .la-question-scroll
  * 
  * スクロール説明用のセレクタです
  *
  * Styleguide 4.5
  */
.la-question-scroll {
    border: 1px solid rgba(255,255,255,.3);
    background-color: rgba(60,60,60,.85);
    font-size: 1.2em;
    padding: .5em;
    text-align: center;
    position: absolute;
    bottom: 1em;
    width: 100%;
    z-index: 99999;
    pointer-events: none;
}

/**
  * .la-questionnaireWrap, .la-question
  * 
  * 問題文を表示するセレクタです
  *
  * Styleguide 4.6
  */
.la-questionnaireWrap {
    padding: 2em 3em 3em;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.la-question {
    cursor: default;
    font-size: 1.6em;
}

@media (max-width:600px) {
    .la-questionnaireWrap {
    }

    .la-question {
        font-size: 1.4em;
    }
}

/**
  * .la-answers
  * 
  * 回答文すべてを包むdivです
  *
  * Styleguide 4.7
  */
.la-answers {
    margin-top: 2em;
}

/**
  * .la-answer
  * 
  * 回答文一つを示すdivです
  *
  * Styleguide 4.8
  */
.la-answer {
    border: 2px solid rgba(255,255,255,.3);
    background-color: rgba(0,0,0,.65);
    color: #fff;
    display: inline-block;
    padding: 1.5em 0;
    outline: none;
    position: relative;
    text-decoration: none;
    transition: all .3s;
    width: 100%;
}

.la-answer-selected {
    border: 2px solid #fff;
}
/**
  * .la-answer::before,
  * .la-answer::after,
  * .la-answer .la-answer-border::before,
  * .la-answer .la-answer-border::after
  * 
  * 回答文にマウスを載せたときの演出です
  *
  * Styleguide 4.9
  */
.la-answer::before,
.la-answer::after,
.la-answer .la-answer-border::before,
.la-answer .la-answer-border::after {
    content: '';
    border: 2px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    transition: all .3s;
    z-index: 2;
    visibility: hidden;
}

/**
  * .la-answer::before 
  * .la-answer::after
  * .la-answer .la-answer-border::before
  * .la-answer .la-answer-border::after
  * 
  * 回答文にマウスを載せたときの演出で使用する線です
  *
  * Styleguide 4.10
  */
.la-answer::before {
    border-left-color: #fff;
    top: -2px;
    left: -2px;
}

.la-answer::after {
    border-right-color: #fff;
    bottom: -2px;
    right: -2px;
}

.la-answer .la-answer-border::before {
    border-bottom-color: #fff;
    bottom: -2px;
    left: -2px;
}

.la-answer .la-answer-border::after {
    border-top-color: #fff;
    top: -2px;
    right: -2px;
}


/**
  * .la-answer:hover,
  * .la-answer-selected
  * 
  * 回答文にマウスを載せたときの演出で使用する矩形内の色です
  *
  * Styleguide 4.11
  */
.la-answersPC .la-answer:hover,
.la-answer-selected {
    background-color: rgb(240,144,0);
    color: #fff;
    cursor: pointer;
}

.la-answersPC .la-answer:hover::before,
.la-answersPC .la-answer:hover::after {
    height: 100%;
    visibility: visible;
}

.la-answersPC .la-answer:hover .la-answer-border::before,
.la-answersPC .la-answer:hover .la-answer-border::after {
    width: 100%;
    visibility: visible;
}

.la-answer:nth-of-type(n+2) {
    display: inline-block;
    margin-top: 1.5em;
    width: 100%;
}

.la-answer-item {
    position: relative;
}

.la-answer.la-answer-noselected:hover {
    border: 2px solid rgba(255,255,255,.3);
    background-color: rgba(0,0,0,.65);
}

.la-answer-selected:hover::before,
.la-answer-selected:hover::after,
.la-answer-selected:hover .la-answer-border::before,
.la-answer-selected:hover .la-answer-border::after,
.la-answer-noselected:hover::before,
.la-answer-noselected:hover::after,
.la-answer-noselected:hover .la-answer-border::before,
.la-answer-noselected:hover .la-answer-border::after {
    height: 0 !important;
    width: 0 !important;
    visibility: hidden !important;
}

/**
  * .la-answer-status
  * .la-answer-status::before
  * 
  * 設問の正誤を表示する領域のセレクタです
  *
  * Styleguide 4.12
  */
.la-answer-status {
    font-family: 'liveact-controls';
}

.la-answer-status::before {
    width: 1.4em;
    position: absolute;
    left: 1em;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

/**
  * .la-answer-status--correct
  * .la-answer-status--correct::before
  * 
  * 設問の正解を表示するセレクタです
  *
  * Styleguide 4.13
  */
.la-answer-status--correct {
}

.la-answer-status--correct::before {
    content: "\e917";
}

/**
  * .la-answer-status--wrong
  * .la-answer-status--wrong::before
  * 
  * 設問の誤りを表示するセレクタです
  *
  * Styleguide 4.14
  */
.la-answer-status--wrong {
}

.la-answer-status--wrong::before {
    content: "\e918";
}

/**
  * .la-answer-text
  * 
  * 回答文の文章を表示するセレクタです
  *
  * Styleguide 4.15
  */
.la-answer-text {
    font-size: 1.4em;
    padding: 0 2.4em;
}

/**
  * .la-question-sendBox,
  * .la-question-linkBox
  * 
  * 回答、次へボタンの全体を表すセレクタです
  *
  * Styleguide 4.16
  */
.la-question-sendBox,
.la-question-linkBox {
    text-align: right;
    margin: 1.5em 0 1rem;
}

.la-question-linkBox {
    margin: 1em 0 1rem;
}

/**
  * .la-question-send,
  * .la-question-sended,
  * .la-question-link
  * 
  * 回答、回答済み、次へボタンの内容を表すセレクタです
  *
  * Styleguide 4.17
  */
.la-question-send,
.la-question-sended,
.la-question-link {
    border: 2px solid #f09000;
    background-color: #f09000;
    color: #fff;
    display: inline-block;
    font-size: 1.6em;
    outline: none;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    padding: .5em 2.2em;
}

/**
  * .la-question-sended
  * 
  * 回答済みボタンの色を表すセレクタです
  *
  * Styleguide 4.18
  */
.la-question-sended {
    border: 2px solid #808080;
    background-color: rgb(49, 55, 68);
    cursor: not-allowed;
    opacity: .65;
}


/**
  * .la-question-send::before,
  * .la-question-send::after,
  * .la-question-send span::before,
  * .la-question-send span::after,
  * .la-question-link::before,
  * .la-question-link::after,
  * .la-question-link span::before,
  * .la-question-link span::after
  * 
  * 回答、次ボタンの演出を表すセレクタです
  *
  * Styleguide 4.19
  */
.la-question-send::before,
.la-question-send::after,
.la-question-send span::before,
.la-question-send span::after,
.la-question-link::before,
.la-question-link::after,
.la-question-link span::before,
.la-question-link span::after {
    content: '';
    border: 2px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    transition: all .3s;
    z-index: 2;
    visibility: hidden;
}


/**
  * .la-question-send::before,
  * .la-question-link::before
  * .la-question-send::after,
  * .la-question-link::after
  * .la-question-send span::before,
  * .la-question-link span::before
  * .la-question-send span::after,
  * .la-question-link span::after
  * 
  * 回答、次ボタンの演出の線です
  *
  * Styleguide 4.20
  */
.la-question-send::before,
.la-question-link::before {
    border-left-color: #fff;
    top: -2px;
    left: -2px;
}

.la-question-send::after,
.la-question-link::after {
    border-right-color: #fff;
    bottom: -2px;
    right: -2px;
}

.la-question-send span::before,
.la-question-link span::before {
    border-bottom-color: #fff;
    bottom: -2px;
    left: -2px;
}

.la-question-send span::after,
.la-question-link span::after {
    border-top-color: #fff;
    top: -2px;
    right: -2px;
}


.la-question-send:hover,
.la-question-link:hover {
    color: #fff;
}

.la-question-send:hover::before,
.la-question-send:hover::after,
.la-question-link:hover::before,
.la-question-link:hover::after {
    height: 100%;
    visibility: visible;
}

.la-question-send:hover span::before,
.la-question-send:hover span::after,
.la-question-link:hover span::before,
.la-question-link:hover span::after {
    width: 100%;
    visibility: visible;
}


/**
  * 5. ユーザー情報機能のスタイルシート
  *
  * Styleguide 5
  */

/**
  * .la-user-cognition
  *
  *
  *
  * Styleguide 5.1
  */
.la-user-cognition {
    background-color: rgba(0, 0, 0, 0.85);
    /* overflow: hidden;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* スクロールについて */
.la-user-cognition-scroll {
    border: 1px solid rgba(255,255,255,.3);
    background-color: rgba(60,60,60,.85);
    color: #fff;
    font-size: 12px;
    padding: .5em;
    text-align: center;
    position: absolute;
    bottom: 2rem;
    width: 100%;
    z-index: 9999;
    pointer-events: none;
}

/* コンテンツ */
.la-user-cognitionInner {
    -ms-flex-item-align: center;
    align-self: center;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 1em;
    position: relative;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin:auto;
    display: inline-block;
    vertical-align: middle
}

.la-user-cognitionInner::-webkit-scrollbar,
.la-user-cognitionWrap--top::-webkit-scrollbar,
.la-user-cognitionWrap--middle::-webkit-scrollbar {
  display: none;
}

.la-user-cognitionInner,
.la-user-cognitionWrap--top,
.la-user-cognitionWrap--middle {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.la-user-cognitionWrap--top {
  position: relative;
  right: inherit;
  bottom: inherit;
  overflow-y: auto;
  transform: inherit;
  -webkit-transform: inherit;
}

.la-user-cognitionWrap--middle {
  position: absolute;
  right: 50%;
  bottom: 50%;
  width: calc(100% - 20px);
  overflow-y: auto;
  transform: translate(50%,50%);
}

.la-user-cognition-title {
    font-size: 16px;
}

.la-user-cognition-title > a {
    color: orange;
}

.la-user-cognition-item {
    margin-top: 1rem;
}

.la-user-cognition-item--text {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font-size: 16px;
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 70%;
    padding: 6px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color:#000;
}

.la-user-cognition-send {
    border: 2px solid #f09000;
    background-color: #f09000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    outline: none;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    padding: .5em 2.2em;
}

.la-user-cognition-sended {
    border: 2px solid #808080;
    background-color: rgb(49, 55, 68);
    color: #808080;
    cursor: not-allowed;
    display: inline-block;
    font-size: 14px;
    outline: none;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    padding: .5em 2.2em;
}

.la-user-cognition-send::before,
.la-user-cognition-send::after,
.la-user-cognition-send span::before,
.la-user-cognition-send span::after {
    content: '';
    border: 2px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    transition: all .3s;
    z-index: 2;
    visibility: hidden;
}

.la-user-cognition-send::before {
    border-left-color: #fff;
    top: -2px;
    left: -2px;
}

.la-user-cognition-send::after {
    border-right-color: #fff;
    bottom: -2px;
    right: -2px;
}

.la-user-cognition-send span::before {
    border-bottom-color: #fff;
    bottom: -2px;
    left: -2px;
}

.la-user-cognition-send span::after {
    border-top-color: #fff;
    top: -2px;
    right: -2px;
}

.la-user-cognition-send:hover {
    cursor: pointer;
    color: #fff;
}

.la-user-cognition-send:hover::before,
.la-user-cognition-send:hover::after {
    height: 100%;
    visibility: visible;
}

.la-user-cognition-send:hover span::before,
.la-user-cognition-send:hover span::after {
    width: 100%;
    visibility: visible;
}

/**
  * 6. パスワード認証のスタイルシート
  *
  * Styleguide 6
  */

/**
  * .la-user-authorization
  *
  *
  *
  * Styleguide 6.1
  */
.la-user-authorization {
    background-color: rgba(0, 0, 0, 0.85);
    /* overflow: hidden;*/
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    height: 100%;
    width: 100%;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

/* スクロールについて */
.la-user-authorization-scroll {
    border: 1px solid rgba(255,255,255,.3);
    background-color: rgba(60,60,60,.85);
    color: #fff;
    font-size: 12px;
    padding: .5em;
    text-align: center;
    position: absolute;
    bottom: 2rem;
    width: 100%;
    z-index: 9999;
    pointer-events: none;
}

/* コンテンツ */
.la-user-authorizationInner {
    -ms-flex-item-align: center;
    align-self: center;
    box-sizing: border-box;
    color: #fff;
    height: 100%;
    width: 100%;
    padding: 1em;
    position: relative;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    margin:auto;
    display: inline-block;
    vertical-align: middle
}


.la-user-authorizationInner::-webkit-scrollbar {
    display: none;
}

.la-user-authorizationWrap {
  overflow-y: auto;
}
.la-user-authorizationWrap--top {
  position: relative;
  right: inherit;
  bottom: inherit;
  overflow-y: auto;
  transform: inherit;
  -webkit-transform: inherit;
}
.la-user-authorizationWrap--middle {
  position: absolute;
  right: 50%;
  bottom: 50%;
  max-height: calc(100% - 20px);
  width: calc(100% - 20px);
  overflow-y: auto;
  transform: translate(50%,50%);
}

.la-user-authorization-title {
    font-size: 16px;
    color:#fd8939
}

.la-user-authorization-item {
    margin-top: 1rem;
}

.la-user-authorization-item--text {
    background-color: #fff;
    background-image: none;
    border: 1px solid rgba(204,204,204,1);
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    font-size: 16px;
    display: block;
    height: 30px;
    margin: 0 auto;
    width: 70%;
    padding: 6px;
    -webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    color:#000;
}

.la-user-authorization-send {
    border: 2px solid #f09000;
    background-color: #f09000;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    outline: none;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    padding: .5em 2.2em;
}

.la-user-authorization-sended {
    border: 2px solid #808080;
    background-color: rgb(49, 55, 68);
    color: #808080;
    cursor: not-allowed;
    display: inline-block;
    font-size: 14px;
    outline: none;
    margin-top: 1rem;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all .3s;
    padding: .5em 2.2em;
}

.la-user-authorization-send::before,
.la-user-authorization-send::after,
.la-user-authorization-send span::before,
.la-user-authorization-send span::after {
    content: '';
    border: 2px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    transition: all .3s;
    z-index: 2;
    visibility: hidden;
}

.la-user-authorization-send::before {
    border-left-color: #fff;
    top: -2px;
    left: -2px;
}

.la-user-authorization-send::after {
    border-right-color: #fff;
    bottom: -2px;
    right: -2px;
}

.la-user-authorization-send span::before {
    border-bottom-color: #fff;
    bottom: -2px;
    left: -2px;
}

.la-user-authorization-send span::after {
    border-top-color: #fff;
    top: -2px;
    right: -2px;
}

.la-user-authorization-send:hover {
    cursor: pointer;
    color: #fff;
}

.la-user-authorization-send:hover::before,
.la-user-authorization-send:hover::after {
    height: 100%;
    visibility: visible;
}

.la-user-authorization-send:hover span::before,
.la-user-authorization-send:hover span::after {
    width: 100%;
    visibility: visible;
}

/**
  * 7. 公開期限切れのスタイルシート
  *
  * Styleguide 7
  */

/**
  * .lac-view-limit
  *
  *
  *
  * Styleguide 7.1
  */
.la-view-limit-error {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.85);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.la-view-limit-error--top {
  align-items: flex-start;
  -webkit-box-align: start;
-ms-flex-align: start;
  padding: 1rem;
}
.la-view-limit-error::-webkit-scrollbar {
    display:none;
}

.la-view-limit-error-message {
  border: solid 5px #fff;
  box-sizing: border-box;
  color: #fff;
  display: inline-block;
  font-size: 24px;
  padding: 30px 35px;
  text-align: center;
  vertical-align: middle;
}

.la-view-limit-error-message::before {
  font-family: 'liveact-controls';
  font-size: 100px;
  content: "\e919";
  display: block;
  margin: 0 auto 15px;
}

/* 動画幅が600以下の時 */
.la-view-limit-error--xs .la-view-limit-error-message {
  border: solid 1px #fff;
  font-size: 12px;
  padding: 5px 10px;
}
.la-view-limit-error--xs .la-view-limit-error-message::before {
  font-family: 'liveact-controls';
  font-size: 25px;
  content: "\e919";
  display: block;
  margin: 0 auto 6px;
}
.la-view-limit-error--xs .la-view-limit-error-message span {
  display: block;
}