#wrapper{display:none;}
#loading img {
  width: 100%;
}
#msthd.oldmh .msthdlink {
  margin: 0 !important;
}

#movie_mh {
  padding: 10px 0;
  overflow: hidden;
}
#movie_mh .mh_left {
  float: left;
}
#movie_mh .mh_left .m_logo,
#movie_mh .mh_left .mh_login {
  float: left;
}
#movie_mh .mh_left .mh_login {
  margin-left: 20px;
}
#movie_mh .mh_left .mh_login .loginName {
  margin-bottom: 0 !important;
}
#movie_mh .mh_right {
  float: right;
  text-align: right;
}
#movie_mh .other_link {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: bold;
}
#movie_mh .mh_zqn {
  font-size: 12px;
  color: #3E98BB;
}

#search_top {
  background-color: #F3F5F8;
}
#search_top .cf {
  width: 950px;
  margin: auto;
  overflow: hidden;
}
#search_top .st_left {
  float: left;
}
#search_top .st_right {
  float: right;
}

.yj950-2 #yjMain {
  background: url(../img/bg_main.png) no-repeat;
  -moz-box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
  -webkit-box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
  box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
}


#main_msg {
  position: relative;
  height: 860px;
}
#main_msg .img_blood {
  position: absolute;
  top: -90px;
  right: -17px;
  z-index: 1000;
  -moz-animation: blood 0.2s 1s linear 1;
  -webkit-animation: blood 0.2s 10s linear 1;
  animation: blood 0.2s linear 1;
}
@keyframes blood {
  0%	{transform:rotate(0deg)	translate(0,0) scale(0.01) opacity(0);}
	25%	{transform:rotate(0.9deg)	translate(0px,1px);}
	50%	{transform:rotate(0deg)	translate(0,0) scale(0.9) opacity(0.6);}
	75%	{transform:rotate(-0.9deg)	translate(0,1px);}
	100%	{transform:rotate(0deg)	translate(0,0) scale(0.2);}
}
@keyframes blood {
  0%	{ -webkit-transform:scale(0) opacity(0);}
	25%	{ -webkit-transform:scale(0);}
	50%	{ -webkit-transform:scale(0) opacity(0.7);}
  65%	{ -webkit-transform:scale(0.2);}
	75%	{ -webkit-transform:scale(0.6);}
	100%	{ -webkit-transform:scale(0.5) opacity(1);}
}
#main_msg .img_1 {
  position: absolute;
  top: 10px;
  left:25px;
}
#main_msg .img_2 {
  position: absolute;
  top: 340px;
  right: 3px;
}
#main_msg .img_3 {
  position: absolute;
  top: 480px;
  left: 20px;
}

#main_msg .ttl img {
  /*animation: vertical 1s ease-in-out infinite alternate;*/
  position: relative;
  z-index: 100;
  right: 10px;
}

#main_msg .img {
	-moz-animation: range03 0.01s linear infinite;
  -webkit-animation: range03 0.012s linear infinite;
  animation: range03 0.012s linear infinite;
}
@keyframes range03 {
    0% { transform:translateX( -4px); }
  100% { transform:translateX(  0px); }
}
#main_msg .img_1 .ttl { margin-top: -25px;}

#main_msg .ttl {
	-moz-animation: speed07 0.08s linear infinite;
  -webkit-animation: speed07 0.08s linear infinite;
  animation: speed07 0.08s linear infinite;
}
#main_msg .txt {
	-moz-animation: speed07 0.2s linear infinite;
  -webkit-animation: speed07 0.2s linear infinite;
  animation: speed07 0.2s linear infinite;
}
@keyframes speed07 {
    0% { transform:translate(2px,0) }
    25% { transform:translate(2px,2px) }
    75% { transform:translate(0,2px) }
  100% { transform:translateX(0); }
}
@keyframes img1_txt {
    0% { transform:translateX(2px) }
  100% { transform:translateX(0); }
}

@keyframes rumble{
  0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.2deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.9deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.2deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.2deg)	translate(1px,0);}
	75%	{transform:rotate(-0.9deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.2deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

#panic_ranking h3 {
  margin: 0 0 0 15px;
}
#panic_ranking ol {
  list-style: none !important;
  padding-top: 20px;
  padding-left: 10px;
  overflow: hidden;
}
#panic_ranking ol li.no1,
#panic_ranking ol li.no2,
#panic_ranking ol li.no3,
#panic_ranking ol li.no4 {
  position: relative;
  float: left;
  width: 150px;
  margin-right: 5px;
}
#panic_ranking ol li:last-child {
  margin-right: 0;
}
#panic_ranking ol li.no1 {
  margin-top: 70px;
}
#panic_ranking ol li.no2 {
  margin-top: -20px;
}
#panic_ranking ol li.no3 {
  margin-top: 190px;
}
#panic_ranking ol li.no4 {
  margin-top: 110px;
}
#panic_ranking ol li .ttl_movie {
  font-size: 12px;
}
#panic_ranking ol li .img_thum,
#panic_ranking ol li .ttl_movie {
  margin-bottom: 10px;
}
#panic_ranking .btn_more {
  display: block;
  margin: 20px 0 40px;
  text-align: center;
}
#panic_ranking .btn_more:hover {
  -moz-animation: bottomdown 0.5s ease-out 1;
  -webkit-animation: bottomdown 0.5s ease-out 1;
  animation: bottomdown 0.5s ease-out 1;
}
@keyframes bottomdown {
  0%	{transform:translateY(0);}
	100%	{transform:translateY(200px); opacity: 0;}
}

