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



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

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

/*　11/30　ニコッと雪まつり
------------------------------------------- */

html,body{padding:0; margin:0; min-height: 100%; height:100%;
*min-height:auto; 
*height:auto;
}



#townWrapper161130_bg2{
	background:url(../../../image/event/december2016/town/bg02.png) repeat top center #8edef9;
	
}

#townWrapper161130_bg{
	background:url(../../../image/event/december2016/town/bg.png) repeat-x top center;
}


#townWrapper161130{	
background:url(../../../image/event/december2016/town/bg_footer.png) repeat-x bottom center;	
	position:relative;
	display:block;
	width:100%;
	overflow:hidden;
}





#townWrapper161130 #leftSideImage_bt{
background: url(../../../image/event/december2016/town/leftSideImage_bt.png) left bottom no-repeat;
width: 188px;
height: 352px;
position: absolute;
left: 0;
bottom: 0px;
}

#townWrapper161130 #rightSideImage_bt{
background: url(../../../image/event/december2016/town/rightSideImage_bt.png) right bottom no-repeat;
width: 274px;
height: 366px;
position: absolute;
right: 0;
bottom: 0px;
}



#townWrapper161130 #eventHeader161130{	
	position:relative;
	height:230px;
	margin:0 auto;
	padding-top:0px;
	width:1000px;
}


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

#townWrapper161130 .eventArea-outer{
	width:1000px;
	margin:0 auto;
}


/*-- メニュー*/

#townWrapper161130ul.eventMenu{
	position:absolute;
	top:0px;
	left:0;
	width:1000px;
}

#eventHeader161130 ul.eventMenu li.nav4,
#eventHeader161130 ul.eventMenu li.nav4 a,
#eventHeader161130 ul.eventMenu li.nav4_on{
	display:none;
}

#eventHeader161130 ul.add4 li.nav4,
#eventHeader161130 ul.add4 li.nav4 a,
#eventHeader161130 ul.add4 li.nav4_on{
	display: list-item;
}

#townWrapper161130ul.eventMenu li{
	margin:0;
	padding:0;
	z-index:15;
}

#eventHeader161130 ul.eventMenu li,
#eventHeader161130 ul.eventMenu li a {
	width:147px;
	height:74px;
	display:block;
	
}

#eventHeader161130 ul.eventMenu li a{
	text-indent:9999px;
	white-space:nowrap;
	overflow:hidden;
}

#eventHeader161130 ul.eventMenu li.nav1a,
#eventHeader161130 ul.eventMenu li.nav1a_on{
	position:absolute;
	right:5px;
	top:7px;
	z-index:20;
}

#eventHeader161130 ul.eventMenu li.nav1b,
#eventHeader161130 ul.eventMenu li.nav1b_on{
	position:absolute;
	right:5px;
	top:80px;
	z-index:21;
}


#eventHeader161130 ul.eventMenu li.nav2,
#eventHeader161130 ul.eventMenu li.nav2_on{
	position:absolute;
	left:5px;
	top:10px;
	z-index:22;
}

#eventHeader161130 ul.eventMenu li.nav3,
#eventHeader161130 ul.eventMenu li.nav3_on{
	position:absolute;
	left:5px;
	top:80px;
	z-index:23;
}


#eventHeader161130 ul.add4 li.nav4,
#eventHeader161130 ul.add4 li.nav4_on{
	position:absolute;
	left:5px;
	top:150px;
	z-index:24;
}



#eventHeader161130 ul.eventMenu li.nav1a a{background:url(../../../image/event/december2016/town/btn_menu01a.png) no-repeat left top;}
#eventHeader161130 ul.eventMenu li.nav1b a{background:url(../../../image/event/december2016/town/btn_menu01b.png) no-repeat left top;}
#eventHeader161130 ul.eventMenu li.nav2 a{background:url(../../../image/event/december2016/town/btn_menu02.png) no-repeat left top;}
#eventHeader161130 ul.eventMenu li.nav3 a{background:url(../../../image/event/december2016/town/btn_menu03.png) no-repeat left top;}
#eventHeader161130 ul.eventMenu li.nav4 a{background:url(../../../image/event/december2016/town/btn_menu04.png) no-repeat left top;}

