@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:url(/movie/2018_superstars_precure/lib/images/top/bg.jpg) no-repeat top center;
}
#main{
	width:1000px;
	margin:0 auto;
}
#main .mainVisual{
	position:relative;
	height:1147px;
}
#main .mainVisual h1{
	position:absolute;
	top:689px;
	left:231px;
}
#main .mainVisual h2{
	position:absolute;
	top:6px;
	left:843px;
}
#main .mainVisual #share{
	position:absolute;
	top:0;
	left:0;
}
#main .mainVisual #share #twitter{
	position:absolute;
	top:7px;
	left:96px;
	z-index:500;
}
#main .mainVisual #share #facebook{
	position:absolute;
	top:7px;
	left:148px;
	z-index:500;
}
#main .mainVisual #share #line{
	position:absolute;
	top:7px;
	left:200px;
	z-index:500;
}
#main .mainVisual .text01{
	position:absolute;
	top:29px;
	left:113px;
}
#main .mainVisual .text02{
	position:absolute;
	top:1133px;
	left:101px;
}
#main .mainVisual .mae{
	position:absolute;
	top:917px;
	left:0px;
}
#main .mainVisual .pre{
	position:absolute;
	top:780px;
	left:8px;
}
#main .mainVisual .promise{
	position:absolute;
	top:613px;
	left:725px;
}
#main #topics{
	position:absolute;
	width:241px;
	height:351px;
	top:768px;
	left:759px;
	background:url(/movie/2018_superstars_precure/lib/images/top/bg_topics.png) no-repeat;
}
#main #topics .newsDetail{
	position:absolute;
	width:210px;
	height:160px;
	top:90px;
	left:16px;
}
#main #topics .newsDetail p{
	overflow:hidden;
	height:160px;
}
#main #topics .newsDetail p span{
	display: block;
	font-size: 14px;
	color: #E3007F;
	font-weight: bold;
	padding-bottom: 10px;
}
#main #topics .newsDetail p a{
	color: #E3007F;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
}
#main #topics .newsDetail p a:hover{
	text-decoration:underline;
}
#main #topics .moreBtn{
	position:absolute;
	text-align:center;
	bottom:50px;
	left:0;
	right:0;
}
#main #topics .moreBtn a:hover{
	opacity:0.6;
}
#main #btnArea{
	position:relative;
	margin:125px 0 0;
	width:1026px;
	height:192px;
	left:-13px;
	background:url(/movie/2018_superstars_precure/lib/images/top/bg_btn.png) no-repeat;
}
#main #btnArea .news{
	position:absolute;
	top:-26px;
	left:13px;
}
#main #btnArea .info{
	position:absolute;
	top:77px;
	left:135px;
}
#main #btnArea .character{
	position:absolute;
	top:-26px;
	left:251px;
}
#main #btnArea .csg{
	position:absolute;
	top:77px;
	left:348px;
}
#main #btnArea .game{
	position:absolute;
	top:-26px;
	left:495px;
}
#main #btnArea .gameText{
	position:absolute;
	top:-60px;
	left:374px;
}
#main #btnArea .special{
	position:absolute;
	top:77px;
	left:615px;
}
#main #btnArea .movie{
	position:absolute;
	top:-26px;
	left:735px;
}
#main #btnArea .theater{
	position:absolute;
	top:77px;
	left:855px;
}
#footer #bnrArea{
	padding:65px 0 0;
	text-align:center;
}
#footer .billing{
	padding:25px 0 0;
	text-align:center;
}
#bnrArea li{
	display:inline;
	margin:0 5px;
}
#footer .copy{
	padding:45px 0 35px;
	text-align:center;
}
@media only screen and (max-device-width: 960px) {
html, body {
	width:100%;
	height:100%;
}
}