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

/*　プルメリアバカンス～イルカが訪れる無人島～　*/


#plumeria{	
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	background: url(/image/event/july2019/garden/bg_all.png) repeat center top #00e3f7;
	min-width: 1020px;
}

#plumeria_board{	
	display:block;
	width:1000px;
	margin: 30px auto;
	background: url("/image/event/july2019/garden/bg_board.png") repeat-y center top;
	padding-top: 16px;
	border-radius: 60px;
}

#plumeria .opt{
	display:inline-block;
	opacity: 1;
	transition: opacity 0.6s ease-out;
}

#plumeria .opt:hover{
	opacity: 0.7;
}


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

#plumeria h2{
	display: none;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

#plumeria img[class^="menu"]{
	position:absolute;
	width:220px;
	height:46px;
    top: 173px;
}

#plumeria img.menu_event{
    left: 210px;
}

#plumeria img.menu_item{
    right: 210px;
}

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

#plumeria #event01 .goto_item{
	width: 207px;
	height: 26px;
	position: absolute;
	display: block;
    left: 684px;
    top: 386px;
}

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

#plumeria #event02 .goto_buy{
	width:237px;
	height:56px;
	position:absolute;
	display:block;
	left: 260px;
	top: 140px;
}

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

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

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

#plumeria #item01 .gotoShop{
	width:466px;
	height:67px;
	position:absolute;
	display:inline-block;
	left: 268px;
    bottom: 16px;
}


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

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

#plumeria #item02 img.recipe_r{
	left: 680px;
}


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

#plumeria #item03 object{
	position: absolute;
}

#EdgeID2{
	left: 827px;
    top: 272px;
	z-index: 10;
}

#EdgeID{
	left: 412px;
    top: 308px;
	z-index: 9;
}

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

#plumeria .note{
	position: absolute;
	top: 68px;
	left: 150px;
}

#plumeria #item04 .note{
	top: 68px;
}

#plumeria .note li{
	position: relative;
	color: #806a54;
}

#plumeria .note li::before{
	content: "※";
	position: absolute;
	top: 0;
	left: -16px;
}

#plumeria .about_link li{
	position: relative;
}

#plumeria .about_link li::before{
	content: "≫";
	position: absolute;
	top: 0;
	left: -16px;
}

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


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