@charset "utf-8";

/* --------------------------------------------------
	animation
-------------------------------------------------- */
#top #main-image{
	/*height:618px;*/ /* 商品一覧のときの高さ */
	height:444px; /* イベント切り替えのときの高さ　初期配置 */
	overflow:hidden;
	position:relative;
}

#box-item{
	width:100%;
	min-width:900px;
	height:618px;
	background:#EAE9E6 url(../img/top/contents/item/bg_box_item.jpg) repeat-x left top;
	position:absolute;
	/*bottom:0;*/ /* 商品一覧のときの配置 */
	bottom:-618px; /* イベント切り替えのとき画面下　初期配置 */
	left:0;
	z-index:30;
}
#box-item-i{
	margin:0 auto;
	width:901px;
	height:618px;
	text-align:left;
	position:relative;
}
#btn-item-close{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:87px;
	height:33px;
	cursor:pointer;
	background:url(../img/top/contents/item/btn_close.jpg) no-repeat left top;
	position:absolute;
	top:20px;
	right:0;
}
#title-item{
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:248px;
	height:42px;
	background:url(../img/top/contents/item/title_item.gif) no-repeat left top;
	position:absolute;
	top:46px;
	left:50%;
	margin-left:-124px;
}
#box-item-list{
	border-top:1px #A7C7E0 solid;
	border-left:1px #A7C7E0 solid;
	background:url(../img/top/contents/item/bg.jpg) no-repeat right bottom;
	position:absolute;
	top:114px;
	left:0;
}
#box-item-list-i{
	margin:0;
	padding:0;
	list-style:none;
	width:100%;
}
#box-item-list-i li.item-box-i{
	margin:0;
	padding:0;
	width:180px;
	height:120px;
	float:left;
	position:relative;
}

/* box-item-i*/
.item-box-c{
	position:absolute;
	width:180px;
	height:120px;
	z-index:100;
}
.item-box-b{
	position:absolute;
	width:180px;
	z-index:1000;
	display:none;
	background:url(../img/top/contents/item/bg_item_box_i.png) left top;
}
.item-box-btn{
	margin:0 19px;
	padding:0;
	list-style:none;
	width:141px;
	height:120px;
}
.item-box-btn li{
	margin:0;
	padding:0 0 5px;
}
.item-box-btn li.btn-top{
	padding:28px 0 5px;
}
.item-box-btn.btn1 li.btn-top{
	padding:46px 0 5px !important;
}
.item-box-btn.btn3 li.btn-top{
	padding:14px 0 5px !important;
}


#event-box-i{
	background-color:#fff;
	width:100%;
	min-width:900px;
	height:444px;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#event-box-i div{
	width:100%;
	min-width:900px;
	height:444px;
	position:absolute;
	top:0;
	left:0;
	display: none;
}
#event-box-i div a{
	display:block;
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:100%;
	height:444px;
}

