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


/* import style
------------------------------------------------------------------- */
@import url('/css/mod_default.css');
@import url('/css/mod_layout.css');
@import url('/css/mod_headerfooter.css');
@import url('/css/mod_common.css');
@import url('/css/mod_others.css');
@import url('/css/library/colorbox.css');
@import url('/css/library/animate.min.css');


/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* footer
---------------------------------------------------------------------- */

#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以降 */
}

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

/*　0501 ポルテッシモの家族と♪トリコロールの国でスタンプラリー
------------------------------------------- */



#townWrapper170501_bg2{
	background: url(../../../image/event/may2017/town/bg_01.png) repeat top center ;
	
	
}

#townWrapper170501_bg{		
	background: url(../../../image/event/may2017/town/bg_02.png) repeat-x top center ;
}


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

#townWrapper170501 #airplane {
	position: absolute;
	top: 140px;
    right: -80px;
	z-index: 2;
	 transform: rotate(0.0001deg);
}

#townWrapper170501 img.topairplane {width:599px; height: 649px;}

#townWrapper170501 .topairplane {
animation: vertical 3.5s ease-in-out infinite alternate;
}

@keyframes vertical {	
    0% { transform:translateY(20px); }
  100% { transform:translateY(  0px); }
}

#townWrapper170501 #leftSideImage_bt {
background: url(../../../image/event/may2017/town/leftSideImage_bt.png) left bottom no-repeat;
width: 406px;
height: 717px;
position: absolute;
left: 0;
top: 0px;
animation: cloud 2.8s ease-in-out infinite alternate;
	 transform: rotate(0.0001deg);
}

@keyframes cloud {	
    0% { transform:translateY(-20px); }
  100% { transform:translateY(  5px); }
}


#townWrapper170501 #rightSideImage_bt{
background: url(../../../image/event/may2017/town/rightSideImage_bt.png) right bottom no-repeat;
width: 794px;
height: 732px;
position: absolute;
right: 0;
top: 0px;
	animation: cloud02 2.5s ease-in-out infinite alternate;
	 transform: rotate(0.0001deg);
}

@keyframes cloud02 {	
    0% { transform:translateY(15px); }
  100% { transform:translateY(  0px); }
}


#townWrapper170501 #eventHeader170501_box{	
	background:url(../../../image/event/may2017/town/line03.png) repeat-x center bottom;
	position:relative;
	height:232px;
	margin:22px auto 0;
	width:100%;
	z-index: 5;
}

#townWrapper170501 #eventHeader170501{	
	position:relative;
	width:1000px;
	top:25px;	
	margin:0 auto;
}


#townWrapper170501 #eventHeader170501_box #eventHeader170501 h2.eventTit {
	position: absolute;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin:0 auto ;
	width:812px;
	height:206px;
	background:url(../../../image/event/may2017/town/title_0501.png) no-repeat top left;	
	top:-10px;
	left:0px;
}

#townWrapper170501 .eventArea-outer{
	width:100%;
	margin:0 auto;
}


/*-- メニュー*/


#townWrapper170501 ul.eventMenu{
	width: 171px;
	height: 269px;
	position:absolute;
	top:-83px;
	left:823px;
	background: url(../../../image/event/may2017/town/bg_menu.png) no-repeat top center;
}



.eventMenu {
    margin:8px;
    -moz-animation: swing02 linear 5s infinite;
    -moz-transform-origin: center -20px 0;
    -webkit-animation: swing02 linear 5s infinite;
    -webkit-transform-origin: center -20px 0;
    -ms-animation: swing02 linear 5s infinite;
    -ms-transform-origin: center -20px 0;
    -o-animation: swing02 linear 5s infinite;
    -o-transform-origin:center -20px 0;
    animation: swing02 linear 5s infinite;
    transform-origin: center -20px 0;
    display: block;
    float:left;
}
 