#eventHeader161130 ul.eventMenu li.nav1a a:hover{background:url(../../../image/event/december2016/town/btn_menu01a_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav1b a:hover{background:url(../../../image/event/december2016/town/btn_menu01b_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav2 a:hover{background:url(../../../image/event/december2016/town/btn_menu02_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav3 a:hover{background:url(../../../image/event/december2016/town/btn_menu03_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav4 a:hover{background:url(../../../image/event/december2016/town/btn_menu04_on.png) no-repeat top left;}

#eventHeader161130 ul.eventMenu li.nav1a_on a{background:url(../../../image/event/december2016/town/btn_menu01a_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav1b_on a{background:url(../../../image/event/december2016/town/btn_menu01b_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav2_on a{background:url(../../../image/event/december2016/town/btn_menu02_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav3_on a{background:url(../../../image/event/december2016/town/btn_menu03_on.png) no-repeat top left;}
#eventHeader161130 ul.eventMenu li.nav4_on a{background:url(../../../image/event/december2016/town/btn_menu04_on.png) no-repeat top left;}


#townWrapper161130_footer{
	width:100%;
	height:24px;
	background:url(../../../image/event/december2016/town/bg_footer.png) no-repeat top center #fbcbaa;
}






/*オープニング-----------------------------------*/
#townWrapper161130 .openingArea{
	background:url(../../../image/event/december2016/town/bg_opening.png) no-repeat top center;
	width:856px;
	height:656px;
	position: relative;
	padding:0 0 30px 0;
	margin:0 auto;
	
}

#townWrapper161130 .openingArea .flash{
	position:absolute;
	top:28px;
	left:28px;
	
}

/*エンディング-----------------------------------*/
#townWrapper161130 .endingArea{
	background:url(../../../image/event/december2016/town/bg_opening.png) no-repeat top center;
	width:856px;
	height:656px;
	position: relative;
	padding:0 0 30px 0;
	margin:0 auto;
}

#townWrapper161130 .endingArea .flash{
	position:absolute;
	top:28px;
	left:28px;
}


/*遊び方-----------------------------------*/

#townWrapper161130 .entryArea01{
	background:url(../../../image/event/december2016/town/img_entry_01.png) no-repeat top center;
	width:1000px;
	height:548px;
	position: relative;
	margin:20px auto 0;
}





#townWrapper161130 .entryArea01 #actor01{
	position:absolute;
	top:115px;
	left:810px;
	width:162px;
	height:159px;
}


#townWrapper161130 .entryArea01 .wrap{
	
	width:162px;
	height:159px;


}

#townWrapper161130 .entryArea01 .wrap span{
  position: absolute;
  opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  top: -100px;
  left: -30px;
  transition: .3s;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  text-align:center;
  transform:scale(0.5,0.5);
  -webkit-transform:scale(0.5,0.5);

}

#townWrapper161130 .entryArea01 .wrap span:after{
  position: absolute;
  top: -250px;
  left: -200px;
  height: 0;
  width: 0;
  content: "";
}

#townWrapper161130 .entryArea01 .wrap:hover span{
	position: absolute;
  opacity: 1;
　filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  top: -140px;
  left: 20px;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
 
}


#townWrapper161130 .entryArea02{
	background:url(../../../image/event/december2016/town/img_entry_02.png) no-repeat top center;
	width:996px;
	height:541px;
	margin:0 auto;
	position:relative;
}


#townWrapper161130 .entryArea02 .gotokuten {
	position:absolute;
	top:400px;
	left:680px;
}

#townWrapper161130 .entryArea02 .gotokuten img {
	width:294px;
	height:82px;
}

