<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/*
===== 1: common ==========================================
*/

/* navi
-------------------------------------------------------*/
#character .navi-page{
	background:url(../img/character/bg_page-navi02.png) no-repeat;
	margin:0 auto;
	box-sizing:border-box;
	padding-top:12px;
	width:860px;
	height:78px;
}
#character .navi-page ul{ text-align:center; }
#character .navi-page ul li{ display:inline-block; margin:0px 5px;}
#character .navi-page ul li a{
	display:block;
	height:48px;
	text-indent:-99999px;
}
#character .navi-page ul li.navi_miracle a{ background:url(../img/character/bg_navi-miracle_off.png) no-repeat; width:126px; }
#character .navi-page ul li.navi_miracle a:hover{ background:url(../img/character/bg_navi-miracle_on.png) no-repeat; }
#character #miracle .navi-page ul li.navi_miracle a{ background:url(../img/character/bg_navi-miracle_on.png) no-repeat; width:126px; }
#character .navi-page ul li.navi_magical a{ background:url(../img/character/bg_navi-magical_off.png) no-repeat; width:130px; }
#character .navi-page ul li.navi_magical a:hover{ background:url(../img/character/bg_navi-magical_on.png) no-repeat; }
#character #magical .navi-page ul li.navi_magical a{ background:url(../img/character/bg_navi-magical_on.png) no-repeat;}
#character .navi-page ul li.navi_mofurun a{ background:url(../img/character/bg_navi-mofurun_off.png) no-repeat; width:87px; }
#character .navi-page ul li.navi_mofurun a:hover{ background:url(../img/character/bg_navi-mofurun_on.png) no-repeat; }
#character.mofurun .navi-page ul li.navi_mofurun a{ background:url(../img/character/bg_navi-mofurun_on.png) no-repeat; }
#character .navi-page ul li.navi_ha-chan a{ background:url(../img/character/bg_navi-ha-chan_off.png) no-repeat; width:100px; }
#character .navi-page ul li.navi_ha-chan a:hover{ background:url(../img/character/bg_navi-ha-chan_on.png) no-repeat; }
#character.ha-chan .navi-page ul li.navi_ha-chan a{ background:url(../img/character/bg_navi-ha-chan_on.png) no-repeat; }
#character .navi-page ul li.navi_dokuro a{ background:url(../img/character/bg_navi-nazo_off.png) no-repeat; width:67px; }
#character .navi-page ul li.navi_dokuro a:hover{ background:url(../img/character/bg_navi-nazo_on.png) no-repeat; }
#character.dokuro .navi-page ul li.navi_dokuro a{ background:url(../img/character/bg_navi-nazo_on.png) no-repeat; }
#character .navi-page ul li.navi_people a{ background:url(../img/character/bg_navi-people_off.png) no-repeat; width:114px; }
#character .navi-page ul li.navi_people a:hover{ background:url(../img/character/bg_navi-people_on.png) no-repeat; }
#character.people .navi-page ul li.navi_people a{ background:url(../img/character/bg_navi-people_on.png) no-repeat; }
#character .navi-page ul li.navi_felice a{ background:url(../img/character/bg_navi-felice_off.png) no-repeat; width:152px; }
#character .navi-page ul li.navi_felice a:hover{ background:url(../img/character/bg_navi-felice_on.png) no-repeat; }
#character #felice .navi-page ul li.navi_felice a{ background:url(../img/character/bg_navi-felice_on.png) no-repeat; }

/* layout
-------------------------------------------------------*/
.frame-character .txt-chara{ position:relative; }
.frame-character .txt-chara .data{
	background:url(../img/common/bg_white90.png) repeat;
	border-radius:24px;
	border:1px solid #ca9332;
	padding:20px;
	box-sizing:border-box;
	width:600px;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
}
.frame-character .txt-chara .data .name{
	border-bottom:1px dotted #ca9332;
	padding-bottom:10px;
	margin-bottom:10px;
}
.frame-character .txt-chara .data .name p{ margin-top:10px; }
.txt-chara .data ul{
	background:#fffadb;
	border:1px solid #ffed81;
	border-radius:8px;
	margin-top:10px;
	padding:3px 6px;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
	text-align:left;
}
.txt-chara .data ul li{ margin:2px 0px; }