@-moz-keyframes swing02 {
    0% { -moz-transform: rotate(0deg) }
    25% { -moz-transform: rotate(3deg); }
    50% { -moz-transform: rotate(0deg); }
    75% { -moz-transform: rotate(-3deg); }
    100% { -moz-transform: rotate(0deg); }
}
@-webkit-keyframes swing02 {
    0% { -webkit-transform: rotate(0deg); }
    25% { -webkit-transform: rotate(3deg); }
    50% { -webkit-transform: rotate(0deg); }
    75% { -webkit-transform: rotate(-3deg); }
    100% { -webkit-transform: rotate(0deg); }
}    
@-o-keyframes swing02 {
    0% { -o-transform: rotate(0deg); }
    25% { -o-transform: rotate(3deg); }
    50% { -o-transform: rotate(0deg); }
    75% { -o-transform: rotate(-3deg); }
    100% { -o-transform: rotate(0deg); }
}
@-ms-keyframes swing02 {
    0% { -ms-transform: rotate(0deg); }
    25% { -ms-transform: rotate(3deg); }
    50% { -ms-transform: rotate(0deg); }
    75% { -ms-transform: rotate(-3deg); }
    100% { -ms-transform: rotate(0deg); }
}
@keyframes swing02 {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(0deg); }
    75% { transform: rotate(-3deg); }
    100% { transform: rotate(0deg); }
}



#townWrapper170501 ul.add4{
	width: 171px;
	height: 269px;
	position:absolute;
	top:-83px;
	left:823px;
	background: url(../../../image/event/may2017/town/bg_menu02.png) no-repeat top center;
}




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

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

#townWrapper170501 ul.eventMenu li{
	margin:0;
	padding:0;
	float:left;	
}

#eventHeader170501 ul.eventMenu li,
#eventHeader170501 ul.eventMenu li a {
	display:block;
	text-align: center;
}

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

#eventHeader170501 ul.eventMenu li.nav1,
#eventHeader170501 ul.eventMenu li.nav1 a,
#eventHeader170501 ul.eventMenu li.nav1_on,
#eventHeader170501 ul.eventMenu li.nav1_on a,
#eventHeader170501 ul.eventMenu li.nav2,
#eventHeader170501 ul.eventMenu li.nav2 a,
#eventHeader170501 ul.eventMenu li.nav2_on,
#eventHeader170501 ul.eventMenu li.nav2_on a,
#eventHeader170501 ul.eventMenu li.nav3,
#eventHeader170501 ul.eventMenu li.nav3 a,
#eventHeader170501 ul.eventMenu li.nav3_on,
#eventHeader170501 ul.eventMenu li.nav3_on a,
#eventHeader170501 ul.eventMenu li.nav4,
#eventHeader170501 ul.eventMenu li.nav4 a,
#eventHeader170501 ul.eventMenu li.nav4_on,
#eventHeader170501 ul.eventMenu li.nav4_on a{
	width: 157px;	height: 38px;
	position: absolute;
	left: 5px;
}


#eventHeader170501 ul.eventMenu li.nav1 a{background:url(../../../image/event/may2017/town/btn_menu01.png) no-repeat;  top: 213px; }
#eventHeader170501 ul.eventMenu li.nav2 a{background:url(../../../image/event/may2017/town/btn_menu02.png) no-repeat;  top: 173px; }
#eventHeader170501 ul.eventMenu li.nav3 a{background:url(../../../image/event/may2017/town/btn_menu03.png) no-repeat ; top: 133px; }
#eventHeader170501 ul.eventMenu li.nav4 a{background:url(../../../image/event/may2017/town/btn_menu04.png) no-repeat ; top: 93px; }

#eventHeader170501 ul.eventMenu li.nav1 a:hover{background:url(../../../image/event/may2017/town/btn_menu01_on.png) no-repeat;  top: 213px;}
#eventHeader170501 ul.eventMenu li.nav2 a:hover{background:url(../../../image/event/may2017/town/btn_menu02_on.png) no-repeat;  top: 173px;}
#eventHeader170501 ul.eventMenu li.nav3 a:hover{background:url(../../../image/event/may2017/town/btn_menu03_on.png) no-repeat; top: 133px; }
#eventHeader170501 ul.eventMenu li.nav4 a:hover{background:url(../../../image/event/may2017/town/btn_menu04_on.png) no-repeat; top: 93px;}

