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



/*　年末年始ガーデンイベント 年末年始はお得に経験値を上げよう　*/

#expgarden2017_bg{
	background:url(../../../image/event/december2016/garden02/bg.png) repeat #edc7d4;
	display:block;
	width:100%;
	overflow:hidden;
	
}


#expgarden2017{	
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;	
}



#expgarden2017 .main{
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

#expgarden2017 h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto;
	width:1000px;
	height:196px;
	background:url(../../../image/event/december2016/garden02/title.png) top center no-repeat;
}




#expgarden2017 .gaiyou01{
	width:1000px;
	height:455px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden02/gaiyou_01.png) no-repeat top center;
	position:relative;
}

#expgarden2017 .gaiyou01 .gotoshop{
	position:absolute;
	display:block;
	left: 311px;
	top: 375px;	
}

#expgarden2017 .gaiyou02{
	width:1000px;  
	height:324px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden02/gaiyou_02.png) no-repeat top center;
	position:relative;
}

#expgarden2017 .gaiyou02 .recipe_n{
	position:absolute;
	display:block;
	left: 480px;
	top: 210px;
}

#expgarden2017 .gaiyou02 .recipe_r{
	position:absolute;
	display:block;
	left: 732px;
	top: 210px;
}



#expgarden2017 .gaiyou03{
	width:1000px;
	height:592px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden02/gaiyou_03.png) no-repeat top center;
	position:relative;
}



#expgarden2017 .gaiyou03 .gotogarden{
	position:absolute;
	display:block;
	left: 176px;
	top: 484px;	
}

#expgarden2017 .gaiyou04{
	width:1000px;
	height:396px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden02/gaiyou_04.png) no-repeat top center;
	position:relative;
}



#expgarden2017 .gaiyou04 p{
	color:#5f4d0e;
	line-height:2.0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:absolute;
	display:block;
	left: 85px; 
	top: 75px;
}

#expgarden2017 .gaiyou04 .about_link{
	position:absolute;
	top:280px;
	left:780px;
	font-weight:bold;
	color:#5f4d0e;
}　　　　

#expgarden2017 .gaiyou04 .about_link a{
	color:#6c7176;
}


#expgarden2017 .red {
	color: #5f4d0e;

}


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

/*　8周年ロゴ */
	
#expgarden2017 .anniversaryMark
{
	position:absolute;
	background:url(../../../image/event/september2016/kuji/img_8thanniversary.png) no-repeat center top;
	width:1000px;
	height:80px;
	top: 0px;
    animation: anime_8th  5s steps(10) 3s normal infinite,
	moveY_8th 2.7s 1 normal ease-out;
	z-index:10;
}

@keyframes moveY_8th {
	0% {top:-120px;}
	30% {top:0px;}
	46% {top:-15px;}
	68% {top:0px;}
	86% {top:-4px;}
	100% {top:0px;}
}

@keyframes anime_8th {
    0% {background-position: center 0;}
    20% {background-position: center -800px;}
    100% {background-position: center -800px;}
}

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