@charset "utf-8";
/* CSS Document */

#premiumchoco #mainInner{
	padding:0 !important;
	width:1090px !important;
}

#premiumchoco #premiumbelgian-chocoMain{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_bg01.gif);
	background-repeat:repeat-y;
	color:#FFFFFF;
	font-size:135%;
	overflow:hidden;
}

#premiumchoco .premiumbelgian-chocoInner{
	position:relative;
}

#premiumchoco .premiumbelgian-chocoInner,
#premiumchoco .premiumSection03Inner{
	width:930px;
	margin:0 auto;
}


/*h2 -----------------*/

#premiumbelgian-chocoMain h2{
	position:relative;
}

#premiumbelgian-chocoMain h2 span{
	position:absolute;
	top:57px;
	left:50px;
	display:none;
}



/*txLead -----------------*/

#premiumbelgian-chocoMain #txLead{
	text-align:center;
	margin-top:20px;
	opacity:0;
}

.animeNO #premiumbelgian-chocoMain #txLead{
	opacity:1;
}

#premiumbelgian-chocoMain p.slideIn{
	animation:leadTxt 1s ease;
	-webkit-animation:leadTxt 1s ease;
}

/*アニメーション*/

/*txLead*/

@keyframes leadTxt{
	0%{
		opacity:0;
		margin-top:-100px;
	}
	100%{
		opacity:1;
		margin-top:20px;
	}
}
@-webkit-keyframes leadTxt{
	0%{
		opacity:0;
		margin-top:-100px;
	}
	100%{
		opacity:1;
		margin-top:20px;
	}
}

/*premiumSection00 -----------------*/

#premiumbelgian-chocoMain .premiumSection00{
	position:absolute;
	top:108px;
	left:23px;
	opacity:0;
}


/*premiumSection01 -----------------*/

#premiumbelgian-chocoMain .premiumSection01{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_bg03.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	margin-top:25px;
	padding-bottom:46px;
}

#premiumbelgian-chocoMain .premiumSection06{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_bg03.png);
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:25px;
}


/*premiumSection02 -----------------*/

#premiumbelgian-chocoMain .apeal01 .text01{
	margin:60px 0 0 24px;
	width:482px;
}

#premiumbelgian-chocoMain .apeal01 .rightBox{
	margin-right:30px;
}

#premiumbelgian-chocoMain .apeal01 .text01 h3{
	margin-bottom:22px;
}


#premiumbelgian-chocoMain .apeal02 .text01{
	margin:37px 40px 0 32px;
	width:468px;
}

#premiumbelgian-chocoMain .apeal02 .leftBox{
	margin-left:24px;
}


#premiumbelgian-chocoMain .premiumSection02.apeal03{
	text-align:center;
	margin:38px 0 40px 0;
}

#premiumbelgian-chocoMain .premiumSection02.apeal03 h3{
	margin-bottom:20px;
}


/*premiumSection03 -----------------*/

#premiumbelgian-chocoMain .premiumSection03{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_bg04.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:2374px;
}

#premiumbelgian-chocoMain .premiumSection03.slideIn{
	animation:leadTxt 1s ease;
	-webkit-animation:leadTxt 1s ease;
}

#premiumbelgian-chocoMain .premiumSection03 p.txLead{
	padding-top:108px;
	text-align:center;
}

#premiumbelgian-chocoMain .premiumSection03 h3{
	text-align:center;
	margin-bottom:35px;
}

#premiumbelgian-chocoMain .premiumSection03 div{
	position:relative;
}

#premiumbelgian-chocoMain .premiumSection03 div h4 span{
	position:absolute;
	top:0;
	left:0;
	animation:keyiconanime 2s ease infinite;
	-webkit-animation:keyiconanime 2s ease infinite;
}


/*premiumSection01 apeal04 -----------------*/

#premiumbelgian-chocoMain .premiumSection01.apeal04{
	position:relative;
	padding-left:30px;
}


/*premiumSection01 apeal05 -----------------*/

#premiumbelgian-chocoMain .premiumSection06 .apeal05{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_il01.png);
	background-repeat:no-repeat;
	background-position:55px 25px;
	height:363px;
}

