/*!**********************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/featherlight/01/featherlight.min.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Featherlight - ultra slim jQuery lightbox
 * Version 1.7.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2147483647;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    background: #333;
    background: rgba(0, 0, 0, 0);
  }

  .featherlight:last-of-type {
    background: rgba(0, 0, 0, 0.8);
  }

  .featherlight:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .featherlight .featherlight-content {
    position: relative;
    text-align: left;
    vertical-align: middle;
    display: inline-block;
    overflow: auto;
    padding: 25px 25px 0;
    border-bottom: 25px solid transparent;
    margin-left: 5%;
    margin-right: 5%;
    max-height: 95%;
    background: #fff;
    cursor: auto;
    white-space: normal;
  }

  .featherlight .featherlight-inner {
    display: block;
  }

  .featherlight .featherlight-close-icon {
    position: absolute;
    z-index: 9999;
    top: 0;
    right: 0;
    line-height: 25px;
    width: 25px;
    cursor: pointer;
    text-align: center;
    font-family: Arial, sans-serif;
    background: #fff;
    background: rgba(255, 255, 255, 0.3);
    color: #000;
    border: 0;
    padding: 0;
  }

  .featherlight .featherlight-close-icon::-moz-focus-inner {
    border: 0;
    padding: 0;
  }

  .featherlight .featherlight-image {
    width: 100%;
  }

  .featherlight-iframe .featherlight-content {
    border-bottom: 0;
    padding: 0;
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
  }

  .featherlight iframe {
    border: 0;
  }

  .featherlight * {
    box-sizing: border-box;
  }
}
@media only screen and (max-width: 1024px) {
  .featherlight .featherlight-content {
    margin-left: 0;
    margin-right: 0;
    max-height: 98%;
    padding: 10px 10px 0;
    border-bottom: 10px solid transparent;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/featherlight/02/featherlight.gallery.min.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
 * Featherlight Gallery – an extension for the ultra slim jQuery lightbox
 * Version 1.7.0 - http://noelboss.github.io/featherlight/
 *
 * Copyright 2016, Noël Raoul Bossart (http://www.noelboss.com)
 * MIT Licensed.
**/
@media all {
  .featherlight-next, .featherlight-previous {
    display: block;
    position: absolute;
    top: 25px;
    right: 25px;
    bottom: 0;
    left: 80%;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: rgba(0, 0, 0, 0);
  }

  .featherlight-previous {
    left: 25px;
    right: 80%;
  }

  .featherlight-next:hover, .featherlight-previous:hover {
    background: rgba(255, 255, 255, 0.25);
  }

  .featherlight-next span, .featherlight-previous span {
    display: none;
    position: absolute;
    top: 50%;
    left: 5%;
    width: 82%;
    text-align: center;
    font-size: 80px;
    line-height: 80px;
    margin-top: -40px;
    text-shadow: 0 0 5px #fff;
    color: #fff;
    font-style: normal;
    font-weight: 400;
  }

  .featherlight-next span {
    right: 5%;
    left: auto;
  }

  .featherlight-next:hover span, .featherlight-previous:hover span {
    display: inline-block;
  }

  .featherlight-loading .featherlight-next, .featherlight-loading .featherlight-previous, .featherlight-swipe-aware .featherlight-next, .featherlight-swipe-aware .featherlight-previous {
    display: none;
  }
}
@media only screen and (max-device-width: 1024px) {
  .featherlight-next:hover, .featherlight-previous:hover {
    background: 0 0;
  }

  .featherlight-next span, .featherlight-previous span {
    display: block;
  }
}
@media only screen and (max-width: 1024px) {
  .featherlight-next, .featherlight-previous {
    top: 10px;
    right: 10px;
    left: 85%;
  }

  .featherlight-previous {
    left: 10px;
    right: 85%;
  }

  .featherlight-next span, .featherlight-previous span {
    margin-top: -30px;
    font-size: 40px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/featherlight/03/app.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************/
.featherlight .featherlight-close-icon {
  line-height: 15px;
  width: 15px;
  height: 15px;
  top: 2px;
  right: 2px;
}

.featherlight .featherlight-content {
  padding: 15px 15px 0;
  border-bottom: 15px solid transparent;
}

.featherlight .featherlight-previous {
  top: 15px;
  left: 15px;
}

.featherlight .featherlight-next {
  top: 15px;
  right: 15px;
}

.featherlight .featherlight-content {
  overflow: hidden !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/google.api/app.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.gm-style * {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, sans-serif, Roboto, "Droid Sans" !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/jquery-ui/app.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.ui-widget {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, sans-serif, Roboto, "Droid Sans";
  font-size: 13px;
}

.ui-dialog {
  box-shadow: 0 0 5px #aaa;
}

.ui-tooltip {
  padding: 5px 10px;
  max-width: 500px;
}

.ui-dialog-content, .ui-widget-content {
  padding: 0 !important;
}

.ui-widget-overlay {
  background-image: none;
  background-color: #333 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/jquery.powertip/jquery.powertip.app.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************/
#powerTip {
  cursor: default;
  background-color: #333;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  display: none;
  padding: 4px 10px;
  position: absolute;
  white-space: nowrap;
  z-index: 2147483647;
}

#powerTip:before {
  content: "";
  position: absolute;
}

#powerTip.n:before, #powerTip.s:before {
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  left: 50%;
  margin-left: -5px;
}

#powerTip.e:before, #powerTip.w:before {
  border-bottom: 5px solid transparent;
  border-top: 5px solid transparent;
  margin-top: -5px;
  top: 50%;
}

#powerTip.n:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
}

