@charset "UTF-8";

/* Location */
#menu1017_obj6716 {overflow: visible; position: relative; float: right; width: calc(100% - 730px) !important; padding-top: 74px; padding-left: 70px;}
.pr-location .video {position: relative; right: -50px; opacity: 0;}
.pr-location .video .slider {width: 150%; overflow: hidden;}
.pr-location .video .slider li {float: left; width: 50%; padding-right: 50px;}
.pr-location .video .slider .slick-slide > div {display: inline-block; padding-bottom: 195px; transition: padding 1s;}
.pr-location .video .slider .slick-slide .slide1 { padding-top: 195px; padding-bottom: 0px;}
.pr-location .video .slider li.on a {display: block; box-shadow: 3px 3px 3px rgba(0,0,0,.45);}
.pr-location .video .slider .thumb {position: relative;}
.pr-location .video .slider .thumb img {width: 100%;}
.pr-location .video .slider .thumb::after {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url('../images/btn-location-movie.png') no-repeat center;}
.pr-location .video .slider .desc {position: absolute; left: 0; bottom: 0; width: 100%; padding: 18px 0; background: rgba(0,0,0,.7); font-family: 'Dream Medium'; font-size: 22px; text-align: center; color: #fff;}
.pr-location .video .state {display: inline-block; letter-spacing: -1px;}
.pr-location .video .state p {display: inline-block;}
.pr-location .video .state .now {font-family: 'Play Bold'; font-size: 110px; color: #c4b7af;}
.pr-location .video .state .now::before {content: '0';}
.pr-location .video .state .slash,
.pr-location .video .state .total {margin-left: 10px; font-family: 'Play Bold'; font-size: 30px; color: #9c9c9c;}
.pr-location .video .state .total::before {content: '0';}
.pr-location .video .button {position: absolute; left: 0%; bottom: 7%; width: 100%; max-width: 69.5%; line-height: 1; text-align: right; transition: 0s;}
.pr-location .video .control {display: inline-block; margin-left: 76px;}
.pr-location .video .control button {display: inline-block; width: 45px; height: 15px; text-indent: -9999px;}
.pr-location .video .control .prev {background: url('../images/btn-location-prev.png') no-repeat center;}
.pr-location .video .control .prev:hover {background: url('../images/btn-location-prev-on.png') no-repeat center;}
.pr-location .video .control .next {margin-left: 20px; background: url('../images/btn-location-next.png') no-repeat center;}
.pr-location .video .control .next:hover {background: url('../images/btn-location-next-on.png') no-repeat center;}

@media (max-width: 1500px) {
  .pr-location .video .slider {width: 100%;}
  .pr-location .video .slider .desc {font-size: 19px;}
  .pr-location .video .slider li {width: 100%; padding-right: 0;}
  .pr-location .video .button {bottom: 0; max-width: 100%}
}

@media (max-width: 1350px) {
  #menu1017_obj6716 {width: calc(100% - 650px) !important; padding-left: 40px; padding-top: 35px;}
}

@media (max-width: 1240px) {
  #menu1017_obj6716 {width: calc(100% - 550px) !important;}
}

@media (max-width: 1000px) {
  #menu1017_obj6716 {width: 100% !important; padding-left: 0;}
  .pr-location .video .slider {width: 150%;}
  .pr-location .video .slider li {width: 50%; padding-right: 30px;}
  .pr-location .video .button {bottom: 0; max-width: 72%}
}

@media (max-width: 940px) {
  .pr-location .video .state .now {font-size: 60px;}
  .pr-location .video .control {margin-left: 26px;}
  .pr-location .video .slider .desc {font-size: 16px;}
}

@media (max-width: 660px) {
  .pr-location .video .slider {width: 180%;}
  .pr-location .video .slider .slick-slide > div {padding-bottom: 90px;}
  .pr-location .video .slider .slick-slide .slide1 {padding-top: 90px; padding-bottom: 0px;}
}