/* ==================
 * 780px以下のスタイル
================== */

/********************
 * Modules
********************/
/* Display */
.md-display-block {
  display: block;
}
.md-display-iblock {
  display: inline-block;
}
.md-display-hidden {
  display: none;
}

/* Layout */
.md-pull {
  display: block;
  float: none;
}

.row {
  width: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row-lg {
  padding: 0;
}

/* Button */
.button-head {
  margin-left: 15px;
  padding-right: 8px;
  padding-left: 16px;
}

/* Text */
.md-text-left {
  text-align: left;
}
.md-text-center {
  text-align: center;
}
.md-text-right {
  text-align: right;
}



/********************
 * Specific Modules
********************/

.header .button-displace {
  margin-left: 10px;
  padding-left: 10px;
  padding-right: 10px;
}
.header .fa-spacing-left {
  margin-right: -5px;
}
.header .fa-spacing-right {
  margin-left: -5px;
}

/* Slick */
.slick-arrow {
  font-size: 70px;
}
.slick-hero .slick-prev {
  left: 15px;
}
.slick-hero .slick-next {
  right: 15px;
}
.slick-movies {
  margin-left: 40px;
  margin-right: 40px;
}
.slick-hero-item {
  padding: 0;
}

.slick-movies-item {
  padding-left: 12px;
  padding-right: 12px;
}

/* Nav */
.nav-site .row {
  width: auto;
}
.nav-site-button {
  margin-left: auto;
  padding: 20px 15px;
  color: #fff;
  font-size: 16px;
}
.nav-site-button .fa {
  margin-left: 0.3em;
}
.nav-site-button .fa-times,
.nav-site-button.is-active .fa-bars {
  display: none;
}
.nav-site-button.is-active .fa-times {
  display: inline-block;
}

.nav-site-list li {
  display: inline-block;
  *display: inline;  
    *zoom: 1; 
}
.nav-site-list a {
  display: inline-block;
  *display: inline;  
    *zoom: 1; 
  padding: 10px 8px;
}
.nav-site-list a:hover,
.nav-site-list .is-current {
  background-color: #f44336;
}

/* Footer */
.footer {
  margin-left: 15px;
  margin-right: 15px;
}
.footer-inner {
  padding: 0 86px 0 0;
}

/* Pagetop */
.pagetop {
  bottom: 16px;
  right: 16px;
}

/* Movie */
/* Movie */
.movie-area {
  border: 1px solid transparent;
  background-color: #494949;
  padding: 32px 0 0;
  width:auto;
    min-width:780px;

}

.episode_iframe{
  margin-left:0px;
  width: 100%;
  max-width:980px;
  height: 100%;
  min-height:770px;

}
.episode_iframe iframe{
  width: 100%;
  max-width:980px;
  height: 100%;
  min-height:770px;
  padding:0 0px;
  
}

.movie-info-video-play {
  position: relative;
}

.movie-info-video-play .episode-img{
  width:400px;
}

.movie-jacket-episode-new {
  position: absolute;
  top:-48%;
  right:0px;
  line-height: 45px;
  height: 28px;
  width:40px;
}
@media screen and (max-width: 660px) {
  .header .button {
    margin-top: 0.2em;
    font-size: 12px;
  }
}