/* #df_wrap #df_content .video-js:hover .vjs-big-play-button:before {
  color: #000 !important;
} */

.movieOya {
  width: auto!important;
  height: auto!important;
  min-height: auto!important;
  cursor: auto!important;
  background: none!important;
}

#df_wrap #df_content .vjs-default-skin .vjs-controls {
  position: absolute;
  bottom: 0;
  /* Distance from the bottom of the box/video. Keep 0. Use height to add more bottom margin. */
  left: 0;
  right: 0;
  /* 100% width of div */
  margin: 0;
  padding: 0;
  /* Controls are absolutely position, so no padding necessary */
  height: 27px;
  /* Including any margin you want above or below control items */
  background: #919191;
  /* Old browsers */
  /* W3C */
  /* Start hidden and with 0 opacity. Opacity is used to fade in modern browsers. */
  /* Can't use display block to hide initially because widths of slider handles aren't calculated and avaialbe for positioning correctly. */
  visibility: hidden;
  opacity: 0;
}




/* Text Track Styles */
/* Overall track holder for both captions and subtitles */
/* Individual tracks */
/* Fading sytles, used to fade control bar. */
/* DEFAULT SKIN (override in another file to create new skins)
================================================================================
Instead of editing this file, I recommend creating your own skin CSS file to be included after this file,
so you can upgrade to newer versions easier. You can remove all these styles by removing the 'vjs-default-skin' class from the tag. */
/* The default control bar. Created by bar.js */
/* General styles for individual controls. */
/* Hide control text visually, but have it available for screenreaders: h5bp.com/v */
/* Play/Pause
-------------------------------------------------------------------------------- */
/* Play Icon */
/* Rewind
-------------------------------------------------------------------------------- */
/* Volume/Mute
-------------------------------------------------------------------------------- */
.vjs-default-skin .vjs-volume-handle {
  position: absolute;
  top: -1px;
  width: 8px;
  height: 8px;
  background: #ccc !important;
  left: 0;
  border-radius: 6px;
}

/* Progress
-------------------------------------------------------------------------------- */
#df_wrap #df_content .vjs-default-skin div.vjs-progress-control {
  position: absolute;
  left: 48px;
  right: 48px;
  /* Leave room for time displays. */
  height: 18px;
  width: auto;
  top: -14px;
  padding: 4px 0;
  /* Set above the rest of the controls. And leave room for 2px of borders (progress bottom and controls top). */
  /* CSS Gradient */
  background: #919191;
  /* 1px top shadow */
  /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

#df_wrap #df_content .vjs-default-skin .vjs-progress-holder {
  position: relative;
  cursor: pointer !important;
  /*overflow: hidden;*/
  padding: 0;
  margin: 0;
  top: 2px;
  /* Placement within the progress control item */
  height: 10px;
  border-radius: 6px;
  /* CSS Gradient */
  background-color: #c1c1c1;
}

#df_wrap #df_content .vjs-default-skin .vjs-progress-holder .vjs-play-progress, #df_wrap #df_content .vjs-default-skin .vjs-progress-holder .vjs-load-progress {
  /* Progress Bars */
  position: absolute;
  display: block;
  height: 10px;
  margin: 0;
  padding: 0;
  left: 0;
  top: 0;
  border-radius: 6px;
  /*width: 0;*/
}

#df_wrap #df_content .vjs-default-skin .vjs-play-progress {
  /* CSS Gradient. */
  background: #fff;
}

#df_wrap #df_content .vjs-default-skin .vjs-load-progress {
  opacity: 0.8;
  /* CSS Gradient */
  background: #666;
}

#df_wrap #df_content .vjs-default-skin div.vjs-seek-handle {
  position: absolute;
  /* Match img pixles */
  margin-top: -8px;
  left: 0;
  top: 0;
  /*Needed for IE6*/
  /* CSS Curved Corners. Needed to make shadows curved. */
  /* CSS Shadows */
}

#df_wrap #df_content .vjs-default-skin div.vjs-seek-handle:before {
  content: '\f111';
  font-family: fontAwesome;
  color: #fff;
  font-size: 16px !important;
  line-height: 1.67;
}

#df_wrap #df_content .vjs-default-skin .vjs-time-controls {
  position: absolute;
  right: 0;
  height: 20px;
  width: 48px;
  top: -14px;
  padding: 3px 0 0;
  font-size: 10px;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
  background: #919191;
  /* 1px top shadow */
  /*  -webkit-box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px -1px 0px 0px rgba(0, 0, 0, 0.15);*/
}

