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

/*　スミレくまのガーデンカフェ　*/

#sumire{	
	position:relative;
	display:block;
	width:100%;
	background: url(/image/event/march2018/garden/bg_all.png) repeat #cdb9df;
	padding-top: 8px;
	padding-bottom: 32px;
}


#sumire #title{
	position: relative;
	margin: 0 auto;
	width: 1010px;
	height: 260px;
	background: url(/image/event/march2018/garden/title.png) no-repeat center top;
}

#sumire h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:1010px;
	height:0;
}

#sumire .menu_event{
	width:132px;
	height:23px;
	position:absolute;
	display:block;
	left: 310px;
    top: 168px;
}

#sumire .menu_item{
	width:133px;
	height:22px;
	position:absolute;
	display:block;
	right: 310px;
    top: 168px;
}

#sumire #event01 .event_txt01{
	width:1010px;
	height:87px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/txt_event01.png) no-repeat center top;
	position:absolute;
	top: -54px;
	left: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#sumire #event01{
	width:1010px;
	height:442px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_event01.png) no-repeat center top;
	position:relative;
}

#sumire #event01 .img_avatar01{
	width:321px;
	height:473px;
	background:url(/image/event/march2018/garden/img_avatar01.png) no-repeat 0  top;
	position:absolute;
	display:block;
	right: 0;
    top: 30px;
	/*animation:
	anime_item 1.4s steps(23) 0s normal infinite;*/
	z-index: 2;
}

#sumire #event02{
	width:1010px;
	height:341px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_event02.png) no-repeat center;
	position:relative;
}

#sumire #event03{
	width:1010px;
	height:806px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_event03.png) no-repeat center;
	position:relative;
}

#sumire #event04{
	width:1010px;
	height:282px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_event04.png) no-repeat center;
	position:relative;
}

#sumire #event04 .event_txt02{
	width:143px;
	height:143px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/txt_event02.png) no-repeat center top;
	position:absolute;
	top: -10px;
	left: 60px;
}

#sumire #event04 .goto_buy{
	position: absolute;
	width:258px;
	height:56px;
	top: 200px;
	left: 227px;
}

#sumire #event05{	
	width:1010px;
	height:320px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_event05.png) no-repeat center;
	position:relative;
}


#sumire #event05 p{
	position: absolute;
	left: 140px;
	top: 100px;
	color: #fff;
	line-height: 1.6em;
}

#sumire #item01{
	width:1010px;
	height:580px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_item01.png) no-repeat center;
	position:relative;
}

#sumire #item01 .item_txt01{
	width:1010px;
	height:105px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/txt_item01.png) no-repeat center;
	position:absolute;
	top: -60px;
	left: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#sumire #item01 .img_avatar02{
	width:319px;
	height:446px;
	position:absolute;
	display:block;
	right: 172px;
    top: 80px;
}

#sumire #item01 .img_avatar02 .noFlash{
	width:319px;
	height:446px;
	background:url(/image/event/march2018/garden/img_avatar02.png) no-repeat 0 top;
}

#sumire #item01 .goto_miracle{
	width:147px;
	height:18px;
	position:absolute;
	top: 500px;
	left: 815px;
}

#sumire #item02{
	width:1010px;
	height:504px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_item02.png) no-repeat center;
	position:relative;
}

#sumire #item02 .goto_buy{
	width:467px;
	height:67px;
	position:absolute;
	display:block;
    left: 266px;
    top: 420px;
}

#sumire #item03{
	width:1010px;
	height:244px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_item03.png) no-repeat center;
	position:relative;
}

#sumire #item03 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 240px;
    top: 164px;
}

#sumire #item03 img.recipe_r{
	left: 670px;
}

#sumire #item04{
	width:1010px;
	height:956px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_item04.png) no-repeat;
	position:relative;
	overflow: hidden;
}

#sumire #item04 .img_avatar03{
	width:276px;
	height:386px;
	position:absolute;
	display:block;
    left: 250px;
    top: 180px;
}

#sumire #item04 .img_avatar03 .noFlash{
	width:276px;
	height:386px;
	background:url(/image/event/march2018/garden/img_avatar03.png) no-repeat 0 top;
}

#sumire #item04 .img_avatar04{
	width:276px;
	height:386px;
	position:absolute;
	display:block;
    right: 240px;
    top: 180px;
}

#sumire #item04 .img_avatar04 .noFlash{
	width:276px;
	height:386px;
	background:url(/image/event/march2018/garden/img_avatar04.png) no-repeat 0 top;
}

#sumire #item05{
	width:1010px;
	height:326px;
	margin:0 auto;
	background:url(/image/event/march2018/garden/bg_item05.png) no-repeat center top;
	position:relative;
}

#sumire #item05 p{
	position: absolute;
	left: 140px;
	top: 84px;
	color: #fff;
	line-height: 1.6em;
}

#sumire #item05 p.about_link{
	font-weight: bold;
	left: 740px;
	top: 200px;	
}

#sumire #item05 p.about_link a{
	color: #fff;
}



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