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

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

/*　絵馬イベント */
#townWrapper161226_bg{
	position: relative;
	overflow: hidden;
	width: 1000px;
	margin: 0 auto;
	background: url(../../../image/event/january2017/shichifukujinema/bg.png) repeat center top;
	width: 100%;
	height: 100%;
}

#townWrapper161226{
	background: url(../../../image/event/january2017/shichifukujinema/bg_header.png) repeat-x center top;
}

#eventHeaderArea{
	width: 1018px;
	margin: 0 auto;
	height: 157px;
	position:relative;
}

#eventHeaderArea h2.eventTit{
	background:url(../../../image/event/january2017/shichifukujinema/pagetitle.png) no-repeat;
	width:978px;
	height:152px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

#eventHeaderArea ul#eventMenu2{
	position:absolute;
	top:63px;
	left:589px;
	width:450px;
	z-index:50;
}

#eventHeaderArea ul#eventMenu2 li{
	float:left;
	margin:0 27px 0 0;
}

#eventHeaderArea ul#eventMenu2.entrypage li a{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema01_on.png) no-repeat;
}


#eventHeaderArea ul#eventMenu2 li a{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema01.png) no-repeat;
	width:174px;
	height:76px;
	display:block;
}

#eventHeaderArea ul#eventMenu2.entrypage li.bnnlast a{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema02.png) no-repeat;
}

#eventHeaderArea ul#eventMenu2 li.bnnlast a{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema02_on.png) no-repeat;
}

#eventHeaderArea ul#eventMenu2 li a:hover{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema01_on.png) no-repeat;
	width:174px;
	height:76px;
	display:block;
}

#eventHeaderArea ul#eventMenu2 li.bnnlast a:hover{
	background:url(../../../image/event/january2017/shichifukujinema/btn_shichifukujinema02_on.png) no-repeat;
}

#eventHeaderArea ul#eventMenu2 li img{
	display:none;
}


#eventHeaderArea .eventtop{
	position: absolute;
	top:0px;
	right:39px;
	z-index:10;
}

#eventHeaderArea .eventtop a{
	background:url(../../../image/event/january2017/shichifukujinema/menu_top.png) no-repeat;
	width:186px;
	height:22px;
	display:block;
	text-indent:-999em;
/*	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
*/}

#eventHeaderArea .eventtop a:hover{
	background:url(../../../image/event/january2017/shichifukujinema/menu_top_on.png) no-repeat;
	display:block;
}

#eventContentArea{
	position: relative;
	width: 1018px;
	margin: 0 auto;
	background-color:#fff;
	padding-top:24px;
}

.shichifukuArea01{
	background:url(../../../image/event/january2017/shichifukujinema/bg_entryArea01.png) no-repeat;
	width:982px;
	height:419px;
	margin:0 auto;
}

.shichifukuArea01 .btn01{
	position:absolute;
	top:96px;
	left:575px;
}

.shichifukuArea01 .txt01{
	position:absolute;
	top:39px;
	left:640px;
}

.shichifukuArea02{
	width:959px;
	height:725px;
	margin:92px auto 0;
	position:relative;
}

.shichifukuArea02 .tit{
	position: absolute;
	top:0px;
	left:922px;
}

.shichifukuArea02 .txt01{
	position: absolute;
	top:5px;
	left:859px;
}

.shichifukuArea02 .txt02{
	position: absolute;
	top:5px;
	left:770px;
}

.shichifukuArea02 .txt03{
	position: absolute;
	top:5px;
	left:677px;
}

.shichifukuArea02 .txt04{
	position: absolute;
	top:5px;
	left:588px;
}

.next_arrow01{
	position: absolute;
	top:100px;
	left:835px;
}

.next_arrow02{
	position: absolute;
	top:100px;
	left:743px;
}

.next_arrow03{
	position: absolute;
	top:100px;
	left:651px;
}

.shichifukuArea02 .img01{
	position: absolute;
	top:5px;
	left:284px;
}

.shichifukuArea02 .img02{
	position: absolute;
	top:5px;
	left:19px;
}