#powerTip.e:before {
  border-right: 5px solid #333;
  border-right: 5px solid rgba(0, 0, 0, 0.8);
  left: -5px;
}

#powerTip.s:before {
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  top: -5px;
}

#powerTip.w:before {
  border-left: 5px solid #333;
  border-left: 5px solid rgba(0, 0, 0, 0.8);
  right: -5px;
}

#powerTip.ne:before, #powerTip.se:before {
  border-right: 5px solid transparent;
  border-left: 0;
  left: 5px;
}

#powerTip.nw:before, #powerTip.sw:before {
  border-left: 5px solid transparent;
  border-right: 0;
  right: 5px;
}

#powerTip.ne:before, #powerTip.nw:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
}

#powerTip.se:before, #powerTip.sw:before {
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  top: -5px;
}

#powerTip.nw-alt:before, #powerTip.ne-alt:before,
#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: 5px solid #333;
  border-top: 5px solid rgba(0, 0, 0, 0.8);
  bottom: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  left: 5px;
}

#powerTip.ne-alt:before {
  left: auto;
  right: 5px;
}

#powerTip.sw-alt:before, #powerTip.se-alt:before {
  border-top: none;
  border-bottom: 5px solid #333;
  border-bottom: 5px solid rgba(0, 0, 0, 0.8);
  bottom: auto;
  top: -5px;
}

#powerTip.se-alt:before {
  left: auto;
  right: 5px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/jquery.raty/app.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "raty";
  src: url("../../font/raty/raty.eot");
  src: url("../../font/raty/raty.eot?#iefix") format("embedded-opentype"), url("../../font/raty/raty.woff") format("woff"), url("../../font/raty/raty.ttf") format("truetype"), url("../../font/raty/raty.svg#raty") format("svg");
  font-weight: normal;
  font-style: normal;
}
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  font-size: 1.4em;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.star-on-png, .star-half-png {
  color: #f90;
}

.star-off-png {
  color: #ccc;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.star-on-png:before {
  content: "\f005";
}

.star-off-png:before {
  content: "\f006";
}

.star-half-png:before {
  content: "\f123";
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/jquery.timepicker/app.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.ui-datepicker, .ui-datepicker * {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, sans-serif, Roboto, "Droid Sans" !important;
  font-size: 13px !important;
  font-weight: bold !important;
}

.ui-datepicker-current, .ui-datepicker-close {
  font-weight: bold !important;
  opacity: 1 !important;
  filter: Alpha(Opacity=100) !important;
}

.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px;
}

.ui-timepicker-div dl {
  text-align: left;
}

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px;
}

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 40%;
}

.ui-timepicker-div td {
  font-size: 90%;
}

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.ui-timepicker-div .ui_tpicker_unit_hide {
  display: none;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input {
  background: none;
  color: inherit;
  border: none;
  outline: none;
  border-bottom: solid 1px #555;
  width: 95%;
}

.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input:focus {
  border-bottom-color: #aaa;
}

.ui-timepicker-rtl {
  direction: rtl;
}

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0;
}

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right;
}