#event-box-i div#event-rovaniemi-quiz a{background:#0a0c36 url(../img/top/contents/event/event_rovaniemi_quiz03.jpg) no-repeat center top;}
#event-box-i div#event-soryomuryo a{background:#ccdfec url(../img/top/contents/event/event_soryomuryo2018-01.jpg) no-repeat center top;}
#event-box-i div#event-rovaniemi a{background:#E8EDE6 url(../img/top/contents/event/event_rovaniemi.jpg) no-repeat center top;}
#event-box-i div#event-70th a{background:#ffdfc2 url(../img/top/contents/event/event-70th_03.jpg) no-repeat center top;}
#event-box-i div#event-namara-butter-baum a{background:#b06a3f url(../img/top/contents/event/event-namara-butter-baum.jpg) no-repeat center top;}
#event-box-i div#event-park2017 a{background:url(../img/top/contents/event/event_park2017.jpg) no-repeat center top;}
#event-box-i div#event-pudding a{background:#f3f1ef url(../img/top/contents/event/event-pudding.jpg) no-repeat center top;}
#event-box-i div#event-ginza a{background:#221715 url(../img/top/contents/event/event_ginza04.jpg) no-repeat center top;}
#event-box-i div#event-sakura-sweets2017 a{background:#ffe6ec url(../img/top/contents/event/event_sakura-sweets2017.jpg) no-repeat center top;}
#event-box-i div#event-whiteday2017 a{background:url(../img/top/contents/event/event-whiteday2017.jpg) no-repeat center top;}
#event-box-i div#event-chocolat-yokan a{background:#eb949d url(../img/top/contents/event/event_chocolat-yokan02.jpg) no-repeat center top;}
#event-box-i div#event-40th a{background:#f6f5e0 url(../img/top/contents/event/event_40th.jpg) no-repeat center top;}
#event-box-i div#event-chikaho a{background:#DDEFF7 url(../img/top/contents/event/event_chikaho.jpg) no-repeat center top;}
#event-box-i div#event-40th-contest a{background:#094087 url(../img/top/contents/event/event_40th-contest.jpg) no-repeat center top;}
#event-box-i div#event-xmas-result a{background:#D10303 url(../img/top/contents/event/event-xmas-result.jpg) no-repeat center top;}
#event-box-i div#event-kachiguri a{background:#DFC384 url(../img/top/contents/event/event_kachiguri.jpg) no-repeat center top;}
#event-box-i div#event-cheesebaum a{background:#fffad3 url(../img/top/contents/event/event_cheesebaum.jpg) no-repeat center top;}
#event-box-i div#event-arare a{background:#ffeae8 url(../img/top/contents/event/event_arare04.jpg) no-repeat center top;}
#event-box-i div#event-mifuyu a{background:#edfae9 url(../img/top/contents/event/event_mifuyu_yuzu.jpg) no-repeat center top;}
#event-box-i div#event-original_cans a{background:#fff url(../img/top/contents/event/event_original_cans02.jpg) no-repeat center top;}
#event-box-i div#event-koi-choco a{background:#ef7bae url(../img/top/contents/event/event-koi-choco-vd02.jpg) no-repeat center top;}
#event-box-i div#event-koi-choco02 a{background:#643e33 url(../img/top/contents/event/event-koi-choco02.jpg) no-repeat center top;}
#event-box-i div#event-berry-cheese a{background:#f1deed url(../img/top/contents/event/event_mifuyu_berry_cheese.jpg) no-repeat center top;}
#event-box-i div#event-gianduja a{background:#9e3619 url(../img/top/contents/event/event_mifuyu_gianduja.jpg) no-repeat center top;}
#event-box-i div#event-halloween2018 a{background:#e62d00 url(../img/top/contents/event/event-halloween2018.jpg) no-repeat center top;}
#event-box-i div#event-spring-gift2020 a{background:url(../img/top/contents/event/event-spring-gift2020.jpg) no-repeat center top;}
#event-box-i div#event-brand a{background:url(../img/top/contents/event/event-brand.jpg) no-repeat center top;}
#event-box-i div#event-mifuyu-strawberry a{background:#ffe6eb url(../img/top/contents/event/event-mifuyu-strawberry.jpg) no-repeat center top;}
#event-box-i div#event-kiosk a{background:#faf4e9 url(../img/top/contents/event/event-kiosk02.jpg) no-repeat center top;}
#event-box-i div#event-christmas-gift-2019 a{background:#710E1A url(../img/top/contents/event/event-christmas-gift-2019.jpg) no-repeat center top;}
#event-box-i div#event-mifuyu-gianduja a{background:#fff url(../img/top/contents/event/event-mifuyu-gianduja.jpg) no-repeat center top;}
#event-box-i div#event-koi-choco-vc2020 a{background: url(../img/top/contents/event/event-koi-vc2020.jpg) no-repeat center top;}

#event-box-i div#event-year-end a{background:#fff url(../img/top/contents/event/event_end2019.jpg) no-repeat center top;}
#event-box-i div#event-new-year a{background:#fff url(../img/top/contents/event/event_beg2020.jpg) no-repeat center top;}



#event-box-btn{
	width:900px;
	height:10px;
	position:absolute;
	top:26px;
	left:50%;
	margin-left:-480px;
	text-align:right;
	z-index:10;
}
#event-box-btn p a {
	display: inline-block;
	width: 10px;
	height: 10px;
	background: url(../img/top/contents/event/btn_event_normal.png);
	margin-left: 3px;
	margin-right: 3px;
}
#event-box-btn p a.active {
	background: url(../img/top/contents/event/btn_event_over.png);
}

#box-change{
	width:100%;
	height:40px;
	position:absolute;
	/*top:-41px;*/ /* 商品一覧のときの配置 */
	bottom:0; /* イベント切り替えのときの配置　初期配置 */
	left:0;
	z-index:20;
	border-bottom:1px #1BA7E1 solid;
}
#btn-change{
	text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
	width:177px;
	height:40px;
	position:absolute;
	bottom:0;
	left:50%;
	z-index:30;
	margin-left:-452px;
	background:url(../img/top/contents/event/btn_change.png) no-repeat left top;
	cursor:pointer;
}