/*
	common.css
*/

/* ==========================================================
	PC表示 @media screen and (min-width: 670px)
========================================================== */


/* 大枠
============================================= */

@media screen and (min-width: 641px){

body {font-size: 16px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; background-color:#171717;}
#wrapper{width:100%;position:relative;}

header{width:100%;background: url(../images/index/navi_back_out.png) repeat-x;background-position:center 0;height:86px;margin:0 auto;padding:0 0 7px 0;}
div.headerIn{width:1250px;background: url(../images/index/navi_back.jpg) no-repeat;background-position:center 0;height:93px;margin:0 auto;padding:10px;}

div.headerIn nav{width:1024px;margin:0 auto;overflow:hidden;}

div.headerIn nav ul.naviG{margin:0 auto;overflow:hidden;float:left;}
div.headerIn nav ul.naviG li{float:left;}
div.headerIn nav ul.naviG li a span{display:none;}
div.headerIn nav ul.naviG li:nth-child(1){display:none;}
div.headerIn nav ul.naviG li.topicsLi{display:block !important;margin-right:-350px;}

div.newsNavi {
    width: 100%;
    background: url(../images/index/news_navi_back.png) center -30px;
    position: absolute;
    top: 133px;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    background-color: #171717;
    z-index: 1000;
    display: none;
}

div.newsNavi ul{width:auto;padding:50px 325px 30px;}
div.newsNavi ul li{width:auto;padding:0 0 15px 0;overflow:hidden;}
div.newsNavi ul li {font-size:0.935em;color:#FFF;}



div.newsNavi ul li a{font-size:0.935em;color:#FFF;text-decoration:underline;}
div.newsNavi ul li a:hover{text-decoration:none;}
div.newsNavi ul li time{color:#ffdf17;font-size:0.825em;margin-right:10px;color:#ffdf17;}
div.newsNavi .newsNaviClose{width:40px;margin:0 auto 30px;cursor:pointer;}


div.newsticker {
    width: 100%;
    height: 52px !important;
    background: url(../images/index/newsticker_back.png) no-repeat 0 -6px ;
    position: absolute;
    z-index: 1000;
    top: 133px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #000;
}
div.newsticker ul {
    width: 1024px;
    overflow: hidden;
    padding: 0 10px 45px;
    position: relative;
    margin: 0 auto;
    left: 0px;
    right: 0px;
}
div.newsticker ul li{width:90%;margin:15px 5%;font-size:0.935em;white-space:nowrap;color:#ffdf17;position:relative;cursor:pointer;float:left;margin-right:20px;display:block;height:50px;display:none;overflow:hidden;}
div.newsticker ul li a{color:#ffdf17;text-decoration:underline;}
div.newsticker ul li a:hover{color:#ffdf17;text-decoration:none;}
div.newsticker ul lia:visited{color:#ffdf17;}


div.headerIn nav ul.sns li:nth-child(4),div.headerIn nav ul.sns li:nth-child(5),div.headerIn nav ul.sns li:nth-child(6){display:none;}

div.headerIn nav ul.sns{float:right;margin-top:15px;}
div.headerIn nav ul.sns li{float:left;display:block;margin-right:10px;}
div.headerIn nav ul.sns li:nth-child(1){margin-top:5px;}
div.headerIn nav ul.sns li:nth-last-child{margin-right:0px;}
div.mainAreaOut {
    width: 100%;
    height: 950px;
}

div.mainLeft {
     width: 50%;
    height: 950px;
    float: left;
    background: url(../images/index/back_left.jpg) repeat-x;
    background-position: 21% 50px;
}
div.mainRight {
    width: 50%;
    height: 950px;
    float: left;
    background: url(../images/index/back_right.jpg) repeat-x;
    background-position: -682px 50px;
}

div.mainVisual {
    width: 700px;
    margin: 0 auto;
    position: absolute;
    top: 183px;
    left: 0px;
    right: 0px;
}

div.mainContent{width:100%;text-align:left;}

div.mainContent div.main{width:1024px;margin:0 auto;padding:65px 0 0 0;overflow:hidden;}

.movie{width:595px;float:left;margin-bottom:50px;}
.movie h2 {width: 216px; margin: 0 auto 0px;}


.movieMain {
    width: 595px;
    height: 335px;
    position: relative;
    margin-bottom:30px;
}
.movieMain iframe{position: absolute;top: 0;right: 0;width: 100% !important;height: 100% !important;}

.youtubeBtn{width:76%;margin:0 12%;}
.youtubeBtn img{width:100%;}

.twitter{width:370px;float:right;margin-bottom:50px;}
.twitter h2{width:283px;margin:0 auto;}

.twitter a twitter-timeline{height:410px;width:283px;}


.topics{width:1164px;margin:0 auto;}
.topics h2{width:241px;margin:0 auto 0px;}
.topics h2.news{font-style:oblique;font-size:3.5em;font-weight:700;color:#FFF;text-align:center;margin:0 auto 30px auto;padding:30px 0 0 0;}
.topics h2.newsTop{font-style:oblique;font-size:2em;font-weight:700;color:#FFF;text-align:center;margin:0 auto 30px auto;padding:30px 0 0 0;}

.topics article{width:100%;position:relative;margin-bottom:30px;}
.topics article div.column {
    margin-left: 64px;
    background-color: #000;
    padding: 132px 50px 50px;
}

.topics article div.column1 {
    margin-left: 64px;
    background-color: #000;
    padding: 132px 50px 50px;
}

.topics article h3{ width: 85%;
    background: url(../images/index/topics_back.png) no-repeat;
    background-position: 0 20px;
    position: absolute;
    left: 0px;
    height: 80px;
    padding: 50px 45px 0px 114px;
    font-size: 1.375em;
    color: #ffdf17;
    font-weight: bold;}
    
    
 
.topics article h3.sp {
    width: 85%;
    background: url(../images/index/topics_back.png) no-repeat;
    background-position: 0 20px;
    left: 0px;
    height: 80px;
    padding: 50px 45px 0px 114px;
    font-size: 2.25em;
    color: #ffdf17;
    font-weight: bold;
}

    
.topics article.newsList h3{ width: 85%;
    background: none;
    background-position: 0 20px;
    font-size: 1em;
    color: #ffdf17;
    font-weight: bold;}
   
article.newsList h3 a{ 
background-image:none !important;
    font-size: 1.125em;
    color: #ffdf17;
    font-weight: bold;text-decoration:underline;
    }
    
article.newsList h3 a:hover{ 
    font-size: 1.375em;
    font-size: 1.125em;
    font-weight: bold;
    text-decoration:none;
    }
    
    
    
    
.topics article h3 span{font-size:0.625em;display:block;}

.topics article h4 {font-size:1.25em;display:block;font-weight:bold;}
.topics article h4.pt2{font-size:1.25em;display:block;font-weight:bold;margin:10px 0;background: url(../images/index/newsindent.png) no-repeat;background-position:left 0;background-size:5.5%;padding:5px 0 5px  55px;}


.topics article h4.pt3 {
    font-size: 1.25em;
    display: block;
    font-weight: bold;
    margin: 10px 0;
    background: url(../images/index/newsindent.png) no-repeat;
    background-position: left 4px;
    background-size: 9%;
    padding: 5px 0 5px 55px;
}


.topics article div.column dl{width:100%;overflow:hidden;}
.topics article div.column dl dt{width: 37%;float: left;margin-right: 3%;}
.topics article div.column dl dt img{width:100%;}
.topics article div.column dl dd{width:60%;float:left;color:#FFF;}


.topics article div.column1 dl{width:100%;clear:both;}
.topics article div.column1 dl dt{width:75%;margin:20px 12.5%;}
.topics article div.column1 dl dt img{width:100%;}
.topics article div.column1 dl dd{width:100%;color:#FFF;margin-top:20px}
.topics article div.column1 dl dd strong.indent{margin-top:15px;display:block;font-weight:700;font-size:1.125em;}
.topics article div.column1 dl dd  a{color:#FFF;}

.topics article div.column1 div.columnStd {width:100%;margin:20px 0%;color:#FFF;clear:both;line-height:1.6em;}
.topics article div.column1 div.columnStd strong.indent{margin-top:20px;display:block;font-weight:700;font-size:1.125em;}
.topics article div.column1 div.columnStd a{color:#FFF;}

.topics article div.column1 div.columnStd p.img{width:auto;margin-bottom:20px;display:block;}
.topics article div.column1 div.columnStd p.img img{width:100%;}
.topics article div.columnStd p.img75{width:75%;display:block;margin:0 auto 20px auto;}
.topics article div.columnStd p.img75 img{width:100%;}
.topics article div.columnStd p.img64{width:64%;display:block;margin:0 auto 20px auto;}
.topics article div.columnStd p.img64 img{width:100%;}
.topics article div.columnStd p.img48{width:48%;display:block;margin:0 auto 20px auto;}
.topics article div.columnStd p.img48 img{width:100%;}


.topics article div.columnSp p.img75{width:75%;display:block;margin:0 auto 20px auto;}
.topics article div.columnSp p.img75 img{width:100%;}
.topics article div.columnSp p.img64{width:64%;display:block;margin:0 auto 20px auto;}
.topics article div.columnSp p.img64 img{width:100%;}
.topics article div.columnSp p.img48{width:48%;display:block;margin:0 auto 20px auto;}
.topics article div.columnSp p.img48 img{width:100%;}

.topics article ul.topNewsList{margin-left: 64px;
    background-color: #000;
    padding: 30px 50px 50px;}
    
.topics article ul.topNewsList li a{color:#FFF;padding:10px 0;display:block;font-size:1em;}    
.topics article ul.topNewsList li a:hover{color:#FFF;padding:10px 0;text-decoration:none;} 
.topics article ul.topNewsList li:nth-last-child(1) a{color:#FFF;padding:10px 0 0px;display:block;}  

.mainArea h1{position:absolute;top:110px;margin:0 auto;right:0px;left:0px;width:475px;}
.mainArea h1 img{width:100%;}
div.mainAboutOut{width:100%;height:148px;background: url(../images/index/about_title_visual.jpg) no-repeat;background-position:center 0;}
div.mainCharacterOut{width:100%;height:148px;background: url(../images/index/character_title_visual.jpg) no-repeat;background-position:center 0;}

.character{width:1250px;margin:0 auto;}
.character h2{width:407px;padding:112px 0 0px 0; margin:0 auto 30px ;}

.character article.tigerMask{background: url(../images/index/chara_tigermask.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:130px;position:relative;}
.character article.tigerTheDark{background: url(../images/index/chara_tigerthedark.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.haruna{background: url(../images/index/chara_haruna.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.tanahashi{background: url(../images/index/chara_tanahashi.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.okadakazuchika{background: url(../images/index/chara_okadakazuchika.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.yamashina{background: url(../images/index/chara_yamashina.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.fujii{background: url(../images/index/chara_fujii.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.takaoka{background: url(../images/index/chara_takaoka.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}

.character article.hikari{background: url(../images/index/chara_hikari.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.wakamatsu{background: url(../images/index/chara_wakamatsu.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.nagata{background: url(../images/index/chara_nagata.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}

.character article.misterx{background: url(../images/index/chara_misterx.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.missx{background: url(../images/index/chara_missx.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.yellowdevil{background: url(../images/index/chara_yellowdevil.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}

.character article.kevin{background: url(../images/index/chara_kevin.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.mike{background: url(../images/index/chara_mike.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.odin{background: url(../images/index/chara_odin.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}
.character article.makabe{background: url(../images/index/chara_makabe.png) no-repeat;background-position:center 15px;height:580px;width:100%;margin-bottom:200px;position:relative;}


.character article div{padding:340px 330px 0 460px;font-size:1.0625em;font-weight:bold;}

.character article.tigerMask p.charaMain{position:absolute;left:-50px;cursor:pointer;}


.character article.tigerTheDark p.charaMain,.character article.tigerMask p.charaMain2,.character article.tigerTheDark p.charaMain2{position:absolute;left:165px;cursor:pointer;}
.character article.tigerMask p.charaFace,.character article.tigerTheDark p.charaFace,.character article.tigerMask p.charaFace2,.character article.tigerTheDark p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.tigerMask p.charaMain2,.character article.tigerTheDark p.charaMain2,.character article.tigerMask p.charaFace2,.character article.tigerTheDark p.charaFace2{display:none;}

.character article.tanahashi p.charaMain,.character article.haruna p.charaMain,.character article.tanahashi p.charaMain2,.character article.haruna p.charaMain2{position:absolute;left:165px;cursor:pointer;}
.character article.tanahashi p.charaFace,.character article.haruna p.charaFace,.character article.tanahashi p.charaFace2,.character article.haruna p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.tanahashi p.charaMain2,.character article.haruna p.charaMain2,.character article.tanahashi p.charaFace2,.character article.haruna p.charaFace2{display:none;}


.character article.okadakazuchika p.charaMain,.character article.okadakazuchika p.charaMain2{position:absolute;left:165px;cursor:pointer;}
.character article.okadakazuchika p.charaFace,.character article.okadakazuchika p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.okadakazuchika p.charaMain2,.character articleokadakazuchika p.charaFace2{display:none;}


.character article.yamashina p.charaMain,.character article.yamashina p.charaMain2{position:absolute;left:165px;cursor:pointer;}
.character article.yamashina p.charaFace,.character article.yamashina p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.yamashina p.charaMain2,.character articleyamashina p.charaFace2{display:none;}


.character article.fujii p.charaMain,.character article.fujii p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.fujii p.charaFace,.character article.fujii p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.fujii p.charaMain2,.character articlefujii p.charaFace2{display:none;}


.character article.takaoka p.charaMain,.character article.takaoka p.charaMain2{position:absolute;left:165px;cursor:pointer;}
.character article.takaoka p.charaFace,.character article.takaoka p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.takaoka p.charaMain2,.character articletakaoka p.charaFace2{display:none;}

.character article.hikari p.charaMain,.character article.hikari p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.hikari p.charaFace,.character article.hikari p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.hikari p.charaMain2,.character articlehikari p.charaFace2{display:none;}


.character article.wakamatsu p.charaMain,.character article.wakamatsu p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.wakamatsu p.charaFace,.character article.wakamatsu p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.wakamatsu p.charaMain2,.character articlewakamatsu p.charaFace2{display:none;}

.character article.nagata p.charaMain,.character article.nagata p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.nagata p.charaFace,.character article.nagata p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.nagata p.charaMain2,.character articlenagata p.charaFace2{display:none;}

.character article.misterx p.charaMain,.character article.misterx p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.misterx p.charaFace,.character article.misterx p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.misterx p.charaMain2,.character articlemisterx p.charaFace2{display:none;}

.character article.missx p.charaMain,.character article.missx p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.missx p.charaFace,.character article.missx p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.missx p.charaMain2,.character articlemissx p.charaFace2{display:none;}

.character article.yellowdevil p.charaMain,.character article.yellowdevil p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.yellowdevil p.charaFace,.character article.yellowdevil p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.yellowdevil p.charaMain2,.character articleyellowdevil p.charaFace2{display:none;}


.character article.kevin p.charaMain,.character article.kevin p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.kevin p.charaFace,.character article.kevin p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.kevin p.charaMain2,.character articlekevin p.charaFace2{display:none;}


.character article.mike p.charaMain,.character article.mike p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.mike p.charaFace,.character article.mike p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.mike p.charaMain2,.character articlemike p.charaFace2{display:none;}


.character article.odin p.charaMain,.character article.odin p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.odin p.charaFace,.character article.odin p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.odin p.charaMain2,.character articleodin p.charaFace2{display:none;}

.character article.makabe p.charaMain,.character article.makabe p.charaMain2{position:absolute;left:55px;cursor:pointer;}
.character article.makabe p.charaFace,.character article.makabe p.charaFace2{position:absolute;right:115px;top:100px;cursor:pointer;}
.character article.makabe p.charaMain2,.character article.makabe p.charaFace2{display:none;}

.introduction article p{font-size:1.25em;line-height:1.8em;color:#FFF;text-align:center;}
.introduction article p.subIndent{font-size:1.125em;line-height:1.8em;color:#FFF;text-align:center;}
.introduction article p.about1{width:474px;margin:50px auto;position:relative;height:323px;}
.introduction article p.about2{width:1024px;margin:0 auto;}
.introduction article p.about1 img,.character article p.about2 img{width:100%;}

.introduction article p.about1 img:nth-child(1){opacity:1.0;position:absolute;left:0px;right:0px;}
.introduction article p.about1 img:nth-child(2){opacity:1.0;position:absolute;left:0px;right:0px;}

.introduction{width:1250px;margin:0 auto;text-align:center;}
.introduction h2{width:474px;padding:112px 0 50px 0;margin:0 auto;}
.introduction article h3{font-size:1.75em;color:#ffd717;margin:60px 0 30px ;}
.introduction article h3.white{font-size:1.75em;color:#fff;margin:35px 0 0 0;}
.introduction article h3 span.hikari{color:#ffd717;font-weight:bold;}
.introduction article h3 span.yami{color:#a20039;font-weight:bold;}

.staff h2{width:423px;padding:60px 0 0 0; margin:0 auto;}
.staff dl{width:550px;margin:20px auto;overflow:hidden;color:#FFF;}
.staff dl dt,.staff dl dd{float:left;margin-bottom:20px;display:block;}
.staff dl dt {width:55%;clear:both;text-align:right;}
.staff dl dd {width:45%;}

.staff strong.indent{text-align:center;font-weight:bold;color:#FFF;display:block;}
/*
footer{width:100%;padding:64px 0 0 0;position:relative;}
footer p.pageTop{position:absolute;top:100px;left:0px;margin:0 auto;right:0px;width:267px;}



footer .footerIn{width:100%; background: url(../images/index/footer_line.png) repeat-x;background-color:#ffdc17;}

footer .footerIn  p.copy{font-size:0.835em;margin:100px 0 30px;display:block;text-align:center;padding:220px 0 0 0;}
footer .footerIn  p.toei60th{width:142px;margin:0 auto;padding:0 0 100px 0;}
footer .footerIn  p.toei60th img{width:100%;}


ul.footerbanner{width:247px;margin:30px auto 50px;overflow:hidden;position:absolute;top:200px;left:0px;right:0px;}
ul.footerbanner li{width:247px;margin-right:0px;display:block;float:left;}
ul.footerbanner li:nth-last-child(1){margin-right:0%;}

ul.footerbanner li img{width:100%;}
*/
.pcNone{display:none;}


span.charaChange{display:none;}
span.charaChange2{display:none;}


ul.snsColumn {float:right;overflow:hidden;padding:20px 0 30px 0;}
ul.snsColumn li{float:left;margin-right:10px;display:block;}
ul.snsColumn li:nth-child(1){margin-top:5px;}


.columnEven{width:100%;overflow:hidden;}
.columnEven div:nth-child(odd){width:47.5%;margin-right:5%;float:left;overflow:hidden;margin-bottom:30px;}
.columnEven div:nth-child(even){width:47.5%;margin-right:0%;float:left;overflow:hidden;margin-bottom:30px;}
.columnEven div p.coImg{width:30%;float:left;margin-right:5%;}
.columnEven div p.coTxt{width:65%;float:left;}
.columnEven div a:hover p{opacity:0.4;}





}

@media screen and (max-width: 640px){

body {font-size: 16px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; background-color:#171717;}
#wrapper{width:100%;position:relative;}
.toeiHeader{display:none;}


header{width:100%;background: url(../images/index/navi_back_out.png) repeat-x;background-position:center 0;margin:0 auto;}
div.headerIn{width:auto;background: url(../images/index/navi_back.jpg) no-repeat;background-position:center 0;margin:0 auto;padding:15px;}

div.headerIn nav{width:100%;margin:0 auto;overflow:hidden;}

p.menu,p.close{width:21%;margin:0px;}
p.menu img,p.close img{width:100%;}
p.close{display:none;}

div.headerIn nav ul.naviG {
  
    width: 100%;
    position: absolute;
    z-index: 3000;
    left: 0px;
    top: 88px;
    /* background: url(../images/index/content_back.jpg) no-repeat; */
    display: none;
	padding:15px 0;
	height:100%;
	background-color:rgba(0,0,0,0.8);
	height:960px;
	
}

div.headerIn nav ul.naviG li:nth-child(1) a img,div.headerIn nav ul.naviG li:nth-child(2) a img,div.headerIn nav ul.naviG li:nth-child(3) a img{display:none;}
div.headerIn nav ul.naviG li{font-weight:700;width:auto;padding:20px 30px;font-size:1.25em;font-style:oblique;}
div.headerIn nav ul.naviG li:nth-child(odd) {background-color:#FFF;}
div.headerIn nav ul.naviG li:nth-child(odd) a{background-color:#FFF;color:#000;text-decoration:none;}
div.headerIn nav ul.naviG li:nth-child(even) a{color:#FFF;text-decoration:none;}
div.headerIn nav ul.naviG li:nth-child(odd) a:hover{color:#000;text-decoration:underline;}
div.headerIn nav ul.naviG li:nth-child(even) a:hover{color:#FFF;text-decoration:underline;}

div.newsNavi {width:1250px;background:url(../images/index/news_navi_back.png) center -30px;position:absolute;top:133px;margin:0 auto;right:0px;left:0px;background-color:#171717;z-index:1000;display:none;}
div.newsNavi ul{width:auto;padding:50px 325px 30px;}
div.newsNavi ul li{width:auto;padding:0 0 15px 0;overflow:hidden;}
div.newsNavi ul li {font-size:0.935em;color:#FFF;}



div.newsNavi ul li a{font-size:0.935em;color:#FFF;text-decoration:underline;}
div.newsNavi ul li a:hover{text-decoration:none;}
div.newsNavi ul li time{color:#ffdf17;font-size:0.825em;margin-right:10px;color:#ffdf17;}
div.newsNavi .newsNaviClose{width:40px;margin:0 auto 30px;cursor:pointer;}


div.newsticker {
    width: 100%;
    height: 50px !important;
   /* background: url(../images/index/newsticker_back.png) no-repeat 120% -15px;*/
    position: absolute;
    z-index: 1000;
    top: 90px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #000;
    background-size: 35%;
}
div.newsticker ul{width:90%;overflow:hidden;padding:0 5% 45px;position:relative;}
div.newsticker ul li{display:none;width:90%;margin:15px 5%;font-size:0.935em;white-space:nowrap;color:#ffdf17;position:relative;cursor:pointer;float:left;margin-right:20px;display:block;height:50px;display:none;overflow:hidden;font-size:0.935em;}
div.newsticker ul li a{color:#ffdf17;text-decoration:underline;}
div.newsticker ul li a:hover{color:#ffdf17;text-decoration:none;}
div.headerIn nav ul.sns {position:absolute;top:25px;right:0px;}
div.headerIn nav ul.sns li:nth-child(1),div.headerIn nav ul.sns li:nth-child(2),div.headerIn nav ul.sns li:nth-child(3){display:none;}

div.headerIn nav ul.sns li:nth-child(4),div.headerIn nav ul.sns li:nth-child(5){width:40px;display:block;}
div.headerIn nav ul.sns li:nth-child(4) img,div.headerIn nav ul.sns li:nth-child(5) img{width:100%;}
div.headerIn nav ul.sns{float:right;}
div.headerIn nav ul.sns li{float:left;display:block;margin-right:10px;}

div.headerIn nav ul.sns li:nth-last-child{margin-right:0px;}
div.mainAreaOut{width:100%;}


div.mainVisual{width:100%;margin:0 auto;position:absolute;left:0px;right:0px;top:141px;}

div.mainContent {
    width: 100%;
    background: url(../images/index/content_back.jpg) repeat-x;text-align:left;
}

div.mainContent div.main{width:90%;margin:0 5%;padding:0px;}

.movie{width:100%;margin-bottom:50px;padding-top:171%;}
.movie h2 {width: 55.4%; margin: 0 22.3%;}


.movieMain {
    width: 100%;
    position: relative;
    margin-bottom: 100px;
    padding-top: 44%;
}
.movieMain iframe{    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    width: 100%;}

.youtubeBtn{width:100%;}
.youtubeBtn img{width:100%;}


.twitter{width:100%;float:right;margin-bottom:50px;}
.twitter h2{width:62.5%;margin:0 18.75%;}

.twitter a twitter-timeline{height:710px !important;width:auto;}


.topics{width:100%;margin:0 auto;}
.topics h2{width:45.5%;margin:0 auto 0px;}
.topics h2.news{font-style:oblique;font-size:2em;font-weight:700;color:#FFF;text-align:center;margin:0px auto 20px ;padding:20px 0 0 0;}
.topics h2.newsTop{font-style:oblique;font-size:1.25em;font-weight:700;color:#FFF;text-align:center;margin:0px auto 20px ;padding:20px 0 0 0;}

.topics article{width:100%;position:relative;margin-bottom:30px;}
.topics article div.column {
margin: 0 15px;background-color: #000;padding: 135px 25px 50px;
}
.topics article div.column1 {
margin: 0 15px;background-color: #000;padding: 135px 25px 50px;
}

.topics article h3{ 
    width: 85%;
    background: url(../images/index/topics_back.png) no-repeat;
    background-position: 0 15px;
    position: absolute;
    left: 0px;
    padding: 21px 5%  10px 10%;
    font-size: 1em;
    line-height: 1.25em;
    color: #ffdf17;
    font-weight: bold;
    background-size: 15%;
    }
    
.topics article h3.sp {
    width: 85%;
    background: url(../images/index/topics_back.png) no-repeat;
    background-position: 0 15px;
    position: absolute;
    left: 0px;
    padding: 21px 5% 10px 10%;
    font-size: 1.6em;
    line-height: 1.25em;
    color: #ffdf17;
    font-weight: bold;
    background-size: 15%;
}

    
    
.topics article h3 span{font-size:0.835em;display:block;}
.topics article h4{font-size:1.25em;display:block;font-weight:bold;margin-bottom:10px;}
.topics article h4.pt2{font-size:1.125em;display:block;font-weight:bold;margin:10px 0;background: url(../images/index/newsindent.png) no-repeat;background-position:left top;background-size:15%;padding:2% 0 2%  17%;}
.topics article div.column dl{width:100%;}
.topics article div.column dl dt{width: 100%;margin-bottom: 20px;}
.topics article div.column dl dt img{width:100%;}
div.column dl dd {width: 100%;color: #FFF;line-height: 1.5em;}
.topics article div.column1 dl{width:auto;clear:both;}
.topics article div.column1 dl dt{width: 100%;margin: 20px 0;}
.topics article div.column1 dl dt img{width:100%;}
div.column1 dl dd {width: 100%;color: #FFF;line-height: 1.5em;}
.topics article div.column1 dl dd strong.indent{margin-top:10px;display:block;font-weight:700;}

.topics article div.columnStd {width:100%;margin:20px 0;color:#FFF;clear:both;line-height:1.5em;}
.topics article div.columnStd strong.indent{margin-top:20px;display:block;font-weight:700;font-size:1.125em;color:#FFF;text-align:center;}
.topics article div.columnStd a{color:#FFF;}
.topics article div.columnStd p.img{width:auto;margin-bottom:20px;display:block;}
.topics article div.columnStd p.img img{width:100%;}
.topics article div.columnStd p.img75{width:100%;display:block;margin:0px auto 20px;}
.topics article div.columnStd p.img75 img{width:100%;}


.topics article div.columnSp {width:100%;margin:-70px 0;color:#FFF;clear:both;line-height:1.5em;}
.topics article div.columnSp strong.indent{margin-top:20px;display:block;font-weight:700;font-size:1.125em;color:#FFF;text-align:center;}
.topics article div.columnSp a{color:#FFF;}
.topics article div.columnSp p.img{width:auto;margin-bottom:20px;display:block;}
.topics article div.columnSp p.img img{width:100%;}
.topics article div.columnSp p.img75{width:100%;display:block;margin:0px auto 20px;}
.topics article div.columnSp p.img75 img{width:100%;}


.topics article ul.topNewsList{
    background-color: #000;
    padding: 30px 50px 50px;}
    
.topics article ul.topNewsList li a{color:#FFF;padding:10px 0;display:block;font-size:0.825em;}    
.topics article ul.topNewsList li a:hover{color:#FFF;padding:10px 0;text-decoration:none;} 
.topics article ul.topNewsList li:nth-last-child(1) a{color:#FFF;padding:10px 0 0px;display:block;}  

.mainArea h1 {
    position: absolute;
    top: 77px;
    margin: 0 auto;
    right: 0px;
    left: 0px;
    width: 79%;
}
.mainArea h1 img{width:100%;}
div.mainAboutOut {
    width: 100%;
    background: url(../images/index/about_title_visual.jpg) no-repeat;
    background-position: center 0;
    background-size: 184%;
    padding-top: 22%;
}

div.mainCharacterOut{

    width: 100%;
    background: url(../images/index/character_title_visual.jpg) no-repeat;
    background-position: center 0;
    background-size: 184%;
    padding-top: 22%;
}


.character{width:100%;margin:0 auto;padding-bottom:80%;}
.character h2 {
    width: 63.5%;
    padding: 52px 0 20px 0;
    margin: 0 auto;
}

.character article.tigerMask {
    width: 100%;
    margin-bottom: 130px;
    position: relative;
    z-index: 120;
}
.character article.tigerTheDark {
    width: 100%;
    position: relative;
    padding-top: 160%;
    padding-bottom: 93%;
    z-index: 110;
}


.character article.haruna {
    width: 100%;
    padding-bottom: 93%;
    position: relative;
    z-index: 90;
    padding-top: 110%;
}

.character article.okadakazuchika {
    width: 100%;
    position: relative;
    padding-top: 90%;
    padding-bottom: 93%;
    z-index: 60;
}

.character article.tanahashi {
    width: 100%;
    position: relative;
    padding-top: 70%;
    padding-bottom: 93%;
    z-index: 30;
}


.character article.yamashina {
width: 100%;
position: relative;
padding-top: 172%;
padding-bottom: 63%;
z-index: 24;
}

.character article.fujii {
width: 100%;
position: relative;
padding-top: 85%;
padding-bottom: 0%;
z-index: 25;
}

.character article.takaoka {
 width: 100%;
position: relative;
padding-top: 70%;
padding-bottom: 90%;
z-index: 25;
}


.character article.hikari {
width: 100%;
position: relative;
padding-top: 95%;
padding-bottom: 0%;
z-index: 25;
}


.character article.wakamatsu {
    width: 100%;
    position: relative;
    padding-top: 155%;
    padding-bottom: 0%;
    z-index: 24;
}

.character article.nagata {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 23;
}

.character article.misterx {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 22;
}

.character article.missx {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 21;
}

.character article.yellowdevil {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 20;
}


.character article.kevin {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 19;
}

.character article.mike {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 18;
}


.character article.odin {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 17;
}


.character article.makabe {
    width: 100%;
    position: relative;
    padding-top: 182%;
    padding-bottom: 0%;
    z-index: 16;
}


.character article div{font-size:1em;font-weight:bold;color:#FFF;}


span.charaChange{display:block;padding:0 0 15px 0;text-align:center;cursor:pointer;font-weight:normal;color:#ffd116;}
span.charaChange2{display:block;padding:0 0 15px 0;text-align:center;cursor:pointer;font-weight:normal;color:#ffd116;}

.character article.tigerMask p.charaMain{display:none;}
.character article.tigerTheDark p.charaMain,.character article.tigerMask p.charaMain2,.character article.tigerTheDark p.charaMain2{display:none;}
.character article.tigerMask p.charaFace,.character article.tigerTheDark p.charaFace,.character article.tigerMask p.charaFace2,.character article.tigerTheDark p.charaFace2{display:none;}
.character article.tigerMask p.charaMain2,.character article.tigerTheDark p.charaMain2,.character article.tigerMask p.charaFace2,.character article.tigerTheDark p.charaFace2{display:none;}


.character article.haruna p.charaMain,.character article.tanahashi p.charaMain,.character article.haruna p.charaMain2,.character article.tanahashi p.charaMain2{display:none;}
.character article.haruna p.charaFace,.character article.tanahashi p.charaFace,.character article.haruna p.charaFace2,.character article.tanahashi p.charaFace2{display:none;}
.character article.haruna p.charaMain2,.character article.tanahashi p.charaMain2,.character article.haruna p.charaFace2,.character article.tanahashi p.charaFace2{display:none;}

.character article.okadakazuchika p.charaMain,.character article.okadakazuchika p.charaMain2{display:none;}
.character article.okadakazuchika p.charaFace,.character article.okadakazuchika p.charaFace2{display:none;}
.character article.okadakazuchika p.charaMain2,.character article.okadakazuchika p.charaFace2{display:none;}


.character article.tigerTheDark p.charaMainSp,.character article.tigerMask p.charaMainSp,.character article.tigerTheDark p.charaMainSp2,.character article.tigerMask p.charaMainSp2{position:absolute;}
.character article.haruna p.charaMainSp,.character article.tanahashi p.charaMainSp,.character article.haruna p.charaMainSp2,.character article.tanahashi p.charaMainSp2{position:absolute;}
.character article.okadakazuchika p.charaMainSp,.character article.okadakazuchika p.charaMainSp2{position:absolute;}



.character article.yamashina p.charaMain,.character article.yamashina p.charaMain2{display:none;}
.character article.yamashina p.charaFace,.character article.yamashina p.charaFace2{display:none;}
.character article.yamashina p.charaMain2,.character article.yamashina p.charaFace2{display:none;}
.character article.yamashina p.charaMainSp,.character article.yamashina p.charaMainSp2{position:absolute;}



.character article.fujii p.charaMain,.character article.fujii p.charaMain2{display:none;}
.character article.fujii p.charaFace,.character article.fujii p.charaFace2{display:none;}
.character article.fujii p.charaMain2,.character article.fujii p.charaFace2{display:none;}
.character article.fujii p.charaMainSp,.character article.fujii p.charaMainSp2{position:absolute;}


.character article.takaoka p.charaMain,.character article.takaoka p.charaMain2{display:none;}
.character article.takaoka p.charaFace,.character article.takaoka p.charaFace2{display:none;}
.character article.takaoka p.charaMain2,.character article.takaoka p.charaFace2{display:none;}
.character article.takaoka p.charaMainSp,.character article.takaoka p.charaMainSp2{position:absolute;}


.character article.hikari p.charaMain,.character article.hikari p.charaMain2{display:none;}
.character article.hikari p.charaFace,.character article.hikari p.charaFace2{display:none;}
.character article.hikari p.charaMain2,.character article.hikari p.charaFace2{display:none;}
.character article.hikari p.charaMainSp,.character article.hikari p.charaMainSp2{position:absolute;}


.character article.wakamatsu p.charaMain,.character article.wakamatsu p.charaMain2{display:none;}
.character article.wakamatsu p.charaFace,.character article.wakamatsu p.charaFace2{display:none;}
.character article.wakamatsu p.charaMain2,.character article.wakamatsu p.charaFace2{display:none;}
.character article.wakamatsu p.charaMainSp,.character article.wakamatsu p.charaMainSp2{position:absolute;}



.character article.nagata p.charaMain,.character article.nagata p.charaMain2{display:none;}
.character article.nagata p.charaFace,.character article.nagata p.charaFace2{display:none;}
.character article.nagata p.charaMain2,.character article.nagata p.charaFace2{display:none;}
.character article.nagata p.charaMainSp,.character article.nagata p.charaMainSp2{position:absolute;}

.character article.misterx p.charaMain,.character article.misterx p.charaMain2{display:none;}
.character article.misterx p.charaFace,.character article.misterx p.charaFace2{display:none;}
.character article.misterx p.charaMain2,.character article.misterx p.charaFace2{display:none;}
.character article.misterx p.charaMainSp,.character article.misterx p.charaMainSp2{position:absolute;}


.character article.missx p.charaMain,.character article.missx p.charaMain2{display:none;}
.character article.missx p.charaFace,.character article.missx p.charaFace2{display:none;}
.character article.missx p.charaMain2,.character article.missx p.charaFace2{display:none;}
.character article.missx p.charaMainSp,.character article.missx p.charaMainSp2{position:absolute;}


.character article.yellowdevil p.charaMain,.character article.yellowdevil p.charaMain2{display:none;}
.character article.yellowdevil p.charaFace,.character article.yellowdevil p.charaFace2{display:none;}
.character article.yellowdevil p.charaMain2,.character article.yellowdevil p.charaFace2{display:none;}
.character article.yellowdevil p.charaMainSp,.character article.yellowdevil p.charaMainSp2{position:absolute;}


.character article.kevin p.charaMain,.character article.kevin p.charaMain2{display:none;}
.character article.kevin p.charaFace,.character article.kevin p.charaFace2{display:none;}
.character article.kevin p.charaMain2,.character article.kevin p.charaFace2{display:none;}
.character article.kevin p.charaMainSp,.character article.kevin p.charaMainSp2{position:absolute;}


.character article.mike p.charaMain,.character article.mike p.charaMain2{display:none;}
.character article.mike p.charaFace,.character article.mike p.charaFace2{display:none;}
.character article.mike p.charaMain2,.character article.mike p.charaFace2{display:none;}
.character article.mike p.charaMainSp,.character article.mike p.charaMainSp2{position:absolute;}



.character article.odin p.charaMain,.character article.odin p.charaMain2{display:none;}
.character article.odin p.charaFace,.character article.odin p.charaFace2{display:none;}
.character article.odin p.charaMain2,.character article.odin p.charaFace2{display:none;}
.character article.odin p.charaMainSp,.character article.odin p.charaMainSp2{position:absolute;}

.character article.makabe p.charaMain,.character article.makabe p.charaMain2{display:none;}
.character article.makabe p.charaFace,.character article.makabe p.charaFace2{display:none;}
.character article.makabe p.charaMain2,.character article.makabe p.charaFace2{display:none;}
.character article.makabe p.charaMainSp,.character article.makabe p.charaMainSp2{position:absolute;}

/*
.character article.tigerTheDark p.charaMainSp,.character article.tigerMask p.charaMainSp,.character article.tigerTheDark p.charaMainSp2,.character article.tigerMask p.charaMainSp2{display:block;}
*/
.tigerTheDark div.info {
    position: absolute;
    top: 100%;
    padding: 5% 5% 0;
    z-index:5000;
}
.tigerMask div.info {
    position: absolute;
    top: 100%;
    padding: 103% 5% 0;
       z-index:5000; 
}


.haruna div.info {
    position: absolute;
    top: 100%;
    padding: 0 5% 0;
       z-index:5000; 
}

.tanahashi div.info {
    position: absolute;
    top: 100%;
    padding: 3% 5% 0;
        z-index:5000;
}

.okadakazuchika div.info {
    position: absolute;
    top: 100%;
    padding: 3% 5% 0;
        z-index:5000;
}

.fujii div.info {
    position: absolute;
    top: 100%;
    padding:  94% 5% 0;
    z-index: 5000;
}



.yamashina div.info {
position: absolute;
top: 100%;
padding: 34% 5% 0;
z-index: 5000;
}

.takaoka div.info {
position: absolute;
top: 100%;
padding: 0% 5% 0;
z-index: 5000;
}


.hikari div.info {
    position: absolute;
    top: 100%;
    padding:  94% 5% 0;
    z-index: 5000;
}


.nagata div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}

.wakamatsu div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.misterx div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.missx div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.yellowdevil div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}

.kevin div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.mike div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.odin div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.makabe div.info {
    position: absolute;
    top: 100%;
    padding:  104% 5% 0;
    z-index: 5000;
}


.nameSp{margin-bottom:20px;}


.introduction article p{font-size:1.25em;line-height:1.8em;color:#FFF;text-align:center;}
.introduction article p.subIndent {
    font-size: 1em;
    line-height: 1.8em;
    color: #FFF;
    text-align: center;
}

article p.about1 {
    width: 90%;
    margin: 35px auto 50px;
    position: relative;
  
}
.introduction article p.about2 {
    width: 100%;
    margin: 0 auto;
    padding-top: 0%;
}
.introduction article p.about1 img,.character article p.about2 img{width:100%;}

.introduction article p.about1 img:nth-child(1){opacity:1.0;position:absolute;left:0px;right:0px;}
.introduction article p.about1 img:nth-child(2){opacity:1.0;position:absolute;left:0px;right:0px;}

.introduction {
    width: 90%;
    margin: 0 auto;
    text-align: center;
    padding: 0 5%;
}

.introduction h2 {
    width: 74%;
    padding: 52px 0 20px 0;
    margin: 0 auto;
}
.introduction article h3 {
    font-size: 1.25em;
    color: #ffd717;
    margin: 35px 0 25px;
}
.introduction article h3.white {
    font-size: 1.25em;
    color: #fff;
    margin: 35px 0 60px 0;
    padding-top: 67%;
}
.introduction article h3 span.hikari{color:#ffd717;font-weight:bold;}
.introduction article h3 span.yami{color:#a20039;font-weight:bold;}

.staff h2{width:251px;padding:60px 0 0 0; margin:0 auto;}
.staff dl {
    width: 330px;
    margin: 20px auto;
    overflow: hidden;
    color: #FFF;
    font-size: 0.825em;
}
.staff dl dt,.staff dl dd{float:left;margin-bottom:20px;display:block;}
.staff dl dt {width:57%;clear:both;}
.staff dl dd {width:43%;white-space:nowrap;}

.staff strong.indent {
    text-align: center;
    font-weight: bold;
    color: #FFF;
    display: block;
}

/*
footer{    width: 100%;
    padding: 204px 0px 0 0;
    position: relative;}
footer p.pageTop{    position: absolute;
    top: 250px;
    left: 0px;
    margin: 0 auto;
    right: 0px;
    width: 267px;}



footer .footerIn{width:100%; background: url(../images/index/footer_line.png) repeat-x;background-color:#ffdc17;}

footer .footerIn  p.copy{font-size:0.785em;margin:100px 0 30px;display:block;text-align:center;padding:180px 0 0 0;}
footer .footerIn  p.toei60th{width:142px;margin:0 auto;padding:0 0 100px 0;}
footer .footerIn  p.toei60th img{width:100%;}


ul.footerbanner{    width: 50%;
    margin: 50px 25% 50px;
    position: absolute;
    top: 320px;
    left: 0px;
    right: 0px;}
ul.footerbanner li{width:100%;margin-right:0%;display:block;float:left;}
ul.footerbanner li:nth-last-child(1){margin-right:0%;}

ul.footerbanner li img{width:100%;}
*/

.pcNone{display:block;}
.spNone{display:none;}

ul.snsColumn {float:right;overflow:hidden;padding:0 0 30px 0;margin-top:10px;}
ul.snsColumn li{float:left;margin-right:10px;display:block;}
ul.snsColumn li:nth-child(1){margin-top:5px;}




.columnEven {
    width: 100%;

    margin-top: -80px;
}

.columnEven div{
    width: auto;
    overflow: hidden;
    margin-bottom:30px;

}
.columnEven div p.coImg{width:30%;float:left;margin-right:5%;}
.columnEven div p.coTxt{width:65%;float:left;}








}