@charset "utf-8";

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,main,summary,time,mark,audio,video,a,input,textarea{ margin:0;padding:0; border:0; font-size:100%; background:transparent; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{ display:block;}
nav ul{ list-style:none;}
ul{ list-style:none; }
blockquote,q{ quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{ content:''; content:none;}
pre,code,kbd,samp{ font-family:monospace,monospace; font-size:inherit;}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0;}
address,caption,cite,code,dfn,em,th,var{ font-style:normal; font-weight:normal;}
caption,th{ text-align:left;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal}
sup{ vertical-align:text-top; font-size:75%;}
sub{ vertical-align:text-bottom; font-size:75%;}
input,textarea,select{ z-index:auto; font-family:inherit; font-size:inherit; font-weight:inherit; vertical-align:middle;}
a{ outline:none;}
audio:not([controls]){ display:none;}
time{ display:inline;}
[hidden]{ display:none;}
input::-ms-clear,input::-ms-reveal,input:focus::-ms-clear,input:focus::-ms-reveal{visibility:hidden; display:none;}
button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{ padding:0; border:0;}
/*==================================================== */
body{-webkit-text-size-adjust:100%; -webkit-font-smoothing:antialiased; font-family:'Roboto','Droid Sans',"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif; line-height:1.8;}


a:link{ color:#303030; text-decoration:none;}
a:visited{ color:#303030; text-decoration:none;}
a:hover{ color:#999;}
a:active{ color:#999;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0);}
.clr{clear:both;}
.hide{position:absolute !important; left:-9999px !important; top:-9999px !important;}
.clr{clear:both;}
section {clear:both; zoom:1;}
article:after,section:after,.clrFx:after{content:''; clear:both; display:block;}

button {outline:none !important;}
a{outline:none;}

/* chrome bug fix*/
*{max-height:999999px;}

/*
	BASE SET
__________________________________________________*/
body {font-size:13px; line-height:21px;  color:#000; position:relative; background:#000;}
main {width:100%; width:320px; margin:0 auto; position:relative; overflow:hidden; background:url(../img/bg.gif) center top repeat-y #fff; background-size:100% auto; font-size:0; line-height:1;}
section {position:relative;}
main img {width:100%; height:auto;}

#siteHeader {width:100%; margin:0 auto; position:absolute; left:0; top:0; z-index:800; height:35px;}
#siteHeader ul.sns {font-size:0; line-height:1; position:absolute; left:7px; top:7px;}
#siteHeader ul.sns li {float:left;}
#siteHeader ul.sns li a{display:block; width:26px; height:25px; overflow:hidden; white-space:nowrap; position:relative;}
#siteHeader ul.sns li.fb a{background:url(../img/btnFacebook.png) left top no-repeat; margin-right:5px; background-size:100% auto;}
#siteHeader ul.sns li.tw a{background:url(../img/btnTwitter.png) left top no-repeat; margin-right:5px; background-size:100% auto;}
#siteHeader ul.sns li.line a{background:url(../img/btnLine.png) left top no-repeat; background-size:100% auto;}

/* top */

#top div.whatsnew {background:url(../img/whatsnew.gif) left top no-repeat #4e4e4e; background-size:100% auto; margin-bottom:30px; min-height:49px;}
#top div.whatsnew h2 {position:absolute; left:0; top:0; text-indent:200%; overflow:hidden; white-space:nowrap;}
#top div.whatsnew ul {padding:13px 10px 10px 90px; color:#fff; font-size:10px;}
#top div.whatsnew ul li a {color:#fff; font-size:10px; line-height:13px; text-decoration:underline;}

#top p.pv {margin-bottom:16px;}
#top ul.menu {padding-bottom:23px;}
#top ul.menu li {margin-bottom:-2px;}
#top ul.menu li:nth-child(2) {margin-bottom:-3px;}
#top ul.menu li:nth-child(3) {margin-bottom:-3px;}

#top ul.bnrs {padding:0 6px 35px; position:relative; z-index:10;}
#top ul.bnrs:after{content:''; clear:both; display:block;}
#top ul.bnrs li {padding:0 4px; width:50%; float:left; position:relative; z-index:10;}
#top ul.bnrs li.fanclub  {width:320px; clear:both; padding:0; margin:-37px 0 0 -6px; z-index:0;}
#top ul.bnrs li.campaign  {width:300px; clear:both; padding:0; margin:-4px 0 0 4px; z-index:0;}
#top ul.bnrs li.play  {width:300px; clear:both; padding:0; margin:5px 0 0 4px; z-index:0;}
#top ul.bnrs li.comic  {width:300px; clear:both; padding:0; margin:10px 0 0 4px; z-index:0;}
#top ul.bnrs li.radio  {margin-top:-6px;}
#top ul.bnrs li.tokuten  {margin-top:-6px;}


#top .spec {background:url(../img/spec.gif) center top no-repeat #ff7aa3; background-size:100% auto; margin:0 auto 35px; z-index:10; position:relative; padding:238px 0 0;}
#top .spec h2,
#top .spec p,#top .spec dl dt,#top .spec dl dd {position:fixed; left:-9999px; text-indent:200%; overflow:hidden; white-space:nowrap;}
#top .spec ul {padding:0 6px 30px;}
#top .spec ul li {padding:0 4px; width:50%; float:left;}
#top .spec ul:after{content:''; clear:both; display:block;}

#siteFooter .pcsite {margin-bottom:27px;}
#siteFooter .pcsite a{display:block; width:185px; height:auto; margin:0 auto;}
#siteFooter .pcsite a img {width:100%; height:auto;}
#siteFooter .end{clear:both; zoom:1; padding:10px 15px;}
#siteFooter .end:after{content:''; clear:both; display:block;}
#siteFooter .end .rocket {float:left; padding-right:7px;}
#siteFooter .end .rocket img {width:24px; height:auto;}
#siteFooter .end .copyright {font-size:8px; line-height:12px; color:#000;}