@CHARSET "UTF-8";

/*
 *
 *	SP - top
 *
 */

/*===============================
	importantNewsBox
===============================*/
#main .importantNewsBox{
	overflow:hidden;
	margin:0 10px 20px;
	border:#e60012 solid 2px;
	border-radius:5px;
}

#main .importantNewsBox h1{
	float:left;
	width:60%;
	padding:11px 10px 10px;
	line-height:0;
}
#main .importantNewsBox h1 img{width:180px;}

/****** moreBtn ******/
#main .importantNewsBox .moreBtn{
	float:right;
	width:40%;
	padding:10px;
	text-align:right;
	line-height:0;
}

#main .importantNewsBox ul{
	clear:both;
	padding:10px;
	border-top:#e9e8e8 solid 1px;
}
#main .importantNewsBox ul li{
	line-height:1.5;
	font-size:1.1em;
	word-break: break-all;
}
#main .importantNewsBox ul li a:hover{
    color:#e60012;
}

/*===============================
	newsBox
===============================*/
#main .newsBox{
	padding-bottom:10px;
	border-bottom:#969696 solid 1px;
}

/****** ul ******/
#main .newsBox ul li a{
	display:block;
	overflow:hidden;
	padding:10px;
	border-bottom:#e9e8e8 solid 1px;
	background:#fff;
}
#main .newsBox ul li:nth-child(even) a{background:#f8f8f8;}
#main .newsBox ul li a:hover{background:#fef5f6;}

#main .newsBox ul li a .cat{
	display:block;
	float:left;
	width:8em;
	margin:0 5px 5px 0;
	padding:.2em 0;
	border-radius:3px;
	text-align:center;
	color:#fff;
}
#main .newsBox ul li a .cat.anime{background:#5dacef;}
#main .newsBox ul li a .cat.movie{background:#9bcd3b;}
#main .newsBox ul li a .cat.music{background:#ff893a;}
#main .newsBox ul li a .cat.bvc{background:#e60012;}
#main .newsBox ul li a .cat.press{background:#ddd; color: #444;}

#main .newsBox ul li a time{
	font-size:1.1em;
	color:#9f9f9f;
}

#main .newsBox ul li a p{
	clear:both;
	line-height:1.5;
	font-size:1.2em;
}
#main .newsBox ul li a:hover p {
    color:#e60012;
}
#main .newsBox > ul > li.news:nth-child(n + 4) {
    display:none;
}
#main .newsBox ul li.new a:before {
    margin: 2px 8px 0 0;
    color: #FF0000;
    font-weight: bold;
    content: "NEW ";
    float: left;
}

/****** moreBtnB ******/
#main .newsBox .moreBtnB{background:#fff;}

#main .newsBox ul li.important > div {
    padding: 5px;
    border-bottom: 1px solid #E9E8E8;
}
#main .newsBox ul li.important > div > p {
    position: relative;
    padding: 34px 0 0 0;
    background: url(/images/parts/bg/important.png) 5px 10px no-repeat;
    border: 2px solid #E60012;
}
#main .newsBox ul li.important > div > p > a.title {
    display: block;
    margin:  0;
    padding: 10px 5px;
    font-size: 1.2em;
    font-weight: bold;
    border-top: 1px solid #E9E8E8;
    border-bottom: none;
}
#main .newsBox ul li.important > div > p > a.title:hover {
    color: #E60012;
    opacity:.7;
    -ms-filter:alpha(opacity=70);
    filter:alpha(opacity=70);
}
#main .newsBox ul li.important > div > p > a.more {
    position: absolute;
    top: 7px;
    right: 5px;
    margin: 0;
    width: 83px;
    height: 14px;
    text-indent: 100px;
    white-space: nowrap;
    overflow: hidden;
    background: url(/images/parts/bg/more-sp.png) center center no-repeat;
    border: none;
}
#main .newsBox ul li.important > div > p > a.more:hover {
    opacity:.7;
    -ms-filter:alpha(opacity=70);
    filter:alpha(opacity=70);
}

