@-webkit-keyframes btnhovermov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes btnhovermov {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  25% {
    -webkit-transform: translateY(3px);
            transform: translateY(3px);
  }
  50% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-3px);
            transform: translateY(-3px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@-webkit-keyframes btnhoverpush {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes btnhoverpush {
  50% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.u-txt-p {
  margin-top: 25px;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 2.0;
}

@media print, screen and (min-width: 768px) {
  .u-txt-p {
    margin-top: 50px;
    font-size: 2.4rem;
  }
}

.u-txt-p span {
  color: #F76697;
}

.u-box-img {
  margin-top: 20px;
  text-align: center;
}

@media print, screen and (min-width: 768px) {
  .u-box-img {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 768px) {
  .u-box-img img {
    width: 720px;
  }
}

.u-txt-ttl2 {
  text-align: center;
  margin-top: 45px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-ttl2 {
    margin-top: 95px;
  }
}

.u-txt-ttl2.ttl2-cast img {
  width: 120px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-ttl2.ttl2-cast img {
    width: 226px;
  }
}

.u-txt-ttl2.ttl2-staff img {
  width: 210px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-ttl2.ttl2-staff img {
    width: 393px;
  }
}

.u-txt-ttl2.ttl2-broadcast img {
  width: 140px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-ttl2.ttl2-broadcast img {
    width: 263px;
  }
}

.u-txt-ttl2.ttl2-production img {
  width: 73px;
}

@media print, screen and (min-width: 768px) {
  .u-txt-ttl2.ttl2-production img {
    width: 135px;
  }
}

.u-list-role {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .u-list-role {
    margin-top: 40px;
  }
}

.u-list-role .role-item {
  margin-top: 8px;
}

@media print, screen and (min-width: 768px) {
  .u-list-role .role-item {
    margin-top: 12px;
  }
}

.u-txt-role {
  text-align: center;
  font-weight: bold;
}

.u-txt-role .role-sub {
  font-size: 14px;
  font-size: 1.4rem;
  color: #F76697;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .u-txt-role .role-sub {
    font-size: 1.8rem;
  }
}

.u-txt-role .role-sub.sub-color-bl {
  color: #3ab4ee;
}

.u-txt-role .role-sub.sub-color-or {
  color: #fa8e00;
}

.u-txt-role .role-sub.sub-color-pur {
  color: #efa6ff;
}

.u-txt-role .role-main {
  display: block;
  font-size: 24px;
  font-size: 2.4rem;
}

@media print, screen and (min-width: 768px) {
  .u-txt-role .role-main {
    font-size: 3.2rem;
  }
}

.u-box-deco {
  display: none;
}

@media print, screen and (min-width: 768px) {
  .u-box-deco {
    display: block;
    position: relative;
  }
  .u-box-deco .deco-flower {
    position: absolute;
    -webkit-animation: flowerfade 5s ease-in-out infinite;
            animation: flowerfade 5s ease-in-out infinite;
  }
  .u-box-deco .deco-flower.flower-01 {
    top: 70px;
    left: 50px;
  }
  .u-box-deco .deco-flower.flower-02 {
    top: 230px;
    left: 20px;
    -webkit-animation-delay: 2s;
            animation-delay: 2s;
  }
  .u-box-deco .deco-flower.flower-03 {
    top: 65px;
    right: 0px;
    -webkit-animation-delay: 3s;
            animation-delay: 3s;
  }
  .u-box-deco .deco-flower.flower-04 {
    top: 360px;
    right: -25px;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
  }
}

.u-box-deco + * {
  margin-top: 0;
}

@-webkit-keyframes flowerfade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  30% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  60% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}

@keyframes flowerfade {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  30% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  60% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  90% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
  }
}