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

/*　ふわふわドリームナイト～夏庭幻想祭～  　*/


#cottoncandy{	
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	background: url(/image/event/august2019/garden/bg.png) repeat center top #ead3f5;
	background-size: 100% auto;
	min-width: 1020px;
}

#cottoncandy::before{	
	content: "";
	position:absolute;
	top: 0;
	left: 0;
	display:block;
	width:100%;
	height: 100%;
	background: url(/image/event/august2019/garden/bg_top.png) no-repeat center top;
	background-size: 100% auto;
}

#cottoncandy .imgL::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: -7px;
	left: 0;
	width: 384px;
	height: 100%;
	background: url(/image/event/august2019/garden/bg_Topleft.png) no-repeat left top;
}




#cottoncandy .imgL{
	position: absolute;
	display: inline-block;
	top: 0;
	left: 0;
	width: 210px;
	height: 100%;
	background: url(/image/event/august2019/garden/bg_left.png) repeat-y left top;
}
#cottoncandy .imgR::before{
	content: "";
	position: absolute;
	display: inline-block;
	top: -7px;
	left: 0;
	width: 388px;
	height: 100%;
	background: url(/image/event/august2019/garden/bg_Topright.png) no-repeat right top;
}
#cottoncandy .imgR{
	position: absolute;
	display: inline-block;
	top: 0;
	right: 0;
	width: 369px;
	height: 100%;
	background: url(/image/event/august2019/garden/bg_right.png) repeat-y right top;
}


#cottoncandy a img{
	display:inline-block;
	opacity: 1;
	transition: opacity 0.6s ease-out;
}

#cottoncandy #title{
	position: relative;
	margin: 48px auto 0;
	width: 1000px;
	height: 291px;
	background: url(/image/event/august2019/garden/title.png) no-repeat 180px top;
}

#cottoncandy h2{
	display: none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#cottoncandy img[class^="menu"]{
	width:156px;
	height:66px;
	position:absolute;
	display:block;
    left: 664px;
    top: 53px;
   	z-index: 2;
}

#cottoncandy img.menu_item{
	top: 120px;
}

#cottoncandy #event01{
	width: 1000px;
	height: 447px;
	margin: 0 auto;
	background: url(/image/event/august2019/garden/bg_event01.png) no-repeat center 50px;
	position: relative;
}

#cottoncandy #event01 h2{
	display: block;
	width: 1000px;
	height: 60px;
	margin: 0 auto;
	background: url(/image/event/august2019/garden/img_title_event1.png) no-repeat top center;
	position: relative;
}

#cottoncandy #event02{
	width:1000px;
	height:260px;
	margin:0 auto;
	background:url(/image/event/august2019/garden/bg_event02.png) no-repeat top center;
	position:relative;
	z-index: 10;
}

#cottoncandy #event02 .goto_buy{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
    left: 270px;
    top: 181px;
}

#cottoncandy #event03{
	width:1000px;
	height:580px;
	margin:0 auto;
	background:url(/image/event/august2019/garden/bg_event03.png) no-repeat center 101px;
	position:relative;
	z-index: 0;
}

#cottoncandy #event03 h2{
	position: absolute;
	top: -26px;
	left: 0;
	display: block;
	width: 1000px;
	height: 122px;
	margin: 0 auto;
	background: url(/image/event/august2019/garden/img_title_event2.png) no-repeat 60px center;
}

#cottoncandy #event04{
	width:1000px;
	height:190px;
	margin:0 auto 30px;
	background:url(/image/event/august2019/garden/bg_event04.png) no-repeat top center;
	position:relative;
}

#cottoncandy #item01{
	width:1000px;
	height:1203px;
	margin:0 auto;
	background:url(/image/event/august2019/garden/bg_item01.png) no-repeat top center;
	position:relative;
}
/*
#cottoncandy #item01 .avatar01{
	width:317px;
	height:431px;
	position:absolute;
	display:block;
    left: -17px;
    top: 185px;
	background:url(/image/event/august2019/garden/avatar01.png) no-repeat top center;
}

#cottoncandy #item01 .avatar02{
	width:357px;
	height:466px;
	position:absolute;
	display:block;
    right: -37px;
    top: 198px;
	background:url(/image/event/august2019/garden/avatar02.png) no-repeat top center;
}
*/
#cottoncandy #item01 .gotoShop{
	width:467px;
	height:66px;
	position:absolute;
	display:inline-block;
	left: 268px;
    bottom: 83px;
}


#cottoncandy #item02{
	width:1000px;
	height:342px;
	margin:0 auto;
	background:url(/image/event/august2019/garden/bg_item02.png) no-repeat top center;
	position:relative;
}

#cottoncandy #item02 img{
	position: absolute;
	left: 255px;
	top: 195px;
}


#cottoncandy #item02 img.recipe_r{
	left: 660px;
}


#cottoncandy #item03{
	width:1000px;
	height:620px;
	margin:0 auto;
	background:url(/image/event/august2019/garden/bg_item03.png) no-repeat top center;
	position:relative;
}

#cottoncandy #item03 object{
	position: absolute;
}

#cottoncandy #item03 #EdgeID{
    left: 466px;
    top: 241px;
	z-index: 9;
}

#cottoncandy #item03 #EdgeID2{
    left: 773px;
    top: 241px;
    z-index: 10;
}


#cottoncandy #item03 .txt01{
	width:512px;
	height:26px;
	position:absolute;
	display:block;
	left: 247px;
	top: 90px;
	background:url(/image/event/august2019/garden/txt01.png) no-repeat top center;
	z-index: 11;
}

#cottoncandy #item04{
	width:1000px;
	height:240px;
	margin:0 auto 30px;
	background:url(/image/event/august2019/garden/bg_event04.png) no-repeat top center;
	position:relative;
}

#cottoncandy .note{
	position: absolute;
	top: 88px;
	left: 160px;
}

#cottoncandy #item04 .note{
	top: 80px;
}

#cottoncandy .note li{
	position: relative;
	color: #996699;

}

#cottoncandy .note li::before{
	content: "※";
	position: absolute;
	top: 0;
	left: -16px;
}

#cottoncandy .about_link li{
	position: relative;
}

#cottoncandy .about_link li::before{
	content: "≫";
	position: absolute;
	top: 0;
	left: -16px;
}

#cottoncandy .about_link{
	position: absolute;
	font-weight: bold;
	left: 750px;
	top: 210px;	
    z-index: 10;
	color: #fff;
}

#cottoncandy .about_link a{
	color: #996699;
}

/*-------------------------------------- */