#april_movie {
  position: relative;
  z-index: 100;
  clear: both;
  background: #000 url(../img/bg_blackG.png) repeat-x;
}

#april_movie .ttl_april {
  position: relative;
  height: 800px;
}

#april_movie .ttl_april .bg img {
  display: block;
  margin: auto;
}
#april_movie .ttl_april .ki img {
  position: absolute;
  left: 218px;
  -moz-animation: moji_ki 2s linear infinite;
  -webkit-animation: moji_ki 2s linear infinite;
  animation: moji_ki 2s linear infinite;
}
@keyframes moji_ki {
    0% { transform:translate(9px,0) }
    25% { transform:translate(8px,9px) }
    75% { transform:translate(0,9px) }
  100% { transform:translateX(0); }
}
#april_movie .ttl_april .yo img {
  position: absolute;
  top: 100px;
  left: 318px;
  -moz-animation: moji_yo 1s linear infinite;
  -webkit-animation: moji_yo 1s linear infinite;
  animation: moji_yo 1s linear infinite;
}
@keyframes moji_yo {
    0% { transform:translate(3px,0) }
    25% { transform:translate(3px,5px) }
    75% { transform:translate(0,3px) }
  100% { transform:translateX(0); }
}
#april_movie .ttl_april .u img {
  position: absolute;
  top: 70px;
  left:385px;
  -moz-animation: moji_u .8s linear infinite;
  -webkit-animation: moji_u .8s linear infinite;
  animation: moji_u .8s linear infinite;
}
@keyframes moji_u {
    0% { transform:translate(2px,0) }
    25% { transform:translate(2px,5px) }
    75% { transform:translate(0,2px) }
  100% { transform:translateX(0); }
}
#april_movie .ttl_april .ha img {
  position: absolute;
  top: 214px;
  left:425px;
  -moz-animation: moji_ha 2.3s linear infinite;
  -webkit-animation: moji_ha 2.3s linear infinite;
  animation: moji_ha 2.3s linear infinite;
}
@keyframes moji_ha {
    0% { transform:translate(5px,0) }
    25% { transform:translate(5px,5px) }
    75% { transform:translate(0,5px) }
  100% { transform:translateX(0); }
}


.social {
  list-style: none;
  margin: 50px 0 70px;
  padding: 0;
  text-align: center;
}
.socialBtnTw,
.socialBtnFb {
  display: inline-block;
}
.socialBtnTw {
  background: url(../img/sns_tw.png) no-repeat;
  background-size: 99px 30px;
}
.socialBtnFb {
  background: url(../img/sns_fb.png) no-repeat;
  background-size: 99px 30px;
}
/* みたみたいボタン */
ul.btn_movielog {
    display: table;
    padding: 0;
    margin: 0;
}
ul.btn_movielog li {
    display: table-cell;
    padding-left: 5px;
    vertical-align: top;
}
ul.btn_movielog li:first-child {
  padding-left: 0;
}
ul.btn_movielog li a {
    color: #87898d;
    display: block;
    text-decoration: none;
}
ul.btn_movielog li a.btn_movielog--mitai--on,
ul.btn_movielog li a.btn_movielog--mita--on {
    color: #fff;
    display: block;
    text-decoration: none;
}
ul.btn_movielog li.btn_movielog--mitai .btn_movielog--mitai--off {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/want.png") no-repeat scroll 0 0;
    height: 48px;
    width: 75px;
}
ul.btn_movielog li.btn_movielog--mitai .btn_movielog--mitai--on {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/want_on.png") no-repeat scroll 0 0;
	height: 48px;
    width: 75px;
}
ul.btn_movielog li.btn_movielog--mita .btn_movielog--mita--off {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/past.png") no-repeat scroll 0 0;
    height: 48px;
    width: 75px;
}
ul.btn_movielog li.btn_movielog--mita .btn_movielog--mita--on {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/past_on.png") no-repeat scroll 0 0;
    color: #fff;
	height: 48px;
    width: 75px;
}
ul.btn_movielog li.btn_movielog--mitai a:hover {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/want_h.png") repeat scroll 0 0;
}
ul.btn_movielog li.btn_movielog--mita a:hover {
    background: rgba(0, 0, 0, 0) url("http://i.yimg.jp/images/movies/event/academy2016/pc/img/past_h.png") repeat scroll 0 0;
}
ul.btn_movielog .btn_movielog__word,
ul.btn_movielog .btn_movielog__number {
  margin: 0;
  padding: 0;
  font-size: 13px;
}
ul.btn_movielog .btn_movielog__word {
    padding-left: 15px;
    padding-top: 5px;
    text-align: center;
}
ul.btn_movielog .btn_movielog__number {
    padding-top: 0;
    text-align: center;
}