#townWrapper161130 .entryArea03{
	background:url(../../../image/event/december2016/town/img_entry_03.png) no-repeat top center;
	width:996px;
	height:1237px;
	margin:0 auto;
	position:relative;
}

#townWrapper161130 .entryArea03 .btnTokuten img{
	position:absolute;
	top:1055px;
	left:530px;
	width:435px;
	height:121px;
}

#townWrapper161130 .entryArea03 .btnbuyC img{
	position:absolute;
	top:178px;
	left:645px;
	width:279px;
	height:63px;
}

#townWrapper161130 .entryArea03 .btnbuyP img{
	position:absolute;
	top:530px;
	left:645px;
	width:279px;
	height:63px;
}


#townWrapper161130 .entryArea04{
	background:url(../../../image/event/december2016/town/img_entry_04.png) no-repeat top center;
	width:996px;
	height:1139px;
	margin:0 auto;
	position:relative;

}


#townWrapper161130 .entryArea05{
	background:url(../../../image/event/december2016/town/img_entry_05.png) no-repeat top center;
	width:996px;
	height:540px;
	margin:0 auto;
	position:relative;

}


#townWrapper161130 .entryArea05 .gohiroba01{
	position:absolute;
	top:420px;
	left:50px;
}

#townWrapper161130 .entryArea05 .gohiroba02{
	position:absolute;
	top:420px;
	left:360px;
}

#townWrapper161130 .entryArea05 .gohiroba03{
	position:absolute;
	top:420px;
	left:670px;
}

#townWrapper161130 .entryArea05 img{
	width:279px;
	height:60px;
}

#townWrapper161130 .entryArea02,
#townWrapper161130 .entryArea03,
#townWrapper161130 .entryArea04,
#townWrapper161130 .entryArea05{
	margin-bottom:35px;
}



/*特典と交換する-----------------------------------*/
#townWrapper161130 .tokutenHead{ 
	background:url(../../../image/event/december2016/town/img_tokuten_head.png) no-repeat center top;
	width:994px;
	height:567px;
	position:relative;
	margin:  0 auto;
}


#townWrapper161130 .tokutenHead .gosptokuten img {
	position:absolute;
	top:260px;
	left:708px;
	width: 234px;
	height: 54px;
}

#townWrapper161130 .tokutenRoom1{
	background:url(../../../image/event/december2016/town/img_tokuten_01.png) no-repeat center top;
	width:999px;
	height:906px;
	position: relative;
	margin:0 auto;
}

#townWrapper161130 .tokutenRoom1 p{
	position:absolute;
	top:128px;
	left:195px;
	font-size:35px;
	color:#ffffff;
	line-height:1.6;
	letter-spacing: 1.5px;
	font-weight:bold;
	text-align: center;
	width:200px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#townWrapper161130 .pointdetail img {
	position:absolute;
	display:block;
	top:195px;
	left:100px;
	width:391px;
	height:61px;
	
}


#townWrapper161130 .tokutenRoom1 .btnBuytop img{
	position:absolute;
	top:50px;
	left:570px;
	width: 363px;
	height: 253px;
}



#townWrapper161130 .tokutenRoom1 .btnArea01{
	position:absolute;
	top:800px;
	left:40px;
	width: 1000px;
}



#townWrapper161130 .tokutenRoom1 .btnArea01 li{
	float:left;
	width:230px;
	height:53px;
	text-align:center;
}

#townWrapper161130 .tokutenRoom1 .countArea01{
	position:absolute;
	top:865px;
	left:40px;
	width: 1000px;
}

#townWrapper161130 .tokutenRoom1 .countArea01 li{
	float:left;
	width:230px;	
	height:18px;
	text-align:center;
}


#townWrapper161130 .tokutenAvatar1{
	background:url(../../../image/event/december2016/town/img_tokuten_02.png) no-repeat center 0px;
	width:999px;
	height:1119px;
	margin:0 auto;
	position:relative;
}



#townWrapper161130 .tokutenAvatar1 .btnArea01{
	position:absolute;
	top:255px;
	left:260px;
	width: 1070px;
	z-index: 5;
}