/*
===== 2: precure-common ==========================================
*/
.precure .content-character{
	padding:40px 10px 10px;
	margin:20px 0px;
}
.precure .image-chara{
	width:520px;
	height:760px;
	position:relative;
	z-index:102;
	text-align:right;
}
.precure .txt-chara .data{
	box-sizing:border-box;
	padding:50px 40px 0px 40px;
	width:640px;
	height:400px;
	color:#b87411;
}
.precure .txt-chara{
	margin:-760px 0px 0px 470px;
	width:640px;
	height:760px;
	position:relative;
	text-align:center;
}
.precure .txt-chara .data h2 img{ margin:0px 0px 10px 0px; }
.precure .txt-chara .intro{
	margin-top:10px;
	padding-top:10px;
	text-align:left;
}

/* transform
-------------------------------------------------------*/
.transform{
	background:url(../img/character/bg_transform.png) no-repeat;
	margin-top:50px;
	width:640px;
	height:267px;
	position:relative;
}
.transform .supp{
	position:absolute;
	top:66px;
	left:154px;
	z-index:103;
}
.area-mofurun{
	margin:-34px 0px 0px 24px;
	position:relative;
	float:left;
}
.area-mofurun p{
	margin-bottom:3px;
}
.point-transform{
	margin-bottom:0;
	position:absolute;
	top:103px;
	left:54px;
}
.stone{
	margin:-24px -5px 0px 0px;
	position:relative;
	float:right;
}
.list-stone{
	background:url(../img/character/bg_stone.png) no-repeat;
	margin:8px 0px 0px 5px;
	width:389px;
	height:164px;
}
.list-stone h4{ padding-top:2px; }
.list-stone ul{ margin-top:8px; }
.list-stone ul li{
	display:inline-block;
	margin:0px 2px;
	padding-top:2px;
	box-sizing:border-box;
	width:82px;
	height:84px;
}
.list-stone .btn_diamond{ background:url(../img/character/bg_diamond.png) no-repeat; }
.list-stone .btn_ruby{ background:url(../img/character/bg_ruby.png) no-repeat; }
.list-stone .btn_sapphire{ background:url(../img/character/bg_sapphire.png) no-repeat; }
.list-stone .btn_topaz{ background:url(../img/character/bg_topaz.png) no-repeat; }
.list-stone .btn_prev{ margin-top: 5px; width:174px; height:32px; }
.list-stone ul li img{ cursor:pointer; }


/* transform-felice
-------------------------------------------------------*/
#felice .transform{
	background:url(../img/character/felice_sqie/bg_transform.png) no-repeat;
	margin-top:10px;
	width:640px;
	height:267px;
	position:relative;
}
#felice .transform h3 img{
	position:relative;
	margin-top:-20px;
}
#felice .transform .supp{
	position:absolute;
	top:66px;
	left:204px;
	z-index:103;
}
#felice .area-sumaphone{
	margin:-20px 0px 0px 44px;
	position:relative;
	float:left;
}

#felice .point-transform{
	position:absolute;
	top:27px;
	right:-28px;
}
#felice .stone{
	margin:0px 55px 0px 0px;
	position:relative;
	float:right;
}
#felice .list-stone{
	background:url(../img/character/felice_sqie/bg_stone.png) no-repeat;
	margin:8px 0px 0px 5px;
	width:349px;
	height:113px;
	display:table;
}
#felice .list-stone h4{
	padding-top:2px;
	display:table-cell;
	width:90px;
	vertical-align:middle;
	text-align:center;
}
#felice .list-stone ul{
	margin-top:8px;
	padding-left:10px;
	display:table-cell;
	vertical-align:middle;
	text-align:left;
}
#felice .list-stone ul li{
	display:inline-block;
	vertical-align:middle;
}
#felice .list-stone ul li.btn_emerald{
	margin:0px;
	padding-top:2px;
	box-sizing:border-box;
	width:82px;
	height:84px;
	text-align:center;
}
#felice .list-stone .btn_prev{
	margin-top: 0px;
	width:132px;
	height:38px;
}
#felice .list-stone .btn_emerald{ background:url(../img/character/felice_sqie/bg_emerald.png) no-repeat; }
.list-stone ul li img{ cursor:pointer; }


