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

/*　クロッカスの咲くおもひでの学び舎　*/


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

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

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

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

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

#crocus img[class^="menu"]{
	width:199px;
	height:42px;
	position:absolute;
	display:block;
    left: 780px;
    top: 60px;
}

#crocus img.menu_item{
	top: 108px;
}

#crocus img[class^="menu"].on{
	opacity: 0.7;
}

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

#crocus #event01 .goto_item{
	width: 197px;
	height: 26px;
	position: absolute;
	display: block;
    left: 730px;
    top: 386px;
}

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

#crocus #event02 .goto_buy{
	width:238px;
	height:55px;
	position:absolute;
	display:block;
    left: 248px;
    top: 136px;
}

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

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

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

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


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

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

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


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

#crocus #item03 object{
	position: absolute;
}

#Edge02{
	left: 712px;
    top: 246px;
	z-index: 10;
}

#Edge01{
	left: 570px;
    top: 198px;
	z-index: 9;
}

#Edge04{
	left: 411px;
    top: 136px;
	z-index: 8;
}

#Edge03{
	left: 275px;
    top: 92px;
	z-index: 7;
}

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

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

#crocus #item04 .note{
	top: 80px;
}

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

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

#crocus .about_link li{
	position: relative;
}

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

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


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