@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
display:block
}
body {
line-height:1
}
ol,ul {
list-style:none
}
blockquote,q {
quotes:none
}
blockquote:before,blockquote:after,q:before,q:after {
content:"";
content:none
}
table {
border-collapse:collapse;
border-spacing:0
}
body {
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
font-family:Helvetica Neue,Helvetica,Arial,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
font-size:16px;
font-size:1rem;
line-height:1.75
}
*,*:before,*:after {
box-sizing:border-box
}
html,body {
height:100%;
width:100%
}
a {
outline:none;
text-decoration:none
}
img {
vertical-align:top
}
.container {
margin:0 auto;
width:696px;
position:relative;
margin:20px auto
}
.row {
*zoom:1
}
.row:before,.row:after {
content:"";
display:table
}
.row:after {
clear:both
}
.column--l {
float:left
}
.column--r {
float:right
}
.align--right {
text-align:right
}
.fig--dlc {
margin: -10px 0 -15px 110px;
}
.secondary h2 {
z-index:1
}
.content_chara {
position:absolute;
left:67px;
top:0;
z-index:0
}
.content_main {
position:relative;
padding-top:20px;
margin-bottom:100px;
z-index:1
}
.content_main .new:before {
content:"";
background:url(../images/dlc/icon_new.png) 0 0 no-repeat;
width:79px;
height:79px;
opacity:1;
filter:alpha(opacity=100);
position:absolute;
left:-22px;
top:-30px;
z-index:1;
pointer-events:none
}
h3 {
text-align:center;
margin:20px 0
}
.nav--main {
  margin-bottom: -20px;
}
.nav--main li+li {
margin-left:4px
}
.list--tertiary {
margin-top:40px
}
.list--tertiary .new:before {
content:"";
background:url(../images/common/icon_new.png) 0 0 no-repeat;
width:62px;
height:47px;
opacity:1;
filter:alpha(opacity=100);
position:absolute;
left:-15px;
top:-20px;
z-index:1;
pointer-events:none
}
.list--tertiary dl {
position:relative
}
.list--tertiary dl+dl {
margin-top:10px
}
.list--tertiary dl {
*zoom:1;
margin:10px 0;
padding:7px
}
.list--tertiary dl:before,.list--tertiary dl:after {
content:"";
display:table
}
.list--tertiary dl:after {
clear:both
}
.list--tertiary dl dt {
float:left;
border:1px solid #FFF;
width:196px
}
.list--tertiary dl dd {
font-size:14px;
float:right;
width:480px;
min-height:40px;
line-height:1.2;
position:relative
}
.list--tertiary dl dd .l1 {
font-size:16px;
color:#000;
font-weight:700;
height:42px;
line-height:1;
display:table-cell;
vertical-align:middle;
max-width: 365px;
}
.list--tertiary dl dd .l2 {
position:absolute;
right:10px;
top:0;
z-index:1;
border-radius:50%;
background:#000;
height:34px;
width:100px;
line-height:34px;
text-align:center;
font-size: 1.2em;
}
.list--tertiary dl dd .l3 {
float:left;
width:333px;
font-size: 0.95em;
}
.list--tertiary dl dd .l4,
.list--tertiary dl dd .coming {
float:right;
margin-top:4px
}
.list--tertiary dl dd .coming {
padding: 28px 0 0px 0;
background:url(../images/dlc/coming.png) no-repeat 0 0;
width: 78px;
text-align: center;
}
.list--tertiary dl dd:last-child {
background:#000;
padding:10px;
min-height: 70px;
}
.list--quaternary {
margin:-25px 0 0 -2px
}
.list--music {
background:#0c0
}
.list--cos {
background:#f3f
}
.list--acce {
background:#06f
}
.list--etc {
background:#b200ee
}