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

/*　ノースポールの「ドールハウス」＆「ドレスショップ」　*/

#northpole{	
	position:relative;
	display:block;
	width:100%;
	background: url(/image/event/february2018/garden/bg_all.png) repeat #f3c348;
	padding-top: 8px;
	padding-bottom: 32px;
}


#northpole #title{
	position: relative;
	margin: 0 auto;
	width: 1020px;
	height: 250px;
	background: url(/image/event/february2018/garden/bg_title.png) no-repeat center top;
}

#northpole h2{
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	width:1020px;
	height:0;
}

#northpole .menu_gaiyou{
	width:186px;
	height:31px;
	position:absolute;
	display:block;
	left:230px;
    top: 210px;
}

#northpole .menu_item{
	width:186px;
	height:31px;
	position:absolute;
	display:block;
	right: 230px;
    top: 210px;
}

#northpole #event01{
	width:1020px;
	height:540px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_event01.png) no-repeat center top;
	position:relative;
}

#northpole #event01 .event_pop{
	width:122px;
	height:122px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/img_day.png) no-repeat center top;
	position:absolute;
	top: -24px;
	left: 24px;
}


#northpole #event01 .goto_item{
	width:129px;
	height:16px;
	position:absolute;
	display:block;
	right: 50px;
    top: 203px;
}

#northpole #event01 .goto_buy{
	width:238px;
	height:55px;
	position:absolute;
	display:block;
	left: 220px;
    bottom: 30px;
}

#northpole #event02{
	width:1020px;
	height:385px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_event02.png) no-repeat center;
	position:relative;
}

#northpole #event03{
	width:1020px;
	height:156px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_event03.png) no-repeat center;
	position:relative;
}

#northpole #event03 p{
	position: absolute;
	left: 140px;
	top: 60px;
	color: #666666;
	line-height: 1.6em;
	font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}

#northpole #item01{
	width:1020px;
	height:667px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_item01.png) no-repeat center top;
	position:relative;
}

#northpole #item01 .goto_buy{
	width:467px;
	height:66px;
	position:absolute;
	display:block;
    right: 50px;
    top: 564px;
}


#northpole #item02{
	width:1020px;
	height:499px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_item02.png) no-repeat center;
	position:relative;
}

#northpole #item03{
	width:1020px;
	height:194px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_item03.png) no-repeat center;
	position:relative;
}

#northpole #item03 img{
	width:224px;
	height:51px;
	position:absolute;
	display:block;
	left: 270px;
    top: 106px;
}

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

#northpole #item04{
	width:1020px;
	height:534px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_item04.png) no-repeat;
	position:relative;
	overflow: hidden;
}

#northpole #item04 .item_avatar01{
	width:279px;
	height:348px;
	background:url(/image/event/february2018/garden/img_avatar_01.png) no-repeat -6417px top;
	position:absolute;
	display:block;
    left: 540px;
    top: 140px;
	animation:
	anime_item 1.4s steps(23) 0s normal infinite;
}

#northpole #item04 .item_avatar02{
	width:279px;
	height:348px;
	background:url(/image/event/february2018/garden/img_avatar_02.png) no-repeat -6417px top;
	position:absolute;
	display:block;
	right: 20px;
    top: 60px;
	animation:
	anime_item 1.4s steps(23) 0s normal infinite;
}

@keyframes anime_item {
  to {
    background-position: 0 0;
  }
}

#northpole #item05{
	width:1020px;
	height:257px;
	margin:0 auto;
	background:url(/image/event/february2018/garden/bg_item05.png) no-repeat center top;
	position:relative;
}

#northpole #item05 p{
	position: absolute;
	left: 140px;
	top: 60px;
	color: #666666;
	line-height: 1.6em;
	font-family: "Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}

#northpole #item05 p.about_link{
	font-weight: bold;
	left: 740px;
	top: 190px;	
}

#northpole #item05 p.about_link a{
	color: #666666;
	font-family: "Meiryo", "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "MS PGothic", arial, helvetica, sans-serif;
}



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