#townWrapper161130 .tokutenAvatar1 .btnArea01 li{
	float:left;
	width:280px;		
	height:53px;
	margin-right: 200px;
	margin-bottom: 210px;

}

#townWrapper161130 .tokutenAvatar1 .countArea01{
	position:absolute;
	top:315px;
	left:280px;	
	width: 1070px;
}

#townWrapper161130 .tokutenAvatar1 .countArea01 li{
	float:left;
	width:200px;	
	height:17px;
	margin-right: 285px;
	margin-bottom: 250px;
	
}

#townWrapper161130 .tokutenAvatar1 .faceNote p{
	position:absolute;
	top:960px;
	left:150px;
	font-size:12px;
	color:#179abd;
	line-height:1.5;
	letter-spacing: 0.5px;
}




#townWrapper161130 .tokutenCoin{
	background:url(../../../image/event/december2016/town/img_tokuten_03.png) no-repeat center 0px;
	width:999px;
	height:610px;
	margin:0 auto;
	position:relative;
}

#townWrapper161130 .tokutenCoin ul.btnArea01{
    position: absolute;
    top: 500px;
    left:28px;	
}

#townWrapper161130 .tokutenCoin .btnArea01 li{
	float: left;
	width:230px;
	height:53px;}

 #townWrapper161130 .btnArea01 img{
	width:196px;
	height:56px;
	}

#townWrapper161130 .countArea01 img{
	width:149px;
	height:15px;
}




#townWrapper161130 .tokutenHelp{
	background:url(../../../image/event/december2016/town/img_tokuten_04.png) no-repeat center top;
	width:990px;
	height:408px;
	position:relative;
}

#townWrapper161130 .tokutenHelp .btnBuy img{
	width:446px;
	height:66px;
	position:absolute;
	top:280px;
	left:260px;
}



#townWrapper161130 .tokutenHead,
#townWrapper161130 .tokutenCoin,
#townWrapper161130 .tokutenHelp{
	margin-bottom:20px;
	
}



/*注意事項*/
#townWrapper161130 .tokutenNote{
	background:url(../../../image/event/december2016/town/img_tokuten_note.png) no-repeat center top;
	width:950px;
	height:245px;
	position:relative;
	margin:30px auto 0;
	padding-bottom:35px;
}

#townWrapper161130 .tokutenNote p{
	position:absolute;
	top:80px;
	left:80px;
	font-size:12px;
	color:#179abd;
	line-height:1.5;
	letter-spacing: 0.5px;
}

#container #footerArea {
	width: 830px;
	margin: 0 auto;
	background-image:none; background-color:#f6f6f6;
	-webkit-border-radius: 5px;  /* Safari,Google Chrome */
	-moz-border-radius: 5px;      /* Firefox12まで */
	border-radius: 5px;           /* Firefox13以降 */
}

#townWrapper161130 .storyflashArea .flash{
	padding-left:15px;
    padding-bottom: 102px;
}

.btnList{ margin: 0 auto; }



/*特典その２-----------------------------------*/

#townWrapper161130 .tokutenSpesial{
	background:url(../../../image/event/december2016/town/img_tokuten02_01.png) no-repeat top center;
	width:996px;
	height:1281px;
	position:relative;
	margin:0 auto;
}


#townWrapper161130 .tokutenSpesial .getFrame01 img{
	position:absolute;
	top:780px;
	left:90px;
	width: 366px;
	height: 66px;
}

#townWrapper161130 .tokutenSpesial .getFrame02 img{
	position:absolute;
	top:780px;
	left:540px;
	width: 366px;
	height: 66px;
}


#townWrapper161130 .tokutenSpesial .goCollabo img{
	position:absolute;
	top:950px;
	left:78px;
	width: 845px;
	height: 149px;
}


#townWrapper161130 .tokutenSpesial .goOther img{
	position:absolute;
	top:1160px;
	left:420px;
	width: 523px;
	height: 58px;
}


