@charset "utf-8";


/*  ====================================================
                         reset
    ====================================================  */
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;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
br{
	letter-spacing:0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: bottom;
}



/*  ====================================================
                         common
    ====================================================  */

/* Clearfix
-----------------------------------------------------*/
.clearfix:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%;
}
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}


/* 汎用スタイル
-----------------------------------------------------*/
/* 下余白 */
.blockend-ss{	margin-bottom: 10px!important;}
.blockend-s {	margin-bottom: 20px!important;}
.blockend-m {	margin-bottom: 30px!important;}
.blockend-l {	margin-bottom: 50px!important;}

.text-center{ 
	text-align: center!important;
	margin-left: auto;
	margin-right: auto;
}



/* 基本スタイル
-----------------------------------------------------*/
a img:hover {
	opacity:0.7;
}
#accesstag {
	display:none;
}


/* レイアウト
-----------------------------------------------------*/
html, body {
	width:100%;
	height:100%;
	line-height: 1.5em;
}
body.campaign {
	font-family:"メイリオ",Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", sans-serif;
	background:url(../img/common/bg.png),linear-gradient(#FD376F 20%, #FE9D15 80%);
	background:url(../img/common/bg.png),-moz-linear-gradient(#FD376F 20%, #FE9D15 80%);
	background:url(../img/common/bg.png),-webkit-linear-gradient(#FD376F 20%, #FE9D15 80%);
	background-attachment:scroll, fixed !important;
}

#header {
	width:1000px;
	margin:40px auto 45px;
}
#main {
	width:1000px;
	margin:0 auto;
}
#footer #copy {
	margin:30px 0;
	text-align:center;
}


/*　説明エリア
-----------------------------------------------------------*/
.detailArea{
	background: url(../img/common/img_ttl_bg.jpg) no-repeat;
	width: 1000px;
	height: 240px;
	padding: 60px 0;
	text-align: center;
	margin-bottom: 60px;
}
.btnList{
	width: 840px;
	margin: 30px auto 0;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}


/* メインコンテンツ枠
-----------------------------------------------------------*/
.mainContentsWrap{
	background: url(../img/common/bg_top.png) no-repeat;
	text-align: center;
	padding-top: 43px;
}
.mainContents{
	background: url(../img/common/bg_mid.png) repeat-y;
	position:relative;
	margin-bottom: 70px;
}
.mainContents:after {
	background: url(../img/common/bg_btm.png) no-repeat;
	content: "";
	position: absolute;
	left: 0;
	bottom: -50px;
	width: 100%;
	height: 50px;
}


/* シリーズリスト
-----------------------------------------------------------*/
.linkArea{
	margin: 37px auto 41px;
}
.linkArea li{
	display: inline-block;
}


/* キャラクターリスト
-----------------------------------------------------------*/
.seriesBlock{
	background: url(../img/common/img_bar.png) no-repeat center bottom;
	padding: 50px 0;
}
.mainContents .seriesBlock:last-child{
	background: none;
}

.charaWrap2,
.charaWrap3{
	margin: 20px auto;
	display: -ms-flexbox;
	display: -ms-flex;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.charaWrap2 li img,
.charaWrap3 li img{
	width: 260px;
}
.charaWrap2{
	width: 562px;
}
.charaWrap3{
	width: 863px;
}


/* 応援する
-----------------------------------------------------------*/
.precureImg{
	text-align: center;
}
.precureImg img{
	width: 904px;
	border: 1px solid #660000;
}


/* 画像をダウンロードさせない
-----------------------------------------------------------*/
.copyguard{
	position: relative;
}
.copyguard:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	content:" ";
	background:url(../img/common/img_copyguard.png);
	background-size:contain;
}


/* スタンプ
-----------------------------------------------------------*/
.stampImg{
	text-align: center;
	margin: 30px auto 60px;
}
.comingSoon{
	position: relative;
}
.comingSoon:before{
	position: absolute;
	left: 20px;
	top: 0;
	width: 960px;
	height: -webkit-calc(100% - 250px) ;
	height: calc(100% - 250px);
	content: url(../img/stamp/img_soon.png);
	padding-top: 250px;
	background-color: rgba(251,164,220,0.8);
}




/* ページトップ
-----------------------------------------------------------*/
.btnPageBtn {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
	z-index:999;
}
.btnPageBtn a{
	display: block;
}





/* iframe popup
-----------------------------------------------------------*/
/*グレーアウトのスタイル定義*/
#overlay{
 background:#FBA4DC;
 opacity:0.8;
 width:100%;
 height:100%;
 position:fixed;
 top:0;
 left:0;
 display:none;
 z-index:100;
}

/*ポップアップ部分のスタイル定義*/
#iframeWindow{
 display:block;
 width:990px;
 height:95%;
 overflow:hidden;
 z-index:110;
}

#popup{
 display:block;
 width:990px;
 height:95%;
 overflow:hidden;
 z-index:120;
}

.support{
 width:944px;
 position: relative;
 background-color:#FFFEE1;
 border: 8px solid #F74FBB;
 margin-top:30px;
}
.btnArea{
	text-align: center;
	padding-bottom: 66px;
}
.btnClose{
	display: none;
	position: fixed;
	top: 3%;
	right: 5%;
	z-index: 999;
}
.btnClose a{
	display: block;
}
.btnClose:hover{
	cursor: pointer;
}





/* common-end */

/*  ====================================================
                          PC
    ====================================================  */
@media print, screen and (min-width: 768px) {	

/*　PC
-----------------------------------------------------*/



}
/* PC-end */


/*  ====================================================
                          SP
    ====================================================  */
@media screen and (max-width: 767px) {

/*　SP
-----------------------------------------------------*/

}
/* SP-end */