/* line 1, ../../../../sass/front/sp/movie/screen.scss */
* {
  margin: 0;
  padding: 0;
}

/* line 8, ../../../../sass/front/sp/movie/screen.scss */
#movie {
  width: 100%;
  font-size: 15px;
}
/* line 11, ../../../../sass/front/sp/movie/screen.scss */
#movie #main {
  width: 100%;
  height: auto;
  color: #fff;
}
/* line 15, ../../../../sass/front/sp/movie/screen.scss */
#movie #main h1 {
  background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzYWJkZiIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMWU4Y2JjIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzNhYmRmIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #33abdf), color-stop(50%, #1e8cbc), color-stop(100%, #33abdf));
  background: -moz-linear-gradient(#33abdf, #1e8cbc, #33abdf);
  background: -webkit-linear-gradient(#33abdf, #1e8cbc, #33abdf);
  background: linear-gradient(#33abdf, #1e8cbc, #33abdf);
  border-radius: 6px;
  margin: 6 1.5%;
  border-radius: 6px;
  font-size: 20;
  padding: 8 0 10 0;
  vertical-align: middle;
}
/* line 23, ../../../../sass/front/sp/movie/screen.scss */
#movie #main h1 img {
  height: 24px;
  margin: 0 0 0 10px;
  vertical-align: sub;
}
/* line 28, ../../../../sass/front/sp/movie/screen.scss */
#movie #main h1 span {
  vertical-align: top;
}
/* line 32, ../../../../sass/front/sp/movie/screen.scss */
#movie #main p {
  color: #333;
  padding: 10 0 10 20;
}
/* line 36, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf {
  margin: 0 1.5% 10px;
}
/* line 38, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul {
  list-style-type: none;
}
/* line 40, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul a {
  text-decoration: none;
}
/* line 42, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul a div {
  align-items: center;
  display: flex;
}
/* line 45, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul a div.main {
  font-size: 1.0rem;
}
/* line 48, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul a div.sub {
  font-size: 0.8rem;
}
/* line 53, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p {
  padding: 0;
}
/* line 55, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p.icon {
  margin-right: 10px;
}
/* line 58, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p.title {
  color: #444444;
}
/* line 61, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p.date {
  color: #666666;
  text-align: center;
  width: 50%;
}
/* line 66, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p.type {
  color: #666666;
  text-align: center;
  width: 30%;
}
/* line 71, ../../../../sass/front/sp/movie/screen.scss */
#movie #main .pdf ul p.size {
  color: #666666;
  text-align: right;
  width: 20%;
}
/* line 81, ../../../../sass/front/sp/movie/screen.scss */
#movie .movie-list .content {
  margin: 10px auto;
  padding: 10px;
  width: 90%;
  background-color: #f0f0f0;
  border: 3px solid #000;
  border-radius: 4px;
}
/* line 89, ../../../../sass/front/sp/movie/screen.scss */
#movie .movie-list .content video {
  width: 100%;
}
/* line 92, ../../../../sass/front/sp/movie/screen.scss */
#movie .movie-list .content .title {
  margin: 10px 5px;
  font-size: 18px;
  color: #000;
}