@charset "UTF-8";
/* first load Rev 20200304 */
/*
	ローカルファイルのフォントを使用しない場合のみ以下をコメントアウトする
	@import url('https://fonts.googleapis.com/css?family=Kosugi|Sintony:400,700&display=swap&subset=japanese,latin-ext');
*/
/* =====================================
	mixin
*/
/* core load */
/* for VP 1.9.0 */
/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
========================================================================== */
@import "./jq/swiper.css";
html {
  line-height: 1.15;
  font-size: 62.5%;
  font-weight: 400;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-size: 62.5%;
  font-weight: 400;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

figure {
  margin: 1em 40px;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
}

abbr[title] {
  border-bottom: none;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

dfn {
  font-style: italic;
}

mark {
  background-color: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

button, input, optgroup, select, textarea {
  font-family: sans-serif;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

button, html [type=button],
[type=reset], [type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner, [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring, [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
  padding: 0;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

summary {
  display: list-item;
}

article, aside, footer, header, nav, section, figcaption, figure, main, details,
menu {
  display: block;
}

pre, code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

audio, video, canvas {
  display: inline-block;
}

template, [hidden] {
  display: none;
}

/*
	VPower webfont define Rev 191009

	Regular fonts
	Apple standard		: Avenir, Helvetica Neue, Lucida Grande / ヒラギノ角ゴ Pro W3, ヒラギノ角ゴシック Pro
	Windows stadnard	: Arial / 'メイリオ', 游ゴシック Medium
	Android 			: Roboto

	<link href="https://fonts.googleapis.com/css?family=Kosugi|Sintony:400,700&display=swap&subset=japanese,latin-ext" rel="stylesheet">
*/
@font-face {
  /* firefox on windows issue */
  font-family: "YuGothic M";
  src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 400;
  src: url("../font/YakuHanJP/YakuHanJP-Regular.woff2") format("woff2"), url("../font/YakuHanJP/YakuHanJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "YakuHanJP";
  font-style: normal;
  font-weight: 700;
  src: url("../font/YakuHanJP/YakuHanJP-Bold.woff2") format("woff2"), url("../font/YakuHanJP/YakuHanJP-Bold.woff") format("woff");
}
@font-face {
  font-family: Kosugi;
  font-style: normal;
  font-weight: 400;
  src: url("../font/Kosugi/Kosugi-Regular.eot") format("eot"), url("../font/Kosugi/Kosugi-Regular.woff") format("woff"), url("../font/Kosugi/Kosugi-Regular.woff2") format("woff2"), url("../font/Kosugi/Kosugi-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  src: url("../font/Rubik/Rubik-Regular.eot") format("eot"), url("../font/Rubik/Rubik-Regular.woff") format("woff"), url("../font/Rubik/Rubik-Regular.woff2") format("woff2"), url("../font/Rubik/Rubik-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Rubik;
  font-style: bold;
  font-weight: 700;
  src: url("../font/Rubik/Rubik-Bold.eot") format("eot"), url("../font/Rubik/Rubik-Bold.woff") format("woff"), url("../font/Rubik/Rubik-Bold.woff2") format("woff2"), url("../font/Rubik/Rubik-Bold.ttf") format("truetype");
}
@font-face {
  font-family: Sintony;
  font-style: normal;
  font-weight: 400;
  src: url("../font/Sintony/Sintony-Regular.eot") format("eot"), url("../font/Sintony/Sintony-Regular.woff") format("woff"), url("../font/Sintony/Sintony-Regular.woff2") format("woff2"), url("../font/Sintony/Sintony-Regular.ttf") format("truetype");
}
@font-face {
  font-family: Sintony;
  font-style: bold;
  font-weight: 700;
  src: url("../font/Sintony/Sintony-Bold.eot") format("eot"), url("../font/Sintony/Sintony-Bold.woff") format("woff"), url("../font/Sintony/Sintony-Bold.woff2") format("woff2"), url("../font/Sintony/Sintony-Bold.ttf") format("truetype");
}
html, body {
  font-size: 62.5%;
  font-weight: 400;
  text-rendering: auto;
  font-smooth: always;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -webkit-font-feature-settings: "plat" 1;
          font-feature-settings: "plat" 1;
  font-family: "Rubik", "Kosugi", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input, textarea, select, option, button {
  text-rendering: auto;
  font-smooth: always;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  -webkit-font-feature-settings: "plat" 1;
          font-feature-settings: "plat" 1;
  font-family: "Rubik", "Kosugi", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

b, strong, h1, h2, h3, h4, h5, h6, .bold, .bolder, th, title, dt, *[type=submit] {
  font-weight: 700;
  font-family: "YakuHanJP", "Sintony", -apple-system, Avenir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "Kosugi", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

*[data-lang=zh1], *[data-lang=zh1] *, *[font-lang=zh1], *[font-lang=zh1] * {
  font-family: "Roboto", "Microsoft YaHei", "微软雅黑", "SimSun", -apple-system, Avenir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

*[data-lang=zh2], *[data-lang=zh2] *, *[font-lang=zh2], *[font-lang=zh2] * {
  font-family: "Roboto", "Microsoft JhengHei", "微軟正黑體", "PMingLiU", -apple-system, Avenir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

*[data-lang=ko], *[data-lang=ko] *, *[font-lang=ko], *[font-lang=ko] * {
  font-family: "Roboto", "Malgun Gothic", Gulim, -apple-system, Avenir, "Helvetica Neue", "Lucida Grande", Arial, Roboto, "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック Medium", "Yu Gothic Medium", "YuGothic M", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* IE11, Edge Font アンチエイリアス */
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, h1, h2, h3, h4, h5, h6, p, .bold, .bolder, th, title, dt, code, .monospace, a, td, li {
    -ms-transform: rotate(0.001deg);
        transform: rotate(0.001deg);
  }
}
@supports (-ms-ime-align: auto) {
  h1, h2, h3, h4, h5, h6, p, .bold, .bolder, th, title, dt, code, .monospace, a, td, li {
    -webkit-transform: rotate(0.001deg);
        -ms-transform: rotate(0.001deg);
            transform: rotate(0.001deg);
  }
}
/* vp.core.css Rev 20191127 */
.vp-screen-container {
  pointer-events: auto;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

.vp-vr-container {
  position: absolute;
  z-index: 10;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.35s;
       -o-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.vp-vr-container .vp-overlay {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
  cursor: default;
}

.vp-vr-container .vp-basiccanvas {
  z-index: 3;
  position: absolute;
  overflow: hidden;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
  cursor: default;
}

/* CAUTION ========================

	SVG 画像をスプライト等で使用すると極端に Edge, IE で描画速度が遅くなる不具合があるため、PNG を使用すること
*/
/* ------------------------------------------------------------------
	VPower Icon (Rev 2016-12-22)
	class="vpicn" or class="vpicn vpicn-k" (Black)
*/
.vpicn {
  width: 50px;
  height: 50px;
  background-image: url(../imgs/vp.iconset_w.png?r=191127);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  background-size: 1000px;
  margin: 0;
  padding: 0;
}

.vpicn.vpicn-k, .vpicn.vpicn-black {
  background-image: url(../imgs/vp.iconset_b.png?r=191127);
}

.vpicn.i1_1 {
  background-position: 0px 0px;
}

.vpicn.i1_2 {
  background-position: -50px 0px;
}

.vpicn.i1_3 {
  background-position: -100px 0px;
}

.vpicn.i1_4 {
  background-position: -150px 0px;
}

.vpicn.i1_5 {
  background-position: -200px 0px;
}

.vpicn.i1_6 {
  background-position: -250px 0px;
}

.vpicn.i1_7 {
  background-position: -300px 0px;
}

.vpicn.i1_8 {
  background-position: -350px 0px;
}

.vpicn.i1_9 {
  background-position: -400px 0px;
}

.vpicn.i1_10 {
  background-position: -450px 0px;
}

.vpicn.i1_11 {
  background-position: -500px 0px;
}

.vpicn.i1_12 {
  background-position: -550px 0px;
}

.vpicn.i1_13 {
  background-position: -600px 0px;
}

.vpicn.i1_14 {
  background-position: -650px 0px;
}

.vpicn.i1_15 {
  background-position: -700px 0px;
}

.vpicn.i1_16 {
  background-position: -750px 0px;
}

.vpicn.i1_17 {
  background-position: -800px 0px;
}

.vpicn.i1_18 {
  background-position: -850px 0px;
}

.vpicn.i1_19 {
  background-position: -900px 0px;
}

.vpicn.i1_20 {
  background-position: -950px 0px;
}

.vpicn.i2_1 {
  background-position: 0px -50px;
}

.vpicn.i2_2 {
  background-position: -50px -50px;
}

.vpicn.i2_3 {
  background-position: -100px -50px;
}

.vpicn.i2_4 {
  background-position: -150px -50px;
}

.vpicn.i2_5 {
  background-position: -200px -50px;
}

.vpicn.i2_6 {
  background-position: -250px -50px;
}

.vpicn.i2_7 {
  background-position: -300px -50px;
}

.vpicn.i2_8 {
  background-position: -350px -50px;
}

.vpicn.i2_9 {
  background-position: -400px -50px;
}

.vpicn.i2_10 {
  background-position: -450px -50px;
}

.vpicn.i2_11 {
  background-position: -500px -50px;
}

.vpicn.i2_12 {
  background-position: -550px -50px;
}

.vpicn.i2_13 {
  background-position: -600px -50px;
}

.vpicn.i2_14 {
  background-position: -650px -50px;
}

.vpicn.i2_15 {
  background-position: -700px -50px;
}

.vpicn.i2_16 {
  background-position: -750px -50px;
}

.vpicn.i2_17 {
  background-position: -800px -50px;
}

.vpicn.i2_18 {
  background-position: -850px -50px;
}

.vpicn.i2_19 {
  background-position: -900px -50px;
}

.vpicn.i2_20 {
  background-position: -950px -50px;
}

.vpicn.i3_1 {
  background-position: 0px -100px;
}

.vpicn.i3_2 {
  background-position: -50px -100px;
}

.vpicn.i3_3 {
  background-position: -100px -100px;
}

.vpicn.i3_4 {
  background-position: -150px -100px;
}

.vpicn.i3_5 {
  background-position: -200px -100px;
}

.vpicn.i3_6 {
  background-position: -250px -100px;
}

.vpicn.i3_7 {
  background-position: -300px -100px;
}

.vpicn.i3_8 {
  background-position: -350px -100px;
}

.vpicn.i3_9 {
  background-position: -400px -100px;
}

.vpicn.i3_10 {
  background-position: -450px -100px;
}

.vpicn.i3_11 {
  background-position: -500px -100px;
}

.vpicn.i3_12 {
  background-position: -550px -100px;
}

.vpicn.i3_13 {
  background-position: -600px -100px;
}

.vpicn.i3_14 {
  background-position: -650px -100px;
}

.vpicn.i3_15 {
  background-position: -700px -100px;
}

.vpicn.i3_16 {
  background-position: -750px -100px;
}

.vpicn.i3_17 {
  background-position: -800px -100px;
}

.vpicn.i3_18 {
  background-position: -850px -100px;
}

.vpicn.i3_19 {
  background-position: -900px -100px;
}

.vpicn.i3_20 {
  background-position: -950px -100px;
}

.vpicn.i4_1 {
  background-position: 0px -150px;
}

.vpicn.i4_2 {
  background-position: -50px -150px;
}

.vpicn.i4_3 {
  background-position: -100px -150px;
}

.vpicn.i4_4 {
  background-position: -150px -150px;
}

.vpicn.i4_5 {
  background-position: -200px -150px;
}

.vpicn.i4_6 {
  background-position: -250px -150px;
}

.vpicn.i4_7 {
  background-position: -300px -150px;
}

.vpicn.i4_8 {
  background-position: -350px -150px;
}

.vpicn.i4_9 {
  background-position: -400px -150px;
}

.vpicn.i4_10 {
  background-position: -450px -150px;
}

.vpicn.i4_11 {
  background-position: -500px -150px;
}

.vpicn.i4_12 {
  background-position: -550px -150px;
}

.vpicn.i4_13 {
  background-position: -600px -150px;
}

.vpicn.i4_14 {
  background-position: -650px -150px;
}

.vpicn.i4_15 {
  background-position: -700px -150px;
}

.vpicn.i4_16 {
  background-position: -750px -150px;
}

.vpicn.i4_17 {
  background-position: -800px -150px;
}

.vpicn.i4_18 {
  background-position: -850px -150px;
}

.vpicn.i4_19 {
  background-position: -900px -150px;
}

.vpicn.i4_20 {
  background-position: -950px -150px;
}

.vpicn.i5_1 {
  background-position: 0px -200px;
}

.vpicn.i5_2 {
  background-position: -50px -200px;
}

.vpicn.i5_3 {
  background-position: -100px -200px;
}

.vpicn.i5_4 {
  background-position: -150px -200px;
}

.vpicn.i5_5 {
  background-position: -200px -200px;
}

.vpicn.i5_6 {
  background-position: -250px -200px;
}

.vpicn.i5_7 {
  background-position: -300px -200px;
}

.vpicn.i5_8 {
  background-position: -350px -200px;
}

.vpicn.i5_9 {
  background-position: -400px -200px;
}

.vpicn.i5_10 {
  background-position: -450px -200px;
}

.vpicn.i5_11 {
  background-position: -500px -200px;
}

.vpicn.i5_12 {
  background-position: -550px -200px;
}

.vpicn.i5_13 {
  background-position: -600px -200px;
}

.vpicn.i5_14 {
  background-position: -650px -200px;
}

.vpicn.i5_15 {
  background-position: -700px -200px;
}

.vpicn.i5_16 {
  background-position: -750px -200px;
}

.vpicn.i5_17 {
  background-position: -800px -200px;
}

.vpicn.i5_18 {
  background-position: -850px -200px;
}

.vpicn.i5_19 {
  background-position: -900px -200px;
}

.vpicn.i5_20 {
  background-position: -950px -200px;
}

.vpicn.i6_1 {
  background-position: 0px -250px;
}

.vpicn.i6_2 {
  background-position: -50px -250px;
}

.vpicn.i6_3 {
  background-position: -100px -250px;
}

.vpicn.i6_4 {
  background-position: -150px -250px;
}

.vpicn.i6_5 {
  background-position: -200px -250px;
}

.vpicn.i6_6 {
  background-position: -250px -250px;
}

.vpicn.i6_7 {
  background-position: -300px -250px;
}

.vpicn.i6_8 {
  background-position: -350px -250px;
}

.vpicn.i6_9 {
  background-position: -400px -250px;
}

.vpicn.i6_10 {
  background-position: -450px -250px;
}

.vpicn.i6_11 {
  background-position: -500px -250px;
}

.vpicn.i6_12 {
  background-position: -550px -250px;
}

.vpicn.i6_13 {
  background-position: -600px -250px;
}

.vpicn.i6_14 {
  background-position: -650px -250px;
}

.vpicn.i6_15 {
  background-position: -700px -250px;
}

.vpicn.i6_16 {
  background-position: -750px -250px;
}

.vpicn.i6_17 {
  background-position: -800px -250px;
}

.vpicn.i6_18 {
  background-position: -850px -250px;
}

.vpicn.i6_19 {
  background-position: -900px -250px;
}

.vpicn.i6_20 {
  background-position: -950px -250px;
}

.vpicn.i7_1 {
  background-position: 0px -300px;
}

.vpicn.i7_2 {
  background-position: -50px -300px;
}

.vpicn.i7_3 {
  background-position: -100px -300px;
}

.vpicn.i7_4 {
  background-position: -150px -300px;
}

.vpicn.i7_5 {
  background-position: -200px -300px;
}

.vpicn.i7_6 {
  background-position: -250px -300px;
}

.vpicn.i7_7 {
  background-position: -300px -300px;
}

.vpicn.i7_8 {
  background-position: -350px -300px;
}

.vpicn.i7_9 {
  background-position: -400px -300px;
}

.vpicn.i7_10 {
  background-position: -450px -300px;
}

.vpicn.i7_11 {
  background-position: -500px -300px;
}

.vpicn.i7_12 {
  background-position: -550px -300px;
}

.vpicn.i7_13 {
  background-position: -600px -300px;
}

.vpicn.i7_14 {
  background-position: -650px -300px;
}

.vpicn.i7_15 {
  background-position: -700px -300px;
}

.vpicn.i7_16 {
  background-position: -750px -300px;
}

.vpicn.i7_17 {
  background-position: -800px -300px;
}

.vpicn.i7_18 {
  background-position: -850px -300px;
}

.vpicn.i7_19 {
  background-position: -900px -300px;
}

.vpicn.i7_20 {
  background-position: -950px -300px;
}

.vpicn.i8_1 {
  background-position: 0px -350px;
}

.vpicn.i8_2 {
  background-position: -50px -350px;
}

.vpicn.i8_3 {
  background-position: -100px -350px;
}

.vpicn.i8_4 {
  background-position: -150px -350px;
}

.vpicn.i8_5 {
  background-position: -200px -350px;
}

.vpicn.i8_6 {
  background-position: -250px -350px;
}

.vpicn.i8_7 {
  background-position: -300px -350px;
}

.vpicn.i8_8 {
  background-position: -350px -350px;
}

.vpicn.i8_9 {
  background-position: -400px -350px;
}

.vpicn.i8_10 {
  background-position: -450px -350px;
}

.vpicn.i8_11 {
  background-position: -500px -350px;
}

.vpicn.i8_12 {
  background-position: -550px -350px;
}

.vpicn.i8_13 {
  background-position: -600px -350px;
}

.vpicn.i8_14 {
  background-position: -650px -350px;
}

.vpicn.i8_15 {
  background-position: -700px -350px;
}

.vpicn.i8_16 {
  background-position: -750px -350px;
}

.vpicn.i8_17 {
  background-position: -800px -350px;
}

.vpicn.i8_18 {
  background-position: -850px -350px;
}

.vpicn.i8_19 {
  background-position: -900px -350px;
}

.vpicn.i8_20 {
  background-position: -950px -350px;
}

.vpicn.i9_1 {
  background-position: 0px -400px;
}

.vpicn.i9_2 {
  background-position: -50px -400px;
}

.vpicn.i9_3 {
  background-position: -100px -400px;
}

.vpicn.i9_4 {
  background-position: -150px -400px;
}

.vpicn.i9_5 {
  background-position: -200px -400px;
}

.vpicn.i9_6 {
  background-position: -250px -400px;
}

.vpicn.i9_7 {
  background-position: -300px -400px;
}

.vpicn.i9_8 {
  background-position: -350px -400px;
}

.vpicn.i9_9 {
  background-position: -400px -400px;
}

.vpicn.i9_10 {
  background-position: -450px -400px;
}

.vpicn.i9_11 {
  background-position: -500px -400px;
}

.vpicn.i9_12 {
  background-position: -550px -400px;
}

.vpicn.i9_13 {
  background-position: -600px -400px;
}

.vpicn.i9_14 {
  background-position: -650px -400px;
}

.vpicn.i9_15 {
  background-position: -700px -400px;
}

.vpicn.i9_16 {
  background-position: -750px -400px;
}

.vpicn.i9_17 {
  background-position: -800px -400px;
}

.vpicn.i9_18 {
  background-position: -850px -400px;
}

.vpicn.i9_19 {
  background-position: -900px -400px;
}

.vpicn.i9_20 {
  background-position: -950px -400px;
}

.vpicn.i10_1 {
  background-position: 0px -450px;
}

.vpicn.i10_2 {
  background-position: -50px -450px;
}

.vpicn.i10_3 {
  background-position: -100px -450px;
}

.vpicn.i10_4 {
  background-position: -150px -450px;
}

.vpicn.i10_5 {
  background-position: -200px -450px;
}

.vpicn.i10_6 {
  background-position: -250px -450px;
}

.vpicn.i10_7 {
  background-position: -300px -450px;
}

.vpicn.i10_8 {
  background-position: -350px -450px;
}

.vpicn.i10_9 {
  background-position: -400px -450px;
}

.vpicn.i10_10 {
  background-position: -450px -450px;
}

.vpicn.i10_11 {
  background-position: -500px -450px;
}

.vpicn.i10_12 {
  background-position: -550px -450px;
}

.vpicn.i10_13 {
  background-position: -600px -450px;
}

.vpicn.i10_14 {
  background-position: -650px -450px;
}

.vpicn.i10_15 {
  background-position: -700px -450px;
}

.vpicn.i10_16 {
  background-position: -750px -450px;
}

.vpicn.i10_17 {
  background-position: -800px -450px;
}

.vpicn.i10_18 {
  background-position: -850px -450px;
}

.vpicn.i10_19 {
  background-position: -900px -450px;
}

.vpicn.i10_20 {
  background-position: -950px -450px;
}

.vpicn.i11_1 {
  background-position: 0px -500px;
}

.vpicn.i11_2 {
  background-position: -50px -500px;
}

.vpicn.i11_3 {
  background-position: -100px -500px;
}

.vpicn.i11_4 {
  background-position: -150px -500px;
}

.vpicn.i11_5 {
  background-position: -200px -500px;
}

.vpicn.i11_6 {
  background-position: -250px -500px;
}

.vpicn.i11_7 {
  background-position: -300px -500px;
}

.vpicn.i11_8 {
  background-position: -350px -500px;
}

.vpicn.i11_9 {
  background-position: -400px -500px;
}

.vpicn.i11_10 {
  background-position: -450px -500px;
}

.vpicn.i11_11 {
  background-position: -500px -500px;
}

.vpicn.i11_12 {
  background-position: -550px -500px;
}

.vpicn.i11_13 {
  background-position: -600px -500px;
}

.vpicn.i11_14 {
  background-position: -650px -500px;
}

.vpicn.i11_15 {
  background-position: -700px -500px;
}

.vpicn.i11_16 {
  background-position: -750px -500px;
}

.vpicn.i11_17 {
  background-position: -800px -500px;
}

.vpicn.i11_18 {
  background-position: -850px -500px;
}

.vpicn.i11_19 {
  background-position: -900px -500px;
}

.vpicn.i11_20 {
  background-position: -950px -500px;
}

.vpicn.i12_1 {
  background-position: 0px -550px;
}

.vpicn.i12_2 {
  background-position: -50px -550px;
}

.vpicn.i12_3 {
  background-position: -100px -550px;
}

.vpicn.i12_4 {
  background-position: -150px -550px;
}

.vpicn.i12_5 {
  background-position: -200px -550px;
}

.vpicn.i12_6 {
  background-position: -250px -550px;
}

.vpicn.i12_7 {
  background-position: -300px -550px;
}

.vpicn.i12_8 {
  background-position: -350px -550px;
}

.vpicn.i12_9 {
  background-position: -400px -550px;
}

.vpicn.i12_10 {
  background-position: -450px -550px;
}

.vpicn.i12_11 {
  background-position: -500px -550px;
}

.vpicn.i12_12 {
  background-position: -550px -550px;
}

.vpicn.i12_13 {
  background-position: -600px -550px;
}

.vpicn.i12_14 {
  background-position: -650px -550px;
}

.vpicn.i12_15 {
  background-position: -700px -550px;
}

.vpicn.i12_16 {
  background-position: -750px -550px;
}

.vpicn.i12_17 {
  background-position: -800px -550px;
}

.vpicn.i12_18 {
  background-position: -850px -550px;
}

.vpicn.i12_19 {
  background-position: -900px -550px;
}

.vpicn.i12_20 {
  background-position: -950px -550px;
}

.vpicn.i13_1 {
  background-position: 0px -600px;
}

.vpicn.i13_2 {
  background-position: -50px -600px;
}

.vpicn.i13_3 {
  background-position: -100px -600px;
}

.vpicn.i13_4 {
  background-position: -150px -600px;
}

.vpicn.i13_5 {
  background-position: -200px -600px;
}

.vpicn.i13_6 {
  background-position: -250px -600px;
}

.vpicn.i13_7 {
  background-position: -300px -600px;
}

.vpicn.i13_8 {
  background-position: -350px -600px;
}

.vpicn.i13_9 {
  background-position: -400px -600px;
}

.vpicn.i13_10 {
  background-position: -450px -600px;
}

.vpicn.i13_11 {
  background-position: -500px -600px;
}

.vpicn.i13_12 {
  background-position: -550px -600px;
}

.vpicn.i13_13 {
  background-position: -600px -600px;
}

.vpicn.i13_14 {
  background-position: -650px -600px;
}

.vpicn.i13_15 {
  background-position: -700px -600px;
}

.vpicn.i13_16 {
  background-position: -750px -600px;
}

.vpicn.i13_17 {
  background-position: -800px -600px;
}

.vpicn.i13_18 {
  background-position: -850px -600px;
}

.vpicn.i13_19 {
  background-position: -900px -600px;
}

.vpicn.i13_20 {
  background-position: -950px -600px;
}

.vpicn.i14_1 {
  background-position: 0px -650px;
}

.vpicn.i14_2 {
  background-position: -50px -650px;
}

.vpicn.i14_3 {
  background-position: -100px -650px;
}

.vpicn.i14_4 {
  background-position: -150px -650px;
}

.vpicn.i14_5 {
  background-position: -200px -650px;
}

.vpicn.i14_6 {
  background-position: -250px -650px;
}

.vpicn.i14_7 {
  background-position: -300px -650px;
}

.vpicn.i14_8 {
  background-position: -350px -650px;
}

.vpicn.i14_9 {
  background-position: -400px -650px;
}

.vpicn.i14_10 {
  background-position: -450px -650px;
}

.vpicn.i14_11 {
  background-position: -500px -650px;
}

.vpicn.i14_12 {
  background-position: -550px -650px;
}

.vpicn.i14_13 {
  background-position: -600px -650px;
}

.vpicn.i14_14 {
  background-position: -650px -650px;
}

.vpicn.i14_15 {
  background-position: -700px -650px;
}

.vpicn.i14_16 {
  background-position: -750px -650px;
}

.vpicn.i14_17 {
  background-position: -800px -650px;
}

.vpicn.i14_18 {
  background-position: -850px -650px;
}

.vpicn.i14_19 {
  background-position: -900px -650px;
}

.vpicn.i14_20 {
  background-position: -950px -650px;
}

.vpicn.i15_1 {
  background-position: 0px -700px;
}

.vpicn.i15_2 {
  background-position: -50px -700px;
}

.vpicn.i15_3 {
  background-position: -100px -700px;
}

.vpicn.i15_4 {
  background-position: -150px -700px;
}

.vpicn.i15_5 {
  background-position: -200px -700px;
}

.vpicn.i15_6 {
  background-position: -250px -700px;
}

.vpicn.i15_7 {
  background-position: -300px -700px;
}

.vpicn.i15_8 {
  background-position: -350px -700px;
}

.vpicn.i15_9 {
  background-position: -400px -700px;
}

.vpicn.i15_10 {
  background-position: -450px -700px;
}

.vpicn.i15_11 {
  background-position: -500px -700px;
}

.vpicn.i15_12 {
  background-position: -550px -700px;
}

.vpicn.i15_13 {
  background-position: -600px -700px;
}

.vpicn.i15_14 {
  background-position: -650px -700px;
}

.vpicn.i15_15 {
  background-position: -700px -700px;
}

.vpicn.i15_16 {
  background-position: -750px -700px;
}

.vpicn.i15_17 {
  background-position: -800px -700px;
}

.vpicn.i15_18 {
  background-position: -850px -700px;
}

.vpicn.i15_19 {
  background-position: -900px -700px;
}

.vpicn.i15_20 {
  background-position: -950px -700px;
}

.vpicn.i16_1 {
  background-position: 0px -750px;
}

.vpicn.i16_2 {
  background-position: -50px -750px;
}

.vpicn.i16_3 {
  background-position: -100px -750px;
}

.vpicn.i16_4 {
  background-position: -150px -750px;
}

.vpicn.i16_5 {
  background-position: -200px -750px;
}

.vpicn.i16_6 {
  background-position: -250px -750px;
}

.vpicn.i16_7 {
  background-position: -300px -750px;
}

.vpicn.i16_8 {
  background-position: -350px -750px;
}

.vpicn.i16_9 {
  background-position: -400px -750px;
}

.vpicn.i16_10 {
  background-position: -450px -750px;
}

.vpicn.i16_11 {
  background-position: -500px -750px;
}

.vpicn.i16_12 {
  background-position: -550px -750px;
}

.vpicn.i16_13 {
  background-position: -600px -750px;
}

.vpicn.i16_14 {
  background-position: -650px -750px;
}

.vpicn.i16_15 {
  background-position: -700px -750px;
}

.vpicn.i16_16 {
  background-position: -750px -750px;
}

.vpicn.i16_17 {
  background-position: -800px -750px;
}

.vpicn.i16_18 {
  background-position: -850px -750px;
}

.vpicn.i16_19 {
  background-position: -900px -750px;
}

.vpicn.i16_20 {
  background-position: -950px -750px;
}

.vpicn.i17_1 {
  background-position: 0px -800px;
}

.vpicn.i17_2 {
  background-position: -50px -800px;
}

.vpicn.i17_3 {
  background-position: -100px -800px;
}

.vpicn.i17_4 {
  background-position: -150px -800px;
}

.vpicn.i17_5 {
  background-position: -200px -800px;
}

.vpicn.i17_6 {
  background-position: -250px -800px;
}

.vpicn.i17_7 {
  background-position: -300px -800px;
}

.vpicn.i17_8 {
  background-position: -350px -800px;
}

.vpicn.i17_9 {
  background-position: -400px -800px;
}

.vpicn.i17_10 {
  background-position: -450px -800px;
}

.vpicn.i17_11 {
  background-position: -500px -800px;
}

.vpicn.i17_12 {
  background-position: -550px -800px;
}

.vpicn.i17_13 {
  background-position: -600px -800px;
}

.vpicn.i17_14 {
  background-position: -650px -800px;
}

.vpicn.i17_15 {
  background-position: -700px -800px;
}

.vpicn.i17_16 {
  background-position: -750px -800px;
}

.vpicn.i17_17 {
  background-position: -800px -800px;
}

.vpicn.i17_18 {
  background-position: -850px -800px;
}

.vpicn.i17_19 {
  background-position: -900px -800px;
}

.vpicn.i17_20 {
  background-position: -950px -800px;
}

.vpicn.i18_1 {
  background-position: 0px -850px;
}

.vpicn.i18_2 {
  background-position: -50px -850px;
}

.vpicn.i18_3 {
  background-position: -100px -850px;
}

.vpicn.i18_4 {
  background-position: -150px -850px;
}

.vpicn.i18_5 {
  background-position: -200px -850px;
}

.vpicn.i18_6 {
  background-position: -250px -850px;
}

.vpicn.i18_7 {
  background-position: -300px -850px;
}

.vpicn.i18_8 {
  background-position: -350px -850px;
}

.vpicn.i18_9 {
  background-position: -400px -850px;
}

.vpicn.i18_10 {
  background-position: -450px -850px;
}

.vpicn.i18_11 {
  background-position: -500px -850px;
}

.vpicn.i18_12 {
  background-position: -550px -850px;
}

.vpicn.i18_13 {
  background-position: -600px -850px;
}

.vpicn.i18_14 {
  background-position: -650px -850px;
}

.vpicn.i18_15 {
  background-position: -700px -850px;
}

.vpicn.i18_16 {
  background-position: -750px -850px;
}

.vpicn.i18_17 {
  background-position: -800px -850px;
}

.vpicn.i18_18 {
  background-position: -850px -850px;
}

.vpicn.i18_19 {
  background-position: -900px -850px;
}

.vpicn.i18_20 {
  background-position: -950px -850px;
}

.vpicn.i19_1 {
  background-position: 0px -900px;
}

.vpicn.i19_2 {
  background-position: -50px -900px;
}

.vpicn.i19_3 {
  background-position: -100px -900px;
}

.vpicn.i19_4 {
  background-position: -150px -900px;
}

.vpicn.i19_5 {
  background-position: -200px -900px;
}

.vpicn.i19_6 {
  background-position: -250px -900px;
}

.vpicn.i19_7 {
  background-position: -300px -900px;
}

.vpicn.i19_8 {
  background-position: -350px -900px;
}

.vpicn.i19_9 {
  background-position: -400px -900px;
}

.vpicn.i19_10 {
  background-position: -450px -900px;
}

.vpicn.i19_11 {
  background-position: -500px -900px;
}

.vpicn.i19_12 {
  background-position: -550px -900px;
}

.vpicn.i19_13 {
  background-position: -600px -900px;
}

.vpicn.i19_14 {
  background-position: -650px -900px;
}

.vpicn.i19_15 {
  background-position: -700px -900px;
}

.vpicn.i19_16 {
  background-position: -750px -900px;
}

.vpicn.i19_17 {
  background-position: -800px -900px;
}

.vpicn.i19_18 {
  background-position: -850px -900px;
}

.vpicn.i19_19 {
  background-position: -900px -900px;
}

.vpicn.i19_20 {
  background-position: -950px -900px;
}

.vpicn.i20_1 {
  background-position: 0px -950px;
}

.vpicn.i20_2 {
  background-position: -50px -950px;
}

.vpicn.i20_3 {
  background-position: -100px -950px;
}

.vpicn.i20_4 {
  background-position: -150px -950px;
}

.vpicn.i20_5 {
  background-position: -200px -950px;
}

.vpicn.i20_6 {
  background-position: -250px -950px;
}

.vpicn.i20_7 {
  background-position: -300px -950px;
}

.vpicn.i20_8 {
  background-position: -350px -950px;
}

.vpicn.i20_9 {
  background-position: -400px -950px;
}

.vpicn.i20_10 {
  background-position: -450px -950px;
}

.vpicn.i20_11 {
  background-position: -500px -950px;
}

.vpicn.i20_12 {
  background-position: -550px -950px;
}

.vpicn.i20_13 {
  background-position: -600px -950px;
}

.vpicn.i20_14 {
  background-position: -650px -950px;
}

.vpicn.i20_15 {
  background-position: -700px -950px;
}

.vpicn.i20_16 {
  background-position: -750px -950px;
}

.vpicn.i20_17 {
  background-position: -800px -950px;
}

.vpicn.i20_18 {
  background-position: -850px -950px;
}

.vpicn.i20_19 {
  background-position: -900px -950px;
}

.vpicn.i20_20 {
  background-position: -950px -950px;
}

.vpicn.i21_1 {
  background-position: 0px -1000px;
}

.vpicn.i21_2 {
  background-position: -50px -1000px;
}

.vpicn.i21_3 {
  background-position: -100px -1000px;
}

.vpicn.i21_4 {
  background-position: -150px -1000px;
}

.vpicn.i21_5 {
  background-position: -200px -1000px;
}

.vpicn.i21_6 {
  background-position: -250px -1000px;
}

.vpicn.i21_7 {
  background-position: -300px -1000px;
}

.vpicn.i21_8 {
  background-position: -350px -1000px;
}

.vpicn.i21_9 {
  background-position: -400px -1000px;
}

.vpicn.i21_10 {
  background-position: -450px -1000px;
}

.vpicn.i21_11 {
  background-position: -500px -1000px;
}

.vpicn.i21_12 {
  background-position: -550px -1000px;
}

.vpicn.i21_13 {
  background-position: -600px -1000px;
}

.vpicn.i21_14 {
  background-position: -650px -1000px;
}

.vpicn.i21_15 {
  background-position: -700px -1000px;
}

.vpicn.i21_16 {
  background-position: -750px -1000px;
}

.vpicn.i21_17 {
  background-position: -800px -1000px;
}

.vpicn.i21_18 {
  background-position: -850px -1000px;
}

.vpicn.i21_19 {
  background-position: -900px -1000px;
}

.vpicn.i21_20 {
  background-position: -950px -1000px;
}

.vpicn.i22_1 {
  background-position: 0px -1050px;
}

.vpicn.i22_2 {
  background-position: -50px -1050px;
}

.vpicn.i22_3 {
  background-position: -100px -1050px;
}

.vpicn.i22_4 {
  background-position: -150px -1050px;
}

.vpicn.i22_5 {
  background-position: -200px -1050px;
}

.vpicn.i22_6 {
  background-position: -250px -1050px;
}

.vpicn.i22_7 {
  background-position: -300px -1050px;
}

.vpicn.i22_8 {
  background-position: -350px -1050px;
}

.vpicn.i22_9 {
  background-position: -400px -1050px;
}

.vpicn.i22_10 {
  background-position: -450px -1050px;
}

.vpicn.i22_11 {
  background-position: -500px -1050px;
}

.vpicn.i22_12 {
  background-position: -550px -1050px;
}

.vpicn.i22_13 {
  background-position: -600px -1050px;
}

.vpicn.i22_14 {
  background-position: -650px -1050px;
}

.vpicn.i22_15 {
  background-position: -700px -1050px;
}

.vpicn.i22_16 {
  background-position: -750px -1050px;
}

.vpicn.i22_17 {
  background-position: -800px -1050px;
}

.vpicn.i22_18 {
  background-position: -850px -1050px;
}

.vpicn.i22_19 {
  background-position: -900px -1050px;
}

.vpicn.i22_20 {
  background-position: -950px -1050px;
}

.vpicn.i23_1 {
  background-position: 0px -1100px;
}

.vpicn.i23_2 {
  background-position: -50px -1100px;
}

.vpicn.i23_3 {
  background-position: -100px -1100px;
}

.vpicn.i23_4 {
  background-position: -150px -1100px;
}

.vpicn.i23_5 {
  background-position: -200px -1100px;
}

.vpicn.i23_6 {
  background-position: -250px -1100px;
}

.vpicn.i23_7 {
  background-position: -300px -1100px;
}

.vpicn.i23_8 {
  background-position: -350px -1100px;
}

.vpicn.i23_9 {
  background-position: -400px -1100px;
}

.vpicn.i23_10 {
  background-position: -450px -1100px;
}

.vpicn.i23_11 {
  background-position: -500px -1100px;
}

.vpicn.i23_12 {
  background-position: -550px -1100px;
}

.vpicn.i23_13 {
  background-position: -600px -1100px;
}

.vpicn.i23_14 {
  background-position: -650px -1100px;
}

.vpicn.i23_15 {
  background-position: -700px -1100px;
}

.vpicn.i23_16 {
  background-position: -750px -1100px;
}

.vpicn.i23_17 {
  background-position: -800px -1100px;
}

.vpicn.i23_18 {
  background-position: -850px -1100px;
}

.vpicn.i23_19 {
  background-position: -900px -1100px;
}

.vpicn.i23_20 {
  background-position: -950px -1100px;
}

.vpicn.i24_1 {
  background-position: 0px -1150px;
}

.vpicn.i24_2 {
  background-position: -50px -1150px;
}

.vpicn.i24_3 {
  background-position: -100px -1150px;
}

.vpicn.i24_4 {
  background-position: -150px -1150px;
}

.vpicn.i24_5 {
  background-position: -200px -1150px;
}

.vpicn.i24_6 {
  background-position: -250px -1150px;
}

.vpicn.i24_7 {
  background-position: -300px -1150px;
}

.vpicn.i24_8 {
  background-position: -350px -1150px;
}

.vpicn.i24_9 {
  background-position: -400px -1150px;
}

.vpicn.i24_10 {
  background-position: -450px -1150px;
}

.vpicn.i24_11 {
  background-position: -500px -1150px;
}

.vpicn.i24_12 {
  background-position: -550px -1150px;
}

.vpicn.i24_13 {
  background-position: -600px -1150px;
}

.vpicn.i24_14 {
  background-position: -650px -1150px;
}

.vpicn.i24_15 {
  background-position: -700px -1150px;
}

.vpicn.i24_16 {
  background-position: -750px -1150px;
}

.vpicn.i24_17 {
  background-position: -800px -1150px;
}

.vpicn.i24_18 {
  background-position: -850px -1150px;
}

.vpicn.i24_19 {
  background-position: -900px -1150px;
}

.vpicn.i24_20 {
  background-position: -950px -1150px;
}

.vpicn.i25_1 {
  background-position: 0px -1200px;
}

.vpicn.i25_2 {
  background-position: -50px -1200px;
}

.vpicn.i25_3 {
  background-position: -100px -1200px;
}

.vpicn.i25_4 {
  background-position: -150px -1200px;
}

.vpicn.i25_5 {
  background-position: -200px -1200px;
}

.vpicn.i25_6 {
  background-position: -250px -1200px;
}

.vpicn.i25_7 {
  background-position: -300px -1200px;
}

.vpicn.i25_8 {
  background-position: -350px -1200px;
}

.vpicn.i25_9 {
  background-position: -400px -1200px;
}

.vpicn.i25_10 {
  background-position: -450px -1200px;
}

.vpicn.i25_11 {
  background-position: -500px -1200px;
}

.vpicn.i25_12 {
  background-position: -550px -1200px;
}

.vpicn.i25_13 {
  background-position: -600px -1200px;
}

.vpicn.i25_14 {
  background-position: -650px -1200px;
}

.vpicn.i25_15 {
  background-position: -700px -1200px;
}

.vpicn.i25_16 {
  background-position: -750px -1200px;
}

.vpicn.i25_17 {
  background-position: -800px -1200px;
}

.vpicn.i25_18 {
  background-position: -850px -1200px;
}

.vpicn.i25_19 {
  background-position: -900px -1200px;
}

.vpicn.i25_20 {
  background-position: -950px -1200px;
}

.vpicn.i26_1 {
  background-position: 0px -1250px;
}

.vpicn.i26_2 {
  background-position: -50px -1250px;
}

.vpicn.i26_3 {
  background-position: -100px -1250px;
}

.vpicn.i26_4 {
  background-position: -150px -1250px;
}

.vpicn.i26_5 {
  background-position: -200px -1250px;
}

.vpicn.i26_6 {
  background-position: -250px -1250px;
}

.vpicn.i26_7 {
  background-position: -300px -1250px;
}

.vpicn.i26_8 {
  background-position: -350px -1250px;
}

.vpicn.i26_9 {
  background-position: -400px -1250px;
}

.vpicn.i26_10 {
  background-position: -450px -1250px;
}

.vpicn.i26_11 {
  background-position: -500px -1250px;
}

.vpicn.i26_12 {
  background-position: -550px -1250px;
}

.vpicn.i26_13 {
  background-position: -600px -1250px;
}

.vpicn.i26_14 {
  background-position: -650px -1250px;
}

.vpicn.i26_15 {
  background-position: -700px -1250px;
}

.vpicn.i26_16 {
  background-position: -750px -1250px;
}

.vpicn.i26_17 {
  background-position: -800px -1250px;
}

.vpicn.i26_18 {
  background-position: -850px -1250px;
}

.vpicn.i26_19 {
  background-position: -900px -1250px;
}

.vpicn.i26_20 {
  background-position: -950px -1250px;
}

.vpicn.i27_1 {
  background-position: 0px -1300px;
}

.vpicn.i27_2 {
  background-position: -50px -1300px;
}

.vpicn.i27_3 {
  background-position: -100px -1300px;
}

.vpicn.i27_4 {
  background-position: -150px -1300px;
}

.vpicn.i27_5 {
  background-position: -200px -1300px;
}

.vpicn.i27_6 {
  background-position: -250px -1300px;
}

.vpicn.i27_7 {
  background-position: -300px -1300px;
}

.vpicn.i27_8 {
  background-position: -350px -1300px;
}

.vpicn.i27_9 {
  background-position: -400px -1300px;
}

.vpicn.i27_10 {
  background-position: -450px -1300px;
}

.vpicn.i27_11 {
  background-position: -500px -1300px;
}

.vpicn.i27_12 {
  background-position: -550px -1300px;
}

.vpicn.i27_13 {
  background-position: -600px -1300px;
}

.vpicn.i27_14 {
  background-position: -650px -1300px;
}

.vpicn.i27_15 {
  background-position: -700px -1300px;
}

.vpicn.i27_16 {
  background-position: -750px -1300px;
}

.vpicn.i27_17 {
  background-position: -800px -1300px;
}

.vpicn.i27_18 {
  background-position: -850px -1300px;
}

.vpicn.i27_19 {
  background-position: -900px -1300px;
}

.vpicn.i27_20 {
  background-position: -950px -1300px;
}

.vpicn.i28_1 {
  background-position: 0px -1350px;
}

.vpicn.i28_2 {
  background-position: -50px -1350px;
}

.vpicn.i28_3 {
  background-position: -100px -1350px;
}

.vpicn.i28_4 {
  background-position: -150px -1350px;
}

.vpicn.i28_5 {
  background-position: -200px -1350px;
}

.vpicn.i28_6 {
  background-position: -250px -1350px;
}

.vpicn.i28_7 {
  background-position: -300px -1350px;
}

.vpicn.i28_8 {
  background-position: -350px -1350px;
}

.vpicn.i28_9 {
  background-position: -400px -1350px;
}

.vpicn.i28_10 {
  background-position: -450px -1350px;
}

.vpicn.i28_11 {
  background-position: -500px -1350px;
}

.vpicn.i28_12 {
  background-position: -550px -1350px;
}

.vpicn.i28_13 {
  background-position: -600px -1350px;
}

.vpicn.i28_14 {
  background-position: -650px -1350px;
}

.vpicn.i28_15 {
  background-position: -700px -1350px;
}

.vpicn.i28_16 {
  background-position: -750px -1350px;
}

.vpicn.i28_17 {
  background-position: -800px -1350px;
}

.vpicn.i28_18 {
  background-position: -850px -1350px;
}

.vpicn.i28_19 {
  background-position: -900px -1350px;
}

.vpicn.i28_20 {
  background-position: -950px -1350px;
}

.vpicn.i29_1 {
  background-position: 0px -1400px;
}

.vpicn.i29_2 {
  background-position: -50px -1400px;
}

.vpicn.i29_3 {
  background-position: -100px -1400px;
}

.vpicn.i29_4 {
  background-position: -150px -1400px;
}

.vpicn.i29_5 {
  background-position: -200px -1400px;
}

.vpicn.i29_6 {
  background-position: -250px -1400px;
}

.vpicn.i29_7 {
  background-position: -300px -1400px;
}

.vpicn.i29_8 {
  background-position: -350px -1400px;
}

.vpicn.i29_9 {
  background-position: -400px -1400px;
}

.vpicn.i29_10 {
  background-position: -450px -1400px;
}

.vpicn.i29_11 {
  background-position: -500px -1400px;
}

.vpicn.i29_12 {
  background-position: -550px -1400px;
}

.vpicn.i29_13 {
  background-position: -600px -1400px;
}

.vpicn.i29_14 {
  background-position: -650px -1400px;
}

.vpicn.i29_15 {
  background-position: -700px -1400px;
}

.vpicn.i29_16 {
  background-position: -750px -1400px;
}

.vpicn.i29_17 {
  background-position: -800px -1400px;
}

.vpicn.i29_18 {
  background-position: -850px -1400px;
}

.vpicn.i29_19 {
  background-position: -900px -1400px;
}

.vpicn.i29_20 {
  background-position: -950px -1400px;
}

.vpicn.i30_1 {
  background-position: 0px -1450px;
}

.vpicn.i30_2 {
  background-position: -50px -1450px;
}

.vpicn.i30_3 {
  background-position: -100px -1450px;
}

.vpicn.i30_4 {
  background-position: -150px -1450px;
}

.vpicn.i30_5 {
  background-position: -200px -1450px;
}

.vpicn.i30_6 {
  background-position: -250px -1450px;
}

.vpicn.i30_7 {
  background-position: -300px -1450px;
}

.vpicn.i30_8 {
  background-position: -350px -1450px;
}

.vpicn.i30_9 {
  background-position: -400px -1450px;
}

.vpicn.i30_10 {
  background-position: -450px -1450px;
}

.vpicn.i30_11 {
  background-position: -500px -1450px;
}

.vpicn.i30_12 {
  background-position: -550px -1450px;
}

.vpicn.i30_13 {
  background-position: -600px -1450px;
}

.vpicn.i30_14 {
  background-position: -650px -1450px;
}

.vpicn.i30_15 {
  background-position: -700px -1450px;
}

.vpicn.i30_16 {
  background-position: -750px -1450px;
}

.vpicn.i30_17 {
  background-position: -800px -1450px;
}

.vpicn.i30_18 {
  background-position: -850px -1450px;
}

.vpicn.i30_19 {
  background-position: -900px -1450px;
}

.vpicn.i30_20 {
  background-position: -950px -1450px;
}

/* ------------------------------------------------------------------
	VPower Animation-icon (Rev 2016-08-22)
	class="vpanim ia1"
*/
.vpanim {
  width: 50px;
  height: 50px;
  background-image: url(../imgs/vp.iconanim.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin: 0;
  padding: 0;
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  background-size: 900px;
}

.vpanim.ia1 {
  background-position: 0px 0px;
  -webkit-animation: a-vpanim-ia1 2s steps(17) infinite;
          animation: a-vpanim-ia1 2s steps(17) infinite;
}

@-webkit-keyframes a-vpanim-ia1 {
  to {
    background-position: -850px 0;
  }
}

@keyframes a-vpanim-ia1 {
  to {
    background-position: -850px 0;
  }
}
.vpanim.ia1-w {
  background-position: 0px -50px;
  -webkit-animation: a-vpanim-ia1-w 2s steps(17) infinite;
          animation: a-vpanim-ia1-w 2s steps(17) infinite;
}

@-webkit-keyframes a-vpanim-ia1-w {
  to {
    background-position: -850px -50px;
  }
}

@keyframes a-vpanim-ia1-w {
  to {
    background-position: -850px -50px;
  }
}
/* ------------------------------------------------------------------
	VPower logos (Rev 2016-12-22)
	class="vplogo" or class="vplogo vplogo-k" (Black)
*/
.vplogo {
  width: 200px;
  height: 100px;
  background-image: url(../imgs/vp.logos.png?r=170228b);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  -webkit-transform-origin: 0 0 0;
      -ms-transform-origin: 0 0 0;
          transform-origin: 0 0 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  background-size: 1000px 300px;
  margin: 0;
  padding: 0;
}

.vplogo.vplogo-k {
  background-image: url(../imgs/vp.logos_b.png?r=170228b);
}

.vplogo.x1_1 {
  background-position: 0px 0px;
}

.vplogo.x1_2 {
  background-position: -200px 0px;
}

.vplogo.x1_3 {
  background-position: -400px 0px;
}

.vplogo.x1_4 {
  background-position: -600px 0px;
}

.vplogo.x1_5 {
  background-position: -800px 0px;
}

.vplogo.x2_1 {
  background-position: 0px -100px;
}

.vplogo.x2_2 {
  background-position: -200px -100px;
}

.vplogo.x2_3 {
  background-position: -400px -100px;
}

.vplogo.x2_4 {
  background-position: -600px -100px;
}

.vplogo.x2_5 {
  background-position: -800px -100px;
}

.vplogo.x3_1 {
  background-position: 0px -200px;
}

.vplogo.x3_2 {
  background-position: -200px -200px;
}

.vplogo.x3_3 {
  background-position: -400px -200px;
}

.vplogo.x3_4 {
  background-position: -600px -200px;
}

.vplogo.x3_5 {
  background-position: -800px -200px;
}

/* vp.plugin.css Rev 20191127 */
/* ------------------------------------------------------------------
	Common system class
*/
/* Lanauge Support (rev 2015-10-15) ------------------------- */
.vp-ltr p, .vp-ltr blockquote, .vp-ltr h1, .vp-ltr h2, .vp-ltr h3, .vp-ltr h4, .vp-ltr h5, .vp-ltr span {
  direction: ltr;
}

.vp-rtl p, .vp-rtl blockquote, .vp-rtl h1, .vp-rtl h2, .vp-rtl h3, .vp-rtl h4, .vp-rtl h5, .vp-rtl span {
  direction: rtl;
  unicode-bidi: normal;
}

/* Scrollbar "simple" */
.vpg-slim-scrbar *::-webkit-scrollbar {
  overflow: hidden;
  width: 7px;
  background: #efefef;
  border-radius: 3px;
}

.vpg-slim-scrbar *::-webkit-scrollbar:horizontal {
  height: 5px;
}

.vpg-slim-scrbar *::-webkit-scrollbar-button {
  display: none;
}

.vpg-slim-scrbar *::-webkit-scrollbar-piece {
  background: #ddd;
}

.vpg-slim-scrbar *::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.vpg-slim-scrbar *::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 3px;
}

.vpg-slim-scrbar *::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 3px;
}

/* Scrollbar "wide" */
.vpg-wide-scrbar *::-webkit-scrollbar {
  overflow: hidden;
  width: 12px;
  background: #efefef;
  border-radius: 8px;
}

.vpg-wide-scrbar *::-webkit-scrollbar:horizontal {
  height: 5px;
}

.vpg-wide-scrbar *::-webkit-scrollbar-button {
  display: none;
}

.vpg-wide-scrbar *::-webkit-scrollbar-piece {
  background: #ddd;
}

.vpg-wide-scrbar *::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.vpg-wide-scrbar *::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 8px;
}

.vpg-wide-scrbar *::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 8px;
}

/* User Document Content */
.vpg-doc {
  pointer-events: auto;
  -ms-user-select: auto;
      user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
}

.vpg-doc h1 {
  font-size: 1.85rem;
  line-height: 1.2em;
  color: #101010;
  padding: 1.5rem 0 0 0;
  margin: 0;
}

.vpg-doc h1 * {
  font-weight: 700;
}

.vpg-doc div > h1:first-child {
  padding-top: 0;
}

.vpg-doc h2 {
  font-size: 1.55rem;
  color: #222;
  padding: 1.25rem 0 0 0;
  margin: 0;
}

.vpg-doc h2 * {
  font-weight: 700;
}

.vpg-doc h3 {
  font-size: 1.45rem;
  color: #222;
  padding: 1.2rem 0 0 0;
  margin: 0;
}

.vpg-doc h3 * {
  font-weight: 700;
}

.vpg-doc h4 {
  font-size: 1.4rem;
  color: #222;
  padding: 1.2rem 0 0 0;
  margin: 0;
}

.vpg-doc h4 * {
  font-weight: 700;
}

.vpg-doc h5 {
  font-size: 1.4rem;
  color: #333;
  padding: 0 0 0.5rem 0.5rem;
  margin: 1.25rem 0 0 0;
  overflow: hidden;
  border-left: 3px solid #aaa;
  border-bottom: 1px solid #eee;
}

.vpg-doc h5 * {
  font-weight: 700;
}

.vpg-doc p {
  font-size: 1.33rem;
  line-height: 1.45em;
  color: #222;
  padding: 0.75em 0 0 0;
  margin: 0;
}

/* .vpg-doc h1 + p, .vpg-doc h2 + p, .vpg-doc h3 + p, .vpg-doc h4 + p, .vpg-doc h5 + p{ padding-top:0.25em; } */
.vpg-doc img {
  vertical-align: bottom;
  margin: 0.5rem 0;
}

.vpg-doc img.x-wide {
  max-width: 100%;
  height: auto;
  margin: 0.75em 0 0.5em 0;
}

.vpg-doc img.x-bdr,
.vpg-doc img.x-border {
  max-width: 100%;
  height: auto;
  border: 3px solid #b9b9b9;
  margin: 0.75em 0 0.25em 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vpg-doc img.x-half {
  max-width: 50%;
  height: auto;
  margin: 0.75em 25% 0.25em 25%;
}

.vpg-doc img.x-left {
  max-width: 50% !important;
  height: auto;
  float: left;
  margin: 0.5em 0.25em 0 0 !important;
}

.vpg-doc img.x-right {
  max-width: 50% !important;
  height: auto;
  float: right;
  margin: 0.5em 0 0 0.25em !important;
}

.vpg-doc img.x-radius {
  border-radius: 3px;
}

.vpg-doc img:not(.x-left):not(.x-right) + p {
  padding-top: 0.25em;
}

.vpg-doc *:not(img) + p {
  clear: both;
}

.vpg-doc h1 + img:not(.x-left):not(.x-right), .vpg-doc h2 + img:not(.x-left):not(.x-right),
.vpg-doc h3 + img:not(.x-left):not(.x-right), .vpg-doc h4 + img:not(.x-left):not(.x-right), .vpg-doc h5 + img:not(.x-left):not(.x-right) {
  margin-top: 1.2em;
}

.vpg-doc .x-clear {
  clear: both;
}

.vpg-doc hr {
  clear: both;
  border-width: 1px;
  border-style: solid none none;
  border-color: #ccc;
  margin: 0.5em 0 0.75em 0;
}

/* ? */
.vpg-doc p.x-subtitle {
  font-size: 1.3rem;
  border-left: 2px solid #91a3c4;
  padding: 0.25em 0 0.25em 0.8em;
  margin: 1em 0;
  color: #6d7e9e;
  line-height: 1.55em;
}

.vpg-doc .x-txt-c {
  text-align: center;
}

.vpg-doc .x-txt-r {
  text-align: right;
}

.vpg-doc ul {
  list-style-image: none;
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 1.5em;
  margin: 1rem 0 0 0;
}

.vpg-doc ol {
  list-style-image: none;
  list-style-type: decimal;
  list-style-position: outside;
  padding-left: 2em;
  margin: 1rem 0 0 0;
}

.vpg-doc ul > li,
.vpg-doc ol > li {
  font-size: 1.1rem;
  line-height: 1.3em;
  color: #222;
  margin: 0.85em 0 0 0;
  padding: 0;
}

.vpg-doc img.x-inprv {
  width: 100%;
  height: auto;
  margin: 0;
}

/* table */
.vpg-doc table {
  display: table;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 0px;
  margin: 0.5em 0 1em 0;
}

.vpg-doc table td,
.vpg-doc table th {
  display: table-cell;
  vertical-align: inherit;
  text-align: left;
  font-size: 1.2rem;
  line-height: 1.3em;
  color: #222;
  padding: 0.5em;
}

.vpg-doc table th {
  color: #4a0000;
  background-color: #ffe3e3;
}

.vpg-doc table thead th {
  color: #fff;
  background-color: #ca2020;
}

/* 横幅 */
.vpg-doc table.x-wide {
  width: 100%;
}

/* 罫線つき */
.vpg-doc table.x-bdr tr,
.vpg-doc table.x-bdr th,
.vpg-doc table.x-bdr td,
.vpg-doc table.x-border tr,
.vpg-doc table.x-border th,
.vpg-doc table.x-border td {
  border: 1px solid #ccc;
}

/* セルオプション */
.vpg-doc th.x-nrp,
.vpg-doc td.x-nrp,
.vpg-doc th.x-nwp,
.vpg-doc td.x-nwp,
.vpg-doc th.x-nowrap,
.vpg-doc td.x-nowrap {
  white-space: nowrap;
}

/* 最初の上マージンをなくす */
.vpg-doc p:first-child, .vpg-doc table:first-child, .vpg-doc h1:first-child, .vpg-doc h2:first-child, .vpg-doc h3:first-child, .vpg-doc h4:first-child, .vpg-doc h5:first-child {
  margin-top: 0;
}

/* ------------------------------------------------------------------
	(vp.uti.progressbar.classProgressbar)
*/
.vpu-pbb-mask {
  display: none;
  opacity: 0;
  pointer-events: none;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  background-color: transparent;
}

.vpu-pbar {
  display: none;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 40px;
  height: 45px;
  margin: -23px 0 0 -20px;
  background: transparent url(../imgs/vp.prog01.png) no-repeat 0px 0px;
  background-size: 400px 40px;
  -webkit-animation: k-vpu-pb-move 0.5s steps(9) infinite;
          animation: k-vpu-pb-move 0.5s steps(9) infinite;
  -webkit-transform-origin: 50% 50% 0;
      -ms-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);
          transform: scale(1.5);
}

@-webkit-keyframes k-vpu-pb-move {
  to {
    background-position: -360px 0px;
  }
}

@keyframes k-vpu-pb-move {
  to {
    background-position: -360px 0px;
  }
}
.vpu-pbar > .x-bar {
  display: none;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  width: 40px;
  height: 2px;
  margin: 43px 0 0 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
          box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
  opacity: 1;
}

.vpu-pbar > .x-bar > .x-inbar {
  overflow: hidden;
  pointer-events: none;
  width: 0px;
  height: 2px;
  margin: 0;
  background-color: #fff;
  -webkit-animation: k-vpu-pb-bar 0.25s linear infinite alternate;
          animation: k-vpu-pb-bar 0.25s linear infinite alternate;
  -webkit-transition: width 0.25s ease-in-out;
  -o-transition: width 0.25s ease-in-out;
  transition: width 0.25s ease-in-out;
}

@-webkit-keyframes k-vpu-pb-bar {
  to {
    opacity: 0.75;
  }
}

@keyframes k-vpu-pb-bar {
  to {
    opacity: 0.75;
  }
}
/* ------------------------------------------------------------------
	(plugin) Debugger

	Parent layer : containers.overlay
*/
.vpg-dbgr-container {
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vpg-dbgr-gridctr {
  z-index: 2;
  overflow: hidden;
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vpg-dbgr-gridctr > .x-v {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  border-right: 1px dotted rgba(0, 200, 0, 0.8);
}

.vpg-dbgr-gridctr > .x-h {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  border-top: 1px dotted rgba(0, 200, 0, 0.8);
}

.vpg-dbgr-gridvsn {
  z-index: 2;
  overflow: hidden;
  display: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.vpg-dbgr-gridvsn > * {
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  text-shadow: 0 1px 0 #fff;
  font-size: 1.1rem;
}

.vpg-dbgr-gridvsn > .x-f {
  border: 1px solid #009600;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 150, 0, 0.8);
}

.vpg-dbgr-gridvsn > .x-s {
  border: 1px solid rgba(0, 200, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(0, 200, 0, 0.8);
}

.vpg-dbgr-gridvsn > .x-i {
  border: 1px solid rgba(200, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: rgba(200, 0, 0, 0.8);
}

.vpg-dbgr-resolution {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: 60px;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 160px;
  height: 20px;
  margin: 0 0 0 -80px;
  padding: 0;
  background: rgba(25, 110, 86, 0.5);
  color: #fff;
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
}

.vpg-dbgr-status {
  pointer-events: none;
  z-index: 2;
  position: absolute;
  top: auto;
  left: 50%;
  right: auto;
  bottom: 60px;
  width: 540px;
  height: 58px;
  margin: 0 0 0 -270px;
  padding: 0;
}

.vpg-dbgr-status > .x-mn {
  font-size: 1rem;
  letter-spacing: 1px;
  line-height: 16px;
  text-align: center;
  position: absolute;
  pointer-events: auto;
  color: #fff;
  text-shadow: 0 1px 0 #000;
  background: rgba(0, 0, 0, 0.8) none;
  border-radius: 3px;
  margin: 0;
  padding: 0;
}

.vpg-dbgr-status .vpg-dbgr-status-scn {
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 265px;
  height: 16px;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
}

.vpg-dbgr-status .vpg-dbgr-status-vmode {
  top: 0px;
  left: auto;
  right: 0px;
  bottom: auto;
  width: 270px;
  height: 16px;
}

.vpg-dbgr-status .vpg-dbgr-status-view {
  top: 21px;
  left: 0;
  right: auto;
  bottom: auto;
  width: 230px;
  height: 16px;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
}

.vpg-dbgr-status .vpg-dbgr-status-fratio {
  top: 42px;
  left: 0;
  right: auto;
  bottom: auto;
  width: 230px;
  height: 16px;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
}

.vpg-dbgr-status .vpg-dbgr-status-diff {
  top: 63px;
  left: 0;
  right: auto;
  bottom: auto;
  width: 230px;
  height: 16px;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
}

.vpg-dbgr-status .vpg-dbgr-status-res {
  top: 21px;
  left: 235px;
  right: auto;
  bottom: auto;
  width: 80px;
  height: 16px;
}

.vpg-dbgr-status .vpg-dbgr-status-fps {
  top: 21px;
  left: 320px;
  right: auto;
  bottom: auto;
  width: 65px;
  height: 16px;
}

.vpg-dbgr-status .vpg-dbgr-status-video {
  top: 85px;
  left: 0px;
  right: 0px;
  bottom: auto;
  width: auto;
  height: 16px;
}

.vpg-dbgr-status .vpg-dbgr-status-point {
  top: 21px;
  left: 390px;
  right: auto;
  bottom: auto;
  width: 150px;
  height: 16px;
  -ms-user-select: text;
      user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
}

.vpg-dbgr-status .vpg-dbgr-status-vdata {
  top: 42px;
  left: auto;
  right: 0px;
  bottom: auto;
  width: 305px;
  height: 16px;
}

/* ------------------------------------------------------------------
	(plugin) Ver info

	<layer class="vpg-verinf pos-l">
		<div class="x-ctrls"><vpicn></div>
		<div class="x-cont">
			<div class="x-bs"> Your contents </div>
		</div>
	</layer>
*/
.vpg-verinf a:link {
  color: #fff0f0;
  text-decoration: underline;
}

.vpg-verinf a:visited {
  color: #fff0f0;
  text-decoration: underline;
}

.vpg-verinf a:hover {
  color: #fff0f0;
  text-decoration: underline;
}

/* default */
.vpg-verinf-container {
  position: absolute;
  overflow: hidden;
  z-index: 20;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 250px;
  height: 300px;
  margin: -150px 0 0 -125px;
  padding: 0;
  pointer-events: auto;
  -webkit-box-shadow: 0 0 20px #000;
          box-shadow: 0 0 20px #000;
  background: #222;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #555;
}

.vpg-verinf, .vpg-verinf > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-verinf {
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-verinf.x-closed {
  height: 1%;
  opacity: 0;
}

.vpg-verinf > .x-ctrls {
  overflow: hidden;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: 30px;
  background-color: #da0000;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-verinf > .x-ctrls.h {
  background-color: #ff0000;
}

.vpg-verinf > .x-ctrls > .vpicn {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: 100% 0%;
      -ms-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  pointer-events: auto;
  cursor: pointer;
}

.vpg-verinf > .x-ctrls > p {
  position: absolute;
  top: 0;
  left: 0;
  right: 30px;
  bottom: 0;
  height: 30px;
  line-height: 30px;
  font-size: 1.2rem;
  color: #f0f0f0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-verinf > .x-cont {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  width: auto;
  height: auto;
  pointer-events: auto;
}

.vpg-verinf > .x-cont > .x-bs {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

.vpg-verinf p {
  padding: 0 10px 15px 10px;
  margin: 0;
  font-size: 0.9rem;
  line-height: 1.3em;
}

.vpg-verinf p.x-v1 {
  font-size: 1.2rem;
  padding: 15px 10px 10px 10px;
}

.vpg-verinf p.x-a {
  font-weight: 700;
  color: #eee;
  padding: 0 10px;
}

.vpg-verinf p.x-a * {
  font-weight: 700;
}

.vpg-verinf p.x-u {
  padding: 0 10px 5px 10px;
}

.vpg-verinf .x-trd {
  text-align: center;
  overflow: hidden;
  margin: 10px 10px 0 10px;
}

.vpg-verinf .x-trd img {
  width: 100%;
  height: auto;
  margin: 0 auto;
}

/* ------------------------------------------------------------------
	(plugin) DynamicSpot

	Parent layer : containers.overlay
*/
.vpg-dspot-canvas {
  z-index: 1;
  position: absolute;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
  cursor: default;
  overflow: hidden;
}

.vpg-dspot-hdlr {
  z-index: 2;
  position: absolute;
  display: block;
  opacity: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: auto;
  cursor: default;
  -webkit-animation: k-vpg-dspot-hdlr 0.5s ease infinite alternate;
          animation: k-vpg-dspot-hdlr 0.5s ease infinite alternate;
}

.vpg-dspot-hdlr > div {
  position: absolute;
  display: none;
  visibility: visible;
  pointer-events: auto;
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-animation: k-vpg-dspot-hdlr-boxs 0.5s linear infinite alternate;
          animation: k-vpg-dspot-hdlr-boxs 0.5s linear infinite alternate;
  opacity: 0.5;
  border: 1px dotted #fa0000;
}

.vpg-dspot-debugview {
  z-index: 2;
  position: absolute;
  display: block;
  top: 60px;
  left: 5px;
  right: auto;
  bottom: auto;
  width: auto;
  max-width: 50%;
  height: auto;
  margin: 0;
  padding: 5px 5px 5px 5px;
  background: rgba(0, 0, 0, 0.6);
  pointer-events: none;
  cursor: default;
  color: #fff;
  font-size: 7px;
  line-height: 1.25em;
  border-radius: 3px;
}
.vpg-dspot-debugview.is_hide {
  display: none;
}

.vpg-dspot-progress {
  z-index: 10;
  position: absolute;
  display: block;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  top: 60px;
  left: 0px;
  right: auto;
  bottom: auto;
  border-radius: 0 4px 4px 0;
  width: 90px;
  height: 25px;
  background: rgba(255, 255, 255, 0.8);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
          box-shadow: 0 0 4px rgba(0, 0, 0, 0.4);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}
.vpg-dspot-progress .x-barcontainer {
  position: absolute;
  display: block;
  top: 5px;
  left: 5px;
  right: 5px;
  bottom: auto;
  overflow: hidden;
  width: 80px;
  height: 2px;
}
.vpg-dspot-progress .x-barcontainer .x-bar {
  position: relative;
  width: 100%;
  height: 2px;
  margin: 0;
  background-color: #5a8013;
}
.vpg-dspot-progress .x-text {
  position: absolute;
  top: 11px;
  left: 6px;
  right: 6px;
  bottom: auto;
  height: 10px;
  padding: 0;
  margin: 0;
  font-size: 9.5px;
  color: #3e4c24;
  text-align: right;
  line-height: 10px;
}
.vpg-dspot-progress.is_hide {
  opacity: 0.5;
  margin-left: -90px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

@-webkit-keyframes k-vpg-dspot-hdlr-boxs {
  0% {
    border-color: #ff0000;
  }
  100% {
    border-color: #000;
  }
}

@keyframes k-vpg-dspot-hdlr-boxs {
  0% {
    border-color: #ff0000;
  }
  100% {
    border-color: #000;
  }
}
.vpg-dspot-fcon-flash {
  -webkit-animation: k-pg-dspot-fcon-flash 0.5s linear infinite alternate;
          animation: k-pg-dspot-fcon-flash 0.5s linear infinite alternate;
}

.vpg-dspot-fcon-flash .vpicn {
  opacity: 1 !important;
}

@-webkit-keyframes k-pg-dspot-fcon-flash {
  0% {
    background-color: #222;
  }
  100% {
    background-color: #822;
  }
}

@keyframes k-pg-dspot-fcon-flash {
  0% {
    background-color: #222;
  }
  100% {
    background-color: #822;
  }
}
/* ------------------------------------------------------------------
	(plugin) Direction Control

	Parent layer : containers.overlay
*/
.vpg-drc {
  z-index: 4;
  position: absolute;
  display: block;
  opacity: 0;
  pointer-events: none;
  cursor: default;
  width: 40px;
  height: 60px;
  margin: -30px 0 0 0;
  background: rgba(34, 105, 163, 0.95);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-drc.x-r {
  top: 45%;
  left: auto;
  right: 0;
  bottom: auto;
  border-radius: 3px 0 0 3px;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.vpg-drc.x-l {
  top: 45%;
  left: 0;
  right: auto;
  bottom: auto;
  border-radius: 0 3px 3px 0;
  -webkit-transform-origin: 0px 50%;
      -ms-transform-origin: 0px 50%;
          transform-origin: 0px 50%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.vpg-drc.x-l .vpicn,
.vpg-drc.x-r .vpicn {
  position: absolute;
  width: 50px;
  height: 50px;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  pointer-events: none;
  margin: -25px 0 0 -25px;
}

@media screen and (min-height: 0px) and (max-height: 650px) {
  .vpg-drc.x-r {
    top: 30%;
  }

  .vpg-drc.x-l {
    top: 30%;
  }
}
@media screen and (min-height: 0px) and (max-height: 520px) {
  .vpg-drc.x-r {
    top: 26%;
  }

  .vpg-drc.x-l {
    top: 26%;
  }
}
@media screen and (min-device-width: 768px) {
  /* iPad, iPad mini, iPad Pro */
  .dev-touch .vpg-drc {
    width: 60px;
    height: 80px;
    margin: -40px 0 0 0;
  }
}
.vpg-drc.x-l .vpicn.x-hov,
.vpg-drc.x-r .vpicn.x-hov {
  display: none;
}

.vpg-drc.x-l.x-on,
.vpg-drc.x-r.x-on {
  pointer-events: auto;
  cursor: pointer;
  opacity: 1;
}

.vpg-drc.x-l.x-on.h,
.vpg-drc.x-r.x-on.h {
  background-color: #c8d9e8;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.5);
}

.vpg-drc.x-l.x-on.h .vpicn.x-hov,
.vpg-drc.x-r.x-on.h .vpicn.x-hov {
  display: block;
}

.vpg-drc.x-l.x-on.h .vpicn.x-nohov,
.vpg-drc.x-r.x-on.h .vpicn.x-nohov {
  display: none;
}

/* 常に非表示（読込中など） */
.vpg-drc.x-r.x-off {
  right: -50px;
  pointer-events: none;
  cursor: default;
  opacity: 0 !important;
}

.vpg-drc.x-l.x-off {
  left: -50px;
  pointer-events: none;
  cursor: default;
  opacity: 0 !important;
}

/* ------------------------------------------------------------------
	(plugin) DOM Layer

	Parent layer : containers.overlay
*/
.vpg-doml {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  z-index: 2;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}

.vpg-doml-debugmon {
  z-index: 2;
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  width: auto;
  max-width: 50%;
  height: auto;
  margin: 60px 0 0 0;
  padding: 5px 5px 5px 20px;
  background: rgba(0, 0, 0, 0.5);
  pointer-events: none;
  cursor: default;
  color: #fff;
  font-size: 1rem;
}

/* ------------------------------------------------------------------
	(plugin) Content Frame

	<layer class="vpg-ctfr pos-l">
		<div class="x-ctrls"><vpicn></div>
		<div class="x-cont">
			<div class="x-bs"> Your contents </div>
		</div>
	</layer>
*/
/* default */
.vpg-ctfr, .vpg-ctfr > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-ctfr {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-ctfr.x-closed {
  width: 1%;
  opacity: 0;
}

.vpg-ctfr > .x-ctrls {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: auto;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: auto;
  background-color: #252525;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: auto;
  cursor: pointer;
}

.vpg-ctfr > .x-ctrls > .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  pointer-events: auto;
  cursor: pointer;
}

.vpg-ctfr > .x-ctrls.h {
  background-color: #505050;
}

.vpr-tab.vpr-portrait .vpg-ctfr {
  top: 30%;
  height: 70%;
}

.xp-f .vpg-ctfr > .x-ctrls {
  right: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dev-touch .vpg-ctfr > .x-ctrls {
  width: 40px;
}

.dev-touch .vpg-ctfr > .x-ctrls > .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-ctfr > .x-cont {
  overflow: hidden;
  width: auto;
  height: 100%;
  margin: 0 35px 0 0;
  border-width: 1px 1px 1px 0px;
  border-style: solid solid solid none;
  border-color: #252525;
  background-color: rgba(255, 255, 255, 0.85);
  pointer-events: auto;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.vpg-ctfr.x-closed > .x-cont {
  opacity: 0;
}

.vpg-ctfr > .x-cont > .x-bs {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

.xp-f .vpg-ctfr > .x-cont {
  margin: 0 30px 0 0;
  background-color: #fff;
}

.dev-touch .vpg-ctfr > .x-cont {
  margin: 0 45px 0 0;
}

.dev-touch .xp-f .vpg-ctfr > .x-cont {
  margin: 0 40px 0 0;
}

/* ------------------------------------------------------------------
	(plugin) Sound Player

	<layer class="vpg-spp pos-l">
		<div class="x-ctrls"><vpicn></div>
		<div class="x-cont">
			<div class="x-items">
				<div class="x-itm x-lib">
				<div class="x-itm x-snd">
				<div class="x-itm x-snd">
			</div>
		</div>
	</layer>
*/
/* default */
.vpg-spp, .vpg-spp > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-spp {
  overflow: hidden;
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-spp.x-closed {
  width: 1%;
  opacity: 0;
}

.vpg-spp .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.dev-touch .vpg-spp .vpicn,
.xp-f .vpg-spp .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/* control bar */
.vpg-spp > .x-ctrls {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: auto;
  right: 5px;
  bottom: 0;
  width: 30px;
  height: auto;
  background-color: #222;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  pointer-events: auto;
  cursor: pointer;
}

.vpg-spp > .x-ctrls > .vpicn {
  pointer-events: auto;
  cursor: pointer;
}

.vpg-spp > .x-ctrls.h {
  background-color: #505050;
}

.xp-f .vpg-spp > .x-ctrls {
  right: 0px;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.xp-f .vpg-spp > .x-ctrls,
.dev-touch .vpg-spp > .x-ctrls {
  width: 40px;
}

/* contents */
.vpg-spp > .x-cont {
  overflow: hidden;
  width: auto;
  height: 100%;
  margin: 0 35px 0 0;
  background-color: #3f3f3f;
  pointer-events: auto;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.vpg-spp.x-closed > .x-cont {
  opacity: 0;
}

.vpg-spp > .x-cont > .x-items {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

.dev-touch .vpg-spp > .x-cont {
  margin: 0 45px 0 0;
}

.xp-f .vpg-spp > .x-cont {
  margin: 0 40px 0 0;
}

/* sound items */
.vpg-spp .x-items .x-itm {
  overflow: hidden;
  position: relative;
  height: 30px;
  margin: 0px 2px 2px 2px;
  padding: 0;
  background-color: transparent;
}

.vpg-spp .x-items .x-itm > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-spp .x-items .x-itm > p {
  overflow: hidden;
  margin: 0 0 0 30px;
  padding: 0 10px 0 0;
  color: #222;
  font-size: 1.2rem;
  line-height: 30px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-spp .x-items .x-itm:first-child {
  margin-top: 2px;
}

.vpg-spp .x-items .x-itm.x-title {
  height: 35px;
}

.vpg-spp .x-items .x-itm.x-title > .x-muteicn.vpicn {
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  cursor: pointer;
}

.vpg-spp .x-items .x-itm.x-title > .x-stopicn.vpicn {
  position: absolute;
  top: 0;
  right: 35px;
  left: auto;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  cursor: pointer;
}

.vpg-spp .x-items .x-itm.x-title > p {
  overflow: hidden;
  margin: 0 35px 0 0;
  padding: 0 0 0 10px;
  color: #fff;
  font-size: 1.35rem;
  line-height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-spp .x-items .x-itm.x-lib {
  color: #fff;
  font-size: 1.2rem;
  line-height: 30px;
  padding: 0 10px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-spp .x-items .x-itm.x-snd {
  cursor: pointer;
  background-color: #f0f0f0;
  border-radius: 3px;
}

.vpg-spp .x-items .x-itm.x-snd.h {
  background-color: #ccc;
}

.vpg-spp .x-items .x-itm.x-is-play,
.vpg-spp .x-items .x-itm.x-is-pause {
  background-color: #4a4a4a;
  -webkit-animation: k-vpg-spp-itm 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate;
          animation: k-vpg-spp-itm 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) infinite alternate;
}

.vpg-spp .x-items .x-itm.x-is-play > p,
.vpg-spp .x-items .x-itm.x-is-pause > p {
  color: #fff;
}

.xp-f .vpg-spp .x-items .x-itm,
.dev-touch .vpg-spp .x-items .x-itm {
  height: 40px;
}

.xp-f .vpg-spp .x-items .x-itm > p,
.dev-touch .vpg-spp .x-items .x-itm > p {
  height: 40px;
  line-height: 40px;
  margin: 0 0 0 40px;
}

.xp-f .vpg-spp .x-items .x-itm.x-title,
.dev-touch .vpg-spp .x-items .x-itm.x-title {
  height: 40px;
}

.xp-f .vpg-spp .x-items .x-itm.x-title > p,
.dev-touch .vpg-spp .x-items .x-itm.x-title > p {
  height: 40px;
  line-height: 40px;
  margin: 0 40px 0 0;
}

.xp-f .vpg-spp .x-items .x-itm.x-title > .x-muteicn.vpicn,
.dev-touch .vpg-spp .x-items .x-itm.x-title > .x-muteicn.vpicn,
.xp-f .vpg-spp .x-items .x-itm.x-title > .x-stopicn.vpicn,
.dev-touch .vpg-spp .x-items .x-itm.x-title > .x-stopicn.vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

@-webkit-keyframes k-vpg-spp-itm {
  to {
    background-color: #777;
  }
}

@keyframes k-vpg-spp-itm {
  to {
    background-color: #777;
  }
}
/* ------------------------------------------------------------------
	(plugin) Media Box

	Parent layer : containers.overlay
*/
.vpg-mbox-mask {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-mbox-mask.x-disable {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}

.vpg-mbox-prog {
  display: block;
  opacity: 1;
  z-index: 2;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 40px;
  height: 40px;
  margin: -20px 0 0 -20px;
  background: transparent url(../imgs/vp.prog02.png) no-repeat 0px 0px;
  background-size: 400px 40px;
  -webkit-animation: k-vpg-mbox-prog 0.5s steps(9) infinite;
          animation: k-vpg-mbox-prog 0.5s steps(9) infinite;
  -webkit-transform-origin: 50% 50% 0;
      -ms-transform-origin: 50% 50% 0;
          transform-origin: 50% 50% 0;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-mbox-prog.x-disable {
  display: none;
  opacity: 0;
}

@-webkit-keyframes k-vpg-mbox-prog {
  to {
    background-position: -360px 0px;
  }
}

@keyframes k-vpg-mbox-prog {
  to {
    background-position: -360px 0px;
  }
}
.vpg-mbox {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-mbox > .x-bs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vpg-mbox .x-mitem {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.33s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-mbox .x-mitem.x-show {
  opacity: 1;
}

.vpg-mbox .x-mitem .x-closelabel {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: auto;
  left: 10px;
  right: auto;
  bottom: 10px;
  width: 35px;
  height: 35px;
  background-color: transparent;
  pointer-events: none;
}

.vpg-mbox .x-mitem .x-closelabel .vpicn {
  pointer-events: none;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-mbox .x-mitem .x-closer {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: -35px;
  left: 0;
  right: auto;
  bottom: auto;
  width: 35px;
  height: 35px;
  background-color: #fdfdfd;
  pointer-events: none;
}

.vpg-mbox .x-mitem .x-closer .vpicn {
  pointer-events: none;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

/* (mode = full) */
.vpg-mbox .x-mitem.layout-full {
  pointer-events: none;
  overflow: hidden;
}

.vpg-mbox .x-mitem.layout-full video {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  background-color: transparent;
  opacity: 0;
  -webkit-transition: opacity 1.2s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 1.2s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 1.2s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-mbox .x-mitem.layout-full video.x-show {
  opacity: 1;
}

.vpg-mbox .x-mitem.layout-full .x-blackfx {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../imgs/movie_over_blackline1pix.png) repeat left top;
  pointer-events: none;
}

.vpg-mbox .x-mitem.layout-full .x-whitefx {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent url(../imgs/movie_over_whiteline1pix.png) repeat left top;
  pointer-events: none;
}

/* (mode = box) */
.vpg-mbox .x-mitem.layout-box {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  pointer-events: none;
  background-color: #222;
}

.vpg-mbox .x-mitem.layout-box > .x-bs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-hdr {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 35px;
  margin: 0;
  padding: 0;
  pointer-events: none;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-hdr .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  pointer-events: none;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-hdr p {
  margin: 0;
  padding: 0 10px 0 35px;
  font-size: 1.2rem;
  line-height: 35px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-vtr {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-vtr video {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: auto;
  background-color: transparent;
  opacity: 1;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-pic {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  background-position: center center;
  background-repeat: no-repeat;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-pic p {
  position: absolute;
  display: block;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  color: #fdfdfd;
  padding: 15px;
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.35em;
  pointer-events: none;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-pic p.x-hide {
  display: none;
}

.vpg-mbox .x-mitem.layout-box > .x-bs .x-m-pic.x-has-desc {
  cursor: pointer;
}

/* (mode = window) */
.vpg-mbox .x-mitem.layout-window {
  position: absolute;
  overflow: hidden;
  background-color: transparent;
}

.xp-f .vpg-mbox .x-mitem .x-closelabel {
  bottom: 60px;
}

/* ------------------------------------------------------------------
	(plugin) Media Viewer

	Parent layer : containers.overlay
*/
/*
<vp-mview>
	<x-title />
	<x-base>
		<x-media />
	</x-base>
</vp-mview>
*/
.vpg-mview-mask {
  pointer-events: auto;
  cursor: pointer;
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
}

.vp-mview {
  pointer-events: none;
  overflow: hidden;
  z-index: 51;
  position: absolute;
  top: 50%;
  left: 50%;
  right: auto;
  bottom: auto;
  width: 50px;
  height: 50px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vp-mview > .x-title {
  width: 100%;
  height: 25px;
  overflow: hidden;
  font-size: 1rem;
  line-height: 25px;
  color: #fff;
  text-shadow: 0 0 1px #000;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vp-mview > .x-base {
  pointer-events: auto;
  cursor: pointer;
  overflow: hidden;
  z-index: 52;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #fff;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

.vp-mview.x-showed > .x-base {
  -webkit-box-shadow: 0 1px 12px #000;
          box-shadow: 0 1px 12px #000;
}

/* Media DOM-Base */
.vp-mview > .x-base .x-media {
  pointer-events: auto;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

/* (media DOM) Picture */
.vp-mview > .x-base .x-picture {
  cursor: pointer;
  background-color: #000;
  background-image: none;
  background-color: transparent;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 0;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -o-transition-property: opacity, transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.2s;
       -o-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

.vp-mview.x-showed > .x-base .x-picture {
  opacity: 1;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* Description */
.vp-mview > .x-base .x-picture .x-desc {
  position: absolute;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto;
  min-height: 20px;
  max-height: 25%;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.vp-mview.x-showed > .x-base .x-picture .x-desc {
  display: block;
}

.vp-mview > .x-base .x-picture .x-desc p {
  margin: 0;
  padding: 10px;
  line-height: 1.5em;
  font-size: 1rem;
  color: #fff;
}

/* (media DOM ) Video */
.vp-mview > .x-base .x-video {
  opacity: 0;
  background-color: #000;
  -webkit-transition-property: -webkit-box-shadow;
  transition-property: -webkit-box-shadow;
  -o-transition-property: box-shadow;
  transition-property: box-shadow;
  transition-property: box-shadow, -webkit-box-shadow;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.3s;
       -o-transition-duration: 0.3s;
          transition-duration: 0.3s;
  -webkit-transition-timing-function: linear;
       -o-transition-timing-function: linear;
          transition-timing-function: linear;
}

.vp-mview.x-showed > .x-base .x-video {
  opacity: 1;
}

.vp-mview > .x-base .x-video video {
  width: 100%;
  height: 100%;
  position: relative;
  pointer-events: auto;
  margin: 0;
  padding: 0;
}

/* Description */
.vp-mview > .x-base .x-video .x-desc {
  position: absolute;
  display: none;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  height: auto;
  min-height: 20px;
  max-height: 25%;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.vp-mview.x-showed > .x-base .x-video .x-desc {
  display: block;
}

.vp-mview > .x-base .x-video .x-desc p {
  margin: 0;
  padding: 10px;
  line-height: 1.5em;
  font-size: 1rem;
  color: #fff;
}

/* ------------------------------------------------------------------
	(plugin) Navi Header

	Parent layer : containers.basiccanvas
*/
.vp-nvh {
  float: left;
  display: block;
  overflow: hidden;
  position: relative;
  pointer-events: auto;
  background: rgba(0, 0, 0, 0.35);
  width: auto;
  max-width: 100%;
  height: 40px;
  margin: 0;
  padding: 0;
  opacity: 1;
  white-space: nowrap;
  -webkit-transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vp-nvh.x-close {
  opacity: 0;
  margin-top: -40px;
}

.vp-nvh .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vp-nvh .vpicn.h {
  background-color: #142f4d;
}

.vpr-mob .vp-nvh {
  width: 100%;
  height: 50px;
}

.vpr-mob .vp-nvh.x-close {
  margin-top: -50px;
}

.vpr-mob .vp-nvh .vpicn {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

/* (open) buttons */
.vp-nvh .x-ham {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

/* (close) opener */
.vp-nvh-opener {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99), background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99), background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: margin-top 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99), background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vp-nvh-opener.h {
  background-color: #142f4d;
}

.vp-nvh-opener.x-hideopener {
  opacity: 0;
  margin-top: -35px;
}

.dev-touch .vp-nvh-opener {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.dev-touch .vp-nvh-opener.x-hideopener {
  margin-top: -40px;
}

.vpr-mob .vp-nvh-opener {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.vpr-mob .vp-nvh-opener.x-hideopener {
  margin-top: -50px;
}

/* (icons) */
.vp-nvh .x-icons {
  position: relative;
  overflow: hidden;
  float: left;
  width: auto;
  height: 40px;
  margin: 0 0 0 40px;
}

.vp-nvh .x-icons .vpicn {
  float: left;
  margin: 0;
  padding: 0;
  margin-right: -10px;
  -webkit-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vp-nvh .x-icons .vpicn.h {
  background-color: #142f4d;
}

.vp-nvh .x-icons .vpicn.x-disabled {
  opacity: 0.35;
  pointer-events: none;
}

.vpr-mob .vp-nvh .x-icons {
  height: 50px;
  margin: 0 0 0 50px;
}

.vpr-mob .vp-nvh .x-icons .vpicn {
  margin-right: 0;
}

.vpr-mob .vp-nvh .x-icons .vpicn.x-hide-mobile {
  display: none;
}

/* (menu) */
.vp-nvmnu {
  pointer-events: auto;
  float: left;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  width: auto;
  min-width: 10px;
  height: auto;
  min-height: 10px;
  max-height: 100%;
  background: #fff;
  -webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.35);
          box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.35);
  opacity: 1;
  -webkit-transition: margin-right 0.5s ease-in-out, opacity 0.2s ease-in-out;
  -o-transition: margin-right 0.5s ease-in-out, opacity 0.2s ease-in-out;
  transition: margin-right 0.5s ease-in-out, opacity 0.2s ease-in-out;
}

.vp-nvmnu.x-close {
  opacity: 0;
  margin-right: 100%;
}

.vp-nvmnu .vp-menus {
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 10px 10px;
}

.vp-nvmnu .vp-menus > .x-itm {
  position: relative;
  overflow: hidden;
  pointer-events: auto;
  cursor: pointer;
  width: auto;
  max-width: 100%;
  height: 35px;
}

.vp-nvmnu .vp-menus > .x-itm .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.vp-nvmnu .vp-menus > .x-itm p {
  margin: 0;
  padding: 0 10px 0 35px;
  height: 35px;
  line-height: 35px;
  color: #555;
  font-size: 1.2rem;
}

.vp-nvmnu .vp-menus > .x-itm.h:not(.x-disabled) {
  background-color: #142f4d;
}

.vp-nvmnu .vp-menus > .x-itm.h:not(.x-disabled) p {
  color: #fff;
}

.vp-nvmnu .vp-menus > .x-itm.h:not(.x-disabled) .vpicn {
  background-image: url(../imgs/vp.iconset_w.png?r=161020);
}

.vp-nvmnu .vp-menus > .x-itm.x-disabled {
  opacity: 0.5;
  pointer-events: auto;
  cursor: default;
}

.vp-nvmnu .vp-menus > .x-separator {
  position: relative;
  width: 100%;
  height: 1px;
  background: #ddd;
}

.vpr-mob .vp-nvmnu {
  float: none;
  width: 100%;
  min-width: none;
  height: 100%;
  min-height: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.dev-touch .vp-nvmnu .vp-menus > .x-itm {
  height: 40px;
}

.dev-touch .vp-nvmnu .vp-menus > .x-itm .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.dev-touch .vp-nvmnu .vp-menus > .x-itm p {
  padding: 0 10px 0 40px;
  height: 40px;
  line-height: 40px;
}

.vpr-mob .vp-nvmnu .vp-menus > .x-itm {
  height: 50px;
}

.vpr-mob .vp-nvmnu .vp-menus > .x-itm .vpicn {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}

.vpr-mob .vp-nvmnu .vp-menus > .x-itm p {
  padding: 0 10px 0 50px;
  height: 50px;
  line-height: 50px;
}

/* (title) */
.vpr-nvt {
  float: right;
  display: block;
  overflow: hidden;
  position: relative;
  pointer-events: auto;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.5);
  width: auto;
  max-width: 400px;
  min-width: 35px;
  height: 30px;
  margin: 0;
  padding: 0;
  border-radius: 4px 0 0 4px;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpr-nvt p {
  overflow: hidden;
  min-width: 25px;
  height: 30px;
  line-height: 30px;
  color: #fff;
  font-size: 1.2rem;
  text-shadow: 0 1px 0px #000;
  margin: 0;
  padding: 0 10px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: margin 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: margin 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: margin 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpr-nvt p.x-multiline {
  line-height: 12px;
  font-size: 1rem;
  padding: 3px 10px 0 10px;
}

.xp-f .vpr-nvt {
  width: 40%;
  max-width: 40%;
  border-radius: 0px 0px;
  float: left;
  background-color: transparent;
}

.xp-f .vpr-nvt p {
  font-size: 1rem;
}

/* full */
.vpg-fpv-container {
  z-index: 9999;
  pointer-events: auto;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  margin: 0;
  padding: 0;
}

.vpg-fpv-container .vpg-fpv-base {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vpg-fpv-container .vpg-fpv-base .vpg-fpv-box {
  overflow: hidden;
  position: absolute;
  background: #000;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  min-height: 80px;
  margin: -40px 0 0 0;
  text-align: center;
}

.vpg-fpv-container .x-vpg-t {
  display: block;
  float: center;
  height: auto;
  line-height: 1.2em;
  margin: 0;
  padding: 10px 10px 0 10px;
  text-align: center;
  color: #fdfdfd;
}

.vpg-fpv-container .x-vpg-btn {
  display: inline-block;
  overflow: hidden;
  position: relative;
  width: auto;
  max-width: 45%;
  height: auto;
  margin: 12px;
  padding: 10px;
  text-align: center;
  border-radius: 4px;
  font-size: 1rem;
  line-height: 1.2em;
  color: #fff;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-fpv-container .x-vpg-yes {
  background: #da0000;
  color: #fff;
}

.vpg-fpv-container .x-vpg-yes.h {
  background: #ff3030;
}

.vpg-fpv-container .x-vpg-no {
  background: #f0f0f0;
  color: #222;
}

.vpg-fpv-container .x-vpg-no.h {
  background: #fff;
}

/* ------------------------------------------------------------------
	(plugin) guidetext
*/
/* VR overview */
.vpg-gdt .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-gdt .vpicn,
.xp-f .vpg-gdt .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-gdt .vpanim {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-gdt .vpanim,
.xp-f .vpg-gdt .vpanim {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-gdt div {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.vpg-gdt {
  position: absolute;
  top: 35px;
  left: 0;
  right: auto;
  bottom: 0;
  width: 100%;
  pointer-events: auto;
  -webkit-transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-gdt.x-closed {
  margin-left: -100%;
  pointer-events: none;
}

/* (opener) 開いた状態 */
.vpg-gdt .x-opener {
  position: absolute;
  top: auto;
  left: 0px;
  right: 0px;
  bottom: 100%;
  width: 35px;
  height: 35px;
  background-color: #000;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  overflow: hidden;
  white-space: nowrap;
}

.vpg-gdt .x-opener.h {
  background-color: #606060;
}

.vpg-gdt .x-opener .vpicn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-gdt .x-opener .vpanim {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-gdt .x-opener p {
  color: #fff;
  width: auto;
  max-width: 140px;
  height: 35px;
  margin: 0;
  padding: 0 10px 0 35px;
  text-align: right;
  font-size: 1.1rem;
  line-height: 35px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

/* 無効な状態 */
.vpg-gdt .x-opener.x-disabled {
  -webkit-animation: none;
          animation: none;
  opacity: 0;
  pointer-events: none;
  cursor: default;
}

.vpg-gdt .x-opener.x-disabled .vpicn {
  display: none;
}

.vpg-gdt .x-opener.x-disabled .vpanim {
  display: none;
}

/* 閉じた状態 */
.vpg-gdt.x-closed .x-opener {
  left: 100%;
  right: -35px;
  bottom: 0%;
  margin: 5px;
  width: 175px;
  border-radius: 5px;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.55);
}

.vpg-gdt.x-closed .x-opener .vpicn {
  display: none;
}

.vpg-gdt.x-closed .x-opener .vpanim.ia1 {
  display: block;
}

.vpg-gdt.x-closed .x-opener .vpanim.ia1-w {
  display: none;
}

.vpg-gdt.x-closed .x-opener p {
  color: #222;
}

.vpr-dsk .vpg-gdt.x-closed .x-opener {
  background-color: #f07609;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.8);
}

.vpr-dsk .vpg-gdt.x-closed .x-opener p {
  color: #fff;
}

.vpr-dsk .vpg-gdt.x-closed .x-opener .vpanim.ia1 {
  display: none;
}

.vpr-dsk .vpg-gdt.x-closed .x-opener .vpanim.ia1-w {
  display: block;
}

.vpg-gdt .x-cont {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  right: 0;
  bottom: 34px;
  margin: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #222;
}

.vpg-gdt .x-cont > .vpg-doc {
  padding: 20px;
}

.vpg-gdt.x-nolinks .x-cont {
  bottom: 0px;
}

.vpg-gdt .x-links {
  position: absolute;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 35px;
  background: #222;
  border: 1px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

.vpg-gdt .x-links > a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 33px;
  height: 33px;
  background-color: #da0000;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
}

.vpg-gdt .x-links > a.h {
  background-color: #606060;
}

.vpg-gdt .x-links > a > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.vpg-gdt .x-links > a > p {
  width: auto;
  height: 33px;
  margin: 0 12px 0 33px;
  padding: 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 33px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-gdt .x-links > a > p.x-multiline {
  line-height: 16.5px;
  font-size: 1rem;
}

.vpg-gdt.x-nolinks .x-links {
  display: none;
}

.dev-touch .vpg-gdt,
.xp-f .vpg-gdt {
  top: 40px;
}

.dev-touch .vpg-gdt .x-opener {
  width: 40px;
  height: 40px;
}

.xp-f .vpg-gdt .x-opener {
  width: 100%;
  height: 40px;
  border-radius: 0px;
}

.dev-touch .vpg-gdt.x-closed .x-opener,
.xp-f .vpg-gdt.x-closed .x-opener {
  width: 40px;
  height: 40px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.8);
}

.xp-f .vpg-gdt.x-closed .x-opener {
  border-radius: 2px;
}

.dev-touch .vpg-gdt.x-closed .x-opener,
.xp-f .vpg-gdt.x-closed .x-opener {
  right: -40px;
}

.dev-touch .vpg-gdt .x-opener p,
.xp-f .vpg-gdt .x-opener p {
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 40px;
  font-size: 1.2rem;
}

.xp-f .vpg-gdt .x-opener p {
  text-align: left;
}

.xp-f .vpg-gdt.x-closed .x-opener p {
  display: none;
}

.xp-f .vpg-gdt .x-cont {
  background-color: #fff;
}

/* ------------------------------------------------------------------
	(plugin) sidecontentbox
*/
/* VR overview */
.vpg-scbx .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-scbx .vpicn,
.xp-f .vpg-scbx .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-scbx div {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.vpg-scbx {
  position: absolute;
  top: 35px;
  left: 0;
  right: auto;
  bottom: 0;
  width: 100%;
  max-width: 300px;
  pointer-events: auto;
  -webkit-transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: margin-left 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-scbx.x-closed {
  margin-left: -100%;
  pointer-events: none;
}

.vpg-scbx.x-wide {
  max-width: none;
}

/* (opener) 開いた状態 */
.vpg-scbx .x-clsr {
  position: absolute;
  top: auto;
  left: 0px;
  right: 0px;
  bottom: 100%;
  width: 100%;
  height: 35px;
  background-color: #000;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  overflow: hidden;
  white-space: nowrap;
}

.vpg-scbx .x-clsr.h {
  background-color: #606060;
}

.vpg-scbx .x-clsr .vpicn {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-scbx .x-clsr p {
  position: absolute;
  top: 0;
  left: 40px;
  right: 10px;
  bottom: 0;
  margin: 0;
  padding: 0;
  height: 35px;
  line-height: 35px;
  font-size: 1.1rem;
  color: #fff;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-scbx .x-cont {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 0;
  left: 0;
  right: 0;
  bottom: 34px;
  margin: 0;
  background-color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #222;
}

.vpg-scbx .x-cont > .vpg-doc {
  padding: 12px;
}

.vpg-scbx.x-nolinks .x-cont {
  bottom: 0px;
}

.vpg-scbx .x-links {
  position: absolute;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 35px;
  background: #222;
  border: 1px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

.vpg-scbx .x-links > a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 33px;
  height: 33px;
  background-color: #da0000;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
}

.vpg-scbx .x-links > a.h {
  background-color: #606060;
}

.vpg-scbx .x-links > a > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.vpg-scbx .x-links > a > p {
  width: auto;
  height: 33px;
  margin: 0 12px 0 33px;
  padding: 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 33px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-scbx .x-links > a > p.x-multiline {
  line-height: 16.5px;
  font-size: 1rem;
}

.vpg-scbx.x-nolinks .x-links {
  display: none;
}

.dev-touch .vpg-scbx {
  top: 40px;
}

.xp-f .vpg-scbx {
  top: 40px;
  max-width: none;
}

.dev-touch .vpg-scbx .x-clsr {
  height: 40px;
}

.xp-f .vpg-scbx .x-clsr {
  height: 40px;
  border-radius: 0px;
}

.dev-touch .vpg-scbx .x-clsr p,
.xp-f .vpg-scbx .x-clsr p {
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  left: 50px;
}

.xp-f .vpg-scbx .x-cont {
  background-color: #fff;
}

/* ------------------------------------------------------------------
	(plugin) sidecontentbox3
*/
/* VR overview */
.vpg-scbx3 {
  display: block;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  pointer-events: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 95%;
  height: auto;
  max-height: 95%;
  margin: 0 2.5%;
  padding: 0;
  background: #fefefe;
  border-radius: 5px 0 0 5px;
  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  opacity: 1;
}
.vpg-scbx3.x-closed {
  opacity: 0;
  pointer-events: none !important;
}
.vpg-scbx3.x-closed * {
  pointer-events: none !important;
}
.vpg-scbx3 .x-clsr {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 50px;
  pointer-events: auto;
  cursor: pointer;
  border-radius: 5px 0 0 0;
  margin-top: 0;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}
.vpg-scbx3 .x-clsr.h {
  background-color: #f0f0f0;
}
.vpg-scbx3 .x-clsr .vpicn {
  display: block;
  position: absolute;
  left: auto;
  right: 5px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}
.vpg-scbx3 .x-clsr p {
  position: relative;
  margin: 0 45px 5px 0;
  padding: 0 0 0 20px;
  font-size: 1.5rem;
  line-height: 50px;
  font-weight: 700;
  color: #222;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}
.vpg-scbx3 .x-wrapper {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
.vpg-scbx3 .x-wrapper .x-cont {
  position: relative;
  z-index: 1;
  margin: 0;
}
.vpg-scbx3 .x-wrapper .x-cont > .vpg-doc {
  padding: 0 25px 25px 25px;
}
.vpg-scbx3.is_scrolled .x-clsr {
  z-index: 2;
  position: absolute;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
  background: #fefefe;
}
.vpg-scbx3.is_scrolled .x-clsr.h {
  background-color: #f0f0f0;
}
.vpg-scbx3.is_scrolled .x-wrapper {
  margin-top: 26px;
}

.vpg-scbx2 .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.vpg-scbx2 {
  display: block;
  position: absolute;
  /* 縦中央よせ */
  top: 50%;
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 80%;
  height: auto;
  max-height: 75%;
  margin: 45px 5% auto 15%;
  background-color: #fff;
  border-radius: 3px 2px 2px 3px;
  -webkit-box-shadow: 0 0 25px 4px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 25px 4px rgba(0, 0, 0, 0.5);
  overflow-x: visible;
  overflow-y: auto;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
}

.vpg-scbx2.x-closed {
  opacity: 0;
  pointer-events: none !important;
}

.vpg-scbx2.x-closed * {
  pointer-events: none !important;
}

.vgp-scbx2 .x-wrapper {
  z-index: 1;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.vpg-scbx2 .x-clsr {
  position: relative;
  z-index: 2;
  top: 0px;
  width: 100%;
  min-height: 55px;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-scbx2 .x-clsr.h {
  background-color: #999;
}

.vpg-scbx2 .x-clsr .vpicn {
  display: block;
  position: absolute;
  top: 10px;
  left: 10px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-scbx2 .x-clsr p {
  position: relative;
  margin: 0 0 5px 45px;
  padding: 20px 20px 0 0;
  font-size: 1.5rem;
  font-weight: 700;
  color: #222;
  overflow: hidden;
}

.xp-f .vpg-scbx2 {
  top: 20px;
  left: auto;
  right: auto;
  bottom: 20px;
  -ms-transform: translateY(0);
      transform: translateY(0);
  -webkit-transform: translateY(0);
  width: 90%;
  max-height: none;
  margin: 0 5%;
  border-radius: 0;
  -webkit-box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.5);
}

.xp-f .vpg-scbx2 .x-clsr p {
  font-size: 1.6rem;
}

.vpg-scbx2 .x-cont {
  position: relative;
  z-index: 1;
  margin: 0;
}

.vpg-scbx2 .x-cont > .vpg-doc {
  padding: 0 25px 25px 25px;
}

.vpg-scbx2 .x-links {
  position: absolute;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 35px;
  background: #222;
  border: 1px solid #222;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  white-space: nowrap;
}

.vpg-scbx2 .x-links > a {
  display: inline-block;
  overflow: hidden;
  position: relative;
  margin: 0;
  padding: 0;
  width: auto;
  min-width: 33px;
  height: 33px;
  background-color: #da0000;
  pointer-events: auto;
  cursor: pointer;
  text-decoration: none;
}

.vpg-scbx2 .x-links > a.h {
  background-color: #606060;
}

.vpg-scbx2 .x-links > a > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.66);
      -ms-transform: scale(0.66);
          transform: scale(0.66);
}

.vpg-scbx2 .x-links > a > p {
  width: auto;
  height: 33px;
  margin: 0 12px 0 33px;
  padding: 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 33px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-scbx2 .x-links > a > p.x-multiline {
  line-height: 16.5px;
  font-size: 1rem;
}

.vpg-scbx2.x-nolinks .x-links {
  display: none;
}

/* ------------------------------------------------------------------
	(plugin) Locale Panel
*/
/* default */
.vpg-locp, .vpg-locp > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-locp {
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-locp.x-closed {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.vpg-locp .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.dev-touch .vpg-locp .vpicn,
.xp-f .vpg-locp .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.xp-f .vpg-locp {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* control bar */
.vpg-locp > .x-ctrls {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 30px;
  height: auto;
  background-color: #222;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-locp > .x-ctrls > .vpicn {
  pointer-events: auto;
  cursor: pointer;
}

.vpg-locp > .x-ctrls.h {
  background-color: #505050;
}

.xp-f .vpg-locp > .x-ctrls,
.dev-touch .vpg-locp > .x-ctrls {
  width: 40px;
}

/* content */
.vpg-locp > .x-cont {
  overflow: hidden;
  width: auto;
  height: 100%;
  margin: 0 30px 0 0;
  background-color: #f5f5f5;
  pointer-events: auto;
  border: 1px solid #222;
}

.vpg-locp > .x-cont > .x-items {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

.xp-f .vpg-locp > .x-cont,
.dev-touch .vpg-locp > .x-cont {
  margin: 0 40px 0 0;
}

.vpg-locp .x-items .x-itm {
  overflow: hidden;
  position: relative;
  height: 30px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.vpg-locp .x-items .x-itm > .vpicn {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
}

.vpg-locp .x-items .x-itm > p {
  overflow: hidden;
  margin: 0 30px 0 0;
  padding: 0 10px;
  font-size: 1.2rem;
  line-height: 30px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-locp .x-items .x-itm:first-child {
  margin-top: 2px;
}

.vpg-locp .x-items .x-itm.x-title {
  height: 35px;
  margin: 0;
  background: #505050;
}

.vpg-locp .x-items .x-itm.x-title > p {
  overflow: hidden;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  color: #fff;
  line-height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-locp .x-items .x-itm.x-lng {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.vpg-locp .x-items .x-itm.x-lng > p {
  color: #555;
}

.vpg-locp .x-items .x-itm.x-lng.h {
  background-color: #aaa;
}

.vpg-locp .x-items .x-itm.x-selected > p {
  color: #000;
}

.xp-f .vpg-locp .x-items .x-itm,
.dev-touch .vpg-locp .x-items .x-itm {
  height: 40px;
}

.xp-f .vpg-locp .x-items .x-itm > p,
.dev-touch .vpg-locp .x-items .x-itm > p {
  line-height: 40px;
  font-size: 1.5rem;
}

/* ------------------------------------------------------------------
	(plugin) Share Box
*/
/* default */
.vpg-srbx, .vpg-srbx > div {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  display: block;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-srbx {
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  opacity: 1;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  -webkit-transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-srbx.x-closed {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.vpg-srbx .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.dev-touch .vpg-srbx .vpicn,
.xp-f .vpg-srbx .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.xp-f .vpg-srbx {
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: none;
          box-shadow: none;
}

/* control bar */
.vpg-srbx > .x-ctrls {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: 0;
  width: 30px;
  height: auto;
  background-color: #222;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-srbx > .x-ctrls > .vpicn {
  pointer-events: auto;
  cursor: pointer;
}

.vpg-srbx > .x-ctrls.h {
  background-color: #505050;
}

.xp-f .vpg-srbx > .x-ctrls,
.dev-touch .vpg-srbx > .x-ctrls {
  width: 40px;
}

/* content */
.vpg-srbx > .x-cont {
  overflow: hidden;
  width: auto;
  height: 100%;
  margin: 0 30px 0 0;
  background-color: #f5f5f5;
  pointer-events: auto;
  border: 1px solid #222;
}

.vpg-srbx > .x-cont > .x-items {
  width: auto;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  pointer-events: auto;
}

.xp-f .vpg-srbx > .x-cont,
.dev-touch .vpg-srbx > .x-cont {
  margin: 0 40px 0 0;
}

.vpg-srbx .x-items .x-itm {
  overflow: hidden;
  position: relative;
  height: 30px;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.vpg-srbx .x-items .x-itm > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-srbx .x-items .x-itm > p {
  overflow: hidden;
  margin: 0;
  padding: 0 10px 0 35px;
  font-size: 1.2rem;
  line-height: 30px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-srbx .x-items .x-itm:first-child {
  margin-top: 2px;
}

.vpg-srbx .x-items .x-itm.x-title {
  height: 35px;
  margin: 0;
  background: #505050;
}

.vpg-srbx .x-items .x-itm.x-title > p {
  overflow: hidden;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
  color: #fff;
  line-height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-srbx .x-items .x-itm.x-switch {
  cursor: pointer;
  margin: 0;
  background: #aaa;
}

.vpg-srbx .x-items .x-itm.x-switch > .vpicn {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
}

.vpg-srbx .x-items .x-itm.x-switch > p {
  overflow: hidden;
  margin: 0;
  padding: 0 35px 0 10px;
  color: #fdfdfd;
  text-shadow: 0 1px 3px #000;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-srbx .x-items .x-itm.x-switch.x-active {
  background-color: #eee;
}

.vpg-srbx .x-items .x-itm.x-switch.x-active > p {
  color: #222;
  text-shadow: none;
}

.vpg-srbx .x-items .x-itm.x-switch.h {
  background-color: #ddd;
}

.vpg-srbx .x-items .x-itm.x-switch.h > p {
  color: #555;
  text-shadow: none;
}

.vpg-srbx .x-items .x-itm.x-lng {
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.vpg-srbx .x-items .x-itm.x-lng > p {
  color: #555;
}

.vpg-srbx .x-items .x-itm.x-lng.h {
  background-color: #aaa;
}

.xp-f .vpg-srbx .x-items .x-itm,
.dev-touch .vpg-srbx .x-items .x-itm {
  height: 40px;
}

.xp-f .vpg-srbx .x-items .x-itm > p,
.dev-touch .vpg-srbx .x-items .x-itm > p {
  line-height: 40px;
  font-size: 1.5rem;
  padding: 0 10px 0 45px;
}

.xp-f .vpg-srbx .x-items .x-itm.x-title > p,
.dev-touch .vpg-srbx .x-items .x-itm.x-title > p {
  line-height: 40px;
  font-size: 1.5rem;
  padding: 0 45px 0 10px;
}

.xp-f .vpg-srbx .x-items .x-itm.x-switch > p,
.dev-touch .vpg-srbx .x-items .x-itm.x-switch > p {
  line-height: 40px;
  font-size: 1.5rem;
  padding: 0 45px 0 10px;
}

/* ------------------------------------------------------------------
	(plugin) User Guide
*/
/* VR overview */
.vpg-usgd .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-usgd .vpicn,
.xp-f .vpg-usgd .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-usgd .vpanim {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-usgd .vpanim,
.xp-f .vpg-usgd .vpanim {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-usgd div {
  position: relative;
  overflow: hidden;
  padding: 0;
}

.vpg-usgd {
  position: relative;
  overflow: hidden;
  display: table;
  margin: 0 auto;
  width: 100%;
  max-width: 480px;
  height: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-usgd.x-closed {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.vpg-usgd > .x-base {
  position: absolute;
  display: block;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background: #fefefe;
  pointer-events: auto;
  border-radius: 7px;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.vpg-usgd > .x-base .x-header {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 35px;
  margin: 0;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-usgd > .x-base .x-header .vpicn {
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
}

.vpg-usgd > .x-base .x-header p {
  margin: 0 35px 0 10px;
  padding: 0;
  line-height: 35px;
  font-size: 1.2rem;
  color: #222;
}

.vpg-usgd > .x-base .x-footer {
  position: absolute;
  overflow: hidden;
  top: auto;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  margin: 0;
  background: #eaeaea;
  border-top: 1px solid #ccc;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-usgd > .x-base .x-footer .vpicn {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  margin-left: -30px;
}

.vpg-usgd > .x-base .x-footer.h {
  background-color: #ddd;
}

.vpg-usgd > .x-base .x-cont {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  top: 35px;
  left: 0;
  right: 0;
  bottom: 41px;
  margin: 0;
  background-color: #fefefe;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vpg-usgd > .x-base .x-cont > .x-ldr {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  background: #fefefe;
  pointer-events: auto;
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

.vpg-usgd > .x-base .x-cont > .vpg-doc {
  padding: 12px;
}

/*
	.dev-touch	.vpg-usgd,
	.xp-f		.vpg-usgd{ top:40px; }

	.dev-touch	.vpg-usgd .x-opener{ width:40px; height:40px; border-radius:0px; }
	.xp-f		.vpg-usgd .x-opener{ width:100%; height:40px; border-radius:0px; }

	.dev-touch	.vpg-usgd.x-closed .x-opener,
	.xp-f		.vpg-usgd.x-closed .x-opener{ width:180px; height:40px; margin:0; box-shadow:0 0 8px rgba(0,0,0,.8); }

	.dev-touch	.vpg-usgd.x-closed .x-opener,
	.xp-f		.vpg-usgd.x-closed .x-opener{ right:-40px; }

	.dev-touch	.vpg-usgd .x-opener p,
	.xp-f		.vpg-usgd .x-opener p{ height:40px; line-height:40px; padding:0 10px 0 40px; font-size:1.2rem; }
	.xp-f		.vpg-usgd .x-opener p{ text-align:left; }
	.xp-f		.vpg-usgd.x-closed .x-opener p{ text-align:right; }

	.xp-f		.vpg-usgd .x-cont{ background-color:#fff; }
*/
/* ------------------------------------------------------------------
	(plugin) Tab footer
*/
.vgp-tabft {
  position: absolute;
  overflow: hidden;
  width: auto;
  height: 100%;
  top: auto;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

.vgp-tabft .x-panel {
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vgp-tabft .x-panel.x-hide {
  display: none;
}

.vgp-tabft .x-panel > table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: 100%;
  margin: 0;
}

.vgp-tabft .x-panel > table tbody tr,
.vgp-tabft .x-panel > table tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

.vgp-tabft .x-panel > table tbody td.x-itm {
  border: 1px solid #222;
}

.vgp-tabft .x-panel > table tbody td.x-itm .x-art {
  position: relative;
  overflow: hidden;
  width: 180px;
  height: 100%;
  margin: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  opacity: 0.7;
}

.vgp-tabft .x-panel > table tbody td.x-itm p {
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 32px 6px 5px 6px;
  overflow: hidden;
  height: auto;
  color: #fff;
  font-size: 1rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  background-image: -o-linear-gradient(top, transparent, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
  background-image: linear-gradient(top, transparent, #000000);
}

.vgp-tabft .x-panel > table tbody td.x-itm.h {
  border-color: #da0000;
}

.vgp-tabft .x-panel > table tbody td.x-itm.h .x-art {
  opacity: 1;
  -webkit-animation: k-tabft-sel 0.5s ease 0s infinite alternate;
          animation: k-tabft-sel 0.5s ease 0s infinite alternate;
}

.vgp-tabft .x-panel > table tbody td.x-itm.x-selected {
  border-color: #fff !important;
}

.vgp-tabft .x-panel > table tbody td.x-itm.x-selected .x-art {
  opacity: 1;
  -webkit-animation: k-tabft-sel 0.5s ease 0s infinite alternate;
          animation: k-tabft-sel 0.5s ease 0s infinite alternate;
}

.vgp-tabft .x-panel > table tbody td.x-itm.x-hide {
  display: none;
  opacity: 0;
}

@-webkit-keyframes k-tabft-sel {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

@keyframes k-tabft-sel {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.vgp-tabft .x-panel::-webkit-scrollbar {
  overflow: hidden;
  width: 7px;
  background: #efefef;
  border-radius: 3px;
}

.vgp-tabft .x-panel::-webkit-scrollbar:horizontal {
  height: 5px;
}

.vgp-tabft .x-panel::-webkit-scrollbar-button {
  display: none;
}

.vgp-tabft .x-panel::-webkit-scrollbar-piece {
  background: #ddd;
}

.vgp-tabft .x-panel::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.vgp-tabft .x-panel::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 3px;
}

.vgp-tabft .x-panel::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 3px;
}

/* mobile */
.vpr-mob .vgp-tabft {
  height: 80px;
}

.vpr-mob .vgp-tabft .x-panel > table tbody td.x-itm {
  width: 80px;
}

.vpr-mob .vgp-tabft .x-panel > table tbody td.x-itm .x-art {
  width: 70px;
}

.vpr-mob .vgp-tabft .x-panel > table tbody td.x-itm p {
  font-size: 1rem;
}

table.vgp-tbfl .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.dev-touch table.vgp-tbfl .vpicn,
.xp-f table.vgp-tbfl .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

table.vgp-tbfl {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  bottom: auto;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: auto;
  margin: 0;
}

table.vgp-tbfl tbody tr,
table.vgp-tbfl tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

table.vgp-tbfl tbody td > .x-lbl {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 5px;
  padding: 0 30px 0 15px;
  pointer-events: auto;
  cursor: pointer;
  height: 30px;
  font-size: 1.2rem;
  line-height: 30px;
  background: #fff;
  color: #222;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

table.vgp-tbfl tbody td .vpicn {
  position: absolute;
  top: 0;
  left: auto;
  right: 0px;
  bottom: auto;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
}

table.vgp-tbfl tbody td.x-opened > .x-lbl {
  margin: 10px 5px 5px 5px;
  background: #da2020;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.xp-f table.vgp-tbfl {
  top: 31px;
}

.xp-f table.vgp-tbfl tbody td > .x-lbl {
  background: #fefefe;
  color: #222;
}

.xp-f table.vgp-tbfl tbody td.x-opened > .x-lbl {
  margin: 10px 5px 5px 5px;
  background: #222;
  color: #fff;
  -webkit-box-shadow: 0 0 5px #fff;
          box-shadow: 0 0 5px #fff;
}

/* ------------------------------------------------------------------
	(plugin) Sidepanel
*/
.vpg-spanel {
  position: absolute;
  overflow: hidden;
  -webkit-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 0.35s;
       -o-transition-duration: 0.35s;
          transition-duration: 0.35s;
  -webkit-transition-timing-function: ease-in-out;
       -o-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

/* ------------------------------------------------------------------
	(plugin) VR List Panel
*/
.vgp-vrlp {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vgp-vrlp .x-panel {
  z-index: 1;
  position: relative;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  overflow-y: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vgp-vrlp .x-panel.x-hide {
  display: none;
}

.vgp-vrlp .x-panel > table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 5px;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: 100%;
  min-height: 100%;
  margin: 0;
}

.vgp-vrlp .x-panel > table tbody tr,
.vgp-vrlp .x-panel > table tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  min-height: 100%;
  background-color: #000;
}

.vgp-vrlp .x-panel > table tbody td.x-itm {
  width: 150px;
  height: 100%;
  border: 1px solid #222;
}

.vgp-vrlp .x-panel > table tbody td.x-itm .x-overlay {
  position: absolute;
  z-index: 100;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent none no-repeat 0px 0px;
}

.vgp-vrlp .x-panel > table tbody td.x-itm .x-art {
  position: relative;
  z-index: 2;
  overflow: hidden;
  display: block;
  width: 150px;
  height: 100%;
  margin: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  opacity: 0.7;
}

.vgp-vrlp .x-panel > table tbody td.x-itm p.x-subname {
  position: absolute;
  z-index: 3;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 60px 6px 5px 6px;
  overflow: hidden;
  height: auto;
  color: #f0f0f0;
  font-size: 1rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  background-image: -o-linear-gradient(top, transparent, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
  background-image: linear-gradient(top, transparent, #000000);
}

.vgp-vrlp .x-panel > table tbody td.x-itm p.x-name {
  position: absolute;
  z-index: 4;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 0 6px 5px 6px;
  overflow: hidden;
  height: auto;
  color: #fff;
  font-size: 1.25rem;
  pointer-events: none;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  white-space: normal;
  font-weight: 700;
  line-height: 1.3em;
}
.vgp-vrlp .x-panel > table tbody td.x-itm p.x-name.with_subname {
  padding-bottom: 20px;
}
.vgp-vrlp .x-panel > table tbody td.x-itm p.x-name:not(.with_subname) {
  padding-top: 60px;
  background-image: -o-linear-gradient(top, transparent, #000000);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#000000));
  background-image: linear-gradient(top, transparent, #000000);
}

.vgp-vrlp .x-panel > table tbody td.x-itm.h {
  border-color: #da0000;
}

.vgp-vrlp .x-panel > table tbody td.x-itm.h .x-art {
  opacity: 1;
  -webkit-animation: k-vrlp-sel 0.5s ease 0s infinite alternate;
          animation: k-vrlp-sel 0.5s ease 0s infinite alternate;
}

.vgp-vrlp .x-panel > table tbody td.x-itm.x-selected {
  border-color: #fff !important;
}

.vgp-vrlp .x-panel > table tbody td.x-itm.x-selected .x-art {
  opacity: 1;
  -webkit-animation: k-vrlp-sel 0.5s ease 0s infinite alternate;
          animation: k-vrlp-sel 0.5s ease 0s infinite alternate;
}

.vgp-vrlp .x-panel > table tbody td.x-itm.x-hide {
  display: none;
  opacity: 0;
}

@-webkit-keyframes k-vrlp-sel {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}

@keyframes k-vrlp-sel {
  0% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
.vgp-vrlp .x-panel::-webkit-scrollbar {
  overflow: hidden;
  width: 7px;
  background: #efefef;
  border-radius: 3px;
}

.vgp-vrlp .x-panel::-webkit-scrollbar:horizontal {
  height: 5px;
}

.vgp-vrlp .x-panel::-webkit-scrollbar-button {
  display: none;
}

.vgp-vrlp .x-panel::-webkit-scrollbar-piece {
  background: #ddd;
}

.vgp-vrlp .x-panel::-webkit-scrollbar-piece:start {
  background: #ddd;
}

.vgp-vrlp .x-panel::-webkit-scrollbar-thumb {
  overflow: hidden;
  background: #c0c0c0;
  border: 1px solid #efefef;
  margin: 1px;
  border-radius: 3px;
}

.vgp-vrlp .x-panel::-webkit-scrollbar-corner {
  overflow: hidden;
  background: #333;
  border-radius: 3px;
}

.vgp-vrlp .x-sidebtn-l,
.vgp-vrlp .x-sidebtn-r {
  z-index: 2;
  display: block;
  overflow: hidden;
  position: absolute;
  -webkit-box-shadow: 0 0 10px #000;
          box-shadow: 0 0 10px #000;
  width: 30px;
  height: 70px;
  margin: -35px 0 0 0;
  background: #fdfdfd;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
}

.vgp-vrlp .x-sidebtn-l.h,
.vgp-vrlp .x-sidebtn-r.h {
  background-color: #142f4d;
}

.vgp-vrlp .x-sidebtn-l {
  top: 50%;
  left: 0;
  right: auto;
  bottom: auto;
  border-radius: 0 2px 2px 0;
}

.vgp-vrlp .x-sidebtn-r {
  top: 50%;
  left: auto;
  right: 0;
  bottom: auto;
  border-radius: 2px 0 0 2px;
}

.vgp-vrlp .x-sidebtn-l.x-disabled {
  margin-left: -40px !important;
  pointer-events: none !important;
}

.vgp-vrlp .x-sidebtn-r.x-disabled {
  margin-right: -40px !important;
  pointer-events: none !important;
}

.vgp-vrlp .x-sidebtn-l .vpicn,
.vgp-vrlp .x-sidebtn-r .vpicn {
  width: 50px;
  height: 50px;
  margin: 20px 0 0 0;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.vgp-vrlp .x-sidebtn-l .vpicn.x-on,
.vgp-vrlp .x-sidebtn-r .vpicn.x-on {
  display: none;
}

.vgp-vrlp .x-sidebtn-l.h .vpicn.x-on,
.vgp-vrlp .x-sidebtn-r.h .vpicn.x-on {
  display: block;
}

.vgp-vrlp .x-sidebtn-l.h .vpicn.x-off,
.vgp-vrlp .x-sidebtn-r.h .vpicn.x-off {
  display: none;
}

/* mobile */
.vpr-mob .vgp-vrlp .x-panel > table tbody td.x-itm {
  width: 125px;
}

.vpr-mob .vgp-vrlp .x-panel > table tbody td.x-itm .x-art {
  width: 115px;
}

.vpr-mob .vgp-vrlp .x-panel > table tbody td.x-itm p {
  font-size: 1rem;
}

/* ------------------------------------------------------------------
	(plugin) Flat Control
*/
.vgp-fcb-btb .vpicn,
.vgp-fcb-ltb .vpicn,
.vgp-fcb-rtb .vpicn {
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

table.vgp-fcb-btb,
table.vgp-fcb-ltb,
table.vgp-fcb-rtb {
  -webkit-transition: opacity 0.25s ease-in-out;
  -o-transition: opacity 0.25s ease-in-out;
  transition: opacity 0.25s ease-in-out;
}

/* Bottom-Table */
table.vgp-fcb-btb {
  position: absolute;
  top: auto;
  left: auto;
  right: 15px;
  bottom: 0;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: auto;
  margin: 0;
}

table.vgp-fcb-btb tbody tr, table.vgp-fcb-btb tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* Left-Table */
table.vgp-fcb-ltb {
  position: absolute;
  top: auto;
  left: 0px;
  right: auto;
  bottom: 55px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: auto;
  margin: 0;
}

table.vgp-fcb-ltb tbody tr, table.vgp-fcb-ltb tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* Right-Table */
table.vgp-fcb-rtb {
  position: absolute;
  top: auto;
  left: auto;
  right: 0px;
  bottom: 55px;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: auto;
  margin: 0;
}

table.vgp-fcb-rtb tbody tr, table.vgp-fcb-rtb tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

/* Table-In-Table */
table.x-intb {
  position: relative;
  overflow: hidden;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  empty-cells: show;
  width: auto;
  max-width: 999999px;
  height: auto;
  margin: 0 10px 15px 0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.35);
  border-radius: 2px;
  -webkit-transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.35s cubic-bezier(0, 0, 0.02, 0.99);
}

table.vgp-fcb-btb table.x-intb {
  margin: 0 10px 15px 0;
}

table.vgp-fcb-rtb table.x-intb {
  margin: 0 20px 10px 0;
}

table.vgp-fcb-ltb table.x-intb {
  margin: 0 0 10px 20px;
}

table.vgp-fcb-btb table.x-intb.x-nomargin-row {
  /* 下のマージンを無くす */
  margin: 15px 10px 0px 0;
  border-radius: 3px 3px 0 0;
}

table.vgp-fcb-rtb table.x-intb.x-nomargin-right {
  /* 右のマージンを無くす */
  margin: 0 0px 10px 20px;
  border-radius: 3px 0 0 3px;
}

table.vgp-fcb-ltb table.x-intb.x-nomargin-left {
  /* 左のマージンを無くす */
  margin: 0 20px 10px 0px;
  border-radius: 0 3px 3px 0;
}

table.x-intb tbody tr,
table.x-intb tbody td {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
}

table.x-intb tbody td.x-separator > div {
  margin-left: 1px;
}

/* アイテムの左にセパレータを設ける場合 */
/* cbtn : ボタンのみ */
table.x-intb tbody td > .x-cbtn {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  width: auto;
  min-width: 30px;
  height: 30px;
  background: #222;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

table.x-intb tbody td > .x-cbtn .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  opacity: 0.6;
}

table.x-intb tbody td > .x-cbtn.h {
  background-color: #3f3f3f;
}

table.x-intb tbody td > .x-cbtn.h .vpicn {
  opacity: 1;
}

/* txtbtn : テキスト入りボタン */
table.x-intb tbody td > .x-txtbtn {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
  width: auto;
  min-width: 30px;
  height: 30px;
  background: #222;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

table.x-intb tbody td > .x-txtbtn > p {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 30px 0 15px;
  width: auto;
  height: 30px;
  background: transparent;
  font-size: 1.2rem;
  line-height: 30px;
  color: #ccc;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -webkit-transition: color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

table.x-intb tbody td > .x-txtbtn .vpicn {
  position: absolute;
  top: 0;
  left: auto;
  right: 0px;
  bottom: auto;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  opacity: 0.6;
}

table.x-intb tbody td > .x-txtbtn.h {
  background-color: #3f3f3f;
}

table.x-intb tbody td > .x-txtbtn.h p {
  color: #fff !important;
}

table.x-intb tbody td > .x-txtbtn.h .vpicn {
  opacity: 1;
}

table.vgp-fcb-btb.x-disabled *,
table.vgp-fcb-rtb.x-disabled *,
table.vgp-fcb-ltb.x-disabled * {
  pointer-events: none !important;
  -ms-user-select: none;
      user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
}

/* ------------------------------------------------------------------
	(plugin) Local maps
*/
/* グローバルマップボタン */
.vpg-lmap-sticker {
  position: absolute;
  overflow: hidden;
  z-index: 2;
  top: auto;
  left: 50%;
  right: auto;
  bottom: 10px;
  width: 150px;
  height: 35px;
  margin: 0 0 0 -75px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap-sticker.h {
  background-color: #ddd;
}

.vpg-lmap-sticker > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.vpg-lmap-sticker > p {
  overflow: hidden;
  text-align: right;
  margin: 0;
  padding: 0 10px 0 35px;
  line-height: 35px;
  color: #222;
  font-size: 1.1rem;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

/* Common */
.vpg-lmap .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-lmap .vpicn,
.xp-f .vpg-lmap .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-lmap {
  position: absolute;
  margin: 10px;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  width: 40%;
  max-width: 800px;
  height: 70%;
  max-height: 400px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out;
  transition: transform 0.25s cubic-bezier(0, 0, 0.02, 0.99), width 0.25s cubic-bezier(0, 0, 0.02, 0.99), height 0.25s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.25s ease-in-out, -webkit-transform 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap.x-closed {
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  opacity: 0;
}

.vpg-lmap.x-wideview {
  top: 0;
  left: 0;
  width: 70%;
  max-width: 1200px;
  height: 100%;
  max-height: 700px;
}

.xp-f .vpg-lmap,
.xp-f .vpg-lmap.x-wideview {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.vpg-lmap > .x-hdr {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
  right: 0;
  height: 35px;
  pointer-events: auto;
  background: #fff;
  /* Old browsers */
}

.vpg-lmap > .x-hdr > .x-screen {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  cursor: pointer;
  border-left: 1px solid #ddd;
}

.vpg-lmap > .x-hdr > .x-screen.h {
  background-color: #ddd;
}

.vpg-lmap > .x-hdr > .x-closer {
  position: absolute;
  top: 0;
  right: -50px;
  width: 50px;
  height: 50px;
  background-color: #fff;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}

.vpg-lmap > .x-hdr > .x-closer.h {
  background-color: #ddd;
}

.vpg-lmap > .x-hdr > p {
  font-size: 1.3rem;
  overflow: hidden;
  margin: 0;
  padding: 0 35px 0 10px;
  color: #222;
  line-height: 35px;
  height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.dev-touch .vpg-lmap > .x-hdr,
.xp-f .vpg-lmap > .x-hdr {
  height: 40px;
}

.dev-touch .vpg-lmap > .x-hdr > p,
.xp-f .vpg-lmap > .x-hdr > p {
  padding: 0 40px 0 10px;
  line-height: 40px;
  height: 40px;
}

.xp-f .vpg-lmap > .x-hdr > .x-screen {
  display: none;
}

.xp-f .vpg-lmap > .x-hdr > .x-closer {
  right: 0px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
}

/* maprow */
.vpg-lmap > .x-maprow {
  position: absolute;
  overflow: hidden;
  z-index: 1;
  top: 35px;
  left: 0;
  right: 150px;
  bottom: 0;
  border-width: 0px 1px 1px 1px;
  border-style: none solid solid solid;
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: 0 0 10px #000 inset;
          box-shadow: 0 0 10px #000 inset;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: auto;
  -webkit-transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: height 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-mapimg {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  pointer-events: auto;
  margin: 0;
  padding: 0;
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-mapimg img {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
}

.vpg-lmap > .x-maprow > .x-mapimg .x-spot {
  position: absolute;
  z-index: 2;
  display: block;
  overflow: hidden;
  pointer-events: auto;
  cursor: pointer;
}

.vpg-lmap > .x-maprow > .x-mapimg .x-spot.x-here {
  -webkit-animation: k-lmap-mapspot 0.5s ease 0s infinite alternate;
          animation: k-lmap-mapspot 0.5s ease 0s infinite alternate;
}

.vpg-lmap > .x-maprow > .x-mapimg.x-disabled {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}

@-webkit-keyframes k-lmap-mapspot {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: -10px;
  }
}

@keyframes k-lmap-mapspot {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: -10px;
  }
}
.vpg-lmap > .x-maprow > .x-gmap {
  position: absolute;
  z-index: 1;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  margin: 0;
  padding: 0;
  opacity: 1;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99), transform 0.33s cubic-bezier(0, 0, 0.02, 0.99), -webkit-transform 0.33s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-gmap > .x-bs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vpg-lmap > .x-maprow > .x-gmap.x-disabled {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}

.vpg-lmap-gmap-here {
  -webkit-animation: k-lmap-mapspot 0.5s ease 0s infinite alternate;
          animation: k-lmap-mapspot 0.5s ease 0s infinite alternate;
}

.dev-touch .x-maprow,
.xp-f .x-maprow {
  top: 40px;
}

.xp-f .x-maprow {
  background-color: #555;
}

.vpg-lmap.x-wideview > .x-maprow {
  right: 210px;
}

.vpg-lmap.x-submap-closed > .x-maprow {
  right: 0;
}

/* submaps */
.vpg-lmap > .x-submaps {
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 1;
  top: 35px;
  left: auto;
  right: 0;
  bottom: 0px;
  width: 150px;
  border-width: 0px 1px 1px 0px;
  border-style: none solid solid none;
  border-color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  pointer-events: auto;
}

.vpg-lmap > .x-submaps.x-closed {
  display: none;
}

.vpg-lmap > .x-submaps > .x-hdr {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 25px;
  pointer-events: auto;
  background-color: #666;
}

.vpg-lmap > .x-submaps > .x-hdr > p {
  position: relative;
  overflow: hidden;
  height: 25px;
  font-size: 1.1rem;
  line-height: 25px;
  margin: 0 10px 0 10px;
  padding: 0;
  color: #fafafa;
}

.vpg-lmap.x-wideview > .x-submaps {
  width: 210px;
}

.vpg-lmap.x-submap-closed > .x-submaps {
  display: none;
  width: 1px;
}

.vpg-lmap > .x-submaps > .x-itm {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 30px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-top: 1px solid #ccc;
  background: #fafafa;
}

.vpg-lmap > .x-submaps > .x-itm.h {
  background: #e0e0e0;
}

.vpg-lmap > .x-submaps > .x-itm > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.vpg-lmap > .x-submaps > .x-itm > p {
  position: relative;
  overflow: hidden;
  height: 30px;
  font-size: 1.1rem;
  line-height: 30px;
  margin: 0;
  padding: 0 5px 0 30px;
  color: #222;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-lmap > .x-submaps.x-closed > .x-itm {
  display: none;
}

.dev-touch .vpg-lmap > .x-submaps,
.xp-f .vpg-lmap > .x-submaps {
  top: 40px;
}

.dev-touch .vpg-lmap > .x-submaps > .x-itm,
.xp-f .vpg-lmap > .x-submaps > .x-itm {
  height: 40px;
}

.dev-touch .vpg-lmap > .x-submaps > .x-itm > .vpicn,
.xp-f .vpg-lmap > .x-submaps > .x-itm > .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.dev-touch .vpg-lmap > .x-submaps > .x-itm > p,
.xp-f .vpg-lmap > .x-submaps > .x-itm > p {
  height: 40px;
  line-height: 40px;
  padding: 0 10px 0 40px;
}

.xp-f .vpg-lmap > .x-submaps > .x-itm > .vpicn {
  display: none;
}

.xp-f .vpg-lmap > .x-submaps > .x-itm > p {
  padding: 0 10px;
  font-size: 1.2rem;
}

/* 前マップへ移動ボタン */
.vpg-lmap > .x-maprow > .x-btn-prev {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: 50%;
  left: 5px;
  right: auto;
  bottom: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 0;
  -webkit-transform-origin: 0px 50%;
      -ms-transform-origin: 0px 50%;
          transform-origin: 0px 50%;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-btn-prev.h {
  background-color: #fff5d8;
}

.vpg-lmap > .x-maprow > .x-btn-prev.x-disabled {
  opacity: 0;
  pointer-events: none;
}

.vpg-lmap > .x-maprow > .x-btn-next {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: 50%;
  left: auto;
  right: 5px;
  bottom: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 0;
  -webkit-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-btn-next.h {
  background-color: #fff5d8;
}

.vpg-lmap > .x-maprow > .x-btn-next.x-disabled {
  opacity: 0;
  pointer-events: none;
}

/* サブマップトグル */
.vpg-lmap > .x-maprow > .x-btn-smap {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: 5px;
  left: auto;
  right: 5px;
  bottom: auto;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-btn-smap.h {
  background-color: #fff5d8;
}

.vpg-lmap > .x-maprow > .x-btn-smap.x-disabled {
  opacity: 0;
  pointer-events: none;
}

/* 拡大縮小ボタン */
.vpg-lmap > .x-maprow > .x-zoomer {
  position: absolute;
  z-index: 3;
  overflow: hidden;
  top: auto;
  left: auto;
  right: 5px;
  bottom: 5px;
  background-color: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 100% 100%;
      -ms-transform-origin: 100% 100%;
          transform-origin: 100% 100%;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow > .x-zoomer.h {
  background-color: #fff5d8;
}

.vpg-lmap > .x-maprow > .x-zoomer.x-disabled {
  opacity: 0;
  pointer-events: none;
}

/* 広域マップへ戻るボタン */
.vpg-lmap > .x-maprow .x-rtn {
  position: absolute;
  z-index: 5;
  overflow: hidden;
  top: auto;
  left: 3px;
  right: auto;
  bottom: 3px;
  height: 35px;
  background: #fff;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
          box-shadow: 0 2px 5px rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lmap > .x-maprow .x-rtn.h {
  background-color: #fff5d8;
}

.vpg-lmap > .x-maprow .x-rtn > .vpicn {
  position: absolute;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-lmap > .x-maprow .x-rtn > p {
  overflow: hidden;
  margin: 0 0 0 0;
  padding: 0 10px 0 35px;
  color: #222;
  font-size: 1.1rem;
  line-height: 35px;
  height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-lmap > .x-maprow .x-rtn.x-disabled {
  opacity: 0 !important;
  pointer-events: none;
  cursor: default;
}

.dev-touch .vpg-lmap > .x-maprow > .x-rtn,
.xp-f .vpg-lmap > .x-maprow > .x-rtn {
  left: 5px;
  bottom: 5px;
  height: 40px;
}

.dev-touch .vpg-lmap > .x-maprow .x-rtn > p,
.xp-f .vpg-lmap > .x-maprow .x-rtn > p {
  padding: 0 10px 0 40px;
  line-height: 40px;
  height: 40px;
}

/* マップがない場合のメッセージDOM */
.vpg-lmap > .x-maprow > .x-nomapicn {
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  height: 60px;
  margin: -27px 0 0 0;
  opacity: 0.5;
}

.vpg-lmap > .x-maprow > .x-nomapicn > .vpicn {
  position: absolute;
  top: 0;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: 0 0 0 -25px;
  -webkit-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
          transform-origin: 50% 0;
}

.vpg-lmap > .x-maprow > .x-nomapicn > p {
  margin: 35px 10px 0 10px;
  padding: 0;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 1.1rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

/* ------------------------------------------------------------------
	(plugin) Tour control
*/
.vpg-tcn-base {
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.vpg-tcn div {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.vpg-tcn .vpicn {
  opacity: 0.9;
}

.vpg-tcn {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  width: 100%;
  height: 100%;
  background: #222;
  -webkit-box-shadow: 0 0 3px #000 inset;
          box-shadow: 0 0 3px #000 inset;
}

/* transition:all 0.6s cubic-bezier(0.000, 0.000, 0.020, 0.990); */
.vpg-tcn-mtx {
  position: absolute;
  z-index: 2;
  overflow: hidden;
  top: 50px;
  left: -1px;
  right: auto;
  bottom: 50px;
  width: 100%;
  max-width: 150px;
  margin: 0;
  pointer-events: none;
  background: transparent;
}

.vpg-tcn-mtx table {
  position: relative;
  width: 100%;
  height: auto;
  border-collapse: collapse;
  margin: 0;
}

.vpg-tcn-mtx table td, th {
  border: 1px solid rgba(0, 0, 0, 0.8);
  font-size: 1rem;
  text-align: center;
  padding: 3px;
}

.vpg-tcn-mtx table th {
  font-weight: 700;
  background: rgba(255, 255, 255, 0.7);
  color: #222;
}

.vpg-tcn-mtx table td {
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}

.vpg-tcn-mtx table tr.x-actv td {
  background: rgba(13, 148, 65, 0.7);
  color: #fff;
}

.vpg-tcn-mtx table tr.x-done td {
  background: rgba(148, 116, 13, 0.7);
  color: #fff;
}

/* Section Guide Bar */
.vpg-tcn-secbar {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  overflow: hidden;
  margin: 0;
  padding: 0;
  background: transparent;
  pointer-events: none;
  text-align: center;
  -webkit-transition: margin-top 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: margin-top 0.25s cubic-bezier(0, 0, 0.02, 0.99);
  transition: margin-top 0.25s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tcn-secbar > div {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: auto;
  margin: 0 auto 15px auto;
  padding: 0;
  background: #f7b90c;
  border-radius: 0 0 5px 5px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.75);
  pointer-events: auto;
}

.vpg-tcn-secbar p {
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.vpg-tcn-secbar .x-tt {
  min-width: 50px;
  max-width: 300px;
  margin: 0;
  padding: 0 10px;
  font-size: 1.5rem;
  color: #222;
  text-align: left;
}

.vpg-tcn-secbar.x-disabled {
  margin-top: -50px;
}

.vpg-tcn .xc-logo {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.4);
      -ms-transform: scale(0.4);
          transform: scale(0.4);
}

/* Section controler */
.vpg-tcn .xc-sbx {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: auto;
  right: 0;
  width: 340px;
  height: 40px;
  margin: 0;
}

.vpg-tcn .xc-sbx .xc-icn {
  /* 40x40 */
  width: 50px;
  height: 50px;
  cursor: pointer;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-tcn .xc-sbx .xc-icn.h {
  background-color: #3a3a3a;
  -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
          box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
}

.vpg-tcn .xc-sbx .xc-icn.x-prvs-stop {
  position: absolute;
  top: 0;
  left: 100px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-next-stop {
  position: absolute;
  top: 0;
  left: 140px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-replay {
  position: absolute;
  top: 0;
  left: 180px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-prvs {
  position: absolute;
  top: 0;
  left: 220px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-play {
  position: absolute;
  top: 0;
  left: 260px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-next {
  position: absolute;
  top: 0;
  left: 300px;
  right: auto;
}

.vpg-tcn .xc-sbx .xc-icn.x-disabled {
  opacity: 0.25;
  pointer-events: none;
}

/* 無効状態 */
.vpg-tcn .xc-sbx .xc-cnt {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100px;
  height: 40px;
  pointer-events: none;
}

.vpg-tcn .xc-sbx .xc-cnt p {
  position: relative;
  width: 65px;
  height: 30px;
  margin: 5px;
  padding: 0 0 0 25px;
  line-height: 30px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: #333;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #5ca623;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) inset;
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.2) inset;
  -webkit-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tcn .xc-sbx .xc-cnt .vpicn {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 50px;
  height: 50px;
  pointer-events: none;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-tcn .xc-sbx .xc-cnt.x-disabled {
  opacity: 0.25;
}

/* 無効状態 */
.vpg-tcn .xc-sbx .xc-cnt.x-disabled p {
  background-color: #555;
  color: #ddd;
}

/* 無効状態 */
.vpg-tcn .xc-sbx .xc-cnt.x-active p {
  color: #fdfdfd;
  background-color: #ff8119;
}

/* 再生中 */
/* Phase controler */
.vpg-tcn .xc-pbx {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 50%;
  width: 190px;
  height: 40px;
  margin: 0 0 0 -95px;
}

.vpg-tcn .xc-pbx .xc-phs {
  /* 35x35 */
  position: absolute;
  cursor: pointer;
  width: 50px;
  height: 50px;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.6s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tcn .xc-pbx .xc-phs.h {
  background-color: #3a3a3a;
  -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
          box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
}

.vpg-tcn .xc-pbx .xc-phs.x-power {
  top: 0;
  left: 0px;
  right: auto;
}

.vpg-tcn .xc-pbx .xc-phs.x-prvs {
  top: 0;
  left: 120px;
  right: auto;
}

.vpg-tcn .xc-pbx .xc-phs.x-next {
  top: 0;
  left: 155px;
  right: auto;
}

.vpg-tcn .xc-pbx .xc-phs.x-disabled {
  opacity: 0.25;
  pointer-events: none;
}

/* 無効状態 */
.vpg-tcn .xc-pbx .xc-cnt {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 35px;
  width: 85px;
  height: 35px;
  pointer-events: none;
}

.vpg-tcn .xc-pbx .xc-cnt p {
  position: relative;
  width: 45px;
  height: 25px;
  margin: 5px;
  padding: 0 0 0 30px;
  line-height: 25px;
  text-align: center;
  font-size: 1.2rem;
  font-weight: 700;
  color: #ddd;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
  background-color: #404040;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
          box-shadow: 0 0 8px rgba(255, 255, 255, 0.2) inset;
  -webkit-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tcn .xc-pbx .xc-cnt .vpicn {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 50px;
  height: 50px;
  pointer-events: none;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
}

.vpg-tcn .xc-pbx .xc-cnt.x-disabled {
  opacity: 0.25;
}

/* 無効状態 */
.vpg-tcn .xc-pbx .xc-cnt.x-disabled p {
  background-color: #555;
  color: #ddd;
}

/* 無効状態 */
.vpg-tcn .xc-pbx .xc-bar {
  position: absolute;
  overflow: hidden;
  top: 36.5px;
  left: 0;
  width: 200px;
  height: 2px;
  background-color: #404040;
  pointer-events: none;
}

.vpg-tcn .xc-pbx .xc-bar .x-bar {
  position: relative;
  width: 1%;
  height: 100%;
  background-color: #668f46;
  -webkit-transition: width 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: width 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: width 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tcn .xc-pbx .xc-bar.x-disabled {
  background-color: #222;
}

.vpg-tcn .xc-pbx .xc-bar.x-disabled .x-bar {
  background-color: #555;
}

.vpg-tcn .xc-pbx .xc-bar.x-active .x-bar {
  background-color: #ff8119;
}

/* ------------------------------------------------------------------
	(plugin) Touch and Go
*/
.vpg-tugo-layerback {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  visilibity: hidden;
  pointer-events: none;
  cursor: default;
  background: -o-radial-gradient(center, circle cover, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.85) 100%);
  background: -o-radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.85) 100%);
  background: radial-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 15%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.45) 60%, rgba(0, 0, 0, 0.85) 100%);
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tugo-layerback.x-active {
  visilibity: visible;
  opacity: 1;
}

.vpg-tugo {
  position: absolute;
  overflow: hidden;
  pointer-events: none;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  background: transparent;
}

.vpg-tugo.x-nowide {
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
}

.vpg-tugo > .x-bs {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  display: block;
  width: auto;
  height: 100%;
  margin: 0;
  padding: 0 35px;
  background: transparent;
}

.vpg-tugo > .x-bs:before {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 50%;
  width: 40px;
  height: 35px;
  margin: 0 0 0 -20px;
  pointer-events: none;
  background: transparent url(../imgs/vp_touchgo_h_wide.svg) no-repeat center top;
  background-size: 40px 35px;
}

.vpg-tugo > .x-bs .x-tugo-con {
  z-index: 1;
  position: relative;
  overflow: hidden;
  pointer-events: auto;
  max-width: 400px;
  min-width: 200px;
  height: auto;
  min-height: 47px;
  margin: 35px auto 35px;
  padding: 0;
  background: #fdfdfd;
  -webkit-box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.9);
          box-shadow: 0 0 30px 5px rgba(0, 0, 0, 0.9);
  border-radius: 6px;
}

.vpg-tugo.x-nowide > .x-bs .x-tugo-con {
  margin-top: 60px;
}

.vpg-tugo.x-nowide > .x-bs:before {
  content: " ";
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 50%;
  width: 40px;
  height: 60px;
  margin: 0 0 0 -20px;
  pointer-events: none;
  background: transparent url(../imgs/vp_touchgo_h.svg) no-repeat center top;
  background-size: 40px 60px;
}

.vpg-tugo > .x-bs .x-tugo-con p {
  pointer-events: auto;
  cursor: pointer;
  margin: 3px 3px 3px 47px;
  padding: 12px 47px 12px 15px;
  font-size: 1.33rem;
  line-height: 1.3em;
  color: #fdfdfd;
  border-radius: 4px;
  background-color: #e55;
  -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.33);
          box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.33);
  -webkit-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: background-color 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-tugo > .x-bs .x-cancel {
  position: absolute;
  pointer-events: auto;
  cursor: pointer;
  top: 3px;
  left: 3px;
  right: auto;
  bottom: auto;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  -webkit-transform: scale(0.82);
      -ms-transform: scale(0.82);
          transform: scale(0.82);
  border-radius: 4px;
  opacity: 1;
}

.vpg-tugo > .x-bs .x-cancel.h {
  opacity: 0.6;
}

.vpg-tugo > .x-bs .x-go {
  position: absolute;
  pointer-events: none;
  top: 3px;
  left: auto;
  right: 3px;
  bottom: auto;
  -webkit-transform-origin: 100% 0;
      -ms-transform-origin: 100% 0;
          transform-origin: 100% 0;
  -webkit-transform: scale(0.82);
      -ms-transform: scale(0.82);
          transform: scale(0.82);
}

.vpg-tdg .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-tdg div {
  margin: 0;
  padding: 0;
}

.vpg-tdg {
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 50%;
  width: 300px;
  height: 107px;
  margin: 0 0 0 -150px;
  padding: 0;
  background: transparent;
  pointer-events: none;
}

.vpg-tdg > .x-bs {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.vpg-tdg .x-tg-hdr {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: 20px;
  height: 50px;
  margin: 0 0 0 -10px;
  background: transparent url(../imgs/vp_touchgo_h_b.png) no-repeat center top;
  background-size: 20px 40px;
  pointer-events: none;
}

.vpg-tdg .x-tg {
  position: absolute;
  z-index: 1;
  top: 40px;
  left: 25px;
  right: 25px;
  bottom: 25px;
  margin: 0;
  -webkit-box-shadow: 0 1px 15px 5px rgba(0, 0, 0, 0.9);
          box-shadow: 0 1px 15px 5px rgba(0, 0, 0, 0.9);
  pointer-events: auto;
  background: #fdfdfd;
  border-radius: 3px;
}

.vpg-tdg .x-tg .x-icn-cancel {
  position: absolute;
  top: 1px;
  left: 1px;
  right: auto;
  -webkit-transform-origin: 0px 0px;
      -ms-transform-origin: 0px 0px;
          transform-origin: 0px 0px;
  cursor: pointer;
  border-radius: 2px 0 0 2px;
}

.vpg-tdg .x-tg .x-icn-cancel.h {
  background-color: #ccc;
}

.vpg-tdg .x-tg .x-golabel {
  position: absolute;
  top: 1px;
  left: 41px;
  right: 1px;
  bottom: 1px;
  background: #ea0000;
  overflow: hidden;
  border-radius: 0 2px 2px 0;
  cursor: pointer;
}

.vpg-tdg .x-tg .x-golabel.h {
  background-color: #ff0000;
}

.vpg-tdg .x-tg .x-golabel .x-icn-go {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-tdg .x-tg .x-golabel p {
  /* 128x30 */
  position: absolute;
  top: 5px;
  left: 10px;
  right: 40px;
  bottom: 0px;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 30px;
  color: #fdfdfd;
  margin: 0;
  padding: 0;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-tdg .x-tg .x-golabel p.x-multiline {
  line-height: 15px;
}

/* ------------------------------------------------------------------
	(plugin) Time-Shift-Controler
*/
.vpg-tscc {
  position: absolute;
  z-index: 4;
  overflow: hidden;
  top: auto;
  left: 0px;
  right: 0px;
  bottom: 110px;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}
.vpg-tscc.x-hide {
  display: none;
}
.vpg-tscc .vpg-tscc-base {
  position: relative;
  overflow: hidden;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.vpg-tscc .x-tsc {
  position: relative;
  overflow: hidden;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 0;
  pointer-events: auto;
  cursor: pointer;
}
.vpg-tscc .x-tsc .x-icn-base {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  opacity: 1;
}
.vpg-tscc .x-tsc .x-icn-deactive {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  opacity: 1;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}
.vpg-tscc .x-tsc .x-icn-active {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}
.vpg-tscc .x-tsc.x-active.h .x-icn-active {
  opacity: 0.85;
}
.vpg-tscc .x-tsc:not(.x-active).h .x-icn-deactive {
  opacity: 0.3;
}
.vpg-tscc .x-tsc:not(.x-active).h .x-icn-active {
  opacity: 0.6;
}
.vpg-tscc .x-tsc.x-active .x-icn-deactive {
  opacity: 0;
}
.vpg-tscc .x-tsc.x-active .x-icn-active {
  opacity: 1;
}

.vpr-mob .vpg-tscc {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/* ------------------------------------------------------------------
	(plugin) Locator
*/
.vpg-lor-base {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.vpg-lor .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.vpg-lor div {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.vpg-lor {
  position: absolute;
  overflow: visible;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: auto;
  -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
}

/* opener */
.vpg-lor .x-opener {
  position: absolute;
  top: 0;
  left: -35px;
  width: 35px;
  height: 35px;
  margin: 0;
  background-color: #222;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.6s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lor.x-closed .x-opener {
  top: 50%;
  height: 60px;
  margin: -30px 0 0 0;
}

.vpg-lor .x-opener.h {
  background-color: #606060;
}

.vpg-lor .x-opener .vpicn {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -25px;
  -webkit-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
          transform-origin: 0 50%;
}

.vpg-lor .x-opener.x-disabled {
  opacity: 0;
  pointer-events: none;
}

/* spot list container */
.vpg-lor .x-listbox {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vpg-lor .x-listbox > .x-list {
  height: auto;
  margin: 0 5px 0 5px;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
}

/* (Dynamic spot) */
.vpg-lor .x-listbox > .x-list > .x-itm {
  height: auto;
  margin: 0;
  border-bottom: 1px dotted #e0e0e0;
  background: #fdfdfd;
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lor .x-listbox > .x-list > .x-itm p {
  color: #555;
  font-size: 1.2rem;
  height: 25px;
  line-height: 25px;
  margin: 0 30px 0 0;
  padding: 0 0 0 8px;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-lor .x-listbox > .x-list > .x-itm p.x-multiline {
  height: 38px;
  line-height: 15px;
  padding: 6px 0 0 8px;
}

.vpg-lor .x-listbox > .x-list > .x-itm .vpicn {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.5);
      -ms-transform: scale(0.5);
          transform: scale(0.5);
}

.vpg-lor .x-listbox > .x-list > .x-itm.h {
  background-color: #eaeaea;
}

.vpg-lor .x-listbox > .x-list > .x-itm.h .vpicn {
  background-color: #efefef;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-label {
  margin-top: 5px;
  pointer-events: none;
  cursor: auto;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-label.h {
  background-color: transparent;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-label p {
  font-weight: 700;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-label .vpicn {
  background-color: transparent;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-label.h .vpicn {
  background-color: transparent;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media .vpicn {
  background-color: #098480;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media.h .vpicn {
  background-color: #1ca8a3;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media.x-media-video .vpicn {
  background-color: #e87400;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media.x-media-video.h .vpicn {
  background-color: #ff962e;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media.x-media-sound .vpicn {
  background-color: #006094;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-media.x-media-sound.h .vpicn {
  background-color: #1a89c4;
}

/* (Fix list) */
.vpg-lor .x-listbox > .x-list > .x-itm.x-fix.x-here {
  -webkit-animation: k-lor-fixhere 0.5s ease 0s infinite alternate;
          animation: k-lor-fixhere 0.5s ease 0s infinite alternate;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-fix.x-here p {
  color: #fff;
}

@-webkit-keyframes k-lor-fixhere {
  0% {
    background-color: #fe4a4a;
  }
  100% {
    background-color: #da0000;
  }
}

@keyframes k-lor-fixhere {
  0% {
    background-color: #fe4a4a;
  }
  100% {
    background-color: #da0000;
  }
}
.vpg-lor .x-listbox > .x-list.x-disabled > .x-itm {
  pointer-events: none;
  opacity: 0;
  cursor: default;
}

.vpg-lor .x-listbox > .x-list > .x-itm.vpg-lor-debugbtn {
  background-color: #ddd;
  border-right: 3px solid #e00;
}

.vpg-lor .x-listbox > .x-list > .x-itm.vpg-lor-debugbtn.h {
  background-color: #efefef;
}

/* モバイル時に表示される閉じるボタン */
.vpg-lor .x-listbox > .x-list > .x-itm.x-incloser {
  display: none;
  background: #222;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-incloser p {
  color: #fff;
  font-size: 1.2rem;
  height: 35px;
  line-height: 35px;
  padding: 0 35px 0 8px;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-incloser .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.vpr-mob .vpg-lor .x-listbox > .x-list > .x-itm.x-incloser {
  display: block;
}

/* direction buttons */
.vpg-lor .x-listbox > .x-list > .x-itm.x-drc {
  height: 33px;
  background-color: #555;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm {
  pointer-events: auto;
  cursor: pointer;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-lft {
  width: 33%;
  height: 100%;
  float: left;
  background-color: #fdfdfd;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-ctr {
  width: 34%;
  height: 100%;
  float: left;
  background-color: #fdfdfd;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-rht {
  width: 33%;
  height: 100%;
  float: right;
  background-color: #fdfdfd;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-lft.h {
  background-color: #e0e0e0;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-ctr.h {
  background-color: #e0e0e0;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-rht.h {
  background-color: #e0e0e0;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .x-drcitm.x-disabled {
  opacity: 0.2;
  pointer-events: none;
  cursor: default;
}

.vpg-lor .x-listbox > .x-list > .x-itm.x-drc .vpicn {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

/* grouptab label */
.vpg-lor-grptab-lbl {
  position: absolute;
  z-index: 5;
  top: 40px;
  left: auto;
  right: 0;
  width: auto;
  min-width: 50px;
  height: 29px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  border-radius: 15px 0 0 15px;
  background: #fdfdfd;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.55);
  pointer-events: auto;
  cursor: pointer;
}

.vpg-lor-grptab-lbl.h {
  background-color: #efffe0;
}

.vpg-lor-grptab-lbl > .x-bs {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.vpg-lor-grptab-lbl p {
  width: auto;
  max-width: 180px;
  height: 29px;
  margin: 0 35px 0 16px;
  padding: 0;
  line-height: 29px;
  font-size: 10pt;
  color: #222;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-lor-grptab-lbl .vpicn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.vpr-mob .vpg-lor-grptab-lbl {
  top: 55px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/* mapscene button */
.vpg-lor-mapscn-btn {
  position: absolute;
  z-index: 5;
  top: 80px;
  left: auto;
  right: 15px;
  width: auto;
  min-width: 50px;
  height: 29px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  border-radius: 15px;
  background: #b03e41;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.35s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.35s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lor-mapscn-btn.x-disabled {
  opacity: 0;
  pointer-events: none;
  cursor: auto;
  opacity: 0;
}

.vpg-lor-mapscn-btn.h {
  background-color: #bf2126;
}

.vpg-lor-mapscn-btn > .x-bs {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

.vpg-lor-mapscn-btn p {
  width: auto;
  max-width: 180px;
  height: 29px;
  margin: 0 35px 0 16px;
  padding: 0;
  line-height: 29px;
  font-size: 10pt;
  color: #fdfdfd;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.vpg-lor-mapscn-btn .vpicn {
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  -webkit-transform-origin: 100% 0px;
      -ms-transform-origin: 100% 0px;
          transform-origin: 100% 0px;
  -webkit-transform: scale(0.6);
      -ms-transform: scale(0.6);
          transform: scale(0.6);
}

.vpr-mob .vpg-lor-grptab-lbl {
  top: 55px;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

/* banner container */
.vpg-lor .x-listbox > .x-bnrs {
  height: auto;
  margin: 0;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr {
  height: auto;
  margin: 0;
  padding: 0;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
}

.vpg-lor .x-listbox > .x-bnrs.x-disabled {
  pointer-events: none;
  display: none;
}

.vpg-lor .x-listbox > .x-bnrs.x-disabled > .x-bnr {
  pointer-events: none;
  opacity: 0;
  cursor: default;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img {
  vertical-align: bottom;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-wide {
  max-width: 100%;
  height: auto;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-bdr,
.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-border {
  max-width: 100%;
  height: auto;
  border: 4px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-half {
  max-width: 50%;
  height: auto;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-left {
  max-width: 50% !important;
  height: auto;
  float: left;
}

.vpg-lor .x-listbox > .x-bnrs > .x-bnr img.x-right {
  max-width: 50% !important;
  height: auto;
  float: right;
}

/* Wide-view button */
.vpg-lor-widev .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
}

.dev-touch .vpg-lor-widev .vpicn,
.xp-f .vpg-lor-widev .vpicn {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
}

.vpg-lor-widev {
  position: absolute;
  overflow: hidden;
  opacity: 0;
  display: none;
  top: auto;
  left: 50%;
  right: auto;
  bottom: 60px;
  width: 60px;
  height: 40px;
  margin: 0 0 0 -30px;
  background: #ff7017;
  border-radius: 5px;
  pointer-events: auto;
  cursor: pointer;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 0 15px #000, inset 0 0 25px #ffab45;
          box-shadow: 0 0 15px #000, inset 0 0 25px #ffab45;
}

.vpg-lor-widev.h {
  background: #ff863b;
}

.vpg-lor-widev .vpicn {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  padding: 0;
  -webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

/* ------------------------------------------------------------------
	(plugin) screenlock

	Parent layer : containers.screen
*/
/*
	<vpg-mdaov-mask><vpicn/></vpg-mdaov-mask>
	<vpg-mdaov>
		<mdaov-vbox>
			<mdaov-wrapper>
				<mdaov-head>...</mdaov-head>

				<swiper-container>
					<mdaov-autoplay><vpicn/><vpicn/></mdaov-autoplay>

					<swiper-pagination/>
					<swiper-button-prev/>
					<swiper-button-next/>
					<swiper-wrapper>
						<swiper-slide><img></swiper-slide>
						<swiper-slide><img></swiper-slide>
						<swiper-slide><img></swiper-slide>
					</swiper-wrapper>
				</swiper-container>

				<mdaov-desc-opener><vpicn/></mdaov-desc-opener>
				<mdaov-desc><vpicn/><p>...</p></mdaov-desc>
			</mdaov-wrapper>
		</mdaov-vbox>
	</vpg-mdaov>

*/
.vpg-scrlck-mask {
  pointer-events: auto;
  cursor: pointer;
  z-index: 20;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}

.vpg-scrlck {
  z-index: 21;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  width: 100%;
  margin: 0;
  pointer-events: auto;
  opacity: 1;
}
.vpg-scrlck.is_hide {
  display: none;
  pointer-evnets: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  opacity: 0;
}

.vpg-scrlck-monitor {
  z-index: 2;
  position: absolute;
  overflow: hidden;
  top: auto;
  left: 10px;
  right: auto;
  bottom: 10px;
  width: 100px;
  height: 15px;
  margin: 0;
  padding: 0;
  font-size: 1.1rem;
  line-height: 15px;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  color: #fff;
  text-shadow: 0 1px 2px #222, 0 1px 2px #222;
}

.vpg-scrlck-layer {
  z-index: 21;
  position: absolute;
  overflow: hidden;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  margin: 0;
  pading: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: transparent;
  background-size: auto auto;
}
.vpg-scrlck-layer video {
  position: absolute;
  overflow: hidden;
  background: transparent;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* ------------------------------------------------------------------
	(plugin) Mediaover

	Parent layer : containers.overlay
*/
/*
<vpg-mdaov-mask><vpicn/></vpg-mdaov-mask>
<vpg-mdaov>
	<mdaov-vbox>
		<mdaov-wrapper>
			<mdaov-head>...</mdaov-head>

			<swiper-container>
				<mdaov-autoplay><vpicn/><vpicn/></mdaov-autoplay>

				<swiper-pagination/>
				<swiper-button-prev/>
				<swiper-button-next/>
				<swiper-wrapper>
					<swiper-slide><img></swiper-slide>
					<swiper-slide><img></swiper-slide>
					<swiper-slide><img></swiper-slide>
				</swiper-wrapper>
			</swiper-container>

			<mdaov-desc-opener><vpicn/></mdaov-desc-opener>
			<mdaov-desc><vpicn/><p>...</p></mdaov-desc>
		</mdaov-wrapper>
	</mdaov-vbox>
</vpg-mdaov>
*/
.vpg-mdaov-mask {
  z-index: 50;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  -webkit-transition: opacity 0.4s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: opacity 0.4s cubic-bezier(0, 0, 0.02, 0.99);
  transition: opacity 0.4s cubic-bezier(0, 0, 0.02, 0.99);
  opacity: 1;
  pointer-events: auto;
}
.vpg-mdaov-mask.is_disabled {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.vpg-mdaov-mask .vpicn {
  background-color: #000;
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  position: absolute;
  top: 5px;
  left: auto;
  right: 5px;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
  -webkit-box-shadow: 0 0 20px #000;
          box-shadow: 0 0 20px #000;
}

.vpg-mdaov {
  overflow: hidden;
  z-index: 51;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent none no-repeat center center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.5s cubic-bezier(0, 0, 0.02, 0.99), opacity 0.5s cubic-bezier(0, 0, 0.02, 0.99);
  -webkit-transform-origin: center center;
      -ms-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  opacity: 1;
}

.vpg-mdaov.is_none {
  display: none;
}

.vpg-mdaov.is_hide {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
          transform: scale(0.8);
  opacity: 0;
}

.vpg-mdaov-autoplay {
  z-index: 54;
  position: absolute;
  top: 10px;
  left: auto;
  right: 10px;
  bottom: auto;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.7);
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
          box-shadow: 0 1px 8px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  pointer-evnets: auto;
  cursor: pointer;
}

.vpg-mdaov-autoplay .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  border-radius: 3px;
}

.vpg-mdaov-autoplay .vpg-mdaov-autoplay-play {
  -webkit-animation: k-vpg-mdaov-autoplay-play 1.5s ease 0s infinite alternate;
          animation: k-vpg-mdaov-autoplay-play 1.5s ease 0s infinite alternate;
}

.vpg-mdaov-autoplay.is_hide {
  display: none;
  pointer-events: none;
}

.vpg-mdaov-autoplay .vpicn.is_hide {
  display: none;
}

@-webkit-keyframes k-vpg-mdaov-autoplay-play {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: #8c244b;
  }
}

@keyframes k-vpg-mdaov-autoplay-play {
  0% {
    background-color: rgba(0, 0, 0, 0);
  }
  100% {
    background-color: #8c244b;
  }
}
.vpg-mdaov .mdaov-vbox {
  z-index: 51;
  display: block;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: 100%;
}

.vpg-mdaov .mdaov-vbox .mdaov-wrapper {
  z-index: 51;
  display: block;
  overflow: hidden;
  position: relative;
  width: auto;
  height: auto;
  margin: 0 auto;
  padding: 0;
  background: #333;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.8);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.mdaov-head {
  z-index: 53;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: auto;
  width: 100%;
  height: 25px;
  background: #333;
  margin: 0;
  padding: 0 10px;
  text-align: center;
  color: #fdfdfd;
  font-size: 1.3rem;
  line-height: 35px;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  white-space: nowrap;
}

.mdaov-head.is_hide {
  display: none;
}

.mdaov-desc-opener {
  z-index: 53;
  position: absolute;
  top: auto;
  left: 2px;
  right: auto;
  bottom: 2px;
  width: 35px;
  height: 35px;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5) none;
  border-radius: 3px;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  cursor: pointer;
  background-image: -o-linear-gradient(top, transparent, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#222222));
  background-image: linear-gradient(top, transparent, #222222);
}

.mdaov-desc-opener .vpicn {
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  position: absolute;
  top: 0;
  left: 0;
}

.mdaov-desc-opener.is_hide {
  display: none;
}

.mdaov-desc {
  z-index: 53;
  position: absolute;
  top: auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  margin: 0;
  padding: 0;
  background: rgba(0, 0, 0, 0.5) none;
  color: #fdfdfd;
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  -o-transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  transition: all 0.2s cubic-bezier(0, 0, 0.02, 0.99);
  background-image: -o-linear-gradient(top, transparent, #222222);
  background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#222222));
  background-image: linear-gradient(top, transparent, #222222);
}

.mdaov-desc.is_hide {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mdaov-desc .vpicn {
  z-index: 54;
  -webkit-transform: scale(0.7);
      -ms-transform: scale(0.7);
          transform: scale(0.7);
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.mdaov-desc p {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  padding: 15px 15px 15px 40px;
  font-size: 1.2rem;
  line-height: 1.3em;
  text-align: left;
  text-shadow: 0 1px 2px #000;
}

.vpg-mdaov .swiper-container {
  z-index: 52;
  width: 100%;
  height: auto;
  pointer-events: auto;
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}
.vpg-mdaov .swiper-container .swiper-wrapper.disabled {
  -webkit-transform: translate3d(0px, 0, 0) !important;
          transform: translate3d(0px, 0, 0) !important;
}
.vpg-mdaov .swiper-container .swiper-wrapper .swiper-slide {
  background-color: #333;
}
.vpg-mdaov .swiper-container .swiper-wrapper .swiper-slide img {
  z-index: 1;
  max-width: 100%;
  max-height: 100%;
}
.vpg-mdaov .swiper-container .swiper-wrapper .swiper-slide video {
  z-index: 1;
  background: #000;
  max-width: 100%;
  max-height: 100%;
}
.vpg-mdaov .swiper-container .swiper-wrapper .swiper-slide .mdaov-slide-canvas {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  bottom: auto;
  width: 100%;
  height: 100%;
  margin: 0;
  pointer-events: auto;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* plugin load */