#df_wrap #df_content .vjs-default-skin .vjs-current-time {
  left: 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-current-time-display {
  display: block;
  color: #fff;
}

#df_wrap #df_content .vjs-default-skin .vjs-duration {
  right: 0;
  display: none;
}

#df_wrap #df_content .vjs-default-skin .vjs-remaining-time {
  right: 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-remaining-time-display {
  display: block;
  color: #fff;
}

#df_wrap #df_content .vjs-time-divider {
  display: none;
}

#df_wrap #df_content .vjs-default-skin .vjs-time-control {
  font-size: 10px;
  line-height: 1;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

#df_wrap #df_content .vjs-default-skin .vjs-time-control span {
  line-height: 25px;
  /* Centering vertically */
}

#df_wrap #df_content .vjs-secondary-controls {
  float: right;
}

#df_wrap #df_content .vjs-default-skin .vjs-fullscreen-control {
  width: 38px;
  cursor: pointer !important;
  float: right;
}

#df_wrap #df_content .vjs-default-skin .vjs-fullscreen-control div {
  margin: 1px auto 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-fullscreen-control div:before {
  content: '\f0b2';
  font-family: fontAwesome;
  color: #fff;
  font-size: 15px !important;
  line-height: 1.67;
}

#df_wrap #df_content .vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control div {
  background: url("video-js.png") -75px 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-big-play-button {
  cursor: pointer !important;
  /*  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#454545', endColorstr='#3f3f3f',GradientType=0 );
  */
  /* CSS Shadows */
  /*  -webkit-box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000; box-shadow: 4px 4px 8px #000;
	*/
}

#df_wrap #df_content .vjs-default-skin .vjs-big-play-button {
  display: block;
  z-index: 2;
  position: absolute;
  text-align: center;
  line-height: 19px;
  opacity: 1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: block;
  /* Using negative margin to center image. */
  /* background: url('video-js_play.png') no-repeat 50% 50%; */
}

#df_wrap #df_content .vjs-default-skin .vjs-big-play-button:after {
  height: 17px;
}

#df_wrap #df_content .vjs-loading-spinner {
  display: none !important;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55px;
  height: 55px;
  margin: -28px 0 0 -28px;
  -webkit-animation-name: rotatethis;
          animation-name: rotatethis;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}

#df_wrap #df_content div.vjs-loading-spinner .ball1 {
  opacity: 0.12;
  position: absolute;
  left: 20px;
  top: 0px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball2 {
  opacity: 0.25;
  position: absolute;
  left: 34px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball3 {
  opacity: 0.37;
  position: absolute;
  left: 40px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball4 {
  opacity: 0.50;
  position: absolute;
  left: 34px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 10px;
  border-radius: 15px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball5 {
  opacity: 0.62;
  position: absolute;
  left: 20px;
  top: 40px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball6 {
  opacity: 0.75;
  position: absolute;
  left: 6px;
  top: 34px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball7 {
  opacity: 0.87;
  position: absolute;
  left: 0px;
  top: 20px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content div.vjs-loading-spinner .ball8 {
  opacity: 1.00;
  position: absolute;
  left: 6px;
  top: 6px;
  width: 13px;
  height: 13px;
  background: #fff;
  border-radius: 13px;
  border-radius: 13px;
  border: 1px solid #ccc;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button {
  float: right;
  margin: 2px 5px 0 0;
  padding: 0;
  width: 30px;
  height: 20px;
  cursor: pointer !important;
  border: 1px solid #111;
  border-radius: 3px;
  background: #4d4d4d;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button div {
  background: url("video-js.png") 0px -75px no-repeat;
  width: 16px;
  height: 16px;
  margin: 0.2em auto 0;
  padding: 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul {
  display: none;
  /* Start hidden. Hover will show. */
  opacity: 0.8;
  padding: 0;
  margin: 0;
  position: absolute;
  width: 10em;
  bottom: 2em;
  max-height: 15em;
  left: -3.5em;
  /* Width of menu - width of button / 2 */
  background-color: #111;
  border: 2px solid #333;
  border-radius: 0.7em;
  border-radius: .5em;
  -webkit-box-shadow: 0 2px 4px 0 #000;
          box-shadow: 0 2px 4px 0 #000;
  overflow: auto;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button:focus ul, #df_wrap #df_content .vjs-default-skin .vjs-menu-button:hover ul {
  display: block;
  list-style: none;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li {
  list-style: none;
  margin: 0;
  padding: 0.3em 0 0.3em 20px;
  line-height: 1.4em;
  font-size: 1.2em;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: left;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li.vjs-selected {
  text-decoration: underline;
  background: url("video-js.png") -125px -50px no-repeat;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li:focus, #df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li.vjs-selected:focus, #df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li.vjs-selected:hover {
  background-color: #ccc;
  color: #111;
  outline: 0;
}

#df_wrap #df_content .vjs-default-skin .vjs-menu-button ul li.vjs-menu-title {
  text-align: center;
  text-transform: uppercase;
  font-size: 1em;
  line-height: 2em;
  padding: 0;
  margin: 0 0 0.3em 0;
  color: #fff;
  font-weight: bold;
  cursor: default;
  background: #4d4d4d;
}

#df_wrap #df_content .vjs-default-skin .vjs-captions-button div {
  background-position: -25px -75px;
}

#df_wrap #df_content .vjs-default-skin .vjs-chapters-button div {
  background-position: -100px -75px;
}

#df_wrap #df_content .vjs-default-skin .vjs-chapters-button ul {
  width: 20em;
  left: -8.5em;
  /* Width of menu - width of button / 2 */
}

#df_wrap #df_content .df_videoWrap {
  border: solid 1px #b3b3b3;
  padding: 1px;
  width: 428px;
  height: auto;
  margin: 20px auto 20px;
  background: #000000;
}

@media screen and (max-width: 640px) {
  #df_wrap #df_content .df_videoWrap {
    width: 248px !important;
    height: 140px;
    margin: 20px auto 20px;
  }
}

#df_wrap #df_content .video-js {
  /* width: 428px !important; */
  /* height: 240 !important; */
  width: 428px !important;
  height: 240px !important;
}

@media screen and (max-width: 640px) {
  #df_wrap #df_content .video-js {
    height: 140px !important;
  }
}

#df_wrap #df_content .vjs-fluid {
  width: 100% !important;
  height: 0 !important;
  padding-top: 56.25% !important;
}