#eventHeader170501 ul.eventMenu li.nav1_on a{background:url(../../../image/event/may2017/town/btn_menu01_on.png) no-repeat;  top: 213px;}
#eventHeader170501 ul.eventMenu li.nav2_on a{background:url(../../../image/event/may2017/town/btn_menu02_on.png) no-repeat;  top: 173px;}
#eventHeader170501 ul.eventMenu li.nav3_on a{background:url(../../../image/event/may2017/town/btn_menu03_on.png) no-repeat; top: 133px; }
#eventHeader170501 ul.eventMenu li.nav4_on a{background:url(../../../image/event/may2017/town/btn_menu04_on.png) no-repeat ; top: 93px; }




#eventHeader170501 .specialEvent img {
	position: absolute;
	width:134px ;
	height:132px ;
	top:-23px;
	right:0px;
	z-index: 600;
}





/*オープニング-----------------------------------*/
#townWrapper170501 .openingArea{
	background:url(../../../image/event/may2017/town/bg_opening.png) no-repeat top center;
	width:860px;
	height:660px;
	position: relative;
	padding:0 0 0px 0;
	margin:60px auto 150px;
	
}

#townWrapper170501 .openingArea .flash{
	position:absolute;
	top: 26px;
    left: 30px;
	
}

/*エンディング-----------------------------------*/
#townWrapper170501 .endingArea{
	background:url(../../../image/event/may2017/town/bg_opening.png) no-repeat top center;
	width:860px;
	height:660px;
	position: relative;
	padding:0 0 0px 0;
	margin:60px auto 150px;
}

#townWrapper170501 .endingArea .flash{
	position:absolute;
	top: 26px;
    left: 30px;
}


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

#townWrapper170501 .notice{
	width:635px;
	position: relative;
	margin: 0 auto;
	z-index: 10;
}

#townWrapper170501 .notice .img{
	width:635px;
	height:21px;
}


#townWrapper170501 .entryArea01{
	background:url(../../../image/event/may2017/town/img_entry_01.png) no-repeat top center;
	width:1000px;
	height:654px;
	position: relative;
	margin: 10px auto 20px;
	z-index: 10;
}
.memory { position: absolute; top: 524px; left: 863px; width: 145px; height: 119px; }

/* -------モーダル-------------------*/

.modal-overlay {
    z-index:2;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
	height:100%;/*for old Safari*/
    height:100vh;
    background-color:rgba(0,0,0,.5)}
.modal-overlay (:target) {height:100%\9} /* IE9,10 */
a.modal-open:hover {cursor:pointer; }
.modal-content {
    position:fixed;
    display:none;
    z-index:3;
    margin:10px;
    padding:15px;
	border-radius:20px;}
.modal-content img {width:auto;max-height:100vh;}
.modal-content h1 {font-size:120%; margin-bottom:0.5em}
.modal-content p {max-width:565px; text-align:left}
a.modal-close {
	position:absolute;
	top:-15px;
	right:-15px;
	color:#b29c33;
	font-size:35px;
	line-height:1;
	font-weight:bold;
	text-decoration:none}
a.modal-close:hover {
	cursor:pointer;
	opacity:1.0}


#townWrapper170501 .entryArea02{
	background:url(../../../image/event/may2017/town/img_entry_02_0501.png) no-repeat top center;
	width:1000px;
	height:600px;
	margin:0 auto 50px;
	position:relative;
}

#townWrapper170501 .entryArea02 .gotokuten img {
	position:absolute;
	top: 510px;
    left: 690px;
    width:260px;
	height:50px;
}


#townWrapper170501 .entryArea03{
	background:url(../../../image/event/may2017/town/img_entry_03_new.png) no-repeat top center;
	width:966px;
	height:620px;
	margin:0 auto 80px;
	position:relative;
}

#townWrapper170501 .entryArea03 .btnbuyC img{
	position:absolute;
    top: 540px;
    left: 25px;
    width: 426px;
    height: 85px;
}

#townWrapper170501 .entryArea03 .btnbuyP img{
	position:absolute;
	top: 540px;
    left: 520px;
    width: 426px;
    height: 85px;
}

#townWrapper170501 .entryArea03 .gospitem img {
	position:absolute;
	top: 325px;
    left: 800px;
    width: 172px;
    height: 186px;
}


#townWrapper170501 .entryArea04{
	background:url(../../../image/event/may2017/town/img_entry_04_0501.png) no-repeat top center;
	width:1000px;
	height:570px;
	margin:0 auto 120px;
	position:relative;
}

