@charset "utf-8";
/* CSS Document */

/* core	================================================	*/
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, font, 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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 12px;
	line-height: 1.5em;
	vertical-align: baseline;
}

ol, ul {
	list-style: none;
}

br{
	letter-spacing:0;
}

img {
	vertical-align: bottom;
}
body{
	background: #ffd1de url(../images/common/bg_top.jpg) repeat-x center top;
	
	background-size: auto 190px;
	overflow-x:hidden;
}

.mouseicon {
	display:inline-block;
	position:absolute;
	left:0px;
	top:0px;
	z-index: 9999;
	pointer-events:none;
}
a {
	color: #E41B8E;
	font-size:15px;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:focus, *:focus { outline:none; }

#main{
	min-width: 1200px;
	background:url(../images/top/img_main.jpg) no-repeat center top;
}
#footer {
	margin-top: 0;
}
#main .mainVisual{
	position:relative;
	width:1200px;
	height:1250px;
	margin: 0 auto;
}
#main .mainVisual h1{
	position:absolute;
	top: 760px;
	right: 10px;
	text-align:center;
}
#main .mainVisual h2{
	position:absolute;
	top: 1140px;
	right: 25px;
}
#main .readText{
	position:absolute;
	top: 1117px;
	left: 20px;
}
#main .infoText{
	position:absolute;
	top: 985px;
	left: 0px;
}
#main .cpBnr{
	position: absolute;
	top: 866px;
	left: 0px;
}
#main .weekly{
	position:absolute;
	top: 972px;
	left: 0px;
}
#main .pastMovie{
	position:absolute;
	top: 972px;
	left: 300px;
}
#main .menu{
	display:flex;
	width: 930px;
	margin: 30px auto 60px;
	justify-content:space-around;
}
#main .menu li a {
	display: block;
}
#main .menu li.news a:hover img,
#main .menu li.story a:hover img,
#main .menu li.soon a:hover img,
#main .menu li.still a:hover img,
#main .menu li.character a:hover img,
#main .menu li.game a:hover img,
#main .menu li.movie a:hover img,
#main .menu li.howto a:hover img,
#main .menu li.dance a:hover img,
#main .menu li.special a:hover img,
#main .menu li.theater a:hover img ,
#main .menu li.scratch a:hover img {
		opacity: 0;
}
#main .menu li.news a:hover,
body.news header #main .menu li.news a {
	background: url(../images/common/btn_news_active.png) no-repeat center top;
}
#main .menu li.story a:hover,
body.story header #main .menu li.story a {
	background: url(../images/common/btn_story_active.png) no-repeat center top;
}
#main .menu li.still a:hover,
body.still header #main .menu li.still a {
	background: url(../images/common/btn_still_active.png) no-repeat center top;
}
#main .menu li.character a:hover,
body.character header #main .menu li.character a {
	background: url(../images/common/btn_character_active.png) no-repeat center top;
}
#main .menu li.movie a:hover,
body.movie header #main .menu li.movie a {
	background: url(../images/common/btn_movie_active.png) no-repeat center top;
}
#main .menu li.howto a:hover,
body.howto header #main .menu li.howto a {
	background: url(../images/common/btn_howto_active.png) no-repeat center top;
}
#main .menu li.dance a:hover,
body.dance header #main .menu li.scratch a {
	background: url(../images/common/btn_dance_active.png) no-repeat center top;
}
#main .menu li.theater a:hover,
.grobalNav .nav li.theater a:hover {
	background: url(../images/common/btn_theater_active.png) no-repeat center top;
}
#main .menu li.special a:hover,
.grobalNav .nav li.special a:hover {
	background: url(../images/common/btn_special_active.png) no-repeat center top;
}
#main .menu li.scratch a:hover,
.grobalNav .nav li.scratch a:hover {
	background: url(../images/common/btn_scratch_active.png) no-repeat center top;
}

#main .mainVisual .btnMovie:hover{
	opacity:0.6;
}
#main .mainVisual .text{
	position:absolute;
	top: 15px;
	left: 0;
	right: 0;
	text-align:center;
}
#main .mae{
	text-align:center;
	width: 1200px;
	margin:30px auto;
	position: relative;
}
#main .mae .btn-01,
#main .mae .btn-02 {
	position: absolute;
}
#main .mae .btn-01 a:hover,
#main .mae .btn-02 a:hover {
	opacity: 0.8;
}
#main .mae .btn-01 {
	top: 298px;
	left: 46px;
}
#main .mae .btn-02 {
	top: 298px;
	left: 312px;
}
#footer .billing,
#footer .copy{
	text-align:center;
}
#footer .billing{
	margin:20px 0 60px;
}
#footer .copy{
	margin:20px 0;
}

#topics .container {
	margin: 0px 0 0 70px;
	height: 190px;
	width: 1100px;
	overflow: hidden;
}
#topics .scrollable {
margin-right: -20px;
padding-right: 20px;
height: 230px;
overflow: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
/* #topics .scrollable.is-scrollbar {
padding-right: 58px;
} */
#topics .container {
position: relative;
}
#topics .adjustment {
margin-right: 0;
}
#topics .adjustment #divRss {
padding-left: 44px;
padding-right: 54px;
margin-bottom:0;
}
#topics .scrollbar {
position: absolute;
top: 90px;
right: 30px;
width: 14px;
height: 235px;
background-color: #cdeeff;
border-radius: 18px;
}
#topics .scrollbar-thumb {
position: relative;
min-height: 26px;
background-color: #4cb4ef;
border-radius: 18px;
margin: 2px;
}


#divRss {
padding-bottom: 20px;
}
#topics .container{
	box-sizing: border-box;
	position: relative;
	width: 1205px;
	height: 361px;
	background: url(../images/top/bg_topics.png) no-repeat;
	padding-top: 92px;
	margin:0 auto;

}
#topics ul li {
width: 100%;
margin: 0 auto;
border-bottom: 1px solid #ff5f81;
}
#topics ul li p{
padding: 20px 0;
}
#topics ul li span{
display: block;
color: #ff5f81;
font-size: 13px;
font-weight:normal;
letter-spacing: 1px;
margin-bottom: 5px;
}
#topics ul li a{
font-size: 15px;
color: #ff5f81;
text-decoration:none;
}
#topics ul li a:hover{
text-decoration:underline;
}

/****************************footer　フッタ******************************************/
.bnrArea {
	margin-bottom:40px;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.bnrArea li {
	margin: 0 5px;
}
.bnrArea a:hover {
	opacity:0.6;
}
.cpBnr {
	position: absolute;
	top: 985px;
	left: 0px;
}