/* ------------------------------------------------
 */
.ls-ballet .-class {color: #B398C5;}
.ls-ballet {border-color: #B398C5;}
.ls-ballet .-datetime {background: #B398C5;}

.ls-isolation .-class {color: #C5D22E;}
.ls-isolation {border-color: #C5D22E;}
.ls-isolation .-datetime {background: #C5D22E;}

.ls-k-pop .-class {color: #F39CA7;}
.ls-k-pop {border-color: #F39CA7;}
.ls-k-pop .-datetime {background: #F39CA7;}

.ls-kids .-class {color: #FCE133; color: #F3AB28;}
.ls-kids {border-color: #F3AB28;}
.ls-kids .-datetime {background: #F3AB28;}

.ls-idol-dance .-class,
.ls-musical .-class {color: #02B0BB;}
.ls-idol-dance,
.ls-musical {border-color: #02B0BB;}
.ls-idol-dance .-datetime,
.ls-musical .-datetime {background: #02B0BB;}

.ls-theater .-class {color: #2C71B7;}
.ls-theater {border-color: #2C71B7;}
.ls-theater .-datetime {background: #2C71B7;}

.ls-girls-hiphop .-class,
.ls-acting .-class {color: #05401A; color: #EB5422;}
.ls-girls-hiphop,
.ls-acting {border-color: #EB5422;}
.ls-girls-hiphop .-datetime,
.ls-acting .-datetime {background: #EB5422;}

.ls-theme-park .-class {color: #D2C04C;}
.ls-theme-park {border-color: #D2C04C;}
.ls-theme-park .-datetime {background: #D2C04C;}

.ls-hip-hop .-class {color: #36A25D;}
.ls-hip-hop {border-color: #36A25D;}
.ls-hip-hop .-datetime {background: #36A25D;}

.ls-jazz .-class,
.ls-tap .-class {color: #21276B; color: #727AD4;}
.ls-jazz,
.ls-tap {border-color: #727AD4;}
.ls-jazz .-datetime,
.ls-tap .-datetime {background: #727AD4;}

.ls-yoga .-class {color: #37BEEF;}
.ls-yoga {border-color: #37BEEF;}
.ls-yoga .-datetime {background: #37BEEF;}

.ls-vocal-dance .-class {color: #51A4CD;}
.ls-vocal-dance {border-color: #51A4CD;}
.ls-vocal-dance .-datetime {background: #51A4CD;}

/* ------------------------------------------------
 */
.ls-sec h2 {
  background: #02B0BB;
  background: #84CED8;    
  color: #FFF;
  padding: .25em .75em;
}
.ls-list {
  list-style-type: none;
  padding-left: 0;
}
.ls-list a {
  color: inherit;
  text-decoration: none;
  display: flex;
  border: 1px solid #DDD;
  border-radius: 4px;
}
.ls-list a > * {
  padding: .25em;
}
.ls-list a:hover {
  opacity: 1;
}
.ls-list .-datetime {
  text-align: right;
  background: #84CED8;    
  color: #FFF;
  font-weight: bold;
  border-radius: 4px 0 0 4px;  
}
.ls-list .-course {
  font-weight: bold;
}
.ls-list .-trial {
  color: #DDD;
  flex-grow: 1;
  text-align: right;
}
.ls-list .-trial span {
  display: inline-block;
  border-bottom: 4px solid rgba(0,0,0,0);
  background: url(../images/font-arrow-right.png) no-repeat right 6px;
  background-size: 5px;
  font-weight: bold;
  padding-right: 20px;
}
.ls-list a:hover .-trial {
  color: #000;
}
.ls-list a:hover .-trial span {  
  border-bottom-color: #02B0BB;  
}
.ls-sec .show-more {
  margin: 20px 0 0;
  text-align: center;
}
.ls-sec .show-more span {
  display: inline-block;
  margin: auto;
  border-bottom: 1px solid #000;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .ls-sec h2 {
    margin: 0 0 30px;
  }
  .ls-list a > * {
    padding: .5em 1em;
  }
  .ls-list li a > :not(:first-child) {
    margin-left: 1em;
  }
  .ls-list .-datetime {
    flex: 0 0 13em;
  }
  .ls-list a:hover .-datetime {
    background: #02B0BB;
  }
}
@media screen and (max-width: 767px) {
  .ls-sec h2 {
    margin: 0 0 20px;
  }
  .ls-list a > * {
    padding: .5em;
  }
  .ls-list li a > :not(:first-child) {
    margin-left: .5em;
  }
  .ls-list .-datetime {
    flex: 0 0 9em;
  }
  .ls-list .-week {
    display: none;
  }
  .ls-list .-trial {
    display: none;
  }
}