/* closet
-------------------------------------------------------*/
.closet{
	margin:0px auto 20px;
	width:1092px;
	height:554px;
	box-sizing:border-box;
	padding:50px 30px 0px 30px;
	position:relative;
}
.closet #pager{
	position:absolute;
	top:40%;
	right:100px;
	z-index:101;
}
.closet #pager li{ margin-bottom:20px; }
.closet #pager a{
	display:block;
	width:264px;
	height:52px;
	text-indent:-99999px;
	cursor:pointer;
}
#slides li{ padding-left:190px;  }


/*
===== 3: curemiracle ==========================================
*/
#miracle .content-character{
	background:
	url(../img/character/miracle/bg_cont.png) no-repeat center top,
	url(../img/character/miracle/bg_cont_bottom.png) no-repeat center bottom;
	-pie-background:
	url(../img/character/miracle/bg_cont.png) no-repeat center top,
	url(../img/character/miracle/bg_cont_bottom.png) no-repeat center bottom;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
}
#miracle .txt-chara .data h2{
	width:490px;
	height:98px;
	margin:0 auto;
	overflow:hidden;
}
#miracle .txt-chara .intro{	border-top:1px dotted #ffa4cd; }
#miracle .image-chara{background:url(../img/character/miracle/bg_chara.png) no-repeat; }
#miracle .txt-chara .data{ background:url(../img/character/miracle/bg_txt.png) no-repeat; }
#miracle .closet{ background:url(../img/character/miracle/bg_closet.png) no-repeat center top; }
#miracle .closet #pager #btn_uniform a{ background:url(../img/character/miracle/btn_uniform_off.png) no-repeat; }
#miracle .closet #pager #btn_uniform a.active{ background:url(../img/character/miracle/btn_uniform_on.png) no-repeat; }
#miracle .closet #pager #btn_uniform a:hover{ background:url(../img/character/miracle/btn_uniform_on.png) no-repeat; }
#miracle .closet #pager #btn_uniform02 a{ background:url(../img/character/miracle/btn_uniform02_off.png) no-repeat; }
#miracle .closet #pager #btn_uniform02 a.active{ background:url(../img/character/miracle/btn_uniform02_on.png) no-repeat; }
#miracle .closet #pager #btn_uniform02 a:hover{ background:url(../img/character/miracle/btn_uniform02_on.png) no-repeat; }
#miracle .closet #pager #btn_spring a{ background:url(../img/character/miracle/btn_spring_off.png) no-repeat top center; }
#miracle .closet #pager #btn_spring a.active{ background:url(../img/character/miracle/btn_spring_on.png) no-repeat top center; }
#miracle .closet #pager #btn_spring a:hover{ background:url(../img/character/miracle/btn_spring_on.png) no-repeat top center; }


/*
===== 4: curemagical ==========================================
*/
#magical .content-character{
	background:
	url(../img/character/magical/bg_cont.png) no-repeat center top,
	url(../img/character/magical/bg_cont_bottom.png) no-repeat center bottom;
	-pie-background:
	url(../img/character/magical/bg_cont.png) no-repeat center top,
	url(../img/character/magical/bg_cont_bottom.png) no-repeat center bottom;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
}
#magical .txt-chara .data h2{
	width:460px;
	height:98px;
	margin:0 auto;
	overflow:hidden;
}
#magical .txt-chara .intro{	border-top:1px dotted #d597f8; }
#magical .image-chara{background:url(../img/character/magical/bg_chara.png) no-repeat; }
#magical .txt-chara .data{ background:url(../img/character/magical/bg_txt.png) no-repeat; }
#magical .closet{ background:url(../img/character/magical/bg_closet.png) no-repeat center top; }
#magical .closet #pager #btn_uniform a{ background:url(../img/character/magical/btn_uniform_off.png) no-repeat; }
#magical .closet #pager #btn_uniform a.active{ background:url(../img/character/magical/btn_uniform_on.png) no-repeat; }
#magical .closet #pager #btn_uniform a:hover{ background:url(../img/character/magical/btn_uniform_on.png) no-repeat; }
#magical .closet #pager #btn_uniform02 a{ background:url(../img/character/magical/btn_uniform02_off.png) no-repeat; }
#magical .closet #pager #btn_uniform02 a.active{ background:url(../img/character/magical/btn_uniform02_on.png) no-repeat; }
#magical .closet #pager #btn_uniform02 a:hover{ background:url(../img/character/magical/btn_uniform02_on.png) no-repeat; }
#magical .closet #pager #btn_spring a{ background:url(../img/character/magical/btn_spring_off.png) no-repeat top center; }
#magical .closet #pager #btn_spring a.active{ background:url(../img/character/magical/btn_spring_on.png) no-repeat top center; }
#magical .closet #pager #btn_spring a:hover{ background:url(../img/character/magical/btn_spring_on.png) no-repeat top center; }