#townWrapper170501 .entryArea04 .gohiroba01 img,
#townWrapper170501 .entryArea04 .gohiroba02 img {
	 width: 365px;
    height: 70px;
}

#townWrapper170501 .entryArea04 ul{
	width: 1000px;
	position: absolute;
	top: 372px;
    left: 92px;
}

#townWrapper170501 .entryArea04 ul li {
	float: left;
	margin-right: 90px;
}



/*特典と交換する-----------------------------------*/


#townWrapper170501 .tokutenHead{ 	background:url(../../../image/event/may2017/town/img_tokuten_head.png) no-repeat center top;
	width:1000px;
	height:615px;
	position:relative;
	margin: 5px auto 40px;
}


#townWrapper170501 .tokutenHead .gosptokuten img {
	position:absolute;
	top: 0px;
    left: 830px;
    width: 197px;
    height: 208px;
}


#townWrapper170501 .tokuten01{
	background:url(../../../image/event/may2017/town/img_tokuten_01.png) no-repeat center top;
	width:917px;
	height:445px;
	position: relative;
	margin:0 auto 20px;
}

#townWrapper170501 .tokuten01 p{
	position:absolute;
	top:138px;
	left:140px;
	font-size:35px;
	color:#c43737;
	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;
}


#townWrapper170501 .tokuten01 .pointdetail img {
	position:absolute;
	display:block;
	top: 210px;
    left: 90px;
	width:278px;
	height:36px;
	
}


#townWrapper170501 .tokuten01 .btnBuytop img{
	position:absolute;
	top: 0px;
    left: 550px;
    width: 346px;
    height: 261px;
}



/**スタンプエリア　1st***/
#townWrapper170501 .tokutenStamp01{	background:url(../../../image/event/may2017/town/img_tokuten_stamp01.png) no-repeat center top;
	width:1000px;
	height:869px;
	position:relative;
	margin: 0 auto;
}

/**スタンプ ボタン size ***/
#townWrapper170501 .tokutenStamp01 ul li img,
#townWrapper170501 .tokutenStamp02 ul li img,
#townWrapper170501 .tokutenStamp03 ul li img,
#townWrapper170501 .tokutenStamp04 ul li img{width:64px ; height:63px ;}

#townWrapper170501 .tokutenStamp01 .btnArea01 li img,
#townWrapper170501 .tokutenStamp02 .btnArea02 li img,
#townWrapper170501 .tokutenStamp03 .btnArea03 li img,
#townWrapper170501 .tokutenStamp04 .btnArea04 li img{ width: 179px ; height: 47px ;}


/**スタンプ 1st stage***/
#townWrapper170501 .tokutenStamp01 ul li.stamp1 { position: absolute; top: 322px; left: 23px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp2 { position: absolute;top: 294px;   left: 81px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp3 { position: absolute; top: 373px;	left: 299px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp4 { position: absolute; top: 305px;	left: 313px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp5 { position: absolute; top: 267px;   left: 372px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp6 { position: absolute; top: 228px;	left: 558px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp7 { position: absolute; top: 250px;	left: 622px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp8 { position: absolute; top: 310px;	left: 652px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp9 { position: absolute; top: 372px;	left: 665px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp10 { position: absolute; top: 397px;  left: 725px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp11 { position: absolute; top: 550px;	left: 910px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp12 { position: absolute; top: 567px;	left: 843px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp13 { position: absolute; top: 577px;	left: 777px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp14 { position: absolute; top: 575px;	left: 710px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp15 { position: absolute; top: 558px;	left: 654px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp16 { position: absolute; top: 570px;	left: 590px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp17 { position: absolute; top: 580px;	left: 528px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp18 { position: absolute; top: 577px;	left: 460px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp19 { position: absolute; top: 592px;	left: 396px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp20 { position: absolute; top: 573px; left: 327px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp21 { position: absolute; top: 575px; left: 258px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp22 { position: absolute; top: 579px; left: 195px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp23 { position: absolute; top: 588px; left: 125px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp24 { position: absolute; top: 593px; left: 60px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp25 { position: absolute; top: 650px; left: 29px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp26 { position: absolute; top: 670px; left: 98px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp27 { position: absolute; top: 672px; left: 168px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp28 { position: absolute; top: 680px; left: 246px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp29 { position: absolute; top: 657px; left: 311px;}
#townWrapper170501 .tokutenStamp01 ul li.stamp30 { position: absolute; top: 657px; left: 378px;}

