@charset "utf-8";

/* -----------------------------------------------------------
　common
----------------------------------------------------------- */

* {box-sizing:border-box;}
img {max-width:100%;}
.fcred {color:#FF0000;}
.fwbold {font-weight:bold;}
.left {float:left;}
.right {float:right;}
.center {text-align:center;}
.clear {clear: both;}
.italic {font-style:italic;}
input,textarea {font-family:inherit;}
ul.movie_list .slick-list .slick-slide.movie_finish {visibility: hidden;width:0!important;margin:0!important;}

a {
  color:inherit;
  text-decoration:none;
}
html {font-size:62.5%;}
body {
  font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size:1.5rem;
  line-height:1.45;
  color:#655D5B;
} 

@media screen and (min-width: 768px){ 
  .sp_cont {display:none;} 
  a:hover {
    text-decoration:underline;
    color:inherit;
  }
  .hover_btn {transition:0.5s;opacity:1;}
  .hover_btn:hover {transition:0.5s;opacity:0.75;}
}
@media screen and (max-width: 767px){ 
  body {
    -webkit-text-size-adjust: 100%;
    font-size:10px;
    line-height:1.5;
  }
  .pc_cont {display:none;}  
}

/* -----------------------------------------------------------
  template
----------------------------------------------------------- */
 
/* :::::::::: header :::::::::: */
  
header {
  position:fixed;
  width:100%;
  height:60px;
  padding:5px 10px;
  background:#FFFFFF;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
  top:0;
  left:0;
  z-index:10;
}
header .logo {
  width:200px;
  height:50px;
  float:left;
}
header .logo img {
  width:auto;
  height:100%;
}
header .btn_logout {
  position:absolute;
  height:16px;
  color:#F59601;
  padding:0 0 0 1.5em;
  background:url(../img/common/btn_logout.png) no-repeat left center;
  cursor:pointer;
  margin:auto;
  top:0;
  bottom:0;
  right:20px;
}
  
/* :::::::::: main :::::::::: */
  
main {
  display:block;
  width:100%;
  min-height:calc(100vh - 100px);
  background:url(../img/common/bg.gif);
  padding:90px 50px 150px;
  overflow:hidden;
}
main{padding:90px 30px 150px;}
main article {
  width:100%;
  height:auto;
  margin:0 auto;
}
main.archive  article {
  width:100%;
  height:auto;
  margin:0 auto;
}

main article > .ulizahtml5-modal-thumbnail {
	opacity:0!important;
	pointer-events:none!important;
	}

@media screen and (max-width: 1200px) {
  main {padding:90px 30px 150px;}
  main.archive {padding:90px 10px 150px;}
}



/* :::::::::: aside :::::::::: */

aside {
  position:fixed;
  width:100%;
  height:100vh;
  top:0;
  left:0;
  opacity:0;
  visibility:hidden;
  transition:0.5s;
  z-index:100;
}
aside.active {
  opacity:1;
  visibility:visible;
}
aside .bg_modal {z-index:0;}
aside .aside_box {
  position:absolute;
  width:650px;
  height:300px;
  background:#FFFFFF;
  border-radius:6px;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:10;
}
aside .aside_box h2 {
  width:100%;
  height:40px;
  line-height:40px;
  color:#FFFFFF;
  font-size:1.8rem;
  padding:0 1em;
  border-radius:6px 6px 0 0;
  background:url(../img/common/bg_aside.gif);
}
aside .aside_box .button_close {
  position:absolute;
  top:7px;
  right:10px;
  cursor:pointer;
}
aside .aside_box > div {
  width:100%;
  height:240px;
  text-align:center;
  padding:40px 30px;
  border-radius:0 0 6px 6px;
}
aside .aside_box > div h3 {
  position:relative;
  display:inline-block;
  width:auto;
  font-size:1.8rem;
  padding:0 1em 0.5em;
  margin:0 0 1em;
  border-bottom:solid 2px #D8D6D5;
  clear:both;
  z-index:0;
}
aside .aside_box > div h3::before {
  position:absolute;
  display:block;
  content:"";
  width:30px;
  height:4px;
  background:#F59601;
  margin:auto;
  bottom:-3px;
  left:0;
  right:0;
  z-index:1;
}
aside .aside_box > div p {
  font-size:1.3rem;
  line-height:2;
  text-align:left;
}
aside .aside_box > div ul li {
  display:inline-block;
  width:180px;
  height:40px;
  margin:30px 5px 0;
}
aside .aside_box > div ul li button {
  width:100%;
  height:100%;
  font-weight:bold;
  padding:0;
  background:#F59601;
}
aside .aside_box > div ul li button.button_cancel {background:#D8D6D5;}
  
/* :::::::::: footer :::::::::: */
  
footer {
  position:relative;
  width:100%;
  height:100px;
  padding:20px;
  background:#FFFFFF;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
  top:0;
  left:0;
  z-index:8;
}
.pagetop {
  position:fixed;
  bottom:20px;
  right:20px;
  z-index:9;
  cursor:pointer;
}
.pagetop img {display:block;}
footer .f_logo {
  width:155px;
  height:60px;
  padding:5px 0;
  float:left;
}
footer > div {
  position:absolute;
  display:inline-block;
  height:16px;
  margin:auto;
  top:0;
  bottom:0;
  right:100px;
  z-index:1;
}
footer > div p {display:inline-block;}
footer > div p.f_link {margin:0 2em 0 0;}
footer > div p.f_link a {
  position:relative;
  display:inline-block;
  padding:0 0 0 1.5em;
  margin:0 0 0 2em;
  text-decoration:none;
}
footer > div p.f_link a::before {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #EB6100;
  border-right:solid 2px #EB6100;
  transform:rotate(45deg);
  top:0.25em;
  left:0;
}
footer > div p.copyright {font-size:1.3rem;}

main section {
  width:100%;
  max-width:1770px;
  margin:0 auto;
}
main section.forward {
  position:relative;
  z-index:9;
}
main.category section > div {
  position:static;
  z-index:0;
}
main.category section > div.forward {
  position:relative;
  z-index:9;
}



main h2 {
  position:relative;
  display:inline-block;
  font-size:1.8rem;
  padding:0 0 5px;
  margin:0 0 20px;
  border-bottom:solid 2px #D8D6D5;
  clear:both;
  z-index:0;
}
main.archive h2 {margin:0 0 20px 18px;}
main h2::before {
  position:absolute;
  display:block;
  content:"";
  width:30px;
  height:4px;
  background:#F59601;
  bottom:-3px;
  left:0;
  z-index:1;
}
main h2 span {
  position:relative;
  display:inline-block;
  margin:0 0 0 1em;
}
main h2 span::before {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-top:solid 2px #EB6100;
  border-right:solid 2px #EB6100;
  transform:rotate(45deg);
  top:0.25em;
  left:-1.25em;
}
main h2 span:nth-of-type(1) {margin:0;}
main h2 span:nth-of-type(1)::before {content:none;}
main h2 span a {text-decoration:underline;}
main h2 span a:hover {color:#F59601;}
main h3 {
  margin:0 0 10px;
  clear:both;
}
main.archive h3 {margin:0 0 10px 18px;}
main h3 span {
  display:inline-block;
  font-size:1.5rem;
  min-width:175px;
  height:36px;
  line-height:36px;
  border-radius:4px;
  color:#FFFFFF;
  background:#F59601;
  padding:0 1em;
}

.loading {
  position:fixed;
  width:100vw;
  height:100vh;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(62,58,57,0.85);
  z-index:120;
  opacity:0;
  visibility:hidden;
  transition:0.5s;
}
.loading.active {
  opacity:1;
  visibility:visible;
}
.loading img {
  position:absolute;
  width:180px;
  height:180px;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
}

@media screen and (max-width: 767px){ 
  
  /* :::::::::: header :::::::::: */
  
  header {
    height:60px;
    padding:12px 2%;
  }
  header .logo {
    width:175px;
    height:36px;
  }
  header .btn_logout {
    height:30px;
    font-size:1rem;
    padding:20px 0 0;
    background:url(../img/common/btn_logout.png) no-repeat top center / auto 1.6rem;;
    margin:auto;
    right:4%;
  }
  
  /* :::::::::: main :::::::::: */
  
  main {padding:calc(60px + 5%) 4% 100px;}
  main.archive {padding:calc(60px + 5%) 4% 100px;}

  /* :::::::::: aside :::::::::: */

  aside .aside_box {
    width:92%;
    max-width:350px;
    height:390px;
  }
  aside .aside_box h2 {
    height:36px;
    line-height:36px;
    font-size:1.6rem;
  }
  aside .aside_box .button_close {
    width:20px;
    top:8px;
  }
  aside .aside_box > div {
    height:354px;
    padding:30px 5px;
  } 
  aside .aside_box > div h3 {
    font-size:1.6rem;
    padding:0 0.25em 0.25em;
    margin:0 auto 0.75em;
  }
  aside .aside_box > div p {
    font-size:1.1rem;
    text-align:center;
  }
  aside .aside_box > div ul li {
    width:175px;
    height:36px;
    margin:15px auto 0;
  }
  
  /* :::::::::: footer :::::::::: */
  
  footer {
    height:auto;
    padding:12px 2%;
    overflow:hidden;
  }
  .pagetop {
    width:5em;
    height:5em;
    bottom:60px;
    right:3%;
  }
  footer .f_logo {
    width:80px;
    height:25px;
    padding:0;
  }
  footer > div {
    position:static;
    width:calc(100% - 90px);
    height:auto;
    text-align:right;
    float:right;
    margin:0 2% 0 0;
  }
  footer > div p {display:block;}
  footer > div p.f_link {margin:0;}
  footer > div p.copyright {font-size:1rem;}
  main h2 {
    font-size:1.6rem;
    padding:0 0 2%;
    margin:0 0 5%;
  }
  main.archive h2 {margin:0 0 5% 2%;}
  main h2 span::before {top:0.35em;}
  main h3 {margin:0 0 3%;}
  main.archive h3 {margin:0 0 3% 2%;}
  main h3 span {
    font-size:1.35rem;
    min-width:150px;
    height:30px;
    line-height:30px;
  }
  .loading img {
    width:40vw;
    height:40vw;
  }
  
}

  
/* -----------------------------------------------------------
 search
----------------------------------------------------------- */

.search_area {
  width:100%;
  max-width:1000px;
  height:40px;
  margin:0 auto 30px;
}
.select_box {
  display:inline-block;
  margin:0 0 20px;
  float:left;
}
.search_box {
  display:inline-block;
  margin:0 0 20px;
  float:right;
}
button {
  display:inline-block;
  width:auto;
  height:40px;
  line-height:40px;
  padding:0 2.5em;
  color:#FFFFFF;
  font-weight:bold;
  border-radius:20px;
  text-align:center;
  background:#EB6100;
  box-shadow:0 0 2px 1px rgba(101,93,91,0.3);
  cursor:pointer;
  transition:0.5s;
  opacity:1;
}
button:hover {opacity:0.6;}
.select_box .select_outer {
  position:relative;
  display:inline-block;
  margin:0 15px 0 0;
  text-align:center;
}
.select_box .select_outer::before {
  position:absolute;
  display:block;
  content:"";
  width:0.5em;
  height:0.5em;
  border-bottom:solid 2px #EB6100;
  border-right:solid 2px #EB6100;
  transform:rotate(45deg);
  top:0.75em;
  right:0.75em;
  pointer-events:none;
}
.select_box .select_outer select {
  width:160px;
  height:40px;
  line-height:40px;
  font-weight:bold;
  text-align:center;
  background:#FFFFFF;
  padding:0 2em;
  border-radius:4px;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
}
.search_box > form {
  width:345px;
  height:40px;
  font-size:0;
}
.search_box > form input[type="text"] {
  width:220px;
  height:40px;
  margin:0 20px 0 0;
  line-height:40px;
  padding:0 1.5em;
  font-size:1.5rem;
  vertical-align:top;
  background:url(../img/common/btn_search.png) no-repeat center right 10px ,#FFFFFF;
  border-radius:4px;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
}
.search_box > form input[type="text"]::placeholder {color:#D8D6D5;}
.search_box > form button {font-size:1.5rem;}

@media screen and (max-width: 930px){ 
  .search_area button {width:90px;padding:0;}
  .select_box .select_outer select {width:120px;}
  .search_box > form {width:300px;}
  .search_box > form input[type="text"] {width:190px;}
}

@media screen and (max-width: 767px){ 

  .search_area {
    height:auto;
    margin:0;
  }
  .select_box {
    display:block;
    margin:0 0 5%;
    padding:3px;
    float:none;
    overflow:hidden;
    clear:both;
  }
  .search_box {
    display:block;
    margin:0 0 10%;
    padding:3px;
    float:none;
    clear:both;
  }
  button {
    height:36px;
    line-height:36px;
    font-size:1.3rem;
    padding:0 2em;
    border-radius:18px;
  }
  .select_box .select_outer {
    display:block;
    width:30%;
    margin:0 5% 0 0;
    float:left;
  }
  .select_box .select_outer::before {
    width:0.75em;
    height:0.75em;
    top:1em;
    right:1em;
  }
  .select_box .select_outer select {
    width:100%;
    height:36px;
    line-height:36px;
    font-size:1.4rem;
  }
  .search_area button {
    display:block;
    width:30%;
    float:left;
  }
  .search_box > form {
    width:100%;
    height:36px;
  }
  .search_box > form input[type="text"] {
    width:65%;
    height:36px;
    line-height:36px;
    font-size:1.3rem;
    margin:0 5% 0 0;
    float:left;
  }

}

/* -----------------------------------------------------------
 movie_list
----------------------------------------------------------- */

ul.movie_list {margin:0 auto 60px;}
ul.movie_list:after {
  content: "";
  clear: both;
  display: block;
}
ul.movie_list .movie_li {
  position:relative;
  background:#FFFFFF;
  border-radius:4px;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
  z-index:0;
  /*transition:0.5s;*/
  /*cursor:pointer;*/
}
ul.movie_list .movie_li.forward {z-index:10!important;}
.result ul.movie_list {
  width:100%;
  margin:0 auto 25px;
}
ul.movie_list .movie_li {
  width:15%;
  margin:0 2% 35px 0;
  float:left;
}
ul.movie_list .movie_li:nth-child(6n) {margin:0 0 35px;}
.result ul.movie_list .movie_li:nth-child(6n+1) {clear:both;} 

@media screen and (max-width: 1500px) {
  ul.movie_list .movie_li {
    width:18.4%;
    margin:0 2% 35px 0;
  }
  ul.movie_list .movie_li:nth-child(6n) {margin:0 2% 35px 0;}
  ul.movie_list .movie_li:nth-child(5n) {margin:0 0 35px;}
  .result ul.movie_list .movie_li:nth-child(6n+1) {clear:none;} 
  .result ul.movie_list .movie_li:nth-child(5n+1) {clear:both;} 
}
@media screen and (max-width: 1250px) {
  ul.movie_list .movie_li {
    width:23.5%;
    margin:0 2% 35px 0;
  }
  ul.movie_list .movie_li:nth-child(5n) {margin:0 2% 35px 0;}
  ul.movie_list .movie_li:nth-child(4n) {margin:0 0 35px;}
  .result ul.movie_list .movie_li:nth-child(5n+1) {clear:none;} 
  .result ul.movie_list .movie_li:nth-child(4n+1) {clear:both;} 
}

@media screen and (max-width: 1000px) {
  ul.movie_list .movie_li {
    width:32%;
    margin:0 2% 35px 0;
  }
  ul.movie_list .movie_li:nth-child(4n) {margin:0 2% 35px 0;}
  ul.movie_list .movie_li:nth-child(3n) {margin:0 0 35px;}
  .result ul.movie_list .movie_li:nth-child(4n+1) {clear:none;} 
  .result ul.movie_list .movie_li:nth-child(3n+1) {clear:both;} 
}

@media screen and (max-width: 767px) {
  ul.movie_list .movie_li {
    width:48%;
    margin:0 4% 6% 0;
  }
  ul.movie_list .movie_li:nth-child(6n),
  ul.movie_list .movie_li:nth-child(5n),
  ul.movie_list .movie_li:nth-child(4n),
  ul.movie_list .movie_li:nth-child(3n) {margin:0 4% 6% 0;}
  ul.movie_list .movie_li:nth-child(2n) {margin:0 0 6%;}
  .result ul.movie_list .movie_li:nth-child(3n+1) {clear:none;} 
  .result ul.movie_list .movie_li:nth-child(2n+1) {clear:both;} 
}
.slick-track {margin:0!important;}
ul.movie_list .slick-list {overflow:visible;}
ul.movie_list .slick-list .slick-slide {margin:0 15px!important;opacity:0.6;}
ul.movie_list .slick-list .slick-active {opacity:1;}
ul.movie_list .slick-list .slick-cloned {pointer-events:none;}
ul.movie_list .slick-arrow {
  width:80px;
  height:80px;
  border-radius:0;
  box-shadow:none;
  z-index:1;
  opacity:1;
  transition:0.5s;
}
/*
div.forward ul.movie_list .slick-arrow ,
section.forward ul.movie_list .slick-arrow {pointer-events:none!important;opacity:0.5;}
*/


ul.movie_list .slick-arrow:hover {opacity:0.6;}
ul.movie_list .slick-arrow::before {content:none;}
ul.movie_list .slick-prev {
  background:url(../img/common/arrowl.png) no-repeat center / cover;
  left:-20px;
}
ul.movie_list .slick-next {
  background:url(../img/common/arrowr.png) no-repeat center / cover;
  right:-20px;
}
ul.movie_list .slick-disabled {display:none!important;}

.btn_more {
  width:180px;
  height:40px;
  line-height:40px;
  padding:0 2.5em;
  margin:0 auto;
  color:#FFFFFF;
  border-radius:20px;
  font-weight:bold;
  text-align:center;
  background:#EB6100;
  box-shadow:0 0 5px 1px rgba(101,93,91,0.3);
  cursor:pointer;
  transition:0.5s;
  opacity:1;
}
.btn_more:hover {opacity:0.6;}
ul.movie_list .movie_li.active {z-index:10;}
ul.movie_list .movie_li.comingsoon {pointer-events:none;}
ul.movie_list .movie_li .movie_box {
  position:relative;
  width:100%;
  height:0;
  padding:56.25% 0 0;
  margin:0;
  /*overflow:hidden;*/
  /*z-index:10;*/
  cursor:pointer;
}
/*
ul.movie_list .movie_li .movie_box::after {
  position:absolute;
  display:block;
  content:"";
  width:50px;
  height:51px;
  background:url(../img/common/ico_movie.png) no-repeat center / cover;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:0;
  opacity:0.75;
  pointer-events:none;
}*/
ul.movie_list .movie_li.comingsoon .movie_box::after {content:none;}
ul.movie_list .movie_li .movie_box.audio_box::after {
  position:absolute;
  display:block;
  content:"";
  width:50px;
  height:51px;
  background:url(../img/common/ico_audio.png) no-repeat center / cover;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:0;
  opacity:0.75;
  pointer-events:none;
}
ul.movie_list .movie_li:hover .movie_box::after ,
ul.movie_list .movie_li:hover .movie_box.audio_box::after {
  width:60px;
  height:61px;
}
ul.movie_list .movie_li .movie_box.active::after {opacity:0;}
ul.movie_list .movie_li .movie_box.audio_box.active::after {opacity:0;}
ul.movie_list .movie_li .movie_box img {
  display:block;
  position:absolute;
  width:100%!important;
  height:auto!important;
  border-radius:4px 4px 0 0;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
}
div.movie_inner {
  position:fixed;
  width:80vw;
  height:0;
  padding:56.25% 0 0;
  margin:auto;
  top:0;
  bottom:0;
  left:0;
  right:0;
  z-index:140;
  opacity:0;
  visibility:hidden;
  transition:0.5s;
}
@media screen and (min-width: 1300px){ 
  div.movie_inner {
    width:60vw;
    padding:42.1875% 0 0;
  }
}
div.movie_inner.active {
  opacity:1;
  visibility:visible;
}
/*
div.movie_inner.active .ulizahtml5 {
  position:absolute;
  width: 100%!important;
  height: auto!important;
  margin:auto;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:100;
}
div.movie_inner.active .ulizahtml5.vjs-fullscreen {
  position:fixed;
  width:100vw!important;
  height:100vh!important;
}
*/
.movie_list .movie_li .movie_title {
  height:60px;
  overflow:hidden;
  padding:15px 15px 0;
}
.movie_list .movie_li:hover .movie_title {color:#F59601;}
.movie_list .movie_li .movie_cat {
  padding:0 15px 15px;
}
.movie_list .movie_li .movie_cat span {
  display:inline-block;
  min-width:40px;
  height:20px;
  line-height:20px;
  margin:0 5px 5px 0;
  font-size:1.3rem;
  color:#FFFFFF;
  text-align:center;
  padding:0 0.5em;
  background:#F59601;
  border-radius:6px;
}
.movie_list .movie_li .movie_time {
  position:absolute;
  display:block;
  width:50px;
  height:20px;
  line-height:2rem;
  color:#FFFFFF;
  font-size:1.3rem;
  text-align:center;
  background:rgba(101,93,91,0.8);
  bottom:5px;
  right:5px;
  z-index:0;
}
ul.movie_list .movie_li.comingsoon .movie_time {display:none;}
.bg_modal {
  position:fixed;
  width:100vw;
  height:100vh;
  background:rgba(62,58,57,0.85);
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:100;
  opacity:0;
  transition:0.5s;
  visibility:hidden;
}
.bg_modal.active  {
  opacity:1;
  visibility:visible;
}
.ulizahtml5-modal .ulizahtml5-modal-content {width:auto!important;}
@media screen and (max-width: 767px){ 

  ul.movie_list {margin:0 0 10%;width:90%;}
  .result ul.movie_list {margin:0 auto 5%;}
  ul.movie_list .slick-list .slick-slide {margin:0 7px!important;}
  ul.movie_list .slick-arrow {
    width:12vw;
    height:12vw;
  }
  ul.movie_list .slick-prev {left:-6vw;}
  ul.movie_list .slick-next {right:-6vw;}
  .btn_more {
    width:160px;
    height:36px;
    line-height:36px;
    font-size:1.35rem;
    padding:0;
  }
  ul.movie_list .movie_li .movie_box::after {
    width:8vw;
    height:8vw;
  }
  ul.movie_list .movie_li .movie_box.audio_box::after {
    width:8vw;
    height:8vw;
  }
  .movie_list .movie_li .movie_title {
    height:auto;
    font-size:3vw;
    overflow:hidden;
    padding:5% 3%;
  }
  .movie_list .movie_li .movie_cat {padding:0 3% 5%;}
  .movie_list .movie_li .movie_cat span {
    min-width:3em;
    height:auto;
    line-height:1.5;
    margin:0 2% 2% 0;
    font-size:3vw;
    padding:0.2em 1em;
    border-radius:4px;
  }
  .movie_list .movie_li .movie_time {
    width:5em;
    height:auto;
    line-height:1.5;
    font-size:3vw;
    padding:0.1em 0.5em;
    bottom:5%;
    right:3%;
  }
}

/*
.ulizahtml5-modal {
  position:fixed!important;
  width:100vw!important;
  height:100vh!important;
}
*/
.ulizahtml5-modal-thumbnail {
  position:absolute!important;
  width:100%!important;
  height:100%!important;
  top:0;
  left:0;
}

.ulizahtml5-modal-thumbnail-play {border-radius:0!important;}

.ulizahtml5 {
  width:90vw!important;
  height:50.625vw!important;
  max-width:800px!important;
  max-height:450px!important;
  margin:0 auto!important;
}
.ulizahtml5.vjs-fullscreen {
  position:fixed;
  width:100vw!important;
  height:100vh!important;
  max-width:100vw!important;
  max-height:100vh!important;
}

@media screen and (max-width: 896px) and (orientation: landscape) {
  .ulizahtml5 {max-height:70vh!important;}
}