@charset "UTF-8";
/* CSS Document */


body { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #2f2c24;}
.clear {
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

h1 {display:none;margin:0; padding: 0;height: 0;}
h2 {margin:0; padding: 0;}

.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

ul {list-style: none; padding: 0; }
.pc { display: block !important; }
.sp { display: none !important; }




ul.menu  { text-align: center;}
.menu li  { margin-right: 35px; display: inline-block; font-family: "Cinzel"; font-size: 19px; letter-spacing: 2.5px; color: #ffffff; font-weight: bold; }
.menu li a { display: inline-block; color: #ffffff; text-decoration: none; }
.menu li:last-child {margin-right: 0px;}
.menu li a:hover {  color: #ffffff; text-decoration: none; 
-webkit-animation: zoom .3s;
  animation: zoom .3s; }
#TOP ul.menu  {position: absolute; top:25px; right:50%; margin-right: -350px; z-index: 100;}


 .kakudai_yokonaba { height:280px; width:100%; display: block; background-image : url("../images/bg_staff.jpg"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
 .kakudai_yokonaba_intro { height:280px; width:100%; display: block; background-image : url("../images/bg_intro.jpg"); background-repeat: no-repeat; background-position: center top; background-size:cover;}

.contents { width:920px; margin: 0 auto; text-align: left; }
.logo { margin-top:23px; margin-bottom: 15px; width:134px; margin-left: auto; margin-right: auto; }
.title  { margin-top:60px; margin-bottom: 40px; }

.wrapper { width:100%; text-align: center;  }

.top_base { width:100%;min-height:860px;/* position: absolute; top:0; left:0; right: 0;margin: auto;*/background-image: url("../images/top.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat;   text-align: center;  }

.top_magi {  width:100%; min-height:860px; position: absolute; top:0; opacity: 0; -webkit-animation: example 2s ease 1s 1 forwards; animation: fadeIn 2s ease 1s 1 forwards;background-image : url("../images/top_logo.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_sannnin { width:100%; min-height:860px;  position: absolute; top:0;opacity: 0; -webkit-animation: example 2s ease 1.5s 1 forwards; animation: fadeIn 2s ease 1.5s 1 forwards;background-image : url("../images/top_sannninn.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_ikinuku { width:100%;  min-height:860px; position: absolute; top:0;  opacity: 0; -webkit-animation: example 2s ease 2s 1 forwards; animation: fadeIn 2s ease 2s 1 forwards;background-image : url("../images/top_ikinuku.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_date {  width:100%; min-height:860px; position: absolute; top:0; opacity: 0; -webkit-animation: example 2s ease 2.5s 1 forwards; animation: fadeIn 2s ease 2.5s 1 forwards;background-image : url("../images/top_date.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_base img,.top_magi img,.top_sannnin img,.top_ikinuku img,.top_date img,.top_award img { width:100%;}
.top_award { width:100%; min-height:860px;  position: absolute; top:0;opacity: 0; -webkit-animation: example 2s ease 1.5s 1 forwards; animation: fadeIn 2s ease 1.5s 1 forwards;background-image : url("../images/top_award.png"); background-repeat: no-repeat; background-position: center top; background-size:cover; }

.top_text { color:#fff; font-size:1.2rem; font-weight:normal; letter-spacing:0.1rem; font-family: "Sawarabi Mincho"; text-align: center; margin-top: 35px; }
.top_text p { margin:0; padding:0; line-height:1.7; }
.top_text .cast01 { font-size:1.8rem; }
.top_text .cast02 { font-size:1.2rem; }
.top_text .cast03 { font-size:1.5rem; }
.top_text .text01 { font-size:0.75rem; letter-spacing:0.2rem; margin-top:20px; }
.top_text .staff01 { font-size:0.75rem; letter-spacing:0rem; margin-top:16px; }
.top_text .staff02 { font-size:1.1rem; }
.top_text .staff03 { font-size:0.6rem; letter-spacing:0rem; line-height:2.0; margin-top:2px; }


.intro_unit { color:#ffffff;font-family: "Sawarabi Mincho"; font-size: 17px;line-height: 32px; margin-bottom: 60px;}
.intro_subtitle01 { font-size:25px;line-height: 25px; margin-bottom: 10px;}
.intro_title01 { font-size:50px;  font-family: "Cinzel";line-height: 50px; }
.intro_subtitle02 { font-size:20px; line-height: 20px; }
.intro_subtitle03 { color:#e7ca65;font-size:28px;}
.intro_title02 { font-size:30px; font-family: "Sawarabi Mincho"; }
.intro_photo { float: right; margin-left: 30px; margin-top: 60px;}
.intro_photo_sp { display: none;} 




.recentposts { float: left; width:320px; font-family: "Sawarabi Mincho";  }
.newscontents { float:left; width:600px; font-family: "Sawarabi Mincho";  }
.recentpost_title {color:#ffffff; font-family: "Cinzel"; font-size: 14px; font-weight: bold; margin-bottom: 30px; }
.recentposts_unit { margin-bottom: 15px; margin-right: 60px;}
.recentposts_unit .news_date {color:#87bfbc;font-size: 12px;}
.recentposts_unit .news_title {font-size: 14px; color:#ffffff;}
.recentposts_unit .news_title a { text-decoration: none; color: #ffffff;}
.newscontents_unit {margin-bottom: 30px; border-bottom: 1px solid #878272; padding-bottom: 5px;}
.newscontents_unit .news_date {color:#87bfbc;font-size: 12px; margin-bottom: 5px;}
.newscontents_unit .news_title {font-size: 24px; color:#87bfbc;margin-bottom: 5px;}
.newscontents_unit .news_contents {font-size: 16px; color:#ffffff;margin-bottom: 30px; }
.newscontents_unit .news_contents a {color: #87bfbc;text-decoration:none;}
.newscontents_unit .news_contents .news_thumb { text-align: center;  font-size: 14px;margin-left:15px; width:215px; margin-bottom: 30px; color: #ffffff; background-repeat: no-repeat; background-position: center top;}

.news_thumb img,.news_thumb2 img {margin-bottom: 10px;vertical-align: top; }
.newscontents_unit .news_contents .news_thumb2 { text-align: center;  font-size: 14px;margin-left:15px; width:452px; margin-bottom: 30px; color: #ffffff; background-repeat: no-repeat; background-position: center top;}


ul.cast { margin: 0 auto; width: 980px;}
.cast li {display: block; width:980px; height:376px; margin-bottom: 70px; background-repeat: no-repeat; background-position: left top; }
.cast li .textleft {color:#ffffff; font-family: "Sawarabi Mincho";  font-size: 18px; padding-top: 278px; padding-left: 0px; width:370px; line-height: 1.5em; }
.cast li .textright { color:#ffffff; font-family: "Sawarabi Mincho";  font-size: 18px; padding-top: 276px; padding-left: 613px; width:370px; line-height: 1.5em; }
.cast li:first-child { background-image : url("../images/cast01.jpg");}
.cast li:nth-child(2) { background-image : url("../images/cast02.jpg");}
.cast li:nth-child(3) { background-image : url("../images/cast03.jpg");}
.cast li:nth-child(4) { background-image : url("../images/cast04.jpg"); /* padding-bottom: 70px; */ /*border-bottom: 1px solid #a07f2d;*/}
.cast li:nth-child(5) { background-image : url("../images/cast06.jpg");}
.cast li:nth-child(6) { background-image : url("../images/cast05.jpg"); padding-bottom: 70px;  border-bottom: 1px solid #a07f2d;}
ul.cast_2clm { margin: 0 auto; width: 980px;}
.cast_2clm li {display: inline-block; width:470px; height:472px;  margin-bottom: 70px; background-repeat: no-repeat; background-position: left top;  }
.cast_2clm li .textleft {color:#ffffff; font-family: "Sawarabi Mincho";  font-size: 18px; padding-left: 0px; margin-top: 390px;line-height: 1.5em;}
#cast_2clm_1 li:first-child {background-image : url("../images/cast08.jpg");}
#cast_2clm_2 li:first-child {  margin-right:34px; background-image : url("../images/cast07.jpg");}
#cast_2clm_2 li:nth-child(2) { background-image : url("../images/cast09.jpg");}

ul.cast_3clm { margin: 0 auto; width: 980px;}
.cast_3clm li {display: inline-block; width:300px; height:370px; margin-bottom: 70px; background-repeat: no-repeat; background-position: left top; margin-left: 30px;  }
.cast_3clm li .textleft {color:#ffffff; font-family: "Sawarabi Mincho";  font-size: 14px; padding-left: 0px; margin-top: 265px;line-height: 1.5em;}

#cast_3clm_1 li:first-child { margin-left: 0; background-image : url("../images/cast10.jpg");}
#cast_3clm_1 li:nth-child(2) { background-image : url("../images/cast11.jpg");}
#cast_3clm_1 li:nth-child(3){ background-image : url("../images/cast12.jpg");}

#cast_3clm_2 li:first-child { margin-left: 0; background-image : url("../images/cast17.jpg");}
#cast_3clm_2 li:nth-child(2) { background-image : url("../images/cast15.jpg");}

#cast_3clm_3 li:first-child{ margin-left: 0;  background-image : url("../images/cast13.jpg");}

#cast_3clm_3 li:nth-child(2) {background-image : url("../images/cast14.jpg");}
#cast_3clm_3 li:nth-child(3) { background-image : url("../images/cast16.jpg");}


.ml22 {margin-left:22px; }
.mt10 { margin-top:10px;}
.mt30 { margin-top:30px;}
.pt35 { padding-top:35px;}
.mb50 { margin-bottom:50px; }
.mt60 { margin-top:60px;}

ul.trailer {margin: 0 auto; width: 980px;}
.trailer li {display: inline-block; margin-left:15px; width:215px; margin-bottom: 35px; text-align: center; font-size: 12px; color: #ffffff; background-repeat: no-repeat; background-position: center top;}
.trailer li img {margin-bottom: 10px;vertical-align: top; }
.trailer li:first-child,.trailer li:nth-child(5),.trailer li:nth-child(9) { margin-left:0;}
.trailer_date {color:#87bfbc; }
/*.trailer li:first-child { background-image : url("../images/nagasaki.jpg");}
.trailer li:nth-child(2) { background-image : url("../images/MAGI_dourado.jpg");}
.trailer li:nth-child(3) { background-image : url("../images/MAGI_miguel.jpg");}
.trailer li:nth-child(4) { background-image : url("../images/MAGI_martinho.jpg");}
.trailer li:nth-child(5) { background-image : url("../images/MAGI_juliao.jpg");}
.trailer li:nth-child(6) { background-image : url("../images/mancio.jpg");}
.trailer li:nth-child(7) { background-image : url("../images/thumbnail05.jpg");}
.trailer li:nth-child(8) { background-image : url("../images/thumbnail02.jpg");}*/
.trailer li.trailer_30s { background-image : url("../images/trailer_30s.jpg");}
.trailer li.trailer_15s { background-image : url("../images/trailer_15s.jpg");}



#news21_thumb { background-image : url("../images/thumbnail05.jpg");}
#news31_thumb {background-image : url("../images/BoxartB.jpg");}
#news411_thumb {background-image : url("../images/event01.jpg");}
#news412_thumb {background-image : url("../images/event02.jpg");}
#news51_thumb { background-image : url("../images/mancio.jpg");}
#news52_thumb { background-image : url("../images/MAGI_juliao.jpg");}
#news53_thumb { background-image : url("../images/MAGI_martinho.jpg");}
#news54_thumb { background-image : url("../images/MAGI_miguel.jpg");}
#news55_thumb { background-image : url("../images/MAGI_dourado.jpg");}
#news61_thumb { background-image : url("../images/magi_pdf.jpg");}
#news71_thumb { background-image : url("../images/nagasaki.jpg");}
#news72_thumb { background-image : url("../images/lumierejapan2019.jpg");}
#news73_thumb { background-image : url("../images/yumeyume.jpg");}
#news74_thumb { background-image : url("../images/news_magi2025.jpg");}

.staff dl {
  width:100%;
    font-size: 15px;
    padding: 0; margin: 0;
}
.staff dt {display: block;clear: left;  float:left;color:#ffffff;font-family: "Sawarabi Mincho"; text-align: right; width:45%; line-height: 30px; vertical-align: top; /*padding-top: 5px;*/ margin: 0;}
.staff dd { display: block;float:left; color:#ffffff;font-family: "Sawarabi Mincho"; text-align: left;width:50%; margin-bottom: 30px; line-height: 30px; vertical-align: top; }
.gold {color:#af9c50;}


#footer p {color:#ffffff; text-align: center; font-size: 16px;font-family: "Sawarabi Mincho";}
ul.footer { width: 140px; margin: 0 auto;}
ul.footer li { margin-left:10px; display: inline; }
ul.footer li:first-child { margin-left:0; }

.amazon {color:#ffffff; text-align: center; font-size: 12px;font-family: "Sawarabi Mincho";}

.stream { display: inline-block; }
.stream_btn:hover { opacity: 0.7; display:inline-block; }
.stream_btn img { width:180px; height:50px; margin: 0 10px; padding: 0 10px; background:#fff; border: solid 2px #fff; border-radius: 10px; box-shadow: 3px 3px 3px rgba(0,0,0,0.7); display:inline-block; }
.stream_info .stream_btn img { margin: 30px 10px; }

.news_stream .stream_btn img { width:100px; height:40px; margin: 0 10px; margin-bottom:30px; padding: 0 10px; background:#fff; border: solid 2px #fff; border-radius: 6px; box-shadow: 3px 3px 3px rgba(0,0,0,0.7); display:inline-block; }
    
@media screen and (max-width:2000px) { 
/*    .wrapper { width:100%; margin:0; background-image: none;}*/
}
@media screen and (max-width:1000px) { 
    .pc { display: none !important; }
    .sp { display: block !important; }
    .w80 { width:80%;}
    
    
    .wrapper { width:100%;background-image: none;position: static; height:auto; }
       .contents { width:94%; margin: 0 auto; text-align: left;  }
    .logo { margin-top:23px; margin-bottom: 15px; width:30%; margin-left: 35%; } 
    .top_bg  {background-image: url("../images/top_sp.jpg"); background-position: top center; background-size: cover; background-repeat: no-repeat;}
    .top_bg img { width:100%;}
       


    
.top_magi {  width:100%; position: absolute; top:0; opacity: 0; -webkit-animation: example 2s ease 1s 1 forwards; animation: fadeIn 2s ease 1s 1 forwards;background-image : url("../images/top_logo_sp.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_sannnin { width:100%;  position: absolute; top:0;opacity: 0; -webkit-animation: example 2s ease 1.5s 1 forwards; animation: fadeIn 2s ease 1.5s 1 forwards;background-image : url("../images/top_sannninn_sp.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_ikinuku { width:100%;  position: absolute; top:0;  opacity: 0; -webkit-animation: example 2s ease 2s 1 forwards; animation: fadeIn 2s ease 2s 1 forwards;background-image : url("../images/top_ikinuku_sp.png"); background-repeat: no-repeat; background-position: center top; background-size:cover;}
.top_date {  width:100%; position: absolute; top:0; opacity: 0; -webkit-animation: example 2s ease 2.5s 1 forwards; animation: fadeIn 2s ease 2.5s 1 forwards;background-image : url("../images/top_date_sp.png"); background-repeat: no-repeat; background-position: center top; background-size:cover; }
.top_text { width:100%; position: absolute; top:0; margin-top:135%; opacity: 0; -webkit-animation: example 2s ease 2.5s 1 forwards; animation: fadeIn 2s ease 2.5s 1 forwards; font-family:"Sawarabi Mincho"; }
.top_award { width:100%;  position: absolute; top:0;opacity: 0; -webkit-animation: example 2s ease 1.5s 1 forwards; animation: fadeIn 2s ease 1.5s 1 forwards;background-image : url("../images/top_award_sp.png"); background-repeat: no-repeat; background-position: center top; background-size:cover; }
.top_text .cast01 { font-size:220%; }
.top_text .cast02 { font-size:150%; }
.top_text .cast03 { font-size:180%; }
.top_text .text01 { font-size:95%; }
.top_text .staff01 { font-size:95%; }
.top_text .staff02 { font-size:145%; }
.top_text .staff03 { font-size:70%; }
.top_base img,.top_magi img,.top_sannnin img,.top_ikinuku img,.top_date img,.top_text img  { width:100%;}
.apbtn {z-index: 100; width:100%; position: absolute; top:0; opacity: 0; -webkit-animation: example 2s ease 3s 1 forwards; animation: fadeIn 2s ease 2.5s 1 forwards;}
.apbtn img  { width:100%;}
	
.stream{ width:100%; position: absolute; top:0; left:0; margin:0 auto; margin-top:115%; opacity: 0; -webkit-animation: example 2s ease 2.5s 1 forwards; animation: fadeIn 2s ease 2.5s 1 forwards; }
.stream_btn:hover { opacity:1.0; }
.stream_btn img { margin: 0 20px; padding: 10px 20px; box-shadow: 8px 8px 8px rgba(0,0,0,0.7); }
.stream_info { position: relative; margin: 10px 0; }
.stream_info .stream_btn img { margin: 30px 10px; }
	
.news_stream .stream_btn img { width:180px; height:70px; }
    
.menu {  right:-100%; margin-top:0; top: 0px; z-index:150; position: fixed; width:100%;background-color: #d9d5c5;display: block; height: 100%; text-align: left; }
.menu li { width:84%; margin-left: 8%; border-bottom: 1px solid #ffffff; font-family: "Cinzel"; font-size: 3.0rem; letter-spacing: 2.5px; color: #3f342e; font-weight: normal;  text-align: center; line-height: 3em; margin-right: 0;}
.menu li a {color: #3f342e; text-decoration: none; }
.menu li:first-child { margin-top:120px; border-top: 1px solid #ffffff;}
#TOP ul.menu  {position: fixed; top:0px; right:-100%; margin-right: 0px; z-index: 150;} 
    
    

    	
#menu_trigger_wrapper {  position: fixed;
	top:40px; right:40px;
    width: 50px;
    height: 44px;
	
	display: block;
/*	border: 2px solid #d2aa46;*/
	z-index: 200;
    cursor: pointer;
	
	}
#menu_trigger,
#menu_trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
	
}
	
#menu_trigger {
    position: relative;
    width: 50px;
    height: 44px;
	margin-top: 0px;

}
#menu_trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #d2aa46;
    border-radius: 4px;
    

}
#menu_trigger span:nth-of-type(1) {
    top: 0;
}
#menu_trigger span:nth-of-type(2) {
    top: 20px;
}
#menu_trigger span:nth-of-type(3) {
    bottom: 0;
}
#menu_trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
}
#menu_trigger.active span:nth-of-type(2) {
    opacity: 0;
}
#menu_trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
}
    
    
    

	
    
    
    ul.trailer {margin: 0 auto; width: 100%;}
.trailer li {display: block; width:94%; margin-left:3%; margin-bottom:80px; text-align: center; font-size: 1.2rem; color: #ffffff; background-size: contain; }
.trailer li img {margin-bottom: 10px;vertical-align: top; width: 100%; text-align: center;}
.trailer li:first-child { margin-left:3%;}
    
    .intro_unit { color:#ffffff;font-family: "Sawarabi Mincho"; font-size: 1.7rem;line-height: 1.5em; margin-bottom: 60px;}
.intro_subtitle01 { font-size:2.5rem;line-height: 25px; margin-bottom: 10px;}
.intro_title01 { font-size:50px;  font-family: "Cinzel";line-height: 1.5em; }
.intro_subtitle02 { font-size:20px; ;line-height: 1.5em;  }
.intro_subtitle03 { color:#e7ca65;font-size:2.8rem;}
.intro_title02 {  font-size:3.0rem; margin-left: 0; text-align: left; font-family: "Sawarabi Mincho"; margin-bottom: 60px;}
.intro_photo { float: right; margin-left: 30px; margin-top: 60px; display: none;}
    .intro_photo_sp { width:100%; margin-top: 30px; margin-bottom:30px; display: block;}
    
    .recentposts { width:94%;  margin-left: 3%;}
.newscontents { width:100%; margin-top: 60px; clear: none;  }
.recentpost_title {color:#ffffff; font-family: "Cinzel"; font-size: 1.4rem; font-weight: bold; margin-bottom: 20px; }
.recentposts_unit { margin-bottom: 15px; margin-right: 60px;}
.recentposts_unit .news_date {color:#87bfbc;font-size: 1.2rem;}
.recentposts_unit .news_title {font-size: 1.4rem; color:#ffffff;}
.newscontents_unit {margin-bottom: 30px; border-bottom: 1px solid #878272; padding-bottom: 5px;}
.newscontents_unit .news_date {color:#87bfbc;font-size: 1.2rem; margin-bottom: 5px;}
.newscontents_unit .news_title {font-size: 2.4rem; color:#87bfbc;margin-bottom: 5px;}
.newscontents_unit .news_contents {font-size: 1.6rem; color:#ffffff;width:100%; margin-bottom: 30px; }
.newscontents_unit .news_contents .news_thumb { text-align: center;  font-size: 1.4rem;margin-left:15px; width:215px; margin-bottom: 30px; color: #ffffff; background-repeat: no-repeat; background-position: center top;text-decoration:none;}
  .newscontents_unit .news_contents .news_thumb2 { text-align: center;  font-size: 1.4rem;margin-left:15px; width:452px; margin-bottom: 30px; color: #ffffff; background-repeat: no-repeat; background-position: center top;text-decoration:none;}  
    


    
    
    
    ul.cast { margin: 0 auto; width: 100%;}
    
    .cast li {display: block; width:100%; height:auto; text-align: left;  background-repeat: no-repeat; background-position: left top;  color:#ffffff;font-family: "Sawarabi Mincho"; clear: both;font-size:1.4rem; background-size: contain;margin-bottom: 70px; }
    .cast li img {margin-bottom: 0px;vertical-align: top; width: 100%; }
    .cast p { width:86%; margin-left: 7%; margin-top: 15px;}
    .cast div:first-child { float:left; width:40%; margin-bottom: 70px; }
     .cast div:nth-child(2) { float:left; width:56%;  }
    .cast div:nth-child(2) img {margin-bottom: 30px; }
    .cast div:nth-child(2) p { font-size:1.4rem;}
    .cast div img {background-position: left top; background-size: contain; background-repeat: no-repeat;  }
    
    .cast li:first-child { background-image : url("../images/cast01_sp.jpg");}
    .cast li:nth-child(2) { background-image : url("../images/cast02_sp.jpg");}
    .cast li:nth-child(3) { background-image : url("../images/cast03_sp.jpg");}
    .cast li:nth-child(4) { background-image : url("../images/cast04_sp.jpg");}
    .cast li:nth-child(5) { background-image : url("../images/cast06_sp.jpg");}
    .cast li:nth-child(6) { background-image : url("../images/cast05_sp.jpg");}
    .cast li:nth-child(7) { background-image : url("../images/cast08_sp.jpg");}
    .cast li:nth-child(8) { background-image : url("../images/cast07_sp.jpg");}
    .cast li:nth-child(9) { background-image : url("../images/cast09_sp.jpg");}
    .cast li:nth-child(10) img { background-image : url("../images/cast10_sp.jpg"); }
    .cast li:nth-child(11) img { background-image : url("../images/cast11_sp.jpg");}
    .cast li:nth-child(12) img { background-image : url("../images/cast12_sp.jpg"); }
    .cast li:nth-child(13) img { background-image : url("../images/cast17_sp.jpg");}
    .cast li:nth-child(14) img { background-image : url("../images/cast13_sp.jpg");}
    .cast li:nth-child(15) img { background-image : url("../images/cast14_sp.jpg");}
    .cast li:nth-child(16) img { background-image : url("../images/cast15_sp.jpg");}
    .cast li:nth-child(17) img { background-image : url("../images/cast16_sp.jpg");}
    
    .ml6 { margin-left:6%; }
.ml22 {margin-left:22px; }
    
    .staff dl { width:100%; }
.staff dt {clear: both;  float:left;color:#ffffff;font-family: "Sawarabi Mincho"; text-align: right; white-space: nowrap;  width:35%; padding-top: 5px; font-size: 2.0rem;line-height: 1.8em; }
.staff dd { float:left; color:#ffffff;font-family: "Sawarabi Mincho"; text-align: left;width:60%;  margin-left: 5%;margin-bottom: 30px; line-height: 1.8em; vertical-align: top;font-size: 2.0rem;}
    .kaigyo { }
    #footer p {color:#ffffff; text-align: center; font-size: 1.2rem;font-family: "Sawarabi Mincho";}
    .w100 { width:100%;}
}/*media*/



.effect_fadein{
    animation-name: fadeIn;
    animation-duration: 3s;
}
.effect_fadeinup {
    animation-name: fadeInup;
    animation-duration: 2s;
}
.effect_slideIn {
    animation-name: slideIn;
    animation-duration: 1s;
}
.effect_slideOut {
    animation-name: slideOut;
    animation-duration: 1s;
}  

@-webkit-keyframes zoom {
  50% {
    -webkit-transform: scale(1.1);
  }
}
@keyframes zoom {
  50% {
    transform: scale(1.1);
  }
}


@keyframes slideIn {  
    from {
        transform:translateX(100%);
    }
    to {
        transform:translateX(0);
        
    }
}
@keyframes slideOut {
    from {
        transform:translateX(0);
    }
    to {
       
         transform:translateX(100%);
        
    }
}

@keyframes fadeInup {
    from {
        opacity:0;
        transform:translateY(50px);
    }
    to {
        opacity:1;
        
    }
}


@keyframes fadeIn {
    from {
        opacity:0;
    }
    to {
        opacity:1;
        
    }
}