/* CSS Document for PC */
.colorbarLong9,
#gigaindexName,
.colorbarLong4 {
	z-index:1;	
}
#gigaContents {
	z-index:2;
	margin-top:-75px; width:1000px;
	position:relative;
	background:#fff;
	color:#222;
}

.clearfix:before{clear:both; display:block; content:"";}

#gigaContents .cre {
    height:35px;
	text-align:right;
	color:#999;
	font-size:9px;
	padding:5px 0 ;
}



/*customize css from here*/

.fl-R{ float:right;}
.fl-L{ float:left;}
.fl-R.img-box{ margin-left:15px;}
.fl-L.img-box{ margin-right:15px;}

.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}

.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.with-border{ border-bottom: dotted #ec002c 1px;}

/* intro-area */
#gigaContents .intro-area{ margin-bottom:20px;}
#gigaContents .intro-area .youtube{ float:left; margin-right:15px; }
#gigaContents .intro-area .youtube iframe{ margin: 0 auto; }
#gigaContents .intro-area .youtube .area-title-youtube{ color:#fff;font-size:18px; }

/*title*/
.sp-sectionTitle{ font-size:24px; padding:15px 0 10px; color:#00A0E9; border-bottom:2px #00A0E9 solid; margin-bottom:20px;}

/**/
.heroinWrapper-ttlArea{ background-color:#faf5ee;}
.heroinWrapper-leadtxt{ padding:0 30px 40px 30px;}

.characterWrapper{ background-color:#000000; color:#FFFFFF;}
.characterWrapper p{color:#FFFFFF;}
.characterWrapper__bg{ background-repeat:no-repeat; background-position:left top; position:relative; height:335px;}

	.characterWrapper__bg-evilqueen{ background-image:url(hero-pht01.jpg);}
	.characterWrapper__bg-icequeen{ background-image:url(hero-pht02.jpg);}
	.characterWrapper__bg-marior{ background-image:url(hero-pht03.jpg);}

.character-info-wrapper{position:absolute; top:100px; left:30px; width:600px;}
.character-name{ font-size:49px; font-weight:bold; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; color:#fff; margin-bottom:15px;}
.character-detail{font-size:20px !important; }
.character-strength{ background-color:#000000; width:200px; padding:10px 15px;}
.character-strength i{ margin-right:10px; color:#ffeb45;}

.characterWrapper__intro{ padding:30px;}
.snow-hr{ text-align:center; padding-bottom:30px;}


/* info */
#gigaContents .info{  background:#eee; padding-top:0px; border:1px solid #eee; border-bottom:none; border-left:none; }
#gigaContents .info .ph{ text-align:left; padding:0; display:block; padding-right:20px;}
#gigaContents .info .ph img{ width:300px; float:left; margin-right:20px;}
#gigaContents .info .ttl{ color: #00A0E9; padding-top:20px; font-size:20px; font-weight:bold; text-align:left; padding-left:25px;}
#gigaContents .info h5{ color: rgba(233,0,3,1.00); padding-top:20px; font-size:15px; font-weight:bold; text-align:left;  border-bottom:1px solid rgba(251,0,4,1.00); margin:0 25px;}
#gigaContents .info p{ padding:10px; margin:0 15px; font-size:13px;}
#gigaContents .info p.min{ font-size:11px;}
#gigaContents .info p span{ color:#AA9779;}
#gigaContents .info p.c{  font-size:11px; color:#ccc;}

#gigaContents .info ul.col2{ background:#fff; margin-bottom:0;}
#gigaContents .info .col2 li .col2 li{ float:left; padding:0px ; width:50%; }
#gigaContents .info .col2 li p{ color:#222;}
#gigaContents .info .col2:after{ clear:both; content:""; display:block;}


h3.infotext{ background: #00A0E9; font-size:20px; padding:15px; color: #fff; font-weight:bold; margin-bottom:10px;}
h3.infotext span{ display:block; font-size:16px;}