@charset "UTF-8";
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

ins { background-color: #ff9; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, select { vertical-align: middle; }

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

br.sp{display:none;}

img { vertical-align: bottom; }

a { text-decoration: none; color: #00fee3; }
a:hover { text-decoration: underline; }

li { list-style: none; }

html { font-size: 62.5%; }

body { font-family: Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; color: #FFF; }

.spCont { display: none; }

body { background: url("../img/common/pc/bg_pattern.gif") black; }
body .bgParts { position: fixed; width: 1px; height: 10px; background: #9A00EE; bottom: 0; z-index: -1; }

#wrapper { min-width: 980px; margin: auto; overflow: hidden; position: relative; 
background: url(../img/common/pc/menu/base_line.gif) no-repeat 50% 2.5%;

}
#wrapper #contents {width: 940px;position: relative;margin: auto;top: -67px;}

#header {height: 115px; width: 1070px; position: relative; left: 50%; margin-left: -535px; z-index: 3000; top: 50px; }
#header h1 { position: absolute; left: 50%; margin-left: -137px; top: -50px; z-index: 102; }
#header h1 .goTop { width: 70px; position: absolute; top: 23px; right: 5px; }
#header ul { width: 980px; position: absolute; left: 45px; top: 30px; }
#header ul li { float: left; height: 32px; background-image: url("../img/common/pc/menu/menu.png"); }
#header ul li a { display: block; width: 100%; height: 100%; }
#header ul li.top { background-position: left top; width: 32px; margin-right: 32px; }
#header ul li.top:hover { background-position: left -32px; }
#header ul li.news { margin-left: 52px; background-position: left -64px; width: 45px; margin-right: 38px; }
#header ul li.news:hover { background-position: left -96px; }
#header ul li.about { background-position: left -128px; width: 55px; margin-right: 37px; }
#header ul li.about:hover { background-position: left -160px; }
#header ul li.character { background-position: left -192px; width: 91px; margin-right: 348px; }
#header ul li.character:hover { background-position: left -224px; }
#header ul li.episode { background-position: left -256px; width: 64px; margin-right: 25px; }
#header ul li.episode:hover { background-position: left -288px; }
#header ul li.movie { background-position: left -320px; width: 56px; margin-right: 28px; }
#header ul li.movie:hover { background-position: left -352px; }
#header ul li.product { background-position: left -384px; width: 73px; margin-right: 29px; }
#header ul li.product:hover { background-position: left -416px; }
#header ul li.special { background-position: left -448px; width: 63px; }
#header ul li.special:hover { background-position: left -480px; }

#bannerArea { width: 980px; margin: auto; margin-top: 70px; background: url("../img/common/banner/banner_bullet.gif") no-repeat left top; position: relative; height: 60px; }
#bannerArea ul { position: absolute; left: 50%; margin-left: -307px; }
#bannerArea ul li { float: left; width: 290px; height: 60px; margin-right: 35px; list-style: none; }
#bannerArea ul li.last { margin: 0; }

#footer { margin-top: 70px; background: url("../img/common/pc/footer_base_line.gif") no-repeat left top; width: 1070px; left: 50%; margin-left: -535px; text-align: center; position: relative; height: 55px; line-height: 55px; padding-bottom: 60px; }
#footer .copyright { color: #00fee3; font-size: 10px; font-size: 1rem; }
#footer .topBtn { width: 50px; position: absolute; bottom: 60px; right: 65px; cursor: pointer; }

#share { position: absolute; width: 980px; left: 50%; margin-left: -490px; top: 15px; }
#share li { float: right; margin-left: 8px; }

header h1 .goTop { display: none; }

#mainHead {
    position: relative;
    width: 1000px;
    left: 0px;
    right: 0px;
    height: 805px;
    top: 20px;
    margin: 0 auto;
    right: 0px;
}

#mainHead .chara {
    top: -170px;
    width: 80%;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    position:absolute;

}
#mainHead .chara img{
width:100%;
}
#mainHead .bg {top: 45px;position: relative;display:none;}
/*
#mainHead .catch {
    position: absolute;
    top: 526px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 630px;
    
    }
*/

#mainHead .catch {
    position: absolute;
    top: 526px;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    width: 500px;
}