.shichifukuArea02 .img03{
	position: absolute;
	top:179px;
	left:331px;
}

.shichifukuArea02 .img04{
	position: absolute;
	top:179px;
	left:19px;
}

.shichifukuArea02 .img_line{
	position: absolute;
	top:312px;
	left:333px;	
}

.shichifukuArea02 .img03a{
	position: absolute;
	top:431px;
	left:140px;
}

.shichifukuArea02 .shichifuku_info{
	background:url(../../../image/event/january2017/shichifukujinema/bg_god_info.png) no-repeat;
	width:459px;
	height:257px;
	position:absolute;
	top:468px;
	left:401px;
}

.shichifukuArea02 .shichifuku_info .btn{
	position:absolute;
	top:138px;
	left:108px;	
}

.shichifukuArea03{
	background:url(../../../image/event/january2017/shichifukujinema/bg_entryArea03.png) no-repeat;
	width:1018px;
	height:618px;
	margin:55px auto 0;
	position:relative;
}

.shichifukuArea03 .tit{
	position: absolute;
	top:33px;
	left:906px;
}

.shichifukuArea03 .txt{
	position: absolute;
	top:42px;
	left:727px;
}

.shichifukuArea03 .img01{
	position: absolute;
	top:55px;
	left:514px;
}

.shichifukuArea03 .img02{
	position: absolute;
	top:55px;
	left:294px;
}

.shichifukuArea03 .img03{
	position: absolute;
	top:55px;
	left:91px;
}

.shichifukuArea03 .img04{
	position: absolute;
	top:224px;
	left:514px;
}

.shichifukuArea03 .img05{
	position: absolute;
	top:224px;
	left:302px;
}

.shichifukuArea03 .img06{
	position: absolute;
	top:395px;
	left:514px;
}

.shichifukuArea03 .img07{
	position: absolute;
	top:395px;
	left:308px;
}

.shichifukuArea04{
	width:892px;
	height:728px;
	margin:83px auto 0;
	position:relative;
}

.shichifukuArea04 .tit{
	width:892px;
	margin:0 auto 26px;
}

.shichifukuArea04 .txt{
	width:892px;
	margin:0 auto 23px;
	text-align:center;
}

.shichifukuArea04 .img01{
	width:892px;
	text-align:center;
}

.shichifukuArea04 .img02{
	width:892px;
	text-align:center;
	margin-top:32px;
}

.shichifukuArea05{
	background:url(../../../image/event/january2017/shichifukujinema/bg_entryArea05.png) no-repeat;
	width:769px;
	height:180px;
	margin:55px auto 0;
	padding-bottom:35px;
	position:relative;
}

.shichifukuArea05 .txt{
	position: absolute;
	top:63px;
	left:44px;
	line-height:1.7;
	font-size:14px;
}


#eventContentArea #flashgameArea{
	background:url(../../../image/event/january2017/shichifukujinema/bg_flash.png) no-repeat;
	width:1018px;
	height:547px;
	margin:-24px auto 0;
	padding:73px 0 0 109px;
}











#eventContentArea #event1,
#townWrapper161220 #event2,
#townWrapper161220 #event3,
#eventContentArea #event4{
	position: absolute;
	width: 222px;
	height: 296px;
	top: 20px;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#eventContentArea #event1 img,
#townWrapper161220 #event2 img,
#townWrapper161220 #event3 img,
#eventContentArea #event4 img{
	width: 222px;
	height: 296px;
	
}

#eventContentArea #event1 ,
#townWrapper161220 #event2 img,
#townWrapper161220 #event3 img,
#eventContentArea #event4 img{
	width: 222px;
	height: 296px;
}

#eventContentArea #event1{
	left: -14px;
}

#eventContentArea #event2{
	left: 215px;
}

#eventContentArea #event3{
	right: 227px;
}

#eventContentArea #event4{
	right: 0px;
}

#eventContentArea #event5{
	position: absolute;
	width: 911px;
	height: 401px;
	top: 420px;
	left: -14px;
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

#eventContentArea #event5 img{
	width: 911px;
	height: 401px;
}