/**ボタン 1st stage***/
#townWrapper170501 .tokutenStamp01 .btnArea01 li,
#townWrapper170501 .tokutenStamp02 .btnArea02 li,
#townWrapper170501 .tokutenStamp03 .btnArea03 li,
#townWrapper170501 .tokutenStamp04 .btnArea04 li{
	position: absolute;
}

#townWrapper170501 .tokutenStamp01 .btnArea01 li:nth-child(1){	top:529px;	left: 117px;}
#townWrapper170501 .tokutenStamp01 .btnArea01 li:nth-child(2){	top:515px;	left: 395px;}
#townWrapper170501 .tokutenStamp01 .btnArea01 li:nth-child(3){	top:509px;	left: 725px;}
#townWrapper170501 .tokutenStamp01 .btnArea01 li:nth-child(4){	top:786px;	left: 591px;}

#townWrapper170501 .tokutenStamp01 ul.btnArea01 > *:first-child {	top:529px;	left: 117px;}
#townWrapper170501 .tokutenStamp01 ul.btnArea01 > *:first-child + *{	top:515px;	left: 395px;}
#townWrapper170501 .tokutenStamp01 ul.btnArea01 > *:first-child + * + *{	top:509px;	left: 725px;}
#townWrapper170501 .tokutenStamp01 ul.btnArea01 > *:first-child + * + * + *{ top:786px;	left: 591px;}


/**スタンプエリア　2st***/
#townWrapper170501 .tokutenStamp02{	background:url(../../../image/event/may2017/town/img_tokuten_stamp02.png) no-repeat center top;
	width:1000px;
	height:1195px;
	position:relative;
	margin: 0 auto;
}