#df_wrap #df_content .df_flashPlayerAlt {
  padding: 10px;
  position: relative;
  z-index: -1;
}

#df_wrap #df_content .df_flashPlayerAlt p {
  position: absolute;
  top: -240px;
}

#df_wrap #df_content .df_flashPlayerAlt img {
  display: block;
  margin: 5px auto 0;
}

#df_wrap #df_content #myAlternativeContent {
  width: 60%;
  margin: 0 auto;
  height: 0;
}

#df_wrap #df_content object#myAlternativeContent {
  display: none;
}

#df_wrap #df_content #df_tplFrame #df_videoArea .df_videoWrap .video-js .vjs-poster img {
  height: 240px;
  background: #000;
}

#df_wrap #df_content #df_news #df_videoArea.aspect16-9 .df_videoWrap .video-js img {
  /*
margin-top: 40px;
*/
  height: 240px;
  min-height: inherit;
}

/* Box containing play and load progresses. Also acts as seek scrubber. */
/* Time Display
-------------------------------------------------------------------------------- */
/* Fullscreen
-------------------------------------------------------------------------------- */
/* Big Play Button (at start)
---------------------------------------------------------*/
/* Loading Spinner
---------------------------------------------------------*/

/* Each circle */
/* Menu Buttons (Captions/Subtitles/etc.)
-------------------------------------------------------------------------------- */
/* Button Icon */
/* Button Pop-up Menu */
/* Subtitles Button */
@media only screen and (max-width: 640px) {
  #df_wrap #df_content .video-js {
    /* width: 100% !important; */
    /* height: 100% !important; */
    width: 100%;
    height: 100%;
  }
}

/*---------------------------------------------
番組用動画のサイズ　16：9に
---------------------------------------------*/
/*
#df_wrap #df_content #df_tplFrame #df_videoArea .df_videoWrap .video-js img {
margin-top: 40px;
}
#df_wrap #df_content #df_dlcontentsMain #df_videoArea .df_videoWrap .video-js img {
margin-top: 40px;
}
*/
@media only screen and (max-width: 640px) {
  #df_wrap #df_content #df_tplFrame #df_videoArea .df_videoWrap .video-js {
    height: 140px;
  }
  /*
#df_wrap #df_content #df_tplFrame #df_videoArea .df_videoWrap .video-js img {
margin-top: 22px;
}
#df_wrap #df_content #df_dlcontentsMain #df_videoArea .df_videoWrap .video-js img {
margin-top: 22px;
}
*/
  /*

#df_wrap #df_content #df_news #df_videoArea.aspect16-9 .df_videoWrap .video-js img {
margin-top: 22px;
height: auto;
}
*/
}