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

/*　ナデシコと秋を彩るアトリエ　*/


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

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

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

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

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

#nadeshiko img[class^="menu"]{
	width:195px;
	height:31px;
	position:absolute;
	display:block;
    left: 280px;
    top: 142px;
}

#nadeshiko img.menu_item{
	left: auto;
	right: 280px;
}

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

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

#nadeshiko #event01 .goto_item{
	width: 188px;
	height: 24px;
	position: absolute;
	display: block;
    left: 760px;
    top: 74px;
}

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

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

#nadeshiko #event02 .pop{
	width:146px;
	height:46px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/november2018/garden/img_pop.png) no-repeat top center;
	left: 540px;
    top: -26px;
}

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

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

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

#nadeshiko #item01 img{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
	left: 272px;
    top: 610px;
}

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

#nadeshiko #item02 .avatar{
	width:318px;
	height:507px;
	position:absolute;
	display:inline-block;
	background:url(/image/event/november2018/garden/img_avatar.png) no-repeat top center;
	left: 660px;
    top: -130px;
}

#nadeshiko #item02 .gotoShop{
	width:467px;
	height:66px;
	position:absolute;
	display:inline-block;
	left: 268px;
    bottom: 16px;
}


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

#nadeshiko #item03 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 230px;
    top: 170px;
}

#nadeshiko #item03 img.recipe_r{
	left: 670px;
}

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

#nadeshiko #item04 .staub{
	width:138px;
	height:373px;
	position:absolute;
	background-color:rgba(255, 255, 255, 0);
	left: 83px;
    top: 75px;
}

#nadeshiko #item05{
	width:1000px;
	height:320px;
	margin:0 auto 30px;
	background:url(/image/event/november2018/garden/bg_item05.png) no-repeat top center;
	position:relative;
}

#nadeshiko .note{
	position: absolute;
	top: 92px;
	left: 150px;
}

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

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

#nadeshiko .about_link li{
	position: relative;
}

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

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


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