/*
===== 5: curefelice ==========================================*/

#felice .content-character{
	background:
	url(../img/character/felice_sqie/bg_cont.png) no-repeat center top,
	url(../img/character/felice_sqie/bg_cont_bottom.png) no-repeat center bottom;
	-pie-background:
	url(../img/character/felice_sqie/bg_cont.png) no-repeat center top,
	url(../img/character/felice_sqie/bg_cont_bottom.png) no-repeat center bottom;
	behavior:url(../css/PIE.htc);
	position:relative;
}
#felice .txt-chara{ height:800px; }
#felice .txt-chara .data h2{
	width:520px;
	height:110px;
	margin:0 auto;
	overflow:hidden;
}
#felice .txt-chara .intro{	border-top:1px dotted #30aaa7; }
#felice .image-chara{background:url(../img/character/felice_sqie/bg_chara.png) no-repeat; position:relative;}
#felice .txt-chara .data{ background:url(../img/character/felice_sqie/bg_txt.png) no-repeat; height:520px; }
#felice #pager-falice{
	position:absolute;
	bottom:20px;
	left:60px;
	z-index:100;
}
#felice #pager-falice li{ margin-bottom:10px; }
#felice #pager-falice li:hover{
	opacity: 0.5;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 50);
	filter: alpha(opacity = 50);
}
#felice .closet{ background:url(../img/character/felice_sqie/bg_closet.png) no-repeat center top; }
#felice .closet p{margin:44px 0px 0px 40px; text-align:center;}


/*
===== 6: mofurun ==========================================
*/
.mofurun .content-character{
	background:
	url(../img/character/mofurun/bg_cont.png) no-repeat center top,
	url(../img/character/mofurun/bg_cont_bottom.png) no-repeat center bottom;
	-pie-background:
	url(../img/character/mofurun/bg_cont.png) no-repeat center top,
	url(../img/character/mofurun/bg_cont_bottom.png) no-repeat center bottom;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
}
.mofurun .frame-character{
	background:url(../img/character/mofurun/bg_chara.png) no-repeat center center;
	padding:80px 50px 80px 150px;
	margin:30px auto;
}
.mofurun .txt-chara .data{ margin:50px 20px 20px 20px; }
.mofurun .txt-chara .data h2{
	width:144px;
	height:42px;
	overflow:hidden;
}
.mofurun .frame-character .txt-chara:before{
	content:url(../img/character/mofurun/img_txt-top.png);
	position:absolute;
	top:0px;
	left:0px;
}
.mofurun .frame-character .txt-chara:after{
	content:url(../img/character/mofurun/img_txt-bottom.png);
	position:absolute;
	bottom:0px;
	left:0px;
}


/*
===== 7: ha-chan ==========================================
*/

.ha-chan .content-character{
	background:
	url(../img/character/ha-chan/bg_cont.png) no-repeat center top,
	url(../img/character/ha-chan/bg_cont_bottom.png) no-repeat center bottom;
	-pie-background:
	url(../img/character/ha-chan/bg_cont.png) no-repeat center top,
	url(../img/character/ha-chan/bg_cont_bottom.png) no-repeat center bottom;
	behavior:url(../css/PIE.htc);/* for IE8 */
	position:relative;
}
.ha-chan .frame-character{
	background:url(../img/character/ha-chan/bg_chara.png) no-repeat center center;
	padding:60px 50px; 
	margin:30px auto;
}

