@charset "utf-8";
/* CSS Document */

.entry-content>.spec.kokoku-detail-external-panorama,.entry-content>.spec.kokoku-detail-external-youtube {
  margin: 0;
  padding: 0;
}
@media(max-width: 480px) {
  .entry-content>.spec.kokoku-detail-panorama {
    margin: 0;
    padding: 0 10px;
  }
}
.kokoku-detail-external-panorama .external-inner-wrap {
  padding-top: 50%;
}
@media(max-width: 480px) {
  .kokoku-detail-external-panorama,.kokoku-detail-external-youtube {
    margin:0 -10px;
    padding: 0;
  }

  .kokoku-detail-external-panorama h2,.kokoku-detail-external-youtube h2 {
    padding: 0 5px;
  }
}

#es_panorama {
  height: 200px;
  width: 100%;
}

#es_panorama .psv-navbar {
  z-index: 11;
}

#es_panorama .psv-download-button,#es_panorama .psv-markers-button {
  display: none;
}

#es_panorama .psv-zoom-button-minus .psv-button-svg,#es_panorama .psv-zoom-button-plus .psv-button-svg {
  top: 0;
}

#es_panorama .psv-caption {
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#es_panorama .psv-caption-content {
  font-size: 14px;
  font-size: .875rem;
}

@media(max-width: 480px) {
  #es_panorama {
    max-width:none;
  }
}

@media(min-width: 481px) {
  #es_panorama {
    height:500px;
  }
}

@media(max-width: 480px) {
  .kokoku-detail-panorama {
    margin:0 -5px;
    padding: 0;
  }
}

.es_panorama_thumbs.always_show_nav {
  padding: 2% 0;
  margin: 0 0 40px;
}

.es_panorama_thumbs.always_show_nav .slides li {
  border: 2px solid #fff;
  box-shadow: 1px 1px 2px 0 rgba(0,0,0,.25);
  margin-bottom: 2px;
  transition: all .5s;
  width: 18% !important;
  margin: 1px !important;
}

.es_panorama_thumbs.always_show_nav .slides li:before {
  padding-top: 50%;
}

.es_panorama_thumbs.always_show_nav .slides li:hover {
  opacity: .8;
}

.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-next,.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-prev {
  width: 20px;
}

.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-next:before,.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-prev:before {
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 40px;
}

.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-prev {
  left: 0;
}

.es_panorama_thumbs.always_show_nav .flex-direction-nav .flex-next {
  right: 0;
}

.es_panorama_thumbs.always_show_nav .slides {
  display: flex;
  justify-content: center;
  width: 100% !important;
  max-width: 900px;
}

@media(max-width: 480px) {
  .es_panorama_thumbs.always_show_nav {
    max-width:none;
  }
}

@media(min-width: 481px) {
  .es_panorama_thumbs.always_show_nav .flex-direction-nav a:before {
    text-align:center;
    width: 20px;
  }
}

.kokoku-detail-panorama {
  margin-bottom: 0;
  margin-left: auto!important;
  margin-right: auto!important;
  max-width: 100%;
  width: 900px;
}
.es_panorama_thumbs .flex-direction-nav {
  display: none;
}