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

/*　経験値２倍イベント＆亥年「門松」新入荷　*/


#kadomatsu{	
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
	background: url(/image/event/december2018/garden2/bg_all.png) repeat center top #8aa84f;
	min-width: 1000px;
}

#kadomatsu .ume_l,#kadomatsu .ume_r{
	width:169px;
	height:340px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/december2018/garden2/img_umeL.png) no-repeat top center;
	left: 0;
    top: 0;
}

#kadomatsu .ume_l{
	background:url(/image/event/december2018/garden2/img_umeR.png) no-repeat top center;
	left: auto;
	right: 0;
}

#kadomatsu_wrap{	
	position:relative;
	display:block;
	width: 100%;
	margin: 0 auto 30px;
	overflow:hidden;
	background: url(/image/event/december2018/garden2/bg_paper.png) no-repeat center 160px;
}

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

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

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

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

#kadomatsu #event01{
	width: 1000px;
	height: 340px;
	margin: 0 auto;
	background: url(/image/event/december2018/garden2/bg_main.png) no-repeat top center;
	position: relative;
}

#kadomatsu #event01 .new{
	width:118px;
	height:118px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/december2018/garden2/img_new.png) no-repeat top center;
	left: 12px;
    top: -26px;
}

#kadomatsu #event02{
	width:1000px;
	height:230px;
	margin:0 auto;
	background:url(/image/event/december2018/garden2/bg_recipe.png) no-repeat top center;
	position:relative;
}

#kadomatsu #event02 .avatar{
	width:158px;
	height:430px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/december2018/garden2/img_avatar.png) no-repeat top center;
    left: 848px;
    top: -360px;
}

#kadomatsu #event02 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 250px;
    top: 152px;
}

#kadomatsu #event02 img.recipe_r{
	left: 660px;
}

#kadomatsu #event03{
	width:1000px;
	height:670px;
	margin:0 auto;
	background:url(/image/event/december2018/garden2/bg_event.png) no-repeat 50px top;
	position:relative;
}

#kadomatsu #event03 .goto_buy{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
    left: 267px;
    top: 570px;
}

#kadomatsu #event03 .pop{
	width:442px;
	height:136px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/december2018/garden2/img_event.png) no-repeat top center;
    left: 13px;
    top: -35px;
}

#kadomatsu #event04{
	width:1000px;
	height:300px;
	margin:0 auto 30px;
	background:url(/image/event/december2018/garden2/bg_notice.png) no-repeat top center;
	position:relative;
}

#kadomatsu .note{
	position: absolute;
	top: 72px;
	left: 150px;
}

#kadomatsu .note li{
	position: relative;
	color: #806a54;
	padding-bottom: 4px;
}

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

#kadomatsu .about_link li{
	position: relative;
}

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

#kadomatsu .about_link{
	position: absolute;
	font-weight: bold;
	left: 730px;
	top: 235px;	
    z-index: 10;
}


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