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

/*　10周年フラワー　*/

#flower{	
	position:relative;
	display:block;
	width:100%;
	min-width: 1000px;
	overflow: hidden;
	background: url(/image/event/september2018/garden/bg.png) repeat #beeaf2;
}

#flower #inner-wrap{
	position: relative;
	width: 1000px;
	margin: 0 auto 60px;
}

#flower #inner-wrap::before{
	display: inline-block;
	content: "";
	position: absolute;
	width: 1054px;
	height: 126px;
	background: url(/image/event/september2018/garden/img_corner_t.png) center top;
	top: 162px;
	left: -27px;
}

#flower #inner-wrap::after{
	display: inline-block;
	content: "";
	position: absolute;
	width: 1045px;
	height: 138px;
	background: url(/image/event/september2018/garden/img_corner_b.png) center bottom;
	bottom: -32px;
	left: -23px;
}

#flower div[id^="flag"]{
	position: absolute;
	top: 0;
	width: 50%;
	max-width: 516px;
	height: 293px;
}

#flower #flag_r{
	right: 0;
	background: url(/image/event/september2018/town/flag_r.png) no-repeat right top;
	background-size: contain;
	z-index: 10;
}

#flower #flag_l{
	left: 0;
	background: url(/image/event/september2018/town/flag_l.png) no-repeat left top;
	background-size: contain;	
	z-index: 10;
}

#flower #angel{
	background: url(/image/event/september2018/town/img_angels.png) no-repeat center top;
	position: absolute;
	top: -10px;
	width: 100%;
	height: 159px;
	z-index: 100;
    animation:
	moveY 2.4s ease-in-out infinite alternate;
}

@keyframes moveY {
	0% {transform: translateY(24px);}	
	100% {transform: translateY(0);}
}

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

#flower a:hover img{
	opacity: 0.7;
}

#flower #title{
	width: 1000px;
	height: 350px;
	background: url(/image/event/september2018/garden/bg_hedder.png) no-repeat center top;
	margin: 32px auto 0;
}

#flower .no-txt{
	text-indent:150%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto ;
	zoom :1;
}

#flower #menu{
	width: 400px;
	margin: 0 300px;
	position: absolute;
	z-index: 10;
	font-size: 0;
}

#flower #menu li{
	width: 200px;
	display: inline-block;
	text-align: center;
	padding-top: 16px;
}



#flower #gaiyou01{
	position: relative;
	background: url(/image/event/september2018/garden/bg_event01.png) no-repeat center;
	width: 1000px;
	height: 697px;
}

#flower #gaiyou01 #animation_container{
	position: absolute;
    top: 372px;
    left: 326px;
}

#flower .img_night{
	position: absolute;
	background: url(/image/event/september2018/garden/img_night.png) no-repeat center;
	width: 312px;
	height: 384px;
	bottom: -122px;
    right: -20px;
	z-index: 1;
}

#flower #gaiyou02{
	position: relative;
	background: url(/image/event/september2018/garden/bg_event02.png) no-repeat center;
	width: 1000px;
	height: 890px;
}

#flower #gaiyou03{
	position: relative;
	background: url(/image/event/september2018/garden/bg_event03.png) no-repeat center;
	width: 1000px;
	height: 380px;
}

#flower #gaiyou03 img{
	position: absolute;
	left: 266px;
	top: 290px;
}

#flower #item01{
	position: relative;
	background: url(/image/event/september2018/garden/bg_item01.png) no-repeat center;
	width: 1000px;
	height: 736px;
}

#flower .img_fukidashi{
	position: absolute;
	background: url(/image/event/september2018/garden/img_fukidashi.png) no-repeat center;
	width: 207px;
	height: 145px;
	top: -60px;
    left: 20px;
	z-index: 1;
}

#flower .img_rare{
	position: absolute;
	background: url(/image/event/september2018/garden/img_rare.png) no-repeat center;
	width: 195px;
	height: 186px;
	top: -30px;
    left: 33px;
	z-index: 1;
}

#flower #item02{
	position: relative;
	background: url(/image/event/september2018/garden/bg_item02.png) no-repeat center;
	width: 1000px;
	height: 527px;
}

#flower #item02 .gotoBuy{
	position: absolute;
	width: 467px;
	height: 66px;
	bottom: 36px;
    left: 270px;
	z-index: 1;
}

#flower #item03{
	position: relative;
	background: url(/image/event/september2018/garden/bg_item03.png) no-repeat center;
	width: 1000px;
	height: 303px;
}

#flower #item03 img{
	position: absolute;
	top: 190px;
	left: 167px;
	width: 176px;
	height: 51px;
	z-index: 1; 
}

#flower #item03 img.recipe_p{
	left: 483px;
}
#flower #item03 img.recipe_r{
	left: 798px;
}

#flower #item04{
	position: relative;
	background: url(/image/event/september2018/garden/bg_item04.png) no-repeat center;
	width: 1000px;
	height: 581px;
}

#flower #notice{
	position: relative;
	width: 1000px;
	height: 277px;
	background: url(/image/event/september2018/garden/img_notice.png) no-repeat center top;
	color: #fff;
	margin-bottom: 24px;
}

#flower #notice.item05{
	position: relative;
	height: 320px;
	background: url(/image/event/september2018/garden/img_notice2.png) no-repeat center top;
	color: #fff;
	margin-bottom: 24px;
}

#flower #notice ul{
	position: absolute;
	top: 80px;
	left: 136px;
	
}

#flower #notice li{
	position: relative;
}

#flower #notice li::before{
	content: "※";
	position: absolute;
	top: 0;
	left: -16px;
}


#flower #notice .about_link{
	position: absolute;
	font-weight: bold;
	left: 750px;
	top: 216px;	
    z-index: 10;
}

#flower #notice .about_link a{
	color: #fff;
}



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