.ha-chan .txt-chara { margin-top: 50px;} /* 1歳 */

.ha-chan .txt-chara .data{ margin:50px 20px 20px 20px; width:420px; }
.ha-chan .txt-chara .data h2{
	width:178px;
	height:42px;
	overflow:hidden;
}
.ha-chan .frame-character .txt-chara:before{
	content:url(../img/character/ha-chan/img_txt-top.png);
	position:absolute;
	top:0px;
	left:0px;
}
.ha-chan .frame-character .txt-chara:after{
	content:url(../img/character/ha-chan/img_txt-bottom.png);
	position:absolute;
	bottom:0px;
	left:0px;
}


/*
===== 8: dokuro ==========================================
*/

/* dokurokusi
-------------------------------------------------------*/
#dokurokusi.frame-character{
	background:url(../img/character/dokuro/bg_chara-dokurokusi.png) no-repeat center center;
	padding:0px 60px 20px 60px;
	margin:20px auto;
}
#dokurokusi .txt-chara{ margin-top:160px; }
#dokurokusi .txt-chara .data{ margin:20px; }
#dokurokusi .txt-chara .data dt{
	width:224px;
	height:44px;
	overflow:hidden;
}
.dokuro .frame-character .txt-chara:before{
	content:url(../img/character/dokuro/img_txt-top.png);
	position:absolute;
	top:0px;
	left:0px;
}
.dokuro .frame-character .txt-chara:after{
	content:url(../img/character/dokuro/img_txt-bottom.png) ;
	position:absolute;
	bottom:0px;
	left:0px;
}

.dokuro .content-character{ margin-top:20px; }
.dokuro .category-chara{
	margin:10px auto 20px;
	width:1100px;
}
.dokuro .category-chara h3{ margin:30px 0px; }
.dokuro .category-chara ul li{
	display:inline-block;
	padding:5px;
	width:540px;
	vertical-align:top;
	box-sizing:border-box;
}
.dokuro .category-chara ul li .image{
	margin:0px auto;
 	text-align:center;
 }
.dokuro .category-chara ul li dl dt{ line-height:40px; margin-bottom:10px; }

.navi-slash{ border:none; border-top:1px solid #c1eaff; display:block; margin-bottom:20px; }

/*
===== 9: people ==========================================
*/
.people .navi-people{ margin:20px auto; }
.people .navi-people li{
	background:url(../img/character/ico_arrow.png) no-repeat 0px 6px;
	margin:0px 10px 0px 0px;
	display:inline-block;
	text-indent:12px;
}
.people .frame-character .txt-chara:before{
	content:url(../img/character/people/img_txt-top.png);
	position:absolute;
	top:0px;
	left:0px;
}
.people .frame-character .txt-chara:after{
	content:url(../img/character/people/img_txt-bottom.png) ;
	position:absolute;
	bottom:0px;
	left:0px;
}
.people .category-chara{
	margin:10px auto 60px;
	width:1100px;
}
.people .category-chara h3{ margin:30px 0px 0px; }
.people .category-chara ul li{
	display:inline-block;
	width:540px;
	margin-bottom:40px;
}
.people .category-chara ul li .image{ min-width:170px; height:516px; vertical-align:bottom; text-align:center; }
.people .category-chara ul li dl img{ margin-top:180px; }
.people .category-chara ul li dl dt{ line-height:40px; }

.people .category-chara .mtMinus{margin-top:-40px;}

/* kocho
-------------------------------------------------------*/
#kocho.frame-character{
	background:url(../img/character/people/bg_chara-kocho.png) no-repeat center center;
	padding:0px 40px 20px 30px;
	margin:20px auto;
}
#kocho .txt-chara{ margin-top:160px; }
#kocho .txt-chara .data{ margin:20px; }
#kocho .txt-chara .data dt{
	width:86px;
	height:46px;
	overflow:hidden;
}</pre></body></html>