@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-park2017 a{background:url(../img/top/contents/event/event_park2017.jpg) no-repeat center top;}
#event-box-i div#event-soryomuryo a{background:#86b53f url(../img/top/contents/event/event_soryomuryo2017-01.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:#000 url(../img/top/contents/event/event_ginza.jpg) no-repeat center top;}
#event-box-i div#event-hinamatsuri2017 a{background:#ffeffb url(../img/top/contents/event/event_hinamatsuri2017.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-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;
}