@charset "utf-8";
.staff2{
  vertical-align : top;
  text-align : left;
  padding-bottom : 10px;
  width : 47.5%;
  padding-left : 10px;
}
.staff1{
  vertical-align : top;
  text-align : right;
  padding-bottom : 10px;
  width : 47.5%;
  padding-right : 10px;
}
td.staff9{
  position: relative;
  line-height: 1.6;
}
td.staff9::after{
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  width: 100%;
  height : 2px;
  background-image : none;
  background-repeat : repeat;
  background-attachment : scroll;
  background-position : 0% 0%;
  background-size : auto auto;
  background-origin : padding-box;
  background-clip : border-box;
  background-color : #4577c9;
}
.castp1{
  background-color : black;
  width : 30%;
}
.name1::first-letter{
  font-size : 120%;
  font-weight : bold;
  color : #1177ad;
}
.name1{
  font-size : 150%;
}
.name1b{
  font-size : 70%;
  line-height : 1em;
}
.name2{
  font-size : 110%;
  margin-top : 5px;
  border-top-color : #808080;
  padding-bottom : 10px;
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : #808080;
}
.name3{
  font-size : 110%;
  margin-top : 5px;
  border-top-color : #808080;
}
.castt1{
  text-align : center;
  padding-top : 10px;
}
.castt1b{
  text-align : center;
}
.name9{
  font-size : 80%;
  padding-top : 10px;
}
.castp1{
  position: relative;
  overflow: hidden;
}
.castp1 img{
  opacity: 0;
  filter: blur(4px) brightness(1.6);
  transform: scale(1.03);
}
/* 表示開始 */
.castp1.castshow img {
  animation: castFadeIn 0.6s ease forwards;
}
/* 光 */
.castp1::after{
  content: "";
  position: absolute;
  top: -20%;
  left: -80%;
  width: 35%;
  height: 140%;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0.15) 25%,
    rgba(255,255,255,0.95) 50%,
    rgba(255,255,255,0.15) 75%,
    rgba(255,255,255,0) 100%
  );
  transform: skewX(-20deg);
  opacity: 0;
  pointer-events: none;
}
.castp1sp{
  width : 17.5%;
}
.castp1.castshow::after {
  animation: castShine 0.6s ease forwards;
}
@keyframes castFadeIn {
  0% {
  opacity: 0;
  filter: blur(5px) brightness(1.8);
  transform: scale(1.04);
}
50% {
  opacity: 1;
  filter: blur(1px) brightness(1.4);
}
100% {
  opacity: 1;
  filter: blur(0) brightness(1);
  transform: scale(1);
}
}
@keyframes castShine {
  0% {
  left: -80%;
  opacity: 0;
}
20% {
  opacity: 1;
}
70% {
  opacity: 1;
}
100% {
  left: 130%;
  opacity: 0;
}
}