#premiumbelgian-chocoMain .premiumSection06 .apeal05 h3{
	text-align:right;
	padding:92px 55px 0 0;
}

#premiumbelgian-chocoMain .premiumSection06 .apeal05 h3 span{
	position:absolute;
	top:94px;
	left:390px;
	animation:keyiconanime 2s ease infinite;
	-webkit-animation:keyiconanime 2s ease infinite;
}

#premiumbelgian-chocoMain .premiumSection02 .apeal06{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_il02.png);
	background-repeat:no-repeat;
	background-position:570px 20px;
	height:394px;
}

#premiumbelgian-chocoMain .premiumSection02 .apeal06 h3{
	text-align:left;
	padding:70px 0 0 55px;
}

#premiumbelgian-chocoMain .premiumSection02 .apeal06 h3 span{
	position:absolute;
	top:69px;
	left:54px;
	animation:keyiconanime 1.5s ease infinite;
	-webkit-animation:keyiconanime 1.5s ease infinite;
}

/*アニメーション*/

/*apeal01*/

@keyframes keyiconanime{
	0%{
		transform:rotate(0);
	}
	50%{
		transform:rotate(-8deg);
	}
	100%{
		transform:rotate(0);
	}
}
@-webkit-keyframes keyiconanime{
	0%{
		transform:rotate(0);
	}
	50%{
		transform:rotate(-8deg);
	}
	100%{
		transform:rotate(0);
	}
}


/*premiumSection03 02 -----------------*/

#premiumbelgian-chocoMain .premiumSection03 div dl{
	margin-top:18px;
}

#premiumbelgian-chocoMain .premiumSection03 div dd{
	position:absolute;
	top:271px;
	left:25px;
}


/*premiumSection04 -----------------*/

#premiumbelgian-chocoMain .premiumSection04{
	margin:70px 0 0 30px;
	width:840px;
	position:relative;
}

#premiumbelgian-chocoMain .premiumSection04 .leftBox span{
	position:absolute;
	top:-20px;
	left:-180px;
	transform:rotate(-5deg);
}

#premiumbelgian-chocoMain .premiumSection04 .rightBox span{
	position:absolute;
	top:29px;
	left:206px;
	transform:rotate(25deg);
}


/*threeApeal -----------------*/

#premiumbelgian-chocoMain .threeApeal{
	height:817px;
	position:relative;
}

#premiumbelgian-chocoMain .threeApeal ul li#apeal01{
	position:absolute;
	top:-11px;
	left:-27px;
	opacity:0;
}

#premiumbelgian-chocoMain .threeApeal ul li#apeal01.slideIn{
	animation:slideInanime01 0.8s ease-out;
	-webkit-animation:slideInanime01 0.8s ease-out;
}

#premiumbelgian-chocoMain .threeApeal ul li#apeal02.slideIn{
	animation:slideInanime02 1s ease-out;
	-webkit-animation:slideInanime02 1s ease-out;
}

#premiumbelgian-chocoMain .threeApeal ul li#apeal03.slideIn{
	animation:slideInanime03 0.8s ease-out;
	-webkit-animation:slideInanime03 0.8s ease-out;
}

/*アニメーション*/

/*apeal01*/

@keyframes slideInanime01{
	0%{
	top:-11px;
	left:-100px;
	opacity:0;
	}
	100%{
	top:-11px;
	left:-27px;
	opacity:1;
	}
}
@-webkit-keyframes slideInanime01{
	0%{
	top:-11px;
	left:-100px;
	opacity:0;
	}
	100%{
	top:-11px;
	left:-27px;
	opacity:1;
	}
}

/*apeal02*/

@keyframes slideInanime02{
	0%{
	top:-11px;
	left:700px;
	opacity:0;
	}
	25%{
	top:-11px;
	left:700px;
	opacity:0;
	}
	100%{
	top:-11px;
	left:639px;
	opacity:1;
	}
}
@-webkit-keyframes slideInanime02{
	0%{
	top:-11px;
	left:700px;
	opacity:0;
	}
	25%{
	top:-11px;
	left:700px;
	opacity:0;
	}
	100%{
	top:-11px;
	left:639px;
	opacity:1;
	}
}