.ui-timepicker-rtl dl dd {
  margin: 0 40% 10px 10px;
}

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine {
  padding-right: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time,
.ui-timepicker-div.ui-timepicker-oneLine dt {
  display: none;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
  display: block;
  padding-top: 2px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: right;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd,
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div {
  display: inline-block;
  margin: 0 0 0 3px;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before {
  content: ":";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before {
  content: ".";
  display: inline-block;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/OwlCarousel2/owl.carousel.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Owl Carousel v2.2.0
 * Copyright 2013-2016 David Deutsch
 * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE)
 */
/*
 *  Owl Carousel - Core
 */
.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  /* position relative and z-index fix webkit rendering fonts issue */
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  -ms-touch-action: pan-Y;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  /* fix for flashing background */
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

/* No Js */
.no-js .owl-carousel {
  display: block;
}

/*
 *  Owl Carousel - Animate Plugin
 */
.owl-carousel .animated {
  -webkit-animation-duration: 1000ms;
  animation-duration: 1000ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/*
 * 	Owl Carousel - Auto Height Plugin
 */
.owl-height {
  transition: height 500ms ease-in-out;
}

/*
 * 	Owl Carousel - Lazy Load Plugin
 */
.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d;
}

/*
 * 	Owl Carousel - Video Plugin
 */
.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000;
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  /*background: url("owl.video.play.png") no-repeat;*/
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform 100ms ease;
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
  display: none;
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/tinymce/editor.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.mce-tinymce *:not(.mce-ico), .mce-tooltip * {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Verdana, sans-serif, Roboto, "Droid Sans" !important;
}

.mce-container {
  border-color: #ddd !important;
  background-color: #fcfcfc !important;
}

.mce-toolbar {
  border-bottom: solid 1px #ddd !important;
}

.mce-toolbar .mce-btn {
  background-color: #fcfcfc !important;
}

.mce-btn {
  border-radius: 3px;
}

.mce-btn button:hover {
  background: #eee !important;
}

.mce-menu-item:hover {
  background-color: #eee !important;
}

.mce-menu-item-preview.mce-active {
  border-left: solid 5px #ddd !important;
}

.mce-tooltip * {
  font-size: 13px !important;
}

.mce-edit-area {
  margin: 5px !important;
  border: none !important;
}

.isError .mce-edit-area {
  border: solid 1px #f6b !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./node_modules/import-glob/index.js!./src/thirdparty/component/videojs/app.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
.video-js .vjs-menu-button-inline.vjs-slider-active, .video-js .vjs-menu-button-inline:focus, .video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 10em;
}

.video-js .vjs-controls-disabled .vjs-big-play-button {
  display: none !important;
}

.video-js .vjs-control {
  width: 3em;
}

.video-js .vjs-menu-button-inline:before {
  width: 1.5em;
}

.vjs-menu-button-inline .vjs-menu {
  left: 3em;
}

.vjs-paused.vjs-has-started.video-js .vjs-big-play-button, .video-js.vjs-ended .vjs-big-play-button, .video-js.vjs-paused .vjs-big-play-button {
  display: block;
}

.video-js .vjs-load-progress div, .vjs-seeking .vjs-big-play-button, .vjs-waiting .vjs-big-play-button {
  display: none !important;
}

.video-js .vjs-mouse-display:after, .video-js .vjs-play-progress:after {
  padding: 0 0.4em 0.3em;
}

.video-js.vjs-ended .vjs-loading-spinner {
  display: none;
}

.video-js.vjs-ended .vjs-big-play-button {
  display: block !important;
}

.video-js *, .video-js:after, .video-js:before {
  box-sizing: inherit;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
}

.video-js.vjs-fullscreen, .video-js.vjs-fullscreen .vjs-tech {
  width: 100% !important;
  height: 100% !important;
}

.video-js {
  font-size: 14px;
  overflow: hidden;
}

.video-js .vjs-control {
  color: inherit;
}

.video-js .vjs-menu-button-inline:hover, .video-js.vjs-no-flex .vjs-menu-button-inline {
  width: 8.35em;
}

.video-js .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
  height: 3em;
  width: 6.35em;
}

.video-js .vjs-control:focus:before, .video-js .vjs-control:hover:before {
  text-shadow: 0 0 1em #fff, 0 0 1em #fff, 0 0 1em #fff;
}

/*noinspection ALL*/
.video-js .vjs-spacer, .video-js .vjs-time-control {
  display: flex;
  flex: 1 1 auto;
}

/*noinspection ALL*/
.video-js .vjs-time-control {
  flex: 0 1 auto;
  width: auto;
}

.video-js .vjs-time-control.vjs-time-divider {
  width: 14px;
}

.video-js .vjs-time-control.vjs-time-divider div {
  width: 100%;
  text-align: center;
}

.video-js .vjs-time-control.vjs-current-time {
  margin-left: 1em;
}

.video-js .vjs-time-control .vjs-current-time-display, .video-js .vjs-time-control .vjs-duration-display {
  width: 100%;
}

.video-js .vjs-time-control .vjs-current-time-display {
  text-align: right;
}

.video-js .vjs-time-control .vjs-duration-display {
  text-align: left;
}

.video-js .vjs-play-progress:before, .video-js .vjs-progress-control .vjs-play-progress:before, .video-js .vjs-remaining-time, .video-js .vjs-volume-level:after, .video-js .vjs-volume-level:before, .video-js.vjs-live .vjs-time-control.vjs-current-time, .video-js.vjs-live .vjs-time-control.vjs-duration, .video-js.vjs-live .vjs-time-control.vjs-time-divider, .video-js.vjs-no-flex .vjs-time-control.vjs-remaining-time {
  display: none;
}

.video-js.vjs-no-flex .vjs-time-control {
  display: table-cell;
  width: 4em;
}

.video-js .vjs-progress-control {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 0.5em;
  top: -0.5em;
}

.video-js .vjs-progress-control .vjs-load-progress, .video-js .vjs-progress-control .vjs-play-progress, .video-js .vjs-progress-control .vjs-progress-holder {
  height: 100%;
}

.video-js .vjs-progress-control .vjs-progress-holder {
  margin: 0;
}

.video-js .vjs-progress-control:hover {
  height: 1.5em;
  top: -1.5em;
}

.video-js .vjs-control-bar {
  transition: transform 0.1s ease 0s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
  visibility: visible;
  opacity: 1;
  -webkit-backface-visibility: hidden;
  transform: translateY(3em);
  transition: transform 1s ease 0s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
  height: 0.25em;
  top: -0.25em;
  pointer-events: none;
  transition: height 1s, top 1s;
}

.video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control, .video-js.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control, .video-js.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
  opacity: 0;
  transition: opacity 1s ease 1s;
}

.video-js.vjs-live .vjs-live-control {
  margin-left: 1em;
}

.video-js .vjs-big-play-button {
  top: 50%;
  left: 50%;
  margin-left: -1em;
  margin-top: -1em;
  width: 2em;
  height: 2em;
  line-height: 2em;
  border: none;
  border-radius: 50%;
  font-size: 3.5em;
  background-color: rgba(0, 0, 0, 0.45);
  color: #fff;
  transition: border-color 0.4s, outline 0.4s, background-color 0.4s;
}

.video-js .vjs-menu-button-popup .vjs-menu {
  left: -3em;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: transparent;
  width: 12em;
  left: -1.5em;
  padding-bottom: 0.5em;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item, .video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
  background-color: #151b17;
  margin: 0.3em 0;
  padding: 0.5em;
  border-radius: 0.3em;
}

.video-js .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
  background-color: #2483d5;
}

/*noinspection ALL*/
.video-js .vjs-big-play-button {
  font-size: 3em;
  border-radius: 12%;
  height: 1.7em !important;
  line-height: 1.7em !important;
  margin-top: -0.85em !important;
}

/*noinspection ALL*/
/*noinspection ALL*/
.video-js .vjs-control-bar2 {
  background-color: #000000;
}

/*noinspection ALL*/
.video-js .vjs-control-bar {
  font-size: 10px;
}

/*noinspection ALL*/
/*-------------------------*/
/* スピナー */
/*-------------------------*/
.video-js .vjs-loading-spinner {
  width: 100px !important;
  height: 100px !important;
  margin-top: -50px !important;
  margin-left: -50px !important;
  border-radius: 50% !important;
  border-color: rgba(255, 255, 255, 0.9) !important;
}

/*-------------------------*/
/* 再生ボタン */
/*-------------------------*/
.video-js .vjs-big-play-button {
  width: 130px !important;
  height: 130px !important;
  margin-top: -65px !important;
  margin-left: -65px !important;
  background-color: rgba(0, 0, 0, 0.35) !important;
  border: rgba(255, 255, 255, 0.9) 3px solid !important;
  border-radius: 50% !important;
  /*noinspection ALL*/
  font-family: VideoJS !important;
}

.video-js .vjs-big-play-button:active, .video-js .vjs-big-play-button:focus, .video-js:hover .vjs-big-play-button {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.video-js .vjs-big-play-button::before {
  top: 23px !important;
  left: 1px !important;
  line-height: 1 !important;
  color: rgba(255, 255, 255, 0.9) !important;
  /*noinspection ALL*/
  font-family: VideoJS !important;
  font-size: 80px !important;
}

/*-------------------------*/
/* コントロールバー */
/*-------------------------*/
.video-js .vjs-control-bar {
  background-color: #000 !important;
  color: #fff !important;
  font-size: 12px !important;
}

/*-------------------------*/
/* プログレスバー・音量バー*/
/*-------------------------*/
.video-js .vjs-play-progress, .video-js .vjs-volume-level {
  background-color: rgba(240, 240, 240, 0.9);
}

/*-------------------------*/
/* プログレスバーの時間表示 */
/*-------------------------*/
.video-js .vjs-mouse-display::after, .video-js .vjs-slider-bar::after {
  top: -30px !important;
  margin-right: 5px !important;
  padding: 3px 5px !important;
}

/*-------------------------*/
/* ボタン */
/*-------------------------*/
.video-js button:hover {
  background-image: none !important;
}