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



/*　12月ガーデンイベント うさ雪だるま～かまくらを作ろう～　*/

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


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



#usayuki .main{
	background:url(../../../image/event/december2016/garden/bg2.png) repeat;
	width:1000px;
	height:100%;
	position:relative;
	margin:0 auto;
	overflow:hidden;
}

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



#usayuki .menu_gaiyou{
	width:163px;
	height:74px;
	position:absolute;
	display:block;
	left:670px;
	top:9px;
	z-index:11;
}

#usayuki .menu_item{
	width:163px;
	height:74px;
	position:absolute;
	display:block;
	left:830px;
	top:9px;
	z-index:12;
}


#usayuki .gaiyou01{
	width:921px;
	height:660px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/gaiyou_01.png) no-repeat top center;
	position:relative;
}

#usayuki .gaiyou02{
	width:899px;  
	height:222px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/gaiyou_02.png) no-repeat top center;
	position:relative;
}


#usayuki .gaiyou02 .gotoshop{
	position:absolute;
	display:block;
	left: 530px;
	top: 149px;
	
}

#usayuki .gaiyou03{
	width:956px;
	height:550px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/gaiyou_03.png) no-repeat top center;
	position:relative;
}

#usayuki .gaiyou03 .gotoitem{
	position:absolute;
	display:block;
	left: 625px;
	top: 480px;
	
}


#usayuki .usayukibottom {
width:1000px;
	height:49px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/img_bottom.png) no-repeat top center;
}



#usayuki .item01{
	width:957px;
	height:605px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/item_01.png) no-repeat top center;
	position:relative;
}




#usayuki .item01 .gotoshop{
	position:absolute;
	left: 295px;
	top: 541px;
	z-index:2;
}


#item_01_f{
	position:absolute;
	display:block;
	left: 0px;
	top: 0px;
	width:957px;
	height:605px;
	
}


#usayuki .item02{
	width:851px;
	height:450px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/item_02.png) no-repeat top center;
	position:relative;
}


#usayuki .item02 .recipe_n{
	position:absolute;
	display:block;
	left: 648px;
	top: 160px;
}

#usayuki .item02 .recipe_r{
	position:absolute;
	display:block;

	left: 648px;
	top: 400px;
}



#usayuki .item03{
	width:896px;
	height:270px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/item_03.png) no-repeat top center;
	position:relative;
}



#usayuki .item03 .btn_gokamakura{
	position:absolute;
	display:block;
	width: 450px;
	height: 40px;
	left: 20px;
	top: 190px;
}



#usayuki .item04{
	width:926px;
	height:567px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/item_04.png) no-repeat top center;
	position:relative;
}


#item_04_f {
	position:absolute;
	display:block;
	left: 0px;
	top: 0px;
	width:926px;
	height:567px;
}

#usayuki .item05{
	width:838px;
	height:301px;
	margin:0 auto;
	background:url(../../../image/event/december2016/garden/item_05.png) no-repeat top center;
	position:relative;
}

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



#usayuki .item05 .about_link{
	position:absolute;
	top:210px;
	left:680px;
	font-weight:bold;
	color:#6c7176;
}　　　　

#usayuki .item05 .about_link a{
	color:#6c7176;
}


#usayuki .red {
	color: #f25e7b;

}

#usayuki .gaiyou01,
#usayuki .gaiyou02,
#usayuki .item01,
#usayuki .item02,
#usayuki .item03,
#usayuki .item04,
#usayuki .item05{
	margin-bottom:30px;
	
}

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

/*　8周年ロゴ */
	
#usayuki .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;}
}

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