.is-invalid {
  border: 2px solid #c00;
  padding: 0.3em; }

#form_navi span {
  display: inline-block;
  margin-top: 0.5em; }
  #form_navi span.active {
    color: #333;
    font-size: 120%;
    font-weight: bold; }
#form_navi span + span {
  margin-left: 1em; }

select.input_thin {
  width: auto; }

a.form_button {
  color: #fff;
  line-height: initial;
  font-size: 0.875rem; }
  a.form_button:hover {
    text-decoration: none; }

.global_error_message {
  color: #c00; }

.toast {
  display: none; }
  .toast .toast-message {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    text-align: center; }
    .toast .toast-message p {
      display: inline-block;
      position: fixed;
      bottom: 60px;
      border-radius: 0.5em;
      padding: 10px 20px;
      font-size: 1em;
      color: #fff;
      background-color: rgba(0, 0, 0, 0.8); }

.movie span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-date {
  margin-left: 1em; }

.pagination {
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  justify-content: center; }

.page-item.active .page-link {
  z-index: 1;
  font-weight: bold; }

.page-link {
  position: relative;
  display: block;
  padding: .5rem .75rem; }
  .page-link:not(:disabled):not(.disabled) {
    cursor: pointer; }

.disabled_link {
  color: #aaa; }

@keyframes loading-animation {
  0% {
    transform: translateX(-100%); }
  100% {
    transform: translateX(100%); } }
.video-thumb {
  overflow: hidden;
  position: relative;
  padding: 56.33% 0 0 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .video-thumb:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .video-thumb.loading {
    background: #f4f4f5; }
    .video-thumb.loading:before {
      background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
      animation: loading-animation 1.2s linear infinite; }