/**スタンプ 2st stage***/
#townWrapper170501 .tokutenStamp02 ul li.stamp31 { position: absolute; top: 149px; left: 31px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp32 { position: absolute; top: 178px; left: 80px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp33 { position: absolute; top: 177px; left: 132px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp34 { position: absolute; top: 136px; left: 170px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp35 { position: absolute; top: 100px; left: 220px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp36 { position: absolute; top: 92px; left: 278px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp37 { position: absolute; top: 96px; left: 333px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp38 { position: absolute; top: 140px; left: 369px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp39 { position: absolute; top: 127px; left: 425px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp40 { position: absolute; top: 86px; left: 465px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp41 { position: absolute; top: 126px; left: 508px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp42 { position: absolute; top: 84px; left: 550px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp43 { position: absolute; top: 83px; left: 616px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp44 { position: absolute; top: 92px; left: 675px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp45 { position: absolute; top: 86px; left: 733px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp46 { position: absolute; top: 208px; left: 646px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp47 { position: absolute; top: 170px; left: 601px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp48 { position: absolute; top: 192px; left: 542px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp49 { position: absolute; top: 216px; left: 495px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp50 { position: absolute; top: 238px; left: 438px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp51 { position: absolute; top: 215px; left: 370px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp52 { position: absolute; top: 195px; left: 310px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp53 { position: absolute; top: 185px; left: 245px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp54 { position: absolute; top: 218px; left: 193px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp55 { position: absolute; top: 242px; left: 132px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp56 { position: absolute; top: 255px; left: 67px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp57 { position: absolute; top: 288px; left: 16px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp58 { position: absolute; top: 332px; left: 60px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp59 { position: absolute; top: 329px; left: 123px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp60 { position: absolute; top: 284px; left: 185px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp61 { position: absolute; top: 392px; left: 156px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp62 { position: absolute; top: 393px; left: 98px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp63 { position: absolute; top: 396px; left: 32px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp64 { position: absolute; top: 458px; left: 15px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp65 { position: absolute; top: 475px; left: 70px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp66 { position: absolute; top: 506px; left: 114px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp67 { position: absolute; top: 534px; left: 49px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp68 { position: absolute; top: 568px; left: 110px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp69 { position: absolute; top: 577px; left: 169px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp70 { position: absolute; top: 574px; left: 229px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp71 { position: absolute; top: 576px; left: 288px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp72 { position: absolute; top: 574px; left: 346px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp73 { position: absolute; top: 568px; left: 401px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp74 { position: absolute; top: 530px; left: 450px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp75 { position: absolute; top: 512px; left: 508px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp76 { position: absolute; top: 572px; left: 510px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp77 { position: absolute; top: 610px; left: 560px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp78 { position: absolute; top: 574px; left: 604px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp79 { position: absolute; top: 525px; left: 640px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp80 { position: absolute; top: 592px; left: 696px}
#townWrapper170501 .tokutenStamp02 ul li.stamp81 { position: absolute; top: 712px; left: 924px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp82 { position: absolute; top: 770px; left: 902px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp83 { position: absolute; top: 777px; left: 842px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp84 { position: absolute; top: 780px; left: 780px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp85 { position: absolute; top: 772px; left: 720px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp86 { position: absolute; top: 767px; left: 660px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp87 { position: absolute; top: 745px; left: 605px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp88 { position: absolute; top: 730px; left: 548px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp89 { position: absolute; top: 686px; left: 505px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp90 { position: absolute; top: 698px; left: 447px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp91 { position: absolute; top: 664px; left: 396px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp92 { position: absolute; top: 649px; left: 331px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp93 { position: absolute; top: 647px; left: 271px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp94 { position: absolute;top: 654px;  left: 210px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp95 { position: absolute;top: 636px; left: 145px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp96 { position: absolute; top: 631px; left: 80px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp97 { position: absolute; top: 647px; left: 19px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp98 { position: absolute; top: 710px; left: 13px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp99 { position: absolute; top: 772px; left: 20px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp100 { position: absolute; top: 818px; left: 60px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp101 { position: absolute; top: 900px; left: 30px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp102 { position: absolute; top: 960px; left: 15px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp103 { position: absolute; top: 1022px; left: 19px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp104 { position: absolute; top: 1080px; left: 38px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp105 { position: absolute; top: 1065px; left: 98px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp106 { position: absolute; top: 1044px; left: 158px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp107 { position: absolute; top: 1066px; left: 210px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp108 { position: absolute; top: 1064px; left: 268px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp109 { position: absolute; top: 1018px; left: 299px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp110 { position: absolute; top: 955px; left: 291px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp111 { position: absolute; top: 896px; left: 284px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp112 { position: absolute; top: 838px; left: 293px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp113 { position: absolute; top: 778px; left: 305px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp114 { position: absolute; top: 740px; left: 355px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp115 { position: absolute; top: 759px; left: 412px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp116 { position: absolute; top: 800px; left: 455px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp117 { position: absolute; top: 844px; left: 501px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp118 { position: absolute; top: 884px; left: 545px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp119 { position: absolute; top: 872px; left: 604px;}
#townWrapper170501 .tokutenStamp02 ul li.stamp120 { position: absolute; top: 834px; left: 655px;}


/**ボタン 2st stage***/
#townWrapper170501 .tokutenStamp02 .btnArea02 li:nth-child(1){	top:370px;	left: 739px;}
#townWrapper170501 .tokutenStamp02 .btnArea02 li:nth-child(2){	top:519px;	left: 214px;}
#townWrapper170501 .tokutenStamp02 .btnArea02 li:nth-child(3){	top:717px;	left: 715px;}
#townWrapper170501 .tokutenStamp02 .btnArea02 li:nth-child(4){ top: 995px;   left: 105px;}
#townWrapper170501 .tokutenStamp02 .btnArea02 li:nth-child(5){	top: 1145px;   left: 740px;}

#townWrapper170501 .tokutenStamp02 ul.btnArea02 > *:first-child {	top:370px;	left: 739px;}
#townWrapper170501 .tokutenStamp02 ul.btnArea02 > *:first-child + *{	top:519px;	left: 214px;}
#townWrapper170501 .tokutenStamp02 ul.btnArea02 > *:first-child + * + *{	top:717px;	left: 715px;}
#townWrapper170501 .tokutenStamp02 ul.btnArea02 > *:first-child + * + * + *{top: 995px;   left: 105px;}
#townWrapper170501 .tokutenStamp02 ul.btnArea02 > *:first-child + * + * + * + *{top: 1145px;   left: 740px;}



/**スタンプエリア　3st***/
#townWrapper170501 .tokutenStamp03{	background:url(../../../image/event/may2017/town/img_tokuten_stamp03.png) no-repeat center top;
	width:1000px;
	height:827px;
	position:relative;
	margin: 0 auto;
}