#welcome {
  margin-bottom: 20px;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
#welcome {
  background: url(../img/welcome.png);
  background-position: 0 -28px;
}
#welcome:hover {
  -moz-animation: welcome 0.1s linear infinite;
  -webkit-animation: welcome 0.1s linear infinite;
  animation: welcome 0.1s linear infinite;
}
@keyframes welcome{
  0%	{ background-position: 0 -28px;}
	100%	{background-position: 0 -529px;}
}

#special {
  margin-bottom: 20px;
}
#special img {
  -moz-animation: rumble 0.12s linear infinite;
  -webkit-animation: rumble 0.12s linear infinite;
  animation: rumble 0.12s linear infinite;
  margin: 10px 0 10px 0;
}

@keyframes rumble{
  0%	{transform:rotate(0deg)	translate(0,0);}
	12.5%	{transform:rotate(0.2deg)	translate(1px,-1px);}
	25%	{transform:rotate(0.9deg)	translate(0px,1px);}
	37.5%	{transform:rotate(0.2deg)	translate(-1px,0);}
	50%	{transform:rotate(0deg)	translate(0,0);}
	62.5%	{transform:rotate(-0.2deg)	translate(1px,0);}
	75%	{transform:rotate(-0.9deg)	translate(0,1px);}
	87.5%	{transform:rotate(-0.2deg)	translate(-1px,-1px);}
	100%	{transform:rotate(0deg)	translate(0,0);}
}

#osusume {
  margin-bottom: 20px;
}
#osusume .ttl {
  border-bottom: 1px solid #d8dbe3;
  padding-bottom: 5px;
  margin-bottom: 10px;
}

.btn_normal {
  margin: 10px 0;
  background-color: #3E98BB;
  text-align: center;
}
.btn_normal a {
  display: block;
  padding: 20px;
  color: #fff;
}

#april_movie {
  padding: 10px;
  margin: 0;
  background: #000 url(../img/bg_blackG.png) repeat-x;
}
#april_movie .ttl_april {
  width: 950px;
  margin: auto;
}
#april_movie .ttl_april .bg img {
  width: 751px;
  height: 785px;
}
#april_movie .sns_btn {
  text-align: center;
  margin: 50px auto 70px;
}
#april_movie .sns_btn .fb_btn,
#april_movie .sns_btn .tw_btn {
  display: inline-block;
  vertical-align: top;
}
#april_movie .sns_btn .tw_btn {
  margin-top: 4px;
}


#april_movie .m_iamahero {
  padding: 10px;
  border: 2px solid #ff3492;
  width: 660px;
  margin: 0 auto 10px;
  background-color: #fff;
  overflow: hidden;
}
#april_movie .m_iamahero .m_thum img {
  width: 160px;
  height: 220px;
}
#april_movie .m_iamahero .float-left {
  margin-bottom: 10px;
}
#april_movie .m_iamahero .m_txt {
  width: 490px;
  clear: both;
  font-size: 13px;
  margin-top: 10px;
}

.movie_list {
  padding: 0;
  margin: auto;
  width: 1010px;
  overflow: hidden;
}
.movie_list li.m_item {
  margin-bottom: 10px;
  padding: 8px;
  width: 310px;
  overflow: hidden;
  background-color: #fff;
}
.movie_list li.m_item {
  float: left;
  margin-right: 10px;
}
.movie_list li.m_item:nth-child(3n) {
  margin-right: 0;
}
.m_thum,
.m_info {
  float: left;
}
.m_thum img {
  margin-right: 10px;
  width: 123px;
  height: 173px;
}
.m_info {
  width: 170px;
}
.m_info .m_ttl a {
  display: block;
  margin-bottom: 8px;
  color: #3e98bb;
  font-size: 15px;
}
.m_info .m_day {
  display: inline-block;;
  background-color: #1796c8;
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  color: #fff;
  font-size: 12px;
  padding: 0.4em 0.6em;
}

.oss_list {
  width: 300px;
}
.oss_list li.m_item {
  margin-bottom: 5px;
  background-color: #f3f5f8;
  width: 300px;
}
.oss_list li .m_thum img {
  width: 80px;
  height: 110px;
}
.oss_list .lie {
  display: inline-block;
  -moz-animation: rumble 0.05s linear infinite;
    -webkit-animation: rumble 0.05s linear infinite;
    animation: rumble 0.05s linear infinite;
}

.copy {
  width: 950px;
margin: auto;
text-align: right;
color: #fff;
font-size: 10px;
}