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

/*スウィートクリスマス！イルミネーションツリー収穫祭♪*/

#sweetchristmas{	
	position:relative;
	display:block;
	width:100%;
	overflow: hidden;
	background: url(/image/event/december2018/garden/bg.png) repeat #73c1c6;
}

#sweetchristmas_wrap{
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

#sweetchristmas .note{
	position: absolute;
	left: 120px;
	top: 111px;
	color: #ffffff;
	line-height: 1.6em;
}

#sweetchristmas #title{
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
	width: 1000px;
	height: 307px;
	background: url(/image/event/december2018/garden/title.png) no-repeat center top;
}

#sweetchristmas h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:1000px;
	height:0;
	text-align: center;
}

#sweetchristmas #title img{
	width:161px;
	height:45px;
	position:absolute;
	display:block;
    top: 240px;
	right: 336px;
}

#sweetchristmas #title img.menu_event{
    top: 240px;
	width:161px;
	left: 317px;
}

#sweetchristmas #event01{
	width:1000px;
	height:840px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_event01.png) no-repeat center top;
	position:relative;
	z-index: 1;
}



#sweetchristmas #event01 .goto_buy{
	width:237px;
	height:56px;
	position:absolute;
	display:block;
	right: 467px;
    bottom: 63px;
}


#sweetchristmas #event02{
	width:1000px;
	height:732px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_event02.png) no-repeat center;
	position:relative;
}

#sweetchristmas #event02 .goto_Cbuy{
	width:159px;
	height:23px;
	position:absolute;
	display:block;
	left: 139px;
    top: 333px;
}

#sweetchristmas #event02 .goto_Pbuy{
	width:159px;
	height:23px;
	position:absolute;
	display:block;
	left: 332px;
    top: 333px;
}

#sweetchristmas #event02 .goto_garden{
	width:345px;
	height:56px;
	position:absolute;
	display:block;
	left: 327px;
    bottom: 20px;
}


#sweetchristmas #event03{
	width:1000px;
	height:994px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_event03.png) no-repeat center;
	position:relative;
}

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

#sweetchristmas #event05{
	width:1000px;
	height:360px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_event05.png) no-repeat center top;
	position:relative;
}


#sweetchristmas #item01{
	width:1000px;
	height:852px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_item01.png) no-repeat center top;
	position:relative;
}

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

#sweetchristmas #item02 .goto_buy{
	width:466px;
	height:67px;
	position:absolute;
	display:block;
	left: 267px;
	bottom: 20px;
}

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

#sweetchristmas #item03 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 262px;
    top: 193px;
}

#sweetchristmas #item03 img.recipe_r{
	left: 662px;
}


#sweetchristmas #item04{
	width:1000px;
	height:498px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_item04.png) no-repeat;
	position:relative;
	overflow: hidden;
}

#sweetchristmas #item04 .item{
  width:396px;
  height:352px;
  position:absolute;
  display:block;
  left: 542px;
  top: 124px;
}

#sweetchristmas .noFlash{
	position: relative;
	width: 396px;
	height: 352px;
	background: url(/image/event/december2018/garden/item_01.png) no-repeat;
}

#sweetchristmas #item05{
	width:1000px;
	height:394px;
	margin:0 auto;
	background:url(/image/event/december2018/garden/bg_item05.png) no-repeat center top;
	position:relative;
}

#sweetchristmas #item05 .note{
	top: 119px;
}

#sweetchristmas #item05 p.about_link{
	position: absolute;
	font-weight: bold;
	left: 750px;
	top: 219px;	
}

#sweetchristmas #item05 p.about_link a{
	color: #ffffff;
}



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