/**スタンプ 3st stage***/
#townWrapper170501 .tokutenStamp03 ul li.stamp140 { position: absolute;    top: 121px;    left: 134px;}
#townWrapper170501 .tokutenStamp03 ul li.stamp150 { position: absolute;    top: 91px;   left: 440px;}
#townWrapper170501 .tokutenStamp03 ul li.stamp165 { position: absolute; top: 108px; left: 731px;}
#townWrapper170501 .tokutenStamp03 ul li.stamp180 { position: absolute; top: 482px; left: 77px;}
#townWrapper170501 .tokutenStamp03 ul li.stamp220 { position: absolute; top: 480px; left: 368px;}
#townWrapper170501 .tokutenStamp03 ul li.stamp260 { position: absolute; top: 487px; left: 621px;}

 
/**ボタン 3st stage***/
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(1){	top:390px;	left: 157px;}
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(2){	top: 370px; left: 473px;}
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(3){	top:398px;	left: 737px;}
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(4){	top: 748px; left: 98px;}
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(5){	top: 762px;   left: 383px;}
#townWrapper170501 .tokutenStamp03 .btnArea03 li:nth-child(6){top: 774px;  left: 720px;}

#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child {	top:390px;	left: 157px;}
#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child + *{top: 370px; left: 473px;}
#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child + * + *{	top:398px;	left: 737px;}
#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child + * + * + *{	top: 748px; left: 98px;}
#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child + * + * + * + *{	top: 762px;   left: 383px;}
#townWrapper170501 .tokutenStamp03 ul.btnArea03 > *:first-child + * + * + * + * + *{	top: 774px;  left: 720px;}


/**スタンプエリア　4st***/
#townWrapper170501 .tokutenStamp04{	background:url(../../../image/event/may2017/town/img_tokuten_stamp04.png) no-repeat center top;
	width:1000px;
	height:969px;
	position:relative;
	margin: 0 auto 60px;
}

/**スタンプ 4st stage***/
#townWrapper170501 .tokutenStamp04 ul li.stamp275 { position: absolute;     top: 154px;    left: 123px;}
#townWrapper170501 .tokutenStamp04 ul li.stamp295 { position: absolute; top: 126px; left: 408px;}
#townWrapper170501 .tokutenStamp04 ul li.stamp315 { position: absolute; top: 136px; left: 708px;}
#townWrapper170501 .tokutenStamp04 ul li.stamp335 { position: absolute; top: 511px; left: 66px;}
#townWrapper170501 .tokutenStamp04 ul li.stamp375 { position: absolute; top: 539px; left: 335px;}
#townWrapper170501 .tokutenStamp04 ul li.stamp415 { position: absolute; top: 525px; left: 588px;}

/**ボタン 4st stage***/
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(1){	top:415px;	left: 151px;}
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(2){	top:389px;	left: 441px;}
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(3){	top: 408px;   left: 737px;}
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(4){	    top: 786px;  left: 90px;}
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(5){ top: 830px;   left: 353px;}
#townWrapper170501 .tokutenStamp04 .btnArea04 li:nth-child(6){	top: 815px;    left: 690px;}

#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child {	top:415px;	left: 151px;}
#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child + *{	top:389px;	left: 441px;}
#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child + * + *{	top: 408px;   left: 737px;}
#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child + * + * + *{	top: 786px;  left: 90px;}
#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child + * + * + * + *{	top: 830px;   left: 353px;}
#townWrapper170501 .tokutenStamp04 ul.btnArea04 > *:first-child + * + * + * + * + *{	top: 815px;    left: 690px;}




#townWrapper170501 .tokutenSpesial{
	background:url(../../../image/event/may2017/town/img_tokuten_02.png) no-repeat top center;
	width:998px;
	height:640px;
	position:relative;
	margin:0 auto 60px;
}


#townWrapper170501 .tokutenSpesial .btnSP img{
	position:absolute;
	top: 450px;
    left: 450px;
    width: 478px;
    height: 88px;
}




#townWrapper170501 .tokutenHelp{
	background:url(../../../image/event/may2017/town/img_tokuten_03.png) no-repeat center top;
	width:998px;
	height:468px;
	position:relative;
	margin: 0 auto 30px;
}

