/*!
Theme Name: rio
Author: _rio
*/

.home-cast__list li .img .frame{
	pointer-events: none;
}
.home-mv{
  align-items: flex-start;
}
.home-mv__text{
  text-align: center;
	top:2em;
}
.home-mv__text img{
  max-width: 40%;
}
@media (max-width: 767px){
.home-mv {
	height: 100vw;
	padding: 0;
}
	
}
.cast__link {
  display: block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.4s -webkit-transform linear;
  transition: 0.4s -webkit-transform linear;
  -o-transition: 0.4s transform linear;
  transition: 0.4s transform linear;
  transition: 0.4s transform linear, 0.4s -webkit-transform linear;
}
.cast__link:hover {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.cast__link:hover .cast__flip_back{
  opacity: 1;
}
.cast__link:hover .cast__flip_front{
  opacity: 0;
}
.cast__flip {
  display: block;
  position: relative;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: 0.4s -webkit-transform linear;
  transition: 0.4s -webkit-transform linear;
  -o-transition: 0.4s transform linear;
  transition: 0.4s transform linear;
  transition: 0.4s transform linear, 0.4s -webkit-transform linear;
}
.back-face .cast__flip {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.cast__flip_front {
  position: relative;
  z-index: 2;
  display: block;
  -webkit-transition: 0.4s -webkit-transform linear;
  transition: 0.4s -webkit-transform linear;
  -o-transition: 0.4s transform linear;
  transition: 0.4s transform linear;
  transition: 0.4s transform linear, 0.4s -webkit-transform linear;
}
.cast__flip_back {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-transform: translateZ(-1px) rotateY(180deg);
  transform: translateZ(-1px) rotateY(180deg);
  -webkit-transition: 0.4s -webkit-transform linear;
  transition: 0.4s -webkit-transform linear;
  -o-transition: 0.4s transform linear;
  transition: 0.4s transform linear;
  transition: 0.4s transform linear, 0.4s -webkit-transform linear;
	opacity: 0;
}

.home-mv__text {
    top: .5em;
    filter: drop-shadow(2px 6px 2px rgba(0,0,0,.4));
}
.home-mv__text img {
    width: 320px;
}
@media (max-width: 767px) {
	.home-mv__text {
	    top: 1em;
	}
	.home-mv__text img {
	    width: 260px;
	    max-width: 260px;
	}
}



.home .header {
    position: fixed;
    z-index: 9999;
}
.home .header-logo {
    display: none;
}

.cast-detail .img .cast {
    width: 73%;
    top: 8%;
    transform: translate(-50%, 0);
}
.cast-detail .img .frame {
    pointer-events: none;
}

.cast-detail .text .birth {
	margin: 0 0 .3em;
    order: 2;
}
.cast-detail .link {
    order: 3;
}
.cast-detail .cast-subimg {
    margin: 0 0 2em;
    order: 1;
}

@media (min-width: 1366px) {
.home-mv {
    height: 100vh;
}
}