@charset "utf-8";

.charaPopup img { max-width:100%;}
.popupIcon { text-align:right;}
.charaPopup p { text-align:left; color:#FF67B3; font-size:30px; margin-top:35px;}
.bgBtm { background:url(../images/character/bg_popup_btm.png) center bottom no-repeat; padding-bottom:67px;}
.bgTop { background:url(../images/character/bg_popup_top.png) center top no-repeat; padding-top:61px;}
.bgMid { padding:0 65px; text-align:center;}


/*　スター☆トゥインクルプリキュア
-----------------------------------------------------*/
.content{
  position: relative;
      margin-top: 0px;
}

.contentWrap .content {
    margin-top: 127px;
		text-align: center;
}

.logo1{
  position:absolute;
  top:135px;
  left:34px; 
}
.logo2{
  position:absolute;
  top:135px;
  left:275px;
}
.logo3{
  position:absolute;
  top:105px;
  right:250px;

}
.logo4{
  position:absolute;
  top:135px;
  right:32px;
}

#character .characterBase,
#character .character {
  position:absolute;
}

.content  h2.ttl{
	position:absolute;
	top:350px;
}

.twincle  h2.ttl{
	left:310px;
}
.twincle .characterBase{
	bottom: 46px;
	left: 46px;
	z-index: 1;
}
.twincle .character1{
	bottom: 51px;
	right: 322px;
  z-index: 4;  
}
.twincle .character2{
	bottom: 120px;
	left: 273px;
  z-index: 3;  
}    
.twincle .character3{
  bottom:136px;
  right:44px;
  z-index: 2;  
}    
.twincle .character4{
  bottom:152px;
  left:38px;
  z-index: 1;  
}  
.twincle .character5{
  top: 365px;
	left: 73px;
  z-index: 2;  
}    
.twincle .character6{
  top: 378px;
	right: 91px;
  z-index: 1;  
}

.hug  h2.ttl{
	left:274px;
}
.hug .characterBase{
	bottom: 46px;
	left: 23px;
	z-index: 1;
}
.hug .character1{
	bottom: 74px;
	left: 326px;
  z-index: 4;  
}
.hug .character2{
	bottom: 75px;
	left: 130px;
  z-index: 3;  
}    
.hug .character3 {
	bottom: 65px;
	right: 200px;
	z-index: 3;
}  
.hug .character4 {
	bottom: 428px;
	left: 26px;
	z-index: 1;
}
.hug .character5{
	bottom: 174px;
	right: 19px;
  z-index: 2;  
}    
.hug .character6{
	bottom: 150px;
	left: 64px;
  z-index: 1;  
}
.hug .character7{
	top: 386px;
	right: 105px;
  z-index: 1;  
}

.alamode  h2.ttl{
	left:372px;
	z-index: 10;
}
.alamode .characterBase{
	bottom: 65px;
	left: 0;
	z-index: 1;
}
.alamode .character1 {
	top: 493px;
	right: 295px;
	z-index: 5;
}
.alamode .character2 {
	top: 625px;
	right: 170px;
	z-index: 4;
}
.alamode .character3 {
	top: 612px;
	left: 200px;
	z-index: 4;
}
.alamode .character4 {
	top: 513px;
	right: 6px;
	z-index: 1;
}
.alamode .character5{
	top: 410px;
	left: -3px;
  z-index: 1;  
}
.alamode .character6 {
	top: 625px;
	left: 345px;
	z-index: 4;
}
.alamode .character7{
	top: 446px;
	left: 259px;
  z-index: 1;  
}
.alamode .character8{
	top: 351px;
	right: 56px;
  z-index: 1;  
}

.original  h2.ttl{
	left:300px;
	z-index: 10;
}
.original .characterBase{
	bottom: 70px;
	left: 90px;
	z-index: 1;
}
.original .character1{
	bottom: 73px;
	left: 372px;
  z-index: 5;  
}
.original .character2{
	bottom: 73px;
	left: 87px;
  z-index: 4;  
}
.original .character3{
	bottom: 73px;
	right: 94px;
  z-index: 4;  
}