/*apeal03*/

@keyframes slideInanime03{
	0%{
	top:373px;
	left:200px;
	opacity:0;
	}
	100%{
	top:373px;
	left:306px;
	opacity:1;
	}
}
@-webkit-keyframes slideInanime03{
	0%{
	top:373px;
	left:200px;
	opacity:0;
	}
	100%{
	top:373px;
	left:306px;
	opacity:1;
	}
}




#premiumbelgian-chocoMain .threeApeal ul li#apeal02{
	position:absolute;
	top:-11px;
	left:639px;
	opacity:0;
}

#premiumbelgian-chocoMain .threeApeal ul li#apeal03{
	position:absolute;
	top:373px;
	left:306px;
	margin:0;
	opacity:0;
}

#premiumbelgian-chocoMain .threeApeal div{
	position:absolute;
	top:461px;
	left:660px;
}


/*cmAreaBox -----------------*/

#premiumbelgian-chocoMain .cmAreaBox{
	position:relative;
	margin-top:29px;
	margin-bottom:-29px;
}

#premiumbelgian-chocoMain .cmAreaBox h3{
	text-align:center;
}

#premiumbelgian-chocoMain .cmAreaBoxInner{
	width:920px;
	position:absolute;
	top:147px;
	left:85px;
}

#premiumbelgian-chocoMain .cmAreaBoxInner p{
	text-align:center;
	margin-top:14px;
}


/*valentineBox -----------------*/

#premiumbelgian-chocoMain .valentineBox{
	background-image:url(/syohin/sweets/softcream/premiumbelgian-chocosoft/images/premium_bg02.png);
	background-repeat:no-repeat;
	background-position:0 0;
	height:456px;
	position:relative;
	z-index:2;
}

#premiumbelgian-chocoMain .valentineBox p{
	text-align:center;
	padding-top:110px;
}

#premiumbelgian-chocoMain .valentineBox span{
	position:absolute;
	top:45px;
	left:0;
	opacity:0;
}

#premiumbelgian-chocoMain .valentineBox span.slideIn{
	animation:prsents 3s ease;
	-webkit-animation:prsents 3s ease;
}

/*アニメーション*/

/*apeal01*/

@keyframes prsents{
	0%{
	top:-25px;
	opacity:0;
	}
	100%{
	top:45px;
	opacity:1;
	}
}
@-webkit-keyframes prsents{
	0%{
	top:-25px;
	opacity:0;
	}
	100%{
	top:45px;
	opacity:1;
	}
}


/*e_giftBox -----------------*/

#premiumbelgian-chocoMain .e_giftBox{
	height:501px;
	margin-top:-65px;
	position:relative;
	z-index:1;
}

#premiumbelgian-chocoMain .e_giftBox div{
	position:absolute;
	top:80px;
	left:530px;
}

#premiumbelgian-chocoMain .e_giftBox div p{
	text-align:center;
}


/*premiumSection05 -----------------*/

#premiumbelgian-chocoMain .premiumSection05{
	position:relative;
	margin-top:32px;
	padding-bottom:25px;
}

#premiumbelgian-chocoMain .premiumSection05 p{
	text-align:center;
	margin:0;
}

#premiumbelgian-chocoMain .premiumSection05 p.txLead{
	margin-top:-15px;
}

#premiumbelgian-chocoMain .premiumSection05 .colLayoutBox{
	position:absolute;
	top:199px;
	left:312px;
	width:700px;
}




/*colLayoutBox*/

#premiumbelgian-chocoMain .colLayoutBox{
	clear:both;
}

#premiumbelgian-chocoMain .colLayoutBox .leftBox{
	float:left;
}

#premiumbelgian-chocoMain .colLayoutBox .rightBox{
	float:right;
}



/* clearFix */

#premiumbelgian-chocoMain .colLayoutBox:after,
#premiumbelgian-chocoMain .threeApeal:after{
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
 content: ".";
}

#premiumbelgian-chocoMain .colLayoutBox,
#premiumbelgian-chocoMain .threeApeal{
 zoom: 1;
}