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

/*　ライラックが香る 春風のメルヘン遊園地　*/

#lilac{	
	font-family: YuGothic,'Yu Gothic','ヒラギノ角ゴシック','Hiragino Sans','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
	position:relative;
	display:block;
	width:100%;
	background: url(/image/event/april2019/garden/bg_all.png) repeat #cdb9df;
	padding-top: 8px;
	padding-bottom: 32px;
}

#lilac_bg{
	position: relative;
	width: 1000px;
	margin: 24px auto 0;
	background: #ffffff;
	border: solid 8px #f6daea;
	border-radius: 68px;
	box-shadow:0px 0px 0 2px #e1b9ce;
	box-sizing: content-box;
}

#lilac a{
	display:inline-block;
	opacity: 1;
	transition: 0.6s ;
}

#lilac a:hover{
	opacity: 0.6;
}



#lilac #title{
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 320px;
	background: url(/image/event/april2019/garden/title.png) no-repeat center top;
}

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

#lilac ul.eventMenu{
	display: table;
	position:absolute;
	width:332px;
	height: 42px;
	top: 215px;
	left: 339px;
 	border-collapse: separate;  /* セルの間隔を空ける */
 	border-spacing: 15px 0px;  /* 左右 上下で記述 */
}
 
#lilac ul.eventMenu li {
  display: table-cell;
  vertical-align: middle;
  width: 148px;
  text-align: center;
  background-color: #fbc9e9;
  line-height: 30px;
  border-radius: 100px;
  padding:0 10px;
}
 
#lilac ul.eventMenu li a {
	display: block;
	text-decoration: none;
	color: #70134e;
	font-weight: bold;
	font-size: 20px;
	width: 100%;
}

#lilac ul.eventMenu li:nth-child(2n){
	margin-left: 28px;
}






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

#lilac .menu_item{
	width:133px;
	height:22px;
	position:absolute;
	display:block;
	right: 310px;
    top: 168px;
}
*/
#lilac #event01 .event_txt01{
	width:1000px;
	height:89px;
	margin:0 auto;
	background:url(/image/event/april2019/garden/txt_event01.png) no-repeat center top;
	position:absolute;
	top: -54px;
	left: 0;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

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

#lilac #event01 .img_avatar01{
	width:321px;
	height:473px;
	background:url(/image/event/april2019/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;
}

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

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

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

#lilac #event04 .event_txt02{
	width:108px;
	height:108px;
	margin:0 auto;
	background:url(/image/event/april2019/garden/txt_event02.png) no-repeat center top;
	position:absolute;
	top: 22px;
	left: 103px;
}

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

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


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

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

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

#lilac #item01 .img_avatar02{
	width:295px;
	height:413px;
	position:absolute;
	display:block;
	right: 114px;
    top: 50px;
	background:url(/image/event/april2019/garden/img_avatar02.png) no-repeat 0 top;
}

#lilac #item01 .img_avatar02 .noFlash{
	width:295px;
	height:413px;
	background:url(/image/event/april2019/garden/img_avatar02.png) no-repeat 0 top;
}

#lilac #item01 .goto_miracle{
	width:126px;
	height:14px;
	position:absolute;
	top: 453px;
	left: 815px;
}


#lilac #item01 .goto_buy{
	width:467px;
	height:67px;
	position:absolute;
	display:block;
    left: 266px;
    bottom:8px;
}

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

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

#lilac #item02 img.recipe_r{
	left: 670px;
}

#lilac #item03{
	width:1000px;
	height:956px;
	margin:0 auto;
	background:url(/image/event/april2019/garden/bg_item03.png) no-repeat;
	position:relative;
	overflow: hidden;
}

#lilac #item03 .img_avatar03{
	width:295px;
	height:409px;
	position:absolute;
	display:block;
    left: 250px;
    top: 180px;
}

#lilac #item03 .img_avatar03 .noFlash{
	width:295px;
	height:409px;
	background:url(/image/event/april2019/garden/img_avatar03.png) no-repeat 0 top;
}

#lilac #item03 .img_avatar04{
	width:295px;
	height:409px;
	position:absolute;
	display:block;
    right: 240px;
    top: 180px;
}

#lilac #item03 .img_avatar04 .noFlash{
	width:295px;
	height:409px;
	background:url(/image/event/april2019/garden/img_avatar04.png) no-repeat 0 top;
}

#lilac #item04{
	width:1000px;
	height:326px;
	margin:0 auto;
	background:url(/image/event/april2019/garden/bg_item04.png) no-repeat center top;
	position:relative;
}

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

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

#lilac #item04 p.about_link a{
	color: #fff;
}



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