/*ポイント購入ページ
-----------------------------------*/
#townWrapper161130 .kakinArea01,
#townWrapper161130 .kakinArea_fim{
	margin:0 auto;
}


#townWrapper161130 .kakinArea01{
	background:url(../../../image/event/december2016/town/bg_kakinArea01.png) no-repeat;
	width:998px;
	height:736px;
	position:relative;
}

#townWrapper161130 .kakinArea01 p{
	position:absolute;
	top:385px;
	left:200px;
	font-size:36px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.6;
	letter-spacing: 1px;
	text-align:center;
	width:200px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

#townWrapper161130 .kakinArea01 ul{

	position:absolute;
	top:342px;
	left:745px;
	font-size:15px;
	text-align:right;
	width:165px;
	color:#164a84;
}

#townWrapper161130 .kakinArea01 ul li{
	margin:0 0 30px 0;
	letter-spacing:1px;
}

#townWrapper161130 .kakinArea01 .txtError{
	position:absolute;
	top:520px;
	left:192px;
	font-size:18px;
	color:#583822;
	line-height:1.6;
	text-align:center;
	width:761px;
}

#townWrapper161130 .kakinArea01 .txtPcion{
	background:url(../../../image/event/december2016/town/bg_kakin_check.png) no-repeat;
	width:617px;
	height:49px;
	position:absolute;
	top:520px;
	left:192px;
	font-size:18px;
	padding-top:15px;
	letter-spacing: 1.5px;
	text-align:center;
	font-weight:bold;
}

#townWrapper161130 .kakinArea01 .txtPcion a{
	color:#164a84;
}

#townWrapper161130 .kakinArea01 .txtPcion a:link{
	color:#164a84;
	text-decoration:underline;
}

#townWrapper161130 .kakinArea01 .txtPcion a:hover{
	color:#583822;
	text-decoration:none;
}


#townWrapper161130 .kakinArea01 .buyCheckArea{
	background:url(../../../image/event/december2016/town/bg_kakin_check.png) no-repeat;
	width:617px;
	height:49px;
	position:absolute;
	top:530px;
	left:192px;
}

#townWrapper161130 .kakinArea01 .buyCheckArea input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
#townWrapper161130 .kakinArea01 .buyCheckArea input[type="checkbox"] + label {
    display: block;
    background-image: url(../../../image/event/december2016/town/icon_kakin_check.png);
    background-size: 31px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 8px 0 0 45px;
		margin: 9px 0 0 56px;
}
 
#townWrapper161130 .kakinArea01 .buyCheckArea input[type="checkbox"]:checked + label {
    background-image: url(../../../image/event/december2016/town/icon_kakin_check_on.png);
}

#townWrapper161130 .kakinArea01 .btnBuy{
	position:absolute;
	top:600px;
	left:255px;
}

#townWrapper161130 .kakinArea01 .btnBuy img{
	width: 509px;
    height: 71px;
}


#townWrapper161130 .kakinArea_fim{
	background:url(../../../image/event/december2016/town/bg_kakinArea02.png) no-repeat;
	width:998px;
	height:655px;
	position:relative;<strong></strong>
}

#townWrapper161130 .kakinArea_fim .count01{
	position:absolute;
	top:260px;
	left:320px;
	font-size:36px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.6;
	letter-spacing: 0px;
	text-align:right;
	width:180px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#townWrapper161130 .kakinArea_fim .count02{
	position:absolute;
	top:260px;
	left:590px;
	font-size:36px;
	font-weight:bold;
	color:#ffffff;
	line-height:1.6;
	letter-spacing: 0px;
	text-align:right;
	width:180px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


#townWrapper161130 .kakinArea_fim .btnBuyAgain{
	position:absolute;
	top:480px;
	left:120px;
}

#townWrapper161130 .kakinArea_fim .btnTokuten{
	position:absolute;
	top:480px;
	left:515px;
}


.pageTop img {width:162px ; height:169px ;}