#mainHead .catch img{width:100%;margin:0 auto;}
#mainHead .event01 { position: absolute; top: 404px; right: 50px; width: 390px;}

#mainHead .event02 {
    position: absolute;
    top: 656px;
    right: 29px;
    width: 250px;
}

/*#mainHead .event02 { position: absolute; top: 500px; right: 50px; width: 390px;}*/
/*#mainHead .event img{ width:70%; }*/
#contents { width: 940px; position: relative; margin: auto; }
#contents .leftContents { float: left; width: 480px; }
#contents .rightContents { float: right; width: 390px; }
#contents #topics { margin-bottom: 35px; }
#contents #topics h1 { margin-bottom: 20px; position: relative; }
#contents #topics h1 .more { position: absolute; background: url("../img/common/pc/arrow.png") no-repeat right center; padding-right: 20px; height: 16px; top: 12px; right: 5px; line-height: 16px; }
#contents #topics h1 .more a { font-size: 12px; font-size: 1.2rem; }
#contents #topics .slideTopics{height:450px;overflow:auto;}
#contents #topics .slideTopics ul { background: url("../img/top/pc/line.png") no-repeat left top; }
#contents #topics .slideTopics ul li { list-style: none; background: url("../img/top/pc/line.png") no-repeat left bottom; padding: 18px 0 19px; }
#contents #topics .slideTopics ul li a { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-text-overflow: ellipsis; -o-text-overflow: ellipsis; font-size: 14px; font-size: 1.4rem; margin-bottom: 8px; }
#contents #topics .slideTopics ul li span { font-size: 10px; font-size: 1rem; color: #00fee3; }
#contents #next h1 { margin-bottom: 20px; }
#contents #next .nextMovie { width: 480px; height: 270px; margin-bottom: 20px; }
#contents #next .nextText { font-size: 12px; font-size: 1.2rem; color: #00fee3; line-height: 1.6; }
#contents #next .nextText p { font-size: 15px; font-size: 1.5rem; margin-bottom: 10px; }
#contents #twitter h1 { margin-bottom: 20px; }
#contents #twitter article { position: relative; }
#contents #twitter article h2 { color: #00fee3; font-size: 16px; font-size: 1.6rem; font-weight: normal; margin-bottom: 20px; }
#contents #twitter article .btn { position: absolute; top: 0; right: 0; background: url("../img/common/pc/arrow.png") no-repeat right center; height: 16px; line-height: 16px; padding-right: 20px; }
#contents #twitter article .btn a { color: #fff; }
#contents #twitter article .widget { background: #333; padding-left: 10px; }
#contents #twitter article.anime { margin-bottom: 30px; }
#contents #twitter article.anime .widget iframe { height: 417px !important; }
#contents #twitter article.jump h2 { font-size: 12px; font-size: 1.2rem; }
#contents #twitter article.jump h2 span { display: block; margin-top: 5px; }
#contents #twitter article.jump .btn { top: 8px; }
#contents #twitter article.jump .widget iframe { height: 217px !important; }
span.infoDtailImg img{width:30%;padding-bottom:10px;display:block;}


.column2{width:100%;overflow:hidden;}

.column2 div,.column2 p{float:left;width:49%;margin-right:2%;}

.column2 div:nth-last-child(1),.column2 p:nth-last-child(1){margin-right:0%;}

.column100p{width:100%;margin-right:auto;margin-left:auto;}
.column90p{width:90%;margin-right:auto;margin-left:auto;}
.column80p{width:80%;margin-right:auto;margin-left:auto;}
.column70p{width:70%;margin-right:auto;margin-left:auto;}
.column60p{width:60%;margin-right:auto;margin-left:auto;}
.column50p{width:50%;margin-right:auto;margin-left:auto;}


.mT10{margin-top:10px;}
.mT20{margin-top:20px;}
.mT30{margin-top:30px;}
.mT40{margin-top:40px;}
.mT50{margin-top:50px;}

.mB10{margin-bottom:10px;}
.mB20{margin-bottom:20px;}
.mB30{margin-bottom:30px;}
.mB40{margin-bottom:40px;}
.mB50{margin-bottom:50px;}


body#top .alphaBtn{display:none;}