/* =================================
	cast CSS
================================= */
h2 {
  text-align: center;
  margin-bottom: 2em;
}
h2 span {
    background: linear-gradient(transparent 40%, #f3d5dd 40%);
    font-size: 170%;
    padding: 0 0.5em;
    letter-spacing: 0.1em;
}
table.casttable {
  width: max-content;
  margin: 0 auto 5em;
  font-weight: bold;
  line-height: 2;
}
@media all and (min-width: 768px) {
	table.casttable {
		font-size: 130%;
		vertical-align: bottom;
	}
}
@media all and (max-width: 767px) {
	table.casttable {
		font-size: 100%;
	}
}

table.casttable ruby>rt {
  font-weight: normal;
	margin-bottom: .3em;
	transform: translateY(-.3em);
}


table.casttable td.yn {
	text-align: right;
	color: #0aa9cd;
	/* width: 51%; */
}
table.casttable td.naka {
	color: #777;
	padding-bottom: 0.5em;
	/* width: 14%; */
}
table.casttable tr.space td.naka {
	padding-bottom: 2em;
}

table.casttable td {
  vertical-align: baseline;
}

/* =================================
	staff CSS
================================= */
table.stafftable {
  margin: 0 auto;
  font-weight: bold;
  line-height: 1.5;
}
.lh3 {
  line-height: 3;
}
@media all and (min-width: 768px) {
  .lh3 {
    line-height: 2.5;
  }
}
@media all and (min-width: 768px) {
	table.stafftable {
		font-size: 130%;
    width: max-content;
	}
  .fs50 {
    font-size: 50%;
  }
}
@media all and (max-width: 767px) {
	table.stafftable {
		font-size: 93%;
	}
}

table.stafftable ruby > rt {
    font-weight: normal;
  	margin-bottom: .3em;
  	transform: translateY(-.3em);
  }

table.stafftable td.yn {
	text-align: right;
	color: #0aa9cd;
	vertical-align: top;
}
table.stafftable td.mn {
  vertical-align: top;
}
@media all and (max-width: 767px) {
  table.stafftable td.yn {
  	width: 29%;
  }
  table.stafftable td.naka {
    margin: 0 auto;
  }
  table.stafftable td.mn {
    width: 57%;
  }
  table.stafftable .fs50 {
    font-size: 50%;
  }
}
table.stafftable td.yn > span {
  display: block;
  margin-bottom: 1em;
  display: inline-table;
}
table.stafftable td.lh1 > span {
  line-height: 1;
}
table.stafftable td.naka {
	color: #777;
	vertical-align: top;
	display: table;
}
table.stafftable td.mn > span {
  margin-bottom: 1em;
  display: inline-table;
}

@media all and (max-width: 767px) {
div.contents {
  padding: 5%;
  font-size: 4vw;
}
}