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

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


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

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

#kadomatsu .ume_l{
	background:url(/image/event/december2024/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/december2024/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/december2024/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/december2024/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/december2024/garden2/img_new.png) no-repeat top center;
	left: 12px;
    top: -26px;
}

#kadomatsu #event02{
	width:1000px;
	height:430px;
	margin:0 auto;
	background:url(/image/event/december2024/garden2/bg_event02.png) no-repeat 50px top;
	position:relative;
}

#kadomatsu #event02 .goto_buy{
	width:238px;
	height:55px;
	position:absolute;
	display:block;
	left: 454px;
	top: 153px;
}



#kadomatsu #event03{
	width:1000px;
	height:450px;
	margin:0 auto;
	background:url(/image/event/december2024/garden2/bg_event03.png) no-repeat top center;
	position:relative;
}
#kadomatsu #event03 .pop{
	width:572px;
	height:136px;
	display: inline-block;
	position:absolute;
	background:url(/image/event/december2024/garden2/img_event.png) no-repeat top center;
    left: 203px;
    top: -35px;
}
#kadomatsu #event03 .goto_box{
	width:266px;
	height:55px;
	position:absolute;
	left: 533px;
	top: 328px;
}


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


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



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

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

#kadomatsu #event06{
	width:1000px;
	height:680px;
	margin:0 auto;
	background:url(/image/event/december2024/garden2/bg_event06.png) no-repeat top center;
	position:relative;
}

#kadomatsu #event07{
	width:1000px;
	height:300px;
	margin:0 auto 30px;
	background:url(/image/event/december2024/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;
}


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