/*===============================
	siteLink
===============================*/
#main .siteLink{
	margin-bottom:20px;
	padding:10px 0 10px 10px;
	border-bottom:#969696 solid 1px;
}

#main .siteLink h1{
	margin-bottom:10px;
	line-height:0;
}
#main .siteLink h1 img{width:112px;}

#main .siteLink ul{overflow:hidden;}
#main .siteLink ul li{
	float:left;
	width:66px;
	margin:0 10px 10px 0;
	line-height:0;
}


/*===============================
	lineupBox
===============================*/
#main .lineupBox{display:none;}

/*===============================
	fbLinkBox
===============================*/
#main .fbLinkBox{
	overflow:hidden;
	margin:0 3px 20px;
	border-radius:5px;
    font-size:2.3em;
}
#main .fbLinkBox div{
    background-color:#0088ff;
    padding:13px;
    text-align:center;
	color:#ffff33;
}
#main .fbLinkBox a div:hover{background-color:#0099ff;color:#ffff33;}

/*===============================
    V-STORAGE
===============================*/
div#main article.v-storage {
    padding: 0;
    border-bottom: 3px solid #E70012;
    overflow: hidden;
}

div#main article.v-storage > h1 {
    position: relative;
    margin: 0;
    padding: 8px;
    background: #E70012;
}
div#main article.v-storage > h1 > img {
    margin: 0 8px 0 0;
    width: 70%;
    max-width: 284px;
    vertical-align: middle;
}
div#main article.v-storage > h1 > a {
    position: absolute;
    margin: -8px 0 0 0;
    top: 50%;
    right: 8px;
    color: #FFFFFF;
    font-size: 16px;
}
div#main article.v-storage > h1 > a:hover {
    text-decoration: underline;
}
div#main article.v-storage > h1 > a > img {
    margin: 0 8px 0 0;
}
div#main article.v-storage ul {
    margin: 0;
    padding: 0;
}
div#main article.v-storage ul.banner.pc {
    display: none;
}
div#main article.v-storage ul.banner.sp {
    display: block;
    margin-top: 1rem;
    border-top: 1px solid #E9E8E8;
}
div#main article.v-storage ul.news > li {
    margin: 0;
    padding: 0;
    border-top: 1px solid #E9E8E8;
}
div#main article.v-storage ul.news > li:nth-child(n + 3) {
    display: none;
}
div#main article.v-storage ul.banner > li {
    float: left;
    padding: 8px;
    display: table-cell;
    text-align: center;
}
div#main article.v-storage ul > li > a > h2 {
    margin: 0;
    padding: 8px;
    font-size: 13px;
    font-weight: normal;
    background: #F2F2F2;
}
div#main article.v-storage ul > li > a > h2 > span.category {
    display: block;
}
div#main article.v-storage ul > li > a > h2 > span.title {
    display: block;
    text-align: left;
    font-weight: bold;
}
div#main article.v-storage ul > li > a > div:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
div#main article.v-storage ul > li > a > div > div.image {
    margin: 0;
    padding: 8px 2rem;
    max-height: 280px;
    text-align: center;
}
div#main article.v-storage ul > li > a > div > div.image > div {
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 420px;
    max-height: 280px;
    text-align: center;
    vertical-align: middle;
}

div#main article.v-storage ul > li > a > div > p {
    margin: 0;
    padding: 8px;
    line-height: 1.5em;
    font-size: 1.2em;
}
div#main article.v-storage ul > li > a > div > p > strong {
    word-break: break-all;
    word-wrap: break-word;
}
div#main article.v-storage ul > li > a > div > p > span {
    display: block;
    color: #CCCCCC;
}


/*===============================
    SITE BANNER
===============================*/
div#main aside.site-banner {
    margin: 0 0 10px 0;
    padding: 0 5px;
}
div#main aside.site-banner:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

div#main aside.site-banner > a {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-top: 16px;
    padding: 0 5px;
    width: 50%;
    float: left;
}
div#main aside.site-banner > a > img {
    display: block;
    width: 100%;
}

div#main aside.site-banner > #twice {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
    margin-top: 16px;
    padding: 0 5px;
    width: 100%;
    float: left;
}