/*************************************
lineup.css
*************************************/

#grade h3 {
  margin: 1em;
  margin-left: 0;
  color: #84070d;
  font-size: 1.6rem;
}

.lecture {
  margin: 2em auto;
  width: 50rem;
  border: solid 1px #001545;
}

.lecture .type {
  display: flex;
  background: #001545;
}

.lecture h4 {
  width: 40rem;
  height: auto;
  padding: .5rem;
  color: #fff;
  font-size: 1.2rem;
}

.lecture h4 span {
  font-size: .8rem;
}

.lecture h5 {
  margin-bottom: 1rem;
  color: #999;
  font-size: 1.2rem;
}

.lecture .type ul, .lecture .type ul li {
  margin: 0;
  padding: 0;
}

.lecture .type ul {
  display: flex;
  width: 10rem;
  height: 3rem;
  justify-content: flex-end;
}

.lecture .type li {
  width: 3rem;
  height: 1.4rem;
  padding: .5rem;
  color: #fff;
  text-align: center;
}

.lecture .type li.type_en {
  background: #f00;
}

.lecture .type li.type_ma {
  background: #00f;
}

.lecture .type li.type_ja {
  background: #008000;
}

.lecture .type li.type_re {
  background: #999;
}

.lecture > div:not(.type) {
  margin: 1rem 2rem;
}

.lecture .intro ol, .lecture .intro ol li {
  margin: 0;
  padding: 0;
}

.lecture .intro ol {
  margin: 0 0 1rem 2rem;
  list-style-type: decimal;
}

.lecture .intro ul.note {
  display: block;
}

.lecture .intro ul.note li {
  width: auto;
  margin: 0;
  padding: 0;
}

.lecture .intro dl {
  margin-bottom: 1rem;
  padding: .2rem;
}

.lecture .intro dt {
  font-size: 1.1rem;
}

.lecture .intro dd {
  margin-bottom: 1rem;
}

.lecture .date dl {
  margin-bottom: 1rem;
  padding: .2rem;
  background-color: #E9EBF5;
}

.lecture .date dt {
  font-size: 1.1rem;
  font-weight: bold;
}

.lecture .date dt span {
  font-size: .8rem;
}

.lecture .date dd {
  display: inline-block;
}

.lecture .date dd:nth-of-type(1) {
  width: 4rem;
  margin: 0 1rem;
  background: #999;
  color: #fff;
  text-align: center;
}

.lecture .date dd:nth-of-type(2) {
  width: 14rem;
}

.lecture .date dd:nth-of-type(3) {
  width: 5rem;
}

.lecture .date dd:nth-of-type(4) {
  width: 5rem;
}

.lecture .date dl div {
  display: block;
  margin: 0;
  padding: .2rem;
  border-top: solid 1px #fff;
}

.lecture .appli a {
  width: 16rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #84070d;
  border-radius: 1.5rem;
  color: #fff;
  transition-duration: .8s;
  margin: 0.5rem auto;
  height: 3rem;
  font-size: 1.2rem;
  text-align: center;
}

.lecture .appli a:hover {
	border: 1px solid #84070d;
	background: #fff;
	color: #84070d;
}



/* SP============================ */
@media screen and (max-width:768px){

.lecture {
  width: 100%;
  margin: 1rem auto;
}

.lecture h4 {
  width: 22rem;
}

.lecture h4 span {
  display: block;
}

.lecture .type li {
  width: 2rem;
  height: 1.2rem;
  font-size: .8rem;
}

.lecture div:not(.type) {
  margin: 1rem .5rem;
}

.lecture .date dt span {
  display: block;
}

.lecture .date dd:nth-of-type(1) {
  margin-left: 0;
}

.lecture .date dd:nth-of-type(2) {
  width: 13rem;
}

.lecture .date dd:nth-of-type(3) {
  margin-left: 5.5rem;
}

.lecture .date dl div {
  border-top: solid 2px #fff;
}

}