#townWrapper170501 .tokutenHelp .btnBuy img{
	width: 558px;
    height: 100px;
    position: absolute;
    top: 285px;
    left: 225px;
}



/*注意事項*/

#townWrapper170501 .tokutenNote{
	background:url(../../../image/event/may2017/town/img_note.png) no-repeat center top;
	width:893px;
	height:292px;
	position:relative;
	margin:0px auto 30px;
	padding-bottom:80px;
}

#townWrapper170501 .tokutenNote p{
	position:absolute;
	top:85px;
	left:85px;
	font-size:12px;
	color:#d05f5f;
	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以降 */
}

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

.btnList{ margin: 0 auto; }




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


#townWrapper170501 .kakinArea01{
	background:url(../../../image/event/may2017/town/bg_kakinArea01.png) no-repeat;
	width:1000px;
	height:990px;
	position:relative;
	margin: 40px auto 60px;
}

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

#townWrapper170501 .kakinArea01 ul{
	position:absolute;
	top: 488px;
    left: 770px;
	font-size:15px;
	text-align:right;
	width:165px;
	color:#ffffff;
}

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

/*-- radiobottom--*/
#townWrapper170501 .kakinArea01 ul.selectpt{
	position:absolute;
    top: 327px;
    left: 225px;
    font-size: 18px;
    font-weight: 400;
    width: 650px;
    color: #ffffff;
}

#townWrapper170501 .kakinArea01 ul.selectpt li {
	float: left;
	margin:0 30px 0 0;
}

#townWrapper170501 .kakinArea01 ul.selectpt li.P_none{
	color:#e9a9a9;
}


#townWrapper170501 .kakinArea01 .txtError{
	position:absolute;
	top: 520px;
    left: 292px;
	font-size:18px;
	color:#3e2b05;
	line-height:1.6;
	text-align:center;
	width:761px;
	    z-index: -10;
}

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

#townWrapper170501 .kakinArea01 .txtPcion a{
	color:#ffffff;
}

#townWrapper170501 .kakinArea01 .txtPcion a:link{
	color:#ffffff;
	text-decoration:underline;
}

#townWrapper170501 .kakinArea01 .txtPcion a:hover{
	color:#ffffff;
	text-decoration:none;
}


#townWrapper170501 .kakinArea01 .buyCheckArea{
	background:url(../../../image/event/may2017/town/bg_kakin_check.png) no-repeat;
	width:617px;
	height:49px;
	position:absolute;
	top:730px;
	left:200px;
}

#townWrapper170501 .kakinArea01 .buyCheckArea input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;  
    height: 100%;
}
 
#townWrapper170501 .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;
}
 
#townWrapper170501 .kakinArea01 .buyCheckArea input[type="checkbox"]:checked + label {
    background-image: url(../../../image/event/may2017/town/icon_kakin_check_on.png);
}

#townWrapper170501 .kakinArea01 .btnBuy{
	position:absolute;
	top: 820px;
    left: 224px;
}

#townWrapper170501 .kakinArea01 .btnBuy img{
	width: 558px;
    height: 100px;
}


#townWrapper170501 .kakinArea_fim{
	background:url(../../../image/event/may2017/town/bg_kakinArea02.png) no-repeat;
	width:1000px;
	height:665px;
	position:relative;
	margin: 40px auto 60px;
}

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

#townWrapper170501 .kakinArea_fim .count01 {
	position:absolute;
    left: 100px;	
}

#townWrapper170501 .kakinArea_fim .count02{
	position:absolute;
    left: 540px;
}


#townWrapper170501 .kakinArea_fim .btnBuyAgain{
	position:absolute;
	top: 490px;
    left: 40px;
}

#townWrapper170501 .kakinArea_fim .btnTokuten{
	position:absolute;
	top:490px;
	left:505px;
}

/* ページトップへ戻る */
/* ページトップへ戻る */
.pageTop {
	display:none;
	position:relative;
	width:100%;
	max-width: 832px;
	height:0;
	margin:0 auto;
}
.pageTop a {
	position: fixed;
	bottom: 0px;
	left:auto;
	display: block;
	margin-left:920px;
	padding:1em 0 0 2px;
	z-index:9999;

}

.pageTop a img {
	width: 163px;
	height: 163px;	
}