@charset "utf-8";

/*  ==========================================

    SP 

    ==========================================  */

*{
	margin:0;
	padding:0;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.fixed {
	width: 100%;
	height: 100%;
}
img{
	vertical-align:bottom;
}
ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
}

#footer{
	text-align:center;
	padding:30px 0;
}

/*second*/
#main #header{
	position:fixed;
	top:0;
	width:750px;
	z-index:2000;
}
#main #header .headContent{
	position:relative;
}
#main #contentArea .mainWrap {
	position:relative;
	width:750px;
	height:1232px;
	background:url(../images/top/main.jpg) no-repeat;
}
#main #contentArea .mainWrap h1{
	position:absolute;
	top:833px;
	left:131px;
}
#main #contentArea .mainWrap h2{
	position:absolute;
	top:1125px;
	left:0;
	right:0;
	text-align:center;
}
#main #contentArea .mainWrap h2 img{
	width:385px;
}
#main #contentArea .mainWrap h3{
	position:absolute;
	top:182px;
	left:0;
}
#main #contentArea .contentWrap{
	position:relative;
	background:url(../../../lib/images/common/bg.png),linear-gradient(#FD376F 20%, #FE9D15 80%);
	background:url(../../../lib/images/common/bg.png),-moz-linear-gradient(#FD376F 20%, #FE9D15 80%);
	background:url(../../../lib/images/common/bg.png),-webkit-linear-gradient(#FD376F 20%, #FE9D15 80%);
}
#main #contentArea .contentWrap:before{
	content: "";
	position:absolute;
	top:0;
	width:750px;
	height:9px;
	background: url(../../../lib/images/top/bg_line_bottom.gif) repeat-x center ;
}
#main #contentArea .contentWrap .mae,
#main #contentArea .contentWrap .pre{
	padding:30px 0 0;
	text-align:center;
}
#main #contentArea .contentWrap .pre{
	position: relative;
}
#main #contentArea .contentWrap .pre .btn{
	position: absolute;
	top: 51%;
	left: 12%;
}
/* hamburger*/
#toggle,
#toggle span {
	transition: all .4s;
	box-sizing: border-box;
}
#toggle {
	position: absolute;
	width: 81px;
	height: 92px;
	top:0;
	right:0;
	z-index:2050;
	background:url(../images/common/bg_menu.png) no-repeat;
}
#toggle span {
	position: absolute;
	right:10px;
	width: 45px;
	height: 6px;
	background-color:#FD376F;
}
#toggle span:nth-of-type(1) {
	top: 25px;
}
#toggle span:nth-of-type(2) {
	top: 41px;
}
#toggle span:nth-of-type(3) {
	top: 57px;
}
#toggle.active span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-315deg);
	transform: translateY(15px) rotate(-315deg);
}
#toggle.active span:nth-of-type(2) {
	opacity: 0;
}
#toggle.active span:nth-of-type(3) {
	-webkit-transform: translateY(-17px) rotate(315deg);
	transform: translateY(-17px) rotate(315deg);
}
#headMenu ul {
	position:absolute;
	top:80px;
}
#headMenu ul li{
	display:none;
}
#overLay {
	display: none;
	width: 100%;
	height:100%;
	text-align: center;
	position: fixed;
	top: 0;
	background:url(../../../lib/images/common/bg.png),#FFF;
	background-attachment:scroll;
	z-index:1500;
}
#footer .btnArea{
	position:relative;
	width: 644px;
	height: 626px;
	margin:0 auto 30px;
}
#footer .btnArea li {
	position:absolute;
}
#footer .btnArea .news {
	top:0;
	left:110px;
}
#footer .btnArea .info {
	top:0;
	left:327px;
}
#footer .btnArea .csg {
	top:418px;
	left:110px;
}
#footer .btnArea .character {
	top:209px;
	left:0;
}
#footer .btnArea .movie {
	top:418px;
	left:327px;
}
#footer .btnArea .theater {
	top:209px;
	left:434px;
}
#footer .btnArea .coming {
	top:209px;
	left:217px;
}
#footer #share {
	overflow:hidden;
	margin:0 0 30px;
	padding:39px 145px;
	background:url(../images/top/bg_share.png) no-repeat;
}
#footer #share li {
	float:left;
	margin-right:50px;
}
#footer #share li:last-child {
	margin-right:0;
}



/* 共通
-----------------------------------------------------------*/
.centerWrap{
	text-align: center;
}


/* プレゼント
-----------------------------------------------------------*/
.presentLink{
	display: block;
	text-align: right;
	padding: 30px 30px 120px;
}


/* トピックス
-----------------------------------------------------------*/
.topics{
	position: relative;
	width: 690px;
	height: 303px;
	margin: 0 auto;
	background: url(../images/top/bg_topics.png) no-repeat;
	margin-bottom: 20px;
}
.topics .secondRepeat{
	height: 230px;
	overflow: scroll;
}
.topics #divRss {
	padding-bottom:30px;
}
.topics #divRss .updates li{
	width: 616px;
	margin:0 auto;
	background:url(../images/news/bg_news_line.png) center bottom no-repeat;
}
.topics #divRss .updates li p{
	background:url(../images/news/bg_news_icon.png) left 27px no-repeat;
	padding: 15px 0 25px 45px;
}
.topics #divRss .updates li span{
	display:block;
	color:#E95098;
	font-size:12px;
	font-weight:normal;
}
.topics #divRss .updates li a{
	font-size:20px;
	font-weight:bold;
	color:#E95098;
}



/* twitter
-----------------------------------------------------------*/
.twitter{
	position: relative;
	width: 690px;
	height: 268px;
  margin: 0 auto;
	background: url(../images/top/bg_twitter.png) no-repeat center top;
	padding-top: 51px;
}
.officialTwitter{
	position: absolute;
	top: -15px;
	left: 0;
	right: 0;
	text-align: center;
}
.twitterArea{
	background-color: #fff;
	width: 540px;
	height: 245px;
	margin: 0 auto;
	overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.twitterArea iframe{
	width: 540px!important;
}



/* .bnrBottom
-----------------------------------------------------------*/
.bnr {
	margin: 60px 30px 20px;
}
.bnr li {
	margin:20px 0;
}
.bnr li img {
	width: 100%;
}
.bnrSmall {
	margin: 20px 30px 30px;
}
.bnrSmall li {
	width:340px;
	margin:0 auto 10px;
}
.bnrSmall li img {
	width:100%;
}



.btnTWCP {
	position:absolute;
	top:1200px;
	left:5px;
	z-index:1000;
}
.btnTWCP a:hover {
	opacity:0.8;
}

.cp15th {
	text-align: center;
	position: absolute;
	top: 185px;
	left: 0;
	right: 0;
}