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

/*はぐれ星のイソトマ収穫祭～彼方に届く星のきらめき～*/

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

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

#isotoma .note{
    position: absolute;
    left: 115px;
    top: 80px;
    color: #ffffff;
    line-height: 1.6em;
}

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

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

#isotoma #title img{
	width:187px;
	height:58px;
	position:absolute;
	display:block;
    top: 145px;
	left: 820px;
}

#isotoma #title img.menu_event{
    top: 82px;
    width: 187px;
    left: 820px;
}

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



#isotoma #event01 .goto_buy{
    width: 238px;
    height: 55px;
    position: absolute;
    display: block;
    right: 78px;
    bottom: 237px;
}


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

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

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

#isotoma #event02 .goto_garden{
	width:346px;
	height:55px;
	position:absolute;
	display:block;
	left: 327px;
    bottom: 20px;
}


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

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

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

#isotoma #event05 a{position: absolute;
	display:block;
	left: 740px;
    bottom: 30px;}

#isotoma #event06{
    width: 1000px;
    height: 303px;
    margin: 0 auto 30px auto;
    background: url(/image/event/september2019/garden/bg_event06.png) no-repeat center top;
    position: relative;
}

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

#isotoma #item01::before{
	content: "";
	display: inline-block;
	position: absolute;
    width: 364px;
    height: 530px;
	bottom: -14px;
	right: 10px;
    background: url(/image/event/september2019/garden/img_avatar.png) no-repeat center top;
}

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

#isotoma #item02 img.mixer{
	position: absolute;
	width: 288px;
	height: 76px;
	top: -11px;
	right: 67px;
}

#isotoma #item02 .goto_buy{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
	left: 267px;
	bottom: 20px;
}

#isotoma #item02 img.recipe_r,
#isotoma #item02 img.recipe_n{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 262px;
    top: 174px;
}

#isotoma #item02 img.recipe_r{
	left: 662px;
}


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

#isotoma #item03 #EdgeID{
	position: absolute;
	top: 138px;
    right: -5px;
}

#isotoma #item03 #EdgeID2{
	position: absolute;
	top: 272px;
    left: 117px;
}

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

#isotoma #item04 .note{
	top: 119px;
}

#isotoma #item04 p.about_link{
	position: absolute;
	font-weight: bold;
	left: 750px;
	top: 240px;	
	color: #ffffff;	
}

#isotoma #item04 p.about_link a